frontend-uniapp / Civil-Affairs-Bureau-WeChar

Commit 6e668ba748fb8c7cfa40059707378c86a2b84bef

Authored by 起风了
1 parent f009da1c

111

Inline Side-by-side
Showing 9 changed files with 970 additions and 970 deletions
.DS_Store
View file @6e668ba
No preview for this file type
1 -import Vue from 'vue';  
2 -import App from './App';  
3 -import apis from './apis/index.js'  
4 -import uView from "uview-ui";  
5 -  
6 -Vue.prototype.API = apis;  
7 -  
8 -Vue.prototype.Baseapi = "http://8.130.38.56:2015";  
9 -  
10 -Vue.config.productionTip = false  
11 -  
12 -Vue.use(uView);  
13 -// 全局组件  
14 -  
15 -App.mpType = 'app'  
16 -  
17 -const app = new Vue({  
18 - ...App  
19 -})  
20 -app.$mount() 1 +import Vue from 'vue';
  2 +import App from './App';
  3 +import apis from './apis/index.js'
  4 +import uView from "uview-ui";
  5 +
  6 +Vue.prototype.API = apis;
  7 +
  8 +Vue.prototype.Baseapi = "http://zhmz.rsxmzj.cn:8536";
  9 +
  10 +Vue.config.productionTip = false
  11 +
  12 +Vue.use(uView);
  13 +// 全局组件
  14 +
  15 +App.mpType = 'app'
  16 +
  17 +const app = new Vue({
  18 + ...App
  19 +})
  20 +app.$mount()
pages/institutiondetail/institutiondetail.vue
  View file @6e668ba
1 -<template>  
2 - <view>  
3 - <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>  
4 - <view class="listBox" :style="{'padding-top':(pageTop+'px')}">  
5 - <view class="content">  
6 - <!-- banner，标题 -->  
7 - <view class="banner-title">  
8 - <view>  
9 - <view class="navTab">  
10 - <scroll-view :scroll-x="true" style="white-space: nowrap;">  
11 - <view class="tabBox">  
12 - <view class="tabList" v-for="item in info.image">  
13 - <image :src="Baseapi + item"></image>  
14 - </view>  
15 - </view>  
16 - </scroll-view>  
17 - </view>  
18 - </view>  
19 - <!-- 标题 -->  
20 - <view class="goods-title">  
21 - <view class="big">{{info.name}}</view>  
22 - <view class="goods-small">  
23 - <view class="goods-small-left">  
24 - <view class="goods-small-left-list"><image src="../../static/institution1.png"></image>{{info.address}}</view>  
25 - <view class="goods-small-left-list"><image src="../../static/institution2.png"></image>{{info.operatingHours}}</view>  
26 - </view>  
27 - <view class="goods-small-right" @click="open">  
28 - <view><image src="../../static/phone2.png"></image></view>  
29 - <view>电话</view>  
30 - </view>  
31 - </view>  
32 - <view v-html="info.introduction"></view>  
33 - </view>  
34 - </view>  
35 - <!-- 商品介绍 -->  
36 - <view class="products-introduction" ref="products">  
37 - <view class="content-box">  
38 - <image v-for="item in info.image" :src="Baseapi + item"></image>  
39 - </view>  
40 - </view>  
41 - <!-- 底部 -->  
42 - <view class="page-footer">  
43 - <view class="footer-buy" style="display: flex;justify-content: center;">  
44 - <view class="cart-add" @click="open">  
45 - <view><image src="../../static/btn2.png"></image></view>  
46 - <view class="cart-add-text"><image src="../../static/phone.png"></image><text>联系电话</text></view>  
47 - </view>  
48 - <!-- <view class="buy-at">  
49 - <image src="../../static/btn1.png"></image>  
50 - <text>立即购买</text>  
51 - </view> -->  
52 - </view>  
53 - </view>  
54 - </view>  
55 - </view>  
56 - </view>  
57 -</template>  
58 -  
59 -<script>  
60 -export default {  
61 - data() {  
62 - return {  
63 - Baseapi:"http://8.130.38.56:2015",  
64 - nvConfig:{  
65 - title:"殡葬服务机构详情",  
66 - bgColor:"#ffffff",  
67 - color:"#000000",  
68 - fixedAssist:{  
69 - hide:true,  
70 - },  
71 - },  
72 - swiperList: [  
73 - {  
74 - id: 0,  
75 - type: 'image',  
76 - url: '/static/img/01.jpg'  
77 - },  
78 - {  
79 - id: 1,  
80 - type: 'image',  
81 - url: '/static/img/01.jpg'  
82 - },  
83 - ],  
84 -  
85 - info:{},  
86 - contentshow:false,  
87 - contentNumber: 10086,  
88 - };  
89 - },  
90 - onPageScroll(e) {this.$refs.nv.pageScroll(e)},  
91 - computed:{  
92 - pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}  
93 - },  
94 - onLoad(e) {  
95 - this.info = JSON.parse(e.info)  
96 - console.log(this.info.name);  
97 - console.log("上一个页面的值",e,this.info);  
98 - },  
99 - methods: {  
100 - open(){  
101 - console.log("123",this.contentshow);  
102 - var that = this  
103 - uni.showModal({  
104 - title: '联系电话',  
105 - content: '拨打电话:' + that.contentNumber,  
106 - success: function (res) {  
107 - if (res.confirm) {  
108 - console.log('用户点击确定');  
109 - } else if (res.cancel) {  
110 - console.log('用户点击取消');  
111 - }  
112 - }  
113 - });  
114 - },  
115 - }  
116 -};  
117 -</script>  
118 -  
119 -<style scoped lang="scss">  
120 -@import 'institutiondetail.scss';  
121 -</style> 1 +<template>
  2 + <view>
  3 + <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>
  4 + <view class="listBox" :style="{'padding-top':(pageTop+'px')}">
  5 + <view class="content">
  6 + <!-- banner，标题 -->
  7 + <view class="banner-title">
  8 + <view>
  9 + <view class="navTab">
  10 + <scroll-view :scroll-x="true" style="white-space: nowrap;">
  11 + <view class="tabBox">
  12 + <view class="tabList" v-for="item in info.image">
  13 + <image :src="Baseapi + item"></image>
  14 + </view>
  15 + </view>
  16 + </scroll-view>
  17 + </view>
  18 + </view>
  19 + <!-- 标题 -->
  20 + <view class="goods-title">
  21 + <view class="big">{{info.name}}</view>
  22 + <view class="goods-small">
  23 + <view class="goods-small-left">
  24 + <view class="goods-small-left-list"><image src="../../static/institution1.png"></image>{{info.address}}</view>
  25 + <view class="goods-small-left-list"><image src="../../static/institution2.png"></image>{{info.operatingHours}}</view>
  26 + </view>
  27 + <view class="goods-small-right" @click="open">
  28 + <view><image src="../../static/phone2.png"></image></view>
  29 + <view>电话</view>
  30 + </view>
  31 + </view>
  32 + <view v-html="info.introduction"></view>
  33 + </view>
  34 + </view>
  35 + <!-- 商品介绍 -->
  36 + <view class="products-introduction" ref="products">
  37 + <view class="content-box">
  38 + <image v-for="item in info.image" :src="Baseapi + item"></image>
  39 + </view>
  40 + </view>
  41 + <!-- 底部 -->
  42 + <view class="page-footer">
  43 + <view class="footer-buy" style="display: flex;justify-content: center;">
  44 + <view class="cart-add" @click="open">
  45 + <view><image src="../../static/btn2.png"></image></view>
  46 + <view class="cart-add-text"><image src="../../static/phone.png"></image><text>联系电话</text></view>
  47 + </view>
  48 + <!-- <view class="buy-at">
  49 + <image src="../../static/btn1.png"></image>
  50 + <text>立即购买</text>
  51 + </view> -->
  52 + </view>
  53 + </view>
  54 + </view>
  55 + </view>
  56 + </view>
  57 +</template>
  58 +
  59 +<script>
  60 +export default {
  61 + data() {
  62 + return {
  63 + Baseapi:"http://zhmz.rsxmzj.cn:8536",
  64 + nvConfig:{
  65 + title:"殡葬服务机构详情",
  66 + bgColor:"#ffffff",
  67 + color:"#000000",
  68 + fixedAssist:{
  69 + hide:true,
  70 + },
  71 + },
  72 + swiperList: [
  73 + {
  74 + id: 0,
  75 + type: 'image',
  76 + url: '/static/img/01.jpg'
  77 + },
  78 + {
  79 + id: 1,
  80 + type: 'image',
  81 + url: '/static/img/01.jpg'
  82 + },
  83 + ],
  84 +
  85 + info:{},
  86 + contentshow:false,
  87 + contentNumber: 10086,
  88 + };
  89 + },
  90 + onPageScroll(e) {this.$refs.nv.pageScroll(e)},
  91 + computed:{
  92 + pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}
  93 + },
  94 + onLoad(e) {
  95 + this.info = JSON.parse(e.info)
  96 + console.log(this.info.name);
  97 + console.log("上一个页面的值",e,this.info);
  98 + },
  99 + methods: {
  100 + open(){
  101 + console.log("123",this.contentshow);
  102 + var that = this
  103 + uni.showModal({
  104 + title: '联系电话',
  105 + content: '拨打电话:' + that.contentNumber,
  106 + success: function (res) {
  107 + if (res.confirm) {
  108 + console.log('用户点击确定');
  109 + } else if (res.cancel) {
  110 + console.log('用户点击取消');
  111 + }
  112 + }
  113 + });
  114 + },
  115 + }
  116 +};
  117 +</script>
  118 +
  119 +<style scoped lang="scss">
  120 +@import 'institutiondetail.scss';
  121 +</style>
