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 107 },
108 108 data() {
109 109 return {
110   - Baseapi:"http://8.130.38.56:2015",
  110 + Baseapi:"http://zhmz.rsxmzj.cn:8536",
111 111 nvConfig:{
112 112 title:"殡葬公共服务",
113 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>
... ...