pages/mall/mall.vue
  View file @6e668ba
1 -<template>  
2 - <view class="page">  
3 - <view class="bg">  
4 - <image src="/static/bg.jpg"></image>  
5 - </view>  
6 - <view class="back" @click="home">  
7 - <image src="../../static/left.png"></image>  
8 - </view>  
9 - <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>  
10 - <view class="listBox" :style="{'padding-top':(pageTop+'px')}">  
11 - <view class="content">  
12 - <view class="search-index">  
13 - <view class="search">  
14 - <view class="iconfont">  
15 - <image src="../../static/search.png"></image>  
16 - </view>  
17 - <text class="shu">|</text>  
18 - <input type="text" placeholder="请输入关键词" />  
19 - </view>  
20 - </view>  
21 -  
22 - <!-- 分类数据 -->  
23 - <view class="classify-data">  
24 - <view class="classify-one">  
25 - <scroll-view scroll-y class="classify-list">  
26 - <!-- <view class="list action">  
27 - <text>全部</text>  
28 - </view> -->  
29 - <view class="list" @click="dhxz(index,item.name)" :class="{ 'action': item.checked }" v-for="(item,index) in navigation" :key="index">  
30 - <text>{{item.name}}</text>  
31 - </view>  
32 - </scroll-view>  
33 - </view>  
34 - <view class="classify-two-three">  
35 - <scroll-view scroll-y class="scroll">  
36 - <view class="goods-list" v-for="item in list">  
37 - <view class="goods">  
38 - <view class="thumb">  
39 - <image :src="Baseapi + item.productImage" mode=""></image>  
40 - </view>  
41 - <view class="item">  
42 - <view class="goods-name">  
43 - <view class="goods-name-title">{{item.productName}}</view>  
44 - <view>{{item.briefIntro}}</view>  
45 - </view>  
46 - <view class="status-btn" @click="mallgoods(item)">  
47 - <view class="btn">  
48 - <text>购买</text>  
49 - </view>  
50 - </view>  
51 - </view>  
52 - </view>  
53 - </view>  
54 - </scroll-view>  
55 - </view>  
56 - </view>  
57 -  
58 - </view>  
59 - </view>  
60 - <!-- tabbar -->  
61 - <TabBar :tabBarShow="2"></TabBar>  
62 - </view>  
63 -</template>  
64 -  
65 -<script>  
66 - import TabBar from '../../components/TabBar/TabBar.vue';  
67 - export default {  
68 - components: {  
69 - TabBar  
70 - },  
71 - data() {  
72 - return {  
73 - Baseapi:"http://8.130.38.56:2015",  
74 - nvConfig: {  
75 - title: "殡葬公共服务",  
76 - bgColor: "#ffffff",  
77 - color: "#000000",  
78 - fixedAssist: {  
79 - hide: true,  
80 - },  
81 - transparent: {  
82 - initColor: "#000",  
83 - },  
84 - back: {  
85 - hide: true  
86 - },  
87 - },  
88 - navigation:[  
89 - {  
90 - name:"全部",  
91 - checked:true  
92 - },  
93 - {  
94 - name:"分类一",  
95 - checked:false  
96 - },  
97 - {  
98 - name:"分类二",  
99 - checked:false  
100 - },  
101 - ],  
102 - list:[],  
103 - lists:[],  
104 - };  
105 - },  
106 - onPageScroll(e) {  
107 - this.$refs.nv.pageScroll(e)  
108 - },  
109 - computed: {  
110 - pageTop() {  
111 - return parseInt(88 * uni.getSystemInfoSync().windowWidth / 750) + uni.getSystemInfoSync().statusBarHeight  
112 - }  
113 - },  
114 - onLoad() {  
115 - uni.hideTabBar();  
116 - this.getcpxq();  
117 - },  
118 - onshow(){  
119 - this.getcpxq();  
120 - },  
121 - methods: {  
122 - home() {  
123 - uni.navigateTo({  
124 - url: '/pages/home/home'  
125 - })  
126 - },  
127 - mallgoods(item) {  
128 - var info = JSON.stringify(item)  
129 - uni.navigateTo({  
130 - url: '/pages/mallgoods/mallgoods?info=' + info  
131 - })  
132 - },  
133 - // 导航选择  
134 - dhxz(index,name){  
135 - console.log(index,name);  
136 - this.list = []  
137 - for(let i = 0;i < this.navigation.length;i++){  
138 - if(index == i){  
139 - this.navigation[i].checked = true  
140 - }else{  
141 - this.navigation[i].checked = false  
142 - }  
143 - }  
144 - for(var i = 0;i < this.lists.length;i++){  
145 - if(name == '全部'){  
146 - this.list = this.lists  
147 - return  
148 - }  
149 - console.log(this.lists[i].productCategory,name);  
150 - if(this.lists[i].productCategory == name){  
151 - this.list.push(this.lists[i])  
152 - }  
153 - }  
154 -  
155 - },  
156 - // 获取列表数据  
157 - getcpxq(){  
158 - this.API.getcpxq().then(res=>{  
159 - console.log("列表数据",res);  
160 - this.list = res.rows;  
161 - this.lists = res.rows;  
162 - })  
163 - },  
164 - }  
165 - }  
166 -</script>  
167 -  
168 -<style scoped lang="scss">  
169 - @import 'mall.scss';  
170 -</style> 1 +<template>
  2 + <view class="page">
  3 + <view class="bg">
  4 + <image src="/static/bg.jpg"></image>
  5 + </view>
  6 + <view class="back" @click="home">
  7 + <image src="../../static/left.png"></image>
  8 + </view>
  9 + <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>
  10 + <view class="listBox" :style="{'padding-top':(pageTop+'px')}">
  11 + <view class="content">
  12 + <view class="search-index">
  13 + <view class="search">
  14 + <view class="iconfont">
  15 + <image src="../../static/search.png"></image>
  16 + </view>
  17 + <text class="shu">|</text>
  18 + <input type="text" placeholder="请输入关键词" />
  19 + </view>
  20 + </view>
  21 +
  22 + <!-- 分类数据 -->
  23 + <view class="classify-data">
  24 + <view class="classify-one">
  25 + <scroll-view scroll-y class="classify-list">
  26 + <!-- <view class="list action">
  27 + <text>全部</text>
  28 + </view> -->
  29 + <view class="list" @click="dhxz(index,item.name)" :class="{ 'action': item.checked }" v-for="(item,index) in navigation" :key="index">
  30 + <text>{{item.name}}</text>
  31 + </view>
  32 + </scroll-view>
  33 + </view>
  34 + <view class="classify-two-three">
  35 + <scroll-view scroll-y class="scroll">
  36 + <view class="goods-list" v-for="item in list">
  37 + <view class="goods">
  38 + <view class="thumb">
  39 + <image :src="Baseapi + item.productImage" mode=""></image>
  40 + </view>
  41 + <view class="item">
  42 + <view class="goods-name">
  43 + <view class="goods-name-title">{{item.productName}}</view>
  44 + <view>{{item.briefIntro}}</view>
  45 + </view>
  46 + <view class="status-btn" @click="mallgoods(item)">
  47 + <view class="btn">
  48 + <text>购买</text>
  49 + </view>
  50 + </view>
  51 + </view>
  52 + </view>
  53 + </view>
  54 + </scroll-view>
  55 + </view>
  56 + </view>
  57 +
  58 + </view>
  59 + </view>
  60 + <!-- tabbar -->
  61 + <TabBar :tabBarShow="2"></TabBar>
  62 + </view>
  63 +</template>
  64 +
  65 +<script>
  66 + import TabBar from '../../components/TabBar/TabBar.vue';
  67 + export default {
  68 + components: {
  69 + TabBar
  70 + },
  71 + data() {
  72 + return {
  73 + Baseapi:"http://zhmz.rsxmzj.cn:8536",
  74 + nvConfig: {
  75 + title: "殡葬公共服务",
  76 + bgColor: "#ffffff",
  77 + color: "#000000",
  78 + fixedAssist: {
  79 + hide: true,
  80 + },
  81 + transparent: {
  82 + initColor: "#000",
  83 + },
  84 + back: {
  85 + hide: true
  86 + },
  87 + },
  88 + navigation:[
  89 + {
  90 + name:"全部",
  91 + checked:true
  92 + },
  93 + {
  94 + name:"分类一",
  95 + checked:false
  96 + },
  97 + {
  98 + name:"分类二",
  99 + checked:false
  100 + },
  101 + ],
  102 + list:[],
  103 + lists:[],
  104 + };
  105 + },
  106 + onPageScroll(e) {
  107 + this.$refs.nv.pageScroll(e)
  108 + },
  109 + computed: {
  110 + pageTop() {
  111 + return parseInt(88 * uni.getSystemInfoSync().windowWidth / 750) + uni.getSystemInfoSync().statusBarHeight
  112 + }
  113 + },
  114 + onLoad() {
  115 + uni.hideTabBar();
  116 + this.getcpxq();
  117 + },
  118 + onshow(){
  119 + this.getcpxq();
  120 + },
  121 + methods: {
  122 + home() {
  123 + uni.navigateTo({
  124 + url: '/pages/home/home'
  125 + })
  126 + },
  127 + mallgoods(item) {
  128 + var info = JSON.stringify(item)
  129 + uni.navigateTo({
  130 + url: '/pages/mallgoods/mallgoods?info=' + info
  131 + })
  132 + },
  133 + // 导航选择
  134 + dhxz(index,name){
  135 + console.log(index,name);
  136 + this.list = []
  137 + for(let i = 0;i < this.navigation.length;i++){
  138 + if(index == i){
  139 + this.navigation[i].checked = true
  140 + }else{
  141 + this.navigation[i].checked = false
  142 + }
  143 + }
  144 + for(var i = 0;i < this.lists.length;i++){
  145 + if(name == '全部'){
  146 + this.list = this.lists
  147 + return
  148 + }
  149 + console.log(this.lists[i].productCategory,name);
  150 + if(this.lists[i].productCategory == name){
  151 + this.list.push(this.lists[i])
  152 + }
  153 + }
  154 +
  155 + },
  156 + // 获取列表数据
  157 + getcpxq(){
  158 + this.API.getcpxq().then(res=>{
  159 + console.log("列表数据",res);
  160 + this.list = res.rows;
  161 + this.lists = res.rows;
  162 + })
  163 + },
  164 + }
  165 + }
  166 +</script>
  167 +
  168 +<style scoped lang="scss">
  169 + @import 'mall.scss';
  170 +</style>
pages/mallgoods/mallgoods.vue
  View file @6e668ba
1 -<template>  
2 - <view>  
3 - <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>  
4 - <view class="listBox" :style="{'padding-top':(pageTop+'px')}">  
5 - <view class="content">  
6 - <!-- banner，标题 -->  
7 - <view class="banner-title">  
8 - <!-- banner -->  
9 - <view class="banner">  
10 - <swiper class="screen-swiper round-dot" indicator-dots="true" circular="true" autoplay="true" interval="5000"  
11 - duration="500">  
12 - <swiper-item v-for="(item, index) in swiperList" :key="index">  
13 - <image :src="Baseapi + info.productImage"></image>  
14 - </swiper-item>  
15 - </swiper>  
16 - </view>  
17 - <!-- 价格 -->  
18 - <view class="price-info">  
19 - <view class="price">  
20 - <text class="min">￥</text>  
21 - <text class="max">{{info.price}}.00</text>  
22 - </view>  
23 - <view class="">  
24 - <u-number-box v-model="number">  
25 - <view  
26 - slot="minus"  
27 - class="minus"  
28 - >  
29 - <u-icon  
30 - name="minus"  
31 - size="12"  
32 - ></u-icon>  
33 - </view>  
34 - <text  
35 - slot="input"  
36 - style="width: 50px;text-align: center;"  
37 - class="input"  
38 - >{{number}}</text>  
39 - <view  
40 - slot="plus"  
41 - class="plus"  
42 - >  
43 - <u-icon  
44 - name="plus"  
45 - color="#FFFFFF"  
46 - size="12"  
47 - ></u-icon>  
48 - </view>  
49 - </u-number-box>  
50 - </view>  
51 - <view class="serve">  
52 - <view class="" style="font-size: 32rpx;font-weight: 600;display: flex;" @click="bspersonshow = true">{{bspersoninfo.name}} <u-icon name="arrow-down-fill" color="#2979ff" size="20"></u-icon></view>  
53 - </view>  
54 - </view>  
55 - <u-picker :show="bspersonshow" @confirm="bspersonconfirm" @cancel="bspersonclose" :columns="bspersoncolumns"></u-picker>  
56 - <!-- 标题 -->  
57 - <view class="goods-title">  
58 - <view class="big">{{info.productName}}</view>  
59 - <view class="goods-icon">  
60 - <view class="goods-icon-bg">{{info.specification}}</view>  
61 - </view>  
62 - <view>{{info.briefIntro}}</view>  
63 - </view>  
64 - </view>  
65 - <!-- 商品介绍 -->  
66 - <view class="products-introduction" ref="products">  
67 - <view class="content-box">  
68 - <image :src="Baseapi + info.productImage"></image>  
69 - </view>  
70 - </view>  
71 - <!-- 底部 -->  
72 - <view class="page-footer">  
73 - <view class="footer-buy">  
74 - <!-- <view class="cart-add">  
75 - <image src="../../static/btn2.png"></image>  
76 - <text><image src="../../static/phone.png"></image>联系电话</text>  
77 - </view> -->  
78 - <view style="width: 100%;" class="buy-at" @click="addproduct">  
79 - <image src="../../static/btn1.png"></image>  
80 - <text>立即购买</text>  
81 - </view>  
82 - </view>  
83 - </view>  
84 - </view>  
85 - </view>  
86 - <u-toast ref="uToast"></u-toast>  
87 - </view>  
88 -</template>  
89 -  
90 -<script>  
91 -export default {  
92 - data() {  
93 - return {  
94 - Baseapi:"http://8.130.38.56:2015",  
95 - nvConfig:{  
96 - title:"商品详情",  
97 - bgColor:"#ffffff",  
98 - color:"#000000",  
99 - fixedAssist:{  
100 - hide:true,  
101 - },  
102 - },  
103 - swiperList: [  
104 - {  
105 - id: 0,  
106 - type: 'image',  
107 - url: '/static/img/01.jpg'  
108 - },  
109 - ],  
110 - info:{},  
111 -  
112 - bspersoninfo:{  
113 - name:"",  
114 - obituaryOrderNumber:"",  
115 - },  
116 - bspersonshow:false,  
117 - bspersonlist:[],  
118 - bspersoncolumns:[],  
119 -  
120 - // 数量  
121 - number:1,  
122 - };  
123 - },  
124 - onPageScroll(e) {this.$refs.nv.pageScroll(e)},  
125 - computed:{  
126 - pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}  
127 - },  
128 - onLoad(item) {  
129 - this.info = JSON.parse(item.info)  
130 - console.log(this.info);  
131 - this.getbsinfo();  
132 - },  
133 - methods: {  
134 - // 获取用户的报丧记录  
135 - getbsinfo(){  
136 - console.log("userinfo",uni.getStorageSync("USERS_KEY"));  
137 - var info = {  
138 - userId:uni.getStorageSync("USERS_KEY").userId  
139 - }  
140 - this.API.getbsinfo(info).then(res=>{  
141 - console.log("获取用户报丧信息",res);  
142 - this.bzpersonlist = res.rows;  
143 - this.bspersoninfo.name = res.rows[0].deceasedName  
144 - this.bspersoninfo.obituaryOrderNumber = res.rows[0].orderNumber  
145 - var info = []  
146 - for(let i = 0;i < res.rows.length;i++){  
147 - info.push(res.rows[i].deceasedName)  
148 - }  
149 - this.bspersoncolumns.push(info)  
150 - })  
151 - },  
152 - // 报丧人确定  
153 - bspersonconfirm(e){  
154 - this.bspersonshow = false  
155 - this.bspersoninfo.name = e.value[0]  
156 - this.bspersoninfo.obituaryOrderNumber = this.bspersonlist[e.indexs[0]].orderNumber  
157 - },  
158 - bspersonclose(){  
159 - this.bspersonshow = false  
160 - },  
161 - addproduct(){  
162 - console.log(uni.getStorageSync('USERS_KEY'));  
163 - var info = {  
164 - userId:0,  
165 - productId:"",  
166 - productTotal:this.number,  
167 - orderNumber:"",  
168 - }  
169 - info.userId = uni.getStorageSync('USERS_KEY').userId;  
170 - info.productId = this.info.productId;  
171 - info.orderNumber = this.bspersoninfo.obituaryOrderNumber  
172 - console.log("提交数据",info);  
173 - // return  
174 - this.API.addproduct(info).then(res=>{  
175 - console.log("商品订单",res);  
176 - if(res.code == 200){  
177 - this.$refs.uToast.show({  
178 - type: 'success',  
179 - title: '成功主题(带图标)',  
180 - message: "购买成功",  
181 - iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'  
182 - })  
183 - setTimeout(function () {  
184 - uni.navigateBack({  
185 - delta: 1  
186 - });  
187 - }, 2000);  
188 - }  
189 - })  
190 - },  
191 - }  
192 -};  
193 -</script>  
194 -  
195 -<style scoped lang="scss">  
196 -@import 'mallgoods.scss';  
197 -.minus {  
198 - width: 22px;  
199 - height: 22px;  
200 - border-width: 1px;  
201 - border-color: #E6E6E6;  
202 - border-style: solid;  
203 - border-top-left-radius: 100px;  
204 - border-top-right-radius: 100px;  
205 - border-bottom-left-radius: 100px;  
206 - border-bottom-right-radius: 100px;  
207 - @include flex;  
208 - justify-content: center;  
209 - align-items: center;  
210 - }  
211 -  
212 - .input {  
213 - padding: 0 10px;  
214 - }  
215 -  
216 - .plus {  
217 - width: 22px;  
218 - height: 22px;  
219 - background-color: rgb(84, 125, 255);  
220 - border-radius: 50%;  
221 - /* #ifndef APP-NVUE */  
222 - display: flex;  
223 - /* #endif */  
224 - justify-content: center;  
225 - align-items: center;  
226 - }  
227 -</style> 1 +<template>
  2 + <view>
  3 + <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>
  4 + <view class="listBox" :style="{'padding-top':(pageTop+'px')}">
  5 + <view class="content">
  6 + <!-- banner，标题 -->
  7 + <view class="banner-title">
  8 + <!-- banner -->
  9 + <view class="banner">
  10 + <swiper class="screen-swiper round-dot" indicator-dots="true" circular="true" autoplay="true" interval="5000"
  11 + duration="500">
  12 + <swiper-item v-for="(item, index) in swiperList" :key="index">
  13 + <image :src="Baseapi + info.productImage"></image>
  14 + </swiper-item>
  15 + </swiper>
  16 + </view>
  17 + <!-- 价格 -->
  18 + <view class="price-info">
  19 + <view class="price">
  20 + <text class="min">￥</text>
  21 + <text class="max">{{info.price}}.00</text>
  22 + </view>
  23 + <view class="">
  24 + <u-number-box v-model="number">
  25 + <view
  26 + slot="minus"
  27 + class="minus"
  28 + >
  29 + <u-icon
  30 + name="minus"
  31 + size="12"
  32 + ></u-icon>
  33 + </view>
  34 + <text
  35 + slot="input"
  36 + style="width: 50px;text-align: center;"
  37 + class="input"
  38 + >{{number}}</text>
  39 + <view
  40 + slot="plus"
  41 + class="plus"
  42 + >
  43 + <u-icon
  44 + name="plus"
  45 + color="#FFFFFF"
  46 + size="12"
  47 + ></u-icon>
  48 + </view>
  49 + </u-number-box>
  50 + </view>
  51 + <view class="serve">
  52 + <view class="" style="font-size: 32rpx;font-weight: 600;display: flex;" @click="bspersonshow = true">{{bspersoninfo.name}} <u-icon name="arrow-down-fill" color="#2979ff" size="20"></u-icon></view>
  53 + </view>
  54 + </view>
  55 + <u-picker :show="bspersonshow" @confirm="bspersonconfirm" @cancel="bspersonclose" :columns="bspersoncolumns"></u-picker>
  56 + <!-- 标题 -->
  57 + <view class="goods-title">
  58 + <view class="big">{{info.productName}}</view>
  59 + <view class="goods-icon">
  60 + <view class="goods-icon-bg">{{info.specification}}</view>
  61 + </view>
  62 + <view>{{info.briefIntro}}</view>
  63 + </view>
  64 + </view>
  65 + <!-- 商品介绍 -->
  66 + <view class="products-introduction" ref="products">
  67 + <view class="content-box">
  68 + <image :src="Baseapi + info.productImage"></image>
  69 + </view>
  70 + </view>
  71 + <!-- 底部 -->
  72 + <view class="page-footer">
  73 + <view class="footer-buy">
  74 + <!-- <view class="cart-add">
  75 + <image src="../../static/btn2.png"></image>
  76 + <text><image src="../../static/phone.png"></image>联系电话</text>
  77 + </view> -->
  78 + <view style="width: 100%;" class="buy-at" @click="addproduct">
  79 + <image src="../../static/btn1.png"></image>
  80 + <text>立即购买</text>
  81 + </view>
  82 + </view>
  83 + </view>
  84 + </view>
  85 + </view>
  86 + <u-toast ref="uToast"></u-toast>
  87 + </view>
  88 +</template>
  89 +
  90 +<script>
  91 +export default {
  92 + data() {
  93 + return {
  94 + Baseapi:"http://zhmz.rsxmzj.cn:8536",
  95 + nvConfig:{
  96 + title:"商品详情",
  97 + bgColor:"#ffffff",
  98 + color:"#000000",
  99 + fixedAssist:{
  100 + hide:true,
  101 + },
  102 + },
  103 + swiperList: [
  104 + {
  105 + id: 0,
  106 + type: 'image',
  107 + url: '/static/img/01.jpg'
  108 + },
  109 + ],
  110 + info:{},
  111 +
  112 + bspersoninfo:{
  113 + name:"",
  114 + obituaryOrderNumber:"",
  115 + },
  116 + bspersonshow:false,
  117 + bspersonlist:[],
  118 + bspersoncolumns:[],
  119 +
  120 + // 数量
  121 + number:1,
  122 + };
  123 + },
  124 + onPageScroll(e) {this.$refs.nv.pageScroll(e)},
  125 + computed:{
  126 + pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}
  127 + },
  128 + onLoad(item) {
  129 + this.info = JSON.parse(item.info)
  130 + console.log(this.info);
  131 + this.getbsinfo();
  132 + },
  133 + methods: {
  134 + // 获取用户的报丧记录
  135 + getbsinfo(){
  136 + console.log("userinfo",uni.getStorageSync("USERS_KEY"));
  137 + var info = {
  138 + userId:uni.getStorageSync("USERS_KEY").userId
  139 + }
  140 + this.API.getbsinfo(info).then(res=>{
  141 + console.log("获取用户报丧信息",res);
  142 + this.bzpersonlist = res.rows;
  143 + this.bspersoninfo.name = res.rows[0].deceasedName
  144 + this.bspersoninfo.obituaryOrderNumber = res.rows[0].orderNumber
  145 + var info = []
  146 + for(let i = 0;i < res.rows.length;i++){
  147 + info.push(res.rows[i].deceasedName)
  148 + }
  149 + this.bspersoncolumns.push(info)
  150 + })
  151 + },
  152 + // 报丧人确定
  153 + bspersonconfirm(e){
  154 + this.bspersonshow = false
  155 + this.bspersoninfo.name = e.value[0]
  156 + this.bspersoninfo.obituaryOrderNumber = this.bspersonlist[e.indexs[0]].orderNumber
  157 + },
  158 + bspersonclose(){
  159 + this.bspersonshow = false
  160 + },
  161 + addproduct(){
  162 + console.log(uni.getStorageSync('USERS_KEY'));
  163 + var info = {
  164 + userId:0,
  165 + productId:"",
  166 + productTotal:this.number,
  167 + orderNumber:"",
  168 + }
  169 + info.userId = uni.getStorageSync('USERS_KEY').userId;
  170 + info.productId = this.info.productId;
  171 + info.orderNumber = this.bspersoninfo.obituaryOrderNumber
  172 + console.log("提交数据",info);
  173 + // return
  174 + this.API.addproduct(info).then(res=>{
  175 + console.log("商品订单",res);
  176 + if(res.code == 200){
  177 + this.$refs.uToast.show({
  178 + type: 'success',
  179 + title: '成功主题(带图标)',
  180 + message: "购买成功",
  181 + iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'
  182 + })
  183 + setTimeout(function () {
  184 + uni.navigateBack({
  185 + delta: 1
  186 + });
  187 + }, 2000);
  188 + }
  189 + })
  190 + },
  191 + }
  192 +};
  193 +</script>
  194 +
  195 +<style scoped lang="scss">
  196 +@import 'mallgoods.scss';
  197 +.minus {
  198 + width: 22px;
  199 + height: 22px;
  200 + border-width: 1px;
  201 + border-color: #E6E6E6;
  202 + border-style: solid;
  203 + border-top-left-radius: 100px;
  204 + border-top-right-radius: 100px;
  205 + border-bottom-left-radius: 100px;
  206 + border-bottom-right-radius: 100px;
  207 + @include flex;
  208 + justify-content: center;
  209 + align-items: center;
  210 + }
  211 +
  212 + .input {
  213 + padding: 0 10px;
  214 + }
  215 +
  216 + .plus {
  217 + width: 22px;
  218 + height: 22px;
  219 + background-color: rgb(84, 125, 255);
  220 + border-radius: 50%;
  221 + /* #ifndef APP-NVUE */
  222 + display: flex;
  223 + /* #endif */
  224 + justify-content: center;
  225 + align-items: center;
  226 + }
  227 +</style>
pages/my/my.vue
  View file @6e668ba
@@ -107,7 +107,7 @@ @@ -107,7 +107,7 @@
107 }, 107 },
108 data() { 108 data() {
109 return { 109 return {
110 - Baseapi:"http://8.130.38.56:2015", 110 + Baseapi:"http://zhmz.rsxmzj.cn:8536",
111 nvConfig:{ 111 nvConfig:{
112 title:"殡葬公共服务", 112 title:"殡葬公共服务",
113 bgColor:"#ffffff", 113 bgColor:"#ffffff",
pages/myorder/myorder.vue
  View file @6e668ba
1 -<template>  
2 - <view class="page">  
3 - <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>  
4 - <view class="listBox" :style="{'padding-top':(pageTop+'px')}">  
5 - <view class="content">  
6 - <!-- 订单tab -->  
7 - <view class="order-tab">  
8 - <view class="tab" :class="{'action':OrderType==0}" @click="onOrderTab(0)">  
9 - <text>全部</text>  
10 - <text class="line"></text>  
11 - </view>  
12 - <view class="tab" :class="{'action':OrderType==1}" @click="onOrderTab(1)">  
13 - <text>待付款</text>  
14 - <text class="line"></text>  
15 - </view>  
16 - <view class="tab" :class="{'action':OrderType==2}" @click="onOrderTab(2)">  
17 - <text>已完成</text>  
18 - <text class="line"></text>  
19 - </view>  
20 - <view class="tab" :class="{'action':OrderType==3}" @click="onOrderTab(3)">  
21 - <text>待评价</text>  
22 - <text class="line"></text>  
23 - </view>  
24 - </view>  
25 - <!-- 订单列表 -->  
26 - <view class="order-list">  
27 - <view class="list" v-for="(item,index) in list" @click="onOrderList" :key="index">  
28 - <view class="title-status">  
29 - <view class="title">  
30 - <text>订单号：{{item.funeralUserOrderInfoPo.orderId}}</text>  
31 - <!-- <image :src="Baseapi + item.image"></image> -->  
32 - </view>  
33 - <view class="status">  
34 - <text>待付款</text>  
35 - </view>  
36 - </view>  
37 - <view class="goods-list">  
38 - <view class="goods">  
39 - <view class="thumb">  
40 - <image :src="Baseapi + item.orderProductInfoVoList[0].productImage" mode=""></image>  
41 - </view>  
42 - <view class="item">  
43 - <view class="goods-name">  
44 - <view class="goods-name-title">{{item.orderProductInfoVoList[0].productName}}</view>  
45 - <view>下单时间：{{item.funeralUserOrderInfoPo.orderPlacedTime}}</view>  
46 - </view>  
47 - <view class="goods-price">  
48 - <view class="min">¥{{item.orderProductInfoVoList[0].totalPrice / item.orderProductInfoVoList[0].quantityNumber}}</view>  
49 - <view>x{{item.orderProductInfoVoList[0].quantityNumber}}</view>  
50 - </view>  
51 - </view>  
52 - </view>  
53 - </view>  
54 - <view class="status-btn">  
55 - <view>共{{item.orderProductInfoVoList[0].quantityNumber}}件商品，合计<text class="red">¥</text><text class="red big">{{item.orderProductInfoVoList[0].totalPrice}}</text></view>  
56 - <view class="btn" @click="myorderdetail(item)">  
57 - <image src="../../static/btn.png" mode="widthFix"></image>  
58 - <text>查看详情</text>  
59 - </view>  
60 - </view>  
61 - </view>  
62 - </view>  
63 - </view>  
64 - </view>  
65 - </view>  
66 -</template>  
67 -  
68 -<script>  
69 - export default {  
70 - data() {  
71 - return {  
72 - Baseapi:"http://8.130.38.56:2015",  
73 - OrderType: 0,  
74 - nvConfig:{  
75 - title:"商城订单",  
76 - bgColor:"#ffffff",  
77 - color:"#000000",  
78 - fixedAssist:{  
79 - hide:true,  
80 - },  
81 - },  
82 - list:[],  
83 - cxinfo:{  
84 - pageNum:1,  
85 - pageSize:10,  
86 - status:null,  
87 - customerName:""  
88 - }  
89 - };  
90 - },  
91 - onPageScroll(e) {this.$refs.nv.pageScroll(e)},  
92 - computed:{  
93 - pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}  
94 - },  
95 - onLoad(params) {  
96 - console.log("111",params);  
97 - this.OrderType = params.type;  
98 - this.onOrderTab(params.type);  
99 - // this.getuserdd();  
100 - },  
101 - methods:{  
102 - myorderdetail(info){  
103 - info = JSON.stringify(info)  
104 - uni.navigateTo({  
105 - url: '/pages/myorderdetail/myorderdetail?info=' + info,  
106 - })  
107 - },  
108 - onOrderTab(e){  
109 - this.OrderType = e;  
110 - this.list = []  
111 - if(e == 0){  
112 - this.cxinfo.status = ''  
113 - }  
114 - if(e == 1){  
115 - this.cxinfo.status = "待付款"  
116 - }  
117 - if(e == 2){  
118 - this.cxinfo.status = "已完成"  
119 - }  
120 - if(e == 3){  
121 - this.cxinfo.status = "待评价"  
122 - }  
123 - var user = uni.getStorageSync('USERS_KEY')  
124 - this.cxinfo.customerName = user.userName  
125 - this.cxinfo.userId = user.userId  
126 - console.log("user",user);  
127 - this.API.getDdxq(this.cxinfo).then(res=>{  
128 - console.log(res);  
129 - this.list = res.data  
130 - })  
131 - // this.API.getuserdd(this.cxinfo).then(res=>{  
132 - // console.log("用户订单",res);  
133 - // for(let i = 0;i < res.rows.length;i++){  
134 - // var info = {  
135 - // ddid:"",  
136 - // name:"",  
137 - // time:"",  
138 - // number:"",  
139 - // price:"",  
140 - // image:""  
141 - // }  
142 - // info.ddid = res.rows[i].orderId;  
143 - // info.time = res.rows[i].orderPlacedTime  
144 - // this.API.getuserddxq(res.rows[i].orderId).then(res1=>{  
145 - // console.log("订单详情",res1);  
146 - // info.number = res1.rows[0].quantityNumber  
147 - // info.price = info.number * res1.rows[0].unitPrice  
148 - // this.API.getspjcxx(res1.rows[0].productId).then(res2=>{  
149 - // console.log("产品信息",res2);  
150 - // info.name = res2.rows[0].productName;  
151 - // info.image = res2.rows[0].productImage;  
152 - // this.list.push(info)  
153 - // })  
154 - // })  
155 - // console.log("list",this.list);  
156 - // }  
157 - // })  
158 - },  
159 - // 获取用户订单  
160 - getuserdd(){  
161 - this.list = []  
162 - var is = {  
163 - userId:uni.getStorageSync("USERS_KEY").userId  
164 - }  
165 - this.API.getuserdd(is).then(res=>{  
166 - console.log("用户订单",res);  
167 - for(let i = 0;i < res.rows.length;i++){  
168 - console.log(11111);  
169 - var info = {  
170 - ddid:"",  
171 - name:"",  
172 - time:"",  
173 - number:"",  
174 - price:"",  
175 - image:""  
176 - }  
177 - info.ddid = res.rows[i].orderId;  
178 - info.time = res.rows[i].orderPlacedTime  
179 - this.API.getuserddxq(res.rows[i].orderId).then(res1=>{  
180 - console.log("订单详情",res1);  
181 - info.number = res1.rows[0].quantityNumber  
182 - info.price = info.number * res1.rows[0].unitPrice  
183 - this.API.getspjcxx(res1.rows[0].productId).then(res2=>{  
184 - console.log("产品信息",res2);  
185 - info.name = res2.rows[0].productName;  
186 - info.image = res2.rows[0].productImage;  
187 - })  
188 - })  
189 - this.list.push(info)  
190 - console.log("订单列表",this.list);  
191 - }  
192 - })  
193 - },  
194 - }  
195 - }  
196 -</script>  
197 -  
198 -<style scoped lang="scss">  
199 - @import 'myorder.scss';  
200 -</style> 1 +<template>
  2 + <view class="page">
  3 + <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>
  4 + <view class="listBox" :style="{'padding-top':(pageTop+'px')}">
  5 + <view class="content">
  6 + <!-- 订单tab -->
  7 + <view class="order-tab">
  8 + <view class="tab" :class="{'action':OrderType==0}" @click="onOrderTab(0)">
  9 + <text>全部</text>
  10 + <text class="line"></text>
  11 + </view>
  12 + <view class="tab" :class="{'action':OrderType==1}" @click="onOrderTab(1)">
  13 + <text>待付款</text>
  14 + <text class="line"></text>
  15 + </view>
  16 + <view class="tab" :class="{'action':OrderType==2}" @click="onOrderTab(2)">
  17 + <text>已完成</text>
  18 + <text class="line"></text>
  19 + </view>
  20 + <view class="tab" :class="{'action':OrderType==3}" @click="onOrderTab(3)">
  21 + <text>待评价</text>
  22 + <text class="line"></text>
  23 + </view>
  24 + </view>
  25 + <!-- 订单列表 -->
  26 + <view class="order-list">
  27 + <view class="list" v-for="(item,index) in list" @click="onOrderList" :key="index">
  28 + <view class="title-status">
  29 + <view class="title">
  30 + <text>订单号：{{item.funeralUserOrderInfoPo.orderId}}</text>
  31 + <!-- <image :src="Baseapi + item.image"></image> -->
  32 + </view>
  33 + <view class="status">
  34 + <text>待付款</text>
  35 + </view>
  36 + </view>
  37 + <view class="goods-list">
  38 + <view class="goods">
  39 + <view class="thumb">
  40 + <image :src="Baseapi + item.orderProductInfoVoList[0].productImage" mode=""></image>
  41 + </view>
  42 + <view class="item">
  43 + <view class="goods-name">
  44 + <view class="goods-name-title">{{item.orderProductInfoVoList[0].productName}}</view>
  45 + <view>下单时间：{{item.funeralUserOrderInfoPo.orderPlacedTime}}</view>
  46 + </view>
  47 + <view class="goods-price">
  48 + <view class="min">¥{{item.orderProductInfoVoList[0].totalPrice / item.orderProductInfoVoList[0].quantityNumber}}</view>
  49 + <view>x{{item.orderProductInfoVoList[0].quantityNumber}}</view>
  50 + </view>
  51 + </view>
  52 + </view>
  53 + </view>
  54 + <view class="status-btn">
  55 + <view>共{{item.orderProductInfoVoList[0].quantityNumber}}件商品，合计<text class="red">¥</text><text class="red big">{{item.orderProductInfoVoList[0].totalPrice}}</text></view>
  56 + <view class="btn" @click="myorderdetail(item)">
  57 + <image src="../../static/btn.png" mode="widthFix"></image>
  58 + <text>查看详情</text>
  59 + </view>
  60 + </view>
  61 + </view>
  62 + </view>
  63 + </view>
  64 + </view>
  65 + </view>
  66 +</template>
  67 +
  68 +<script>
  69 + export default {
  70 + data() {
  71 + return {
  72 + Baseapi:"http://zhmz.rsxmzj.cn:8536",
  73 + OrderType: 0,
  74 + nvConfig:{
  75 + title:"商城订单",
  76 + bgColor:"#ffffff",
  77 + color:"#000000",
  78 + fixedAssist:{
  79 + hide:true,
  80 + },
  81 + },
  82 + list:[],
  83 + cxinfo:{
  84 + pageNum:1,
  85 + pageSize:10,
  86 + status:null,
  87 + customerName:""
  88 + }
  89 + };
  90 + },
  91 + onPageScroll(e) {this.$refs.nv.pageScroll(e)},
  92 + computed:{
  93 + pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}
  94 + },
  95 + onLoad(params) {
  96 + console.log("111",params);
  97 + this.OrderType = params.type;
  98 + this.onOrderTab(params.type);
  99 + // this.getuserdd();
  100 + },
  101 + methods:{
  102 + myorderdetail(info){
  103 + info = JSON.stringify(info)
  104 + uni.navigateTo({
  105 + url: '/pages/myorderdetail/myorderdetail?info=' + info,
  106 + })
  107 + },
  108 + onOrderTab(e){
  109 + this.OrderType = e;
  110 + this.list = []
  111 + if(e == 0){
  112 + this.cxinfo.status = ''
  113 + }
  114 + if(e == 1){
  115 + this.cxinfo.status = "待付款"
  116 + }
  117 + if(e == 2){
  118 + this.cxinfo.status = "已完成"
  119 + }
  120 + if(e == 3){
  121 + this.cxinfo.status = "待评价"
  122 + }
  123 + var user = uni.getStorageSync('USERS_KEY')
  124 + this.cxinfo.customerName = user.userName
  125 + this.cxinfo.userId = user.userId
  126 + console.log("user",user);
  127 + this.API.getDdxq(this.cxinfo).then(res=>{
  128 + console.log(res);
  129 + this.list = res.data
  130 + })
  131 + // this.API.getuserdd(this.cxinfo).then(res=>{
  132 + // console.log("用户订单",res);
  133 + // for(let i = 0;i < res.rows.length;i++){
  134 + // var info = {
  135 + // ddid:"",
  136 + // name:"",
  137 + // time:"",
  138 + // number:"",
  139 + // price:"",
  140 + // image:""
  141 + // }
  142 + // info.ddid = res.rows[i].orderId;
  143 + // info.time = res.rows[i].orderPlacedTime
  144 + // this.API.getuserddxq(res.rows[i].orderId).then(res1=>{
  145 + // console.log("订单详情",res1);
  146 + // info.number = res1.rows[0].quantityNumber
  147 + // info.price = info.number * res1.rows[0].unitPrice
  148 + // this.API.getspjcxx(res1.rows[0].productId).then(res2=>{
  149 + // console.log("产品信息",res2);
  150 + // info.name = res2.rows[0].productName;
  151 + // info.image = res2.rows[0].productImage;
  152 + // this.list.push(info)
  153 + // })
  154 + // })
  155 + // console.log("list",this.list);
  156 + // }
  157 + // })
  158 + },
  159 + // 获取用户订单
  160 + getuserdd(){
  161 + this.list = []
  162 + var is = {
  163 + userId:uni.getStorageSync("USERS_KEY").userId
  164 + }
  165 + this.API.getuserdd(is).then(res=>{
  166 + console.log("用户订单",res);
  167 + for(let i = 0;i < res.rows.length;i++){
  168 + console.log(11111);
  169 + var info = {
  170 + ddid:"",
  171 + name:"",
  172 + time:"",
  173 + number:"",
  174 + price:"",
  175 + image:""
  176 + }
  177 + info.ddid = res.rows[i].orderId;
  178 + info.time = res.rows[i].orderPlacedTime
  179 + this.API.getuserddxq(res.rows[i].orderId).then(res1=>{
  180 + console.log("订单详情",res1);
  181 + info.number = res1.rows[0].quantityNumber
  182 + info.price = info.number * res1.rows[0].unitPrice
  183 + this.API.getspjcxx(res1.rows[0].productId).then(res2=>{
  184 + console.log("产品信息",res2);
  185 + info.name = res2.rows[0].productName;
  186 + info.image = res2.rows[0].productImage;
  187 + })
  188 + })
  189 + this.list.push(info)
  190 + console.log("订单列表",this.list);
  191 + }
  192 + })
  193 + },
  194 + }
  195 + }
  196 +</script>
  197 +
  198 +<style scoped lang="scss">
  199 + @import 'myorder.scss';
  200 +</style>
pages/myorderdetail/myorderdetail.vue
  View file @6e668ba
1 -<template>  
2 - <view class="page">  
3 - <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>  
4 - <view class="listBox" :style="{'padding-top':(pageTop+'px')}">  
5 - <view class="content">  
6 -  
7 - <view class="message-list">  
8 - <view class="titleall-box">  
9 - <view class="titleall-left"><view class="titleall-left-line"></view>商品信息</view>  
10 - </view>  
11 - <view class="info-box">  
12 - <view class="goods-list">  
13 - <view class="goods">  
14 - <view class="thumb">  
15 - <image :src="Baseapi + info.orderProductInfoVoList[0].productImage" mode=""></image>  
16 - </view>  
17 - <view class="item">  
18 - <view class="goods-name">  
19 - <view class="goods-name-title">{{info.orderProductInfoVoList[0].productName}}</view>  
20 - <view>下单时间：{{info.funeralUserOrderInfoPo.orderPlacedTime}}</view>  
21 - </view>  
22 - <view class="goods-price">  
23 - <view class="min">¥{{info.orderProductInfoVoList[0].totalPrice / info.orderProductInfoVoList[0].quantityNumber}}</view>  
24 - <view>x{{info.orderProductInfoVoList[0].quantityNumber}}</view>  
25 - </view>  
26 - </view>  
27 - </view>  
28 - </view>  
29 - </view>  
30 - </view>  
31 -  
32 - <view class="message-list">  
33 - <view class="titleall-box">  
34 - <view class="titleall-left"><view class="titleall-left-line"></view>费用信息</view>  
35 - </view>  
36 - <view class="info-box">  
37 - <view class="info-box-list">  
38 - <view class="serve">  
39 - <view class="serve-title" style="font-weight: 500;color: #a8a8a8;">商品总额：</view>  
40 - <view class="serve-right">  
41 - <view class="serve-right-top">¥{{info.orderProductInfoVoList[0].totalPrice}}</view>  
42 - </view>  
43 - </view>  
44 - </view>  
45 - <view class="info-box-list">  
46 - <view class="serve">  
47 - <view class="serve-title">应付款：</view>  
48 - <view class="serve-right">  
49 - <view class="serve-right-top" style="font-weight: bold;color: #3d3d3d;">¥{{info.orderProductInfoVoList[0].totalPrice}}</view>  
50 - </view>  
51 - </view>  
52 - </view>  
53 - </view>  
54 - </view>  
55 -  
56 - <view class="message-list">  
57 - <view class="titleall-box">  
58 - <view class="titleall-left"><view class="titleall-left-line"></view>订单信息</view>  
59 - </view>  
60 - <view class="info-box">  
61 - <view class="info-box-list">  
62 - <view class="serve">  
63 - <view class="serve-title">订单编号：</view>  
64 - <view class="serve-right">  
65 - <view class="serve-right-top">{{info.funeralUserOrderInfoPo.orderId}}</view>  
66 - </view>  
67 - </view>  
68 - </view>  
69 - </view>  
70 - </view>  
71 -  
72 - </view>  
73 - </view>  
74 - </view>  
75 -</template>  
76 -  
77 -<script>  
78 - export default {  
79 - data() {  
80 - return {  
81 - Baseapi:"http://8.130.38.56:2015",  
82 - OrderType: 0,  
83 - nvConfig:{  
84 - title:"商品订单详情",  
85 - bgColor:"#ffffff",  
86 - color:"#000000",  
87 - fixedAssist:{  
88 - hide:true,  
89 - },  
90 - },  
91 - info:{}  
92 - };  
93 - },  
94 - onPageScroll(e) {this.$refs.nv.pageScroll(e)},  
95 - computed:{  
96 - pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}  
97 - },  
98 - onLoad(params) {  
99 - this.info = JSON.parse(params.info)  
100 - console.log(this.info);  
101 - },  
102 - methods:{  
103 - /**  
104 - * 返回点击  
105 - */  
106 - onBack(){  
107 - uni.navigateBack();  
108 - },  
109 - /**  
110 - * 订单tab点击  
111 - */  
112 - onOrderTab(type){  
113 - this.OrderType = type;  
114 - // #ifdef H5  
115 - uni.redirectTo({  
116 - url: '/pages/MyOrderList/MyOrderList?type=' + type,  
117 - })  
118 - //#endif  
119 - },  
120 - /**  
121 - * 订单列表点击  
122 - */  
123 - onOrderList(){  
124 - uni.navigateTo({  
125 - url: '/pages/OrderDetails/OrderDetails',  
126 - })  
127 - },  
128 - /**  
129 - * 评价点击  
130 - */  
131 - onEvaluate(){  
132 - uni.navigateTo({  
133 - url: '/pages/MyEvaluatePush/MyEvaluatePush'  
134 - })  
135 - }  
136 - }  
137 - }  
138 -</script>  
139 -  
140 -<style scoped lang="scss">  
141 - @import 'myorderdetail.scss';  
142 -</style> 1 +<template>
  2 + <view class="page">
  3 + <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>
  4 + <view class="listBox" :style="{'padding-top':(pageTop+'px')}">
  5 + <view class="content">
  6 +
  7 + <view class="message-list">
  8 + <view class="titleall-box">
  9 + <view class="titleall-left"><view class="titleall-left-line"></view>商品信息</view>
  10 + </view>
  11 + <view class="info-box">
  12 + <view class="goods-list">
  13 + <view class="goods">
  14 + <view class="thumb">
  15 + <image :src="Baseapi + info.orderProductInfoVoList[0].productImage" mode=""></image>
  16 + </view>
  17 + <view class="item">
  18 + <view class="goods-name">
  19 + <view class="goods-name-title">{{info.orderProductInfoVoList[0].productName}}</view>
  20 + <view>下单时间：{{info.funeralUserOrderInfoPo.orderPlacedTime}}</view>
  21 + </view>
  22 + <view class="goods-price">
  23 + <view class="min">¥{{info.orderProductInfoVoList[0].totalPrice / info.orderProductInfoVoList[0].quantityNumber}}</view>
  24 + <view>x{{info.orderProductInfoVoList[0].quantityNumber}}</view>
  25 + </view>
  26 + </view>
  27 + </view>
  28 + </view>
  29 + </view>
  30 + </view>
  31 +
  32 + <view class="message-list">
  33 + <view class="titleall-box">
  34 + <view class="titleall-left"><view class="titleall-left-line"></view>费用信息</view>
  35 + </view>
  36 + <view class="info-box">
  37 + <view class="info-box-list">
  38 + <view class="serve">
  39 + <view class="serve-title" style="font-weight: 500;color: #a8a8a8;">商品总额：</view>
  40 + <view class="serve-right">
  41 + <view class="serve-right-top">¥{{info.orderProductInfoVoList[0].totalPrice}}</view>
  42 + </view>
  43 + </view>
  44 + </view>
  45 + <view class="info-box-list">
  46 + <view class="serve">
  47 + <view class="serve-title">应付款：</view>
  48 + <view class="serve-right">
  49 + <view class="serve-right-top" style="font-weight: bold;color: #3d3d3d;">¥{{info.orderProductInfoVoList[0].totalPrice}}</view>
  50 + </view>
  51 + </view>
  52 + </view>
  53 + </view>
  54 + </view>
  55 +
  56 + <view class="message-list">
  57 + <view class="titleall-box">
  58 + <view class="titleall-left"><view class="titleall-left-line"></view>订单信息</view>
  59 + </view>
  60 + <view class="info-box">
  61 + <view class="info-box-list">
  62 + <view class="serve">
  63 + <view class="serve-title">订单编号：</view>
  64 + <view class="serve-right">
  65 + <view class="serve-right-top">{{info.funeralUserOrderInfoPo.orderId}}</view>
  66 + </view>
  67 + </view>
  68 + </view>
  69 + </view>
  70 + </view>
  71 +
  72 + </view>
  73 + </view>
  74 + </view>
  75 +</template>
  76 +
  77 +<script>
  78 + export default {
  79 + data() {
  80 + return {
  81 + Baseapi:"http://zhmz.rsxmzj.cn:8536",
  82 + OrderType: 0,
  83 + nvConfig:{
  84 + title:"商品订单详情",
  85 + bgColor:"#ffffff",
  86 + color:"#000000",
  87 + fixedAssist:{
  88 + hide:true,
  89 + },
  90 + },
  91 + info:{}
  92 + };
  93 + },
  94 + onPageScroll(e) {this.$refs.nv.pageScroll(e)},
  95 + computed:{
  96 + pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}
  97 + },
  98 + onLoad(params) {
  99 + this.info = JSON.parse(params.info)
  100 + console.log(this.info);
  101 + },
  102 + methods:{
  103 + /**
  104 + * 返回点击
  105 + */
  106 + onBack(){
  107 + uni.navigateBack();
  108 + },
  109 + /**
  110 + * 订单tab点击
  111 + */
  112 + onOrderTab(type){
  113 + this.OrderType = type;
  114 + // #ifdef H5
  115 + uni.redirectTo({
  116 + url: '/pages/MyOrderList/MyOrderList?type=' + type,
  117 + })
  118 + //#endif
  119 + },
  120 + /**
  121 + * 订单列表点击
  122 + */
  123 + onOrderList(){
  124 + uni.navigateTo({
  125 + url: '/pages/OrderDetails/OrderDetails',
  126 + })
  127 + },
  128 + /**
  129 + * 评价点击
  130 + */
  131 + onEvaluate(){
  132 + uni.navigateTo({
  133 + url: '/pages/MyEvaluatePush/MyEvaluatePush'
  134 + })
  135 + }
  136 + }
  137 + }
  138 +</script>
  139 +
  140 +<style scoped lang="scss">
  141 + @import 'myorderdetail.scss';
  142 +</style>
pages/xxdetail/xxdetail.vue
  View file @6e668ba
1 -<template>  
2 - <view class="page">  
3 - <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>  
4 - <view class="listBox" :style="{'padding-top':(pageTop+'px')}">  
5 - <view class="content" style="padding: 20rpx;background-color: #fff;">  
6 - <view class="title">  
7 - <span style="margin-right: 10rpx;">标题:</span>  
8 - <span>{{info.title}}</span>  
9 - </view>  
10 - <view class="main">  
11 - <image v-if="info.coverImage != null" :src="Baseapi + info.coverImage" style="width: 100%;" mode="widthFix"></image>  
12 - <view class="main_footer">  
13 - <view class="left">  
14 - <span class="f1">发布人: {{info.publisherName}}</span>  
15 - </view>  
16 - <view class="right">  
17 - <span class="f1">发布时间: {{info.publishTime}}</span>  
18 - </view>  
19 - </view>  
20 - </view>  
21 - <view class="content" v-html="info.content">  
22 -  
23 - </view>  
24 - </view>  
25 - </view>  
26 - </view>  
27 -</template>  
28 -  
29 -<script>  
30 - export default {  
31 - data() {  
32 - return {  
33 - Baseapi:"http://8.130.38.56:2015",  
34 - nvConfig:{  
35 - title:"殡葬普法宣传",  
36 - bgColor:"#ffffff",  
37 - color:"#000000",  
38 - fixedAssist:{  
39 - hide:true,  
40 - },  
41 - },  
42 - list:[],  
43 - info:{}  
44 - };  
45 - },  
46 - onPageScroll(e) {this.$refs.nv.pageScroll(e)},  
47 - computed:{  
48 - pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}  
49 - },  
50 - onLoad(item) {  
51 - console.log("res",item);  
52 -  
53 - this.gain(item.info)  
54 - // this.info = JSON.parse(item.info)  
55 - // this.nvConfig.title = this.info.title + "详情页"  
56 - },  
57 - methods: {  
58 - gain(e) {  
59 - this.API.getfbgldata(e).then(res => {  
60 - console.log(res);  
61 - this.info = res.data  
62 - // this.info = JSON.parse(item.info)  
63 - this.nvConfig.title = this.info.title + "详情页"  
64 - })  
65 - },  
66 - }  
67 - }  
68 -</script>  
69 -  
70 -<style scoped lang="scss">  
71 - @import 'xxdetail.scss';  
72 - .title{  
73 - padding: 20rpx;  
74 - }  
75 - .main{  
76 - padding: 20rpx;  
77 - .main_footer{  
78 - display: flex;  
79 - justify-content: space-between;  
80 - margin-top: 10rpx;  
81 - .f1{  
82 - color: #c2c2c2;  
83 - }  
84 - }  
85 - }  
86 - .content{  
87 - padding: 20rpx;  
88 - }  
89 -</style> 1 +<template>
  2 + <view class="page">
  3 + <pyh-nv ref="nv" :config="nvConfig"></pyh-nv>
  4 + <view class="listBox" :style="{'padding-top':(pageTop+'px')}">
  5 + <view class="content" style="padding: 20rpx;background-color: #fff;">
  6 + <view class="title">
  7 + <span style="margin-right: 10rpx;">标题:</span>
  8 + <span>{{info.title}}</span>
  9 + </view>
  10 + <view class="main">
  11 + <image v-if="info.coverImage != null" :src="Baseapi + info.coverImage" style="width: 100%;" mode="widthFix"></image>
  12 + <view class="main_footer">
  13 + <view class="left">
  14 + <span class="f1">发布人: {{info.publisherName}}</span>
  15 + </view>
  16 + <view class="right">
  17 + <span class="f1">发布时间: {{info.publishTime}}</span>
  18 + </view>
  19 + </view>
  20 + </view>
  21 + <view class="content" v-html="info.content">
  22 +
  23 + </view>
  24 + </view>
  25 + </view>
  26 + </view>
  27 +</template>
  28 +
  29 +<script>
  30 + export default {
  31 + data() {
  32 + return {
  33 + Baseapi:"http://zhmz.rsxmzj.cn:8536",
  34 + nvConfig:{
  35 + title:"殡葬普法宣传",
  36 + bgColor:"#ffffff",
  37 + color:"#000000",
  38 + fixedAssist:{
  39 + hide:true,
  40 + },
  41 + },
  42 + list:[],
  43 + info:{}
  44 + };
  45 + },
  46 + onPageScroll(e) {this.$refs.nv.pageScroll(e)},
  47 + computed:{
  48 + pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}
  49 + },
  50 + onLoad(item) {
  51 + console.log("res",item);
  52 +
  53 + this.gain(item.info)
  54 + // this.info = JSON.parse(item.info)
  55 + // this.nvConfig.title = this.info.title + "详情页"
  56 + },
  57 + methods: {
  58 + gain(e) {
  59 + this.API.getfbgldata(e).then(res => {
  60 + console.log(res);
  61 + this.info = res.data
  62 + // this.info = JSON.parse(item.info)
  63 + this.nvConfig.title = this.info.title + "详情页"
  64 + })
  65 + },
  66 + }
  67 + }
  68 +</script>
  69 +
  70 +<style scoped lang="scss">
  71 + @import 'xxdetail.scss';
  72 + .title{
  73 + padding: 20rpx;
  74 + }
  75 + .main{
  76 + padding: 20rpx;
  77 + .main_footer{
  78 + display: flex;
  79 + justify-content: space-between;
  80 + margin-top: 10rpx;
  81 + .f1{
  82 + color: #c2c2c2;
  83 + }
  84 + }
  85 + }
  86 + .content{
  87 + padding: 20rpx;
  88 + }
  89 +</style>