修改订单详情

pages.json

@@ -89,6 +89,12 @@
 						"navigationBarBackgroundColor": "#007AFF"
 					}
 				},
+				{
+					"path": "order/after",
+					"style": {
+						"navigationBarTitleText": "售后/退款"
+					}
+				},
 				{
 					"path": "other/agree",
 					"style": {

pagesIndex/order/after.vue

@@ -0,0 +1,114 @@
+<template>
+	<view class="main">
+		<uni-forms class="form" ref="form" :rules="rules" :modelValue="form" label-position="top" label-width='100'>
+			<uni-forms-item label="退款理由(必填)" required name="content">
+				<uni-easyinput type="textarea" v-model="form.content" placeholder="请输入退款理由" />
+			</uni-forms-item>
+			<uni-forms-item label="上传图片0/3(选填)" name="file">
+				<upload class='upload' :list="form.file" name="file" :count="3" @uplSuc="uplSuc" @uplDel="uplDel">
+				</upload>
+			</uni-forms-item>
+			<uni-forms-item label="联系方式(选填)" name="phone">
+				<uni-easyinput v-model="form.phone" placeholder="请输入您的手机号" />
+			</uni-forms-item>
+		</uni-forms>
+		<button class="button" type="primary" @click="submit('form')">提交</button>
+	</view>
+</template>
+
+<script>
+	import upload from '../../components/upload/index.vue';
+	export default {
+		components: {
+			upload
+		},
+		data() {
+			return {
+				user: {},
+				form: {
+					file: []
+				},
+				// 校验规则
+				rules: {
+					content: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入建议描述'
+						}]
+					},
+				},
+			}
+		},
+		onLoad: function(e) {
+			const that = this;
+			that.searchToken();
+		},
+		methods: {
+			searchToken() {
+				const that = this;
+				try {
+					const res = uni.getStorageSync('token');
+					if (res) {
+						that.$set(that, `user`, res);
+					}
+				} catch (e) {
+					uni.showToast({
+						title: err.errmsg,
+						icon: 'error',
+						duration: 2000
+					});
+				}
+			},
+			// 图片上传
+			uplSuc(e) {
+				const that = this;
+				that.$set(that.form, `${e.name}`, [...that.form[e.name], e.data]);
+			},
+			// 图片删除
+			uplDel(e) {
+				const that = this;
+				let data = that.form[e.name];
+				let arr = data.filter((i, index) => index != e.data.index);
+				that.$set(that.form, `${e.name}`, arr)
+			},
+			submit(ref) {
+				const that = this;
+				that.$refs[ref].validate().then(async data => {
+					data.user = that.user._id
+					const res = await that.$api(`/opinion`, 'POST', data);
+					if (res.errcode == '0') {
+						uni.showToast({
+							title: '意见反馈成功',
+							icon: 'none'
+						})
+						uni.navigateBack({
+							delta: 1
+						})
+					} else {
+						uni.showToast({
+							title: res.errmsg,
+							icon: 'none'
+						})
+					}
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.main {
+		padding: 4vw;
+
+		.form-item {
+			display: flex;
+			align-items: center;
+		}
+
+		.button {
+			background-color: var(--f3CColor);
+		}
+	}
+</style>

pagesIndex/order/detail.vue

@@ -3,18 +3,18 @@
 		<view class="one"> <text>{{info.zhStatus}}</text> </view>
 		<view class="two">
 			<view class="two_1">
-				<image v-if="info.no.source&&info.no.source.file.length>0" class="image"
-					:src="info.no.source.file&&info.no.source.file.length>0?info.no.source.file[0].url:''">
+				<image v-if="info.source&&info.source.file.length>0" class="image"
+					:src="info.source.file&&info.source.file.length>0?info.source.file[0].url:''">
 				</image>
 				<image v-else class="image" :src="config.logo_url&&config.logo_url.length>0?config.logo_url[0].url:''">
 				</image>
-				<text v-if="info.no.type=='0'">酒店民宿</text>
+				<text v-if="info.type=='0'">酒店民宿</text>
 				<text v-else>景区门票</text>
 			</view>
 			<view class="two_2">
 				<view class="left">
-					<image v-if="info.no.source&&info.no.source.file.length>0" class="image"
-						:src="info.no.source.file&&info.no.source.file.length>0?info.no.source.file[0].url:''">
+					<image v-if="info.source&&info.source.file.length>0" class="image"
+						:src="info.source.file&&info.source.file.length>0?info.source.file[0].url:''">
 					</image>
 					<image v-else class="image"
 						:src="config.logo_url&&config.logo_url.length>0?config.logo_url[0].url:''">
@@ -29,37 +29,44 @@
 						</view>
 						<view class="right">
 							<view class="other">
-								￥{{info.no.source.money||'0'}}
+								￥{{info.source.money||'0'}}
 							</view>
 							<view class="other">
-								×{{info.no.num||'0'}}
+								×{{info.num||'0'}}
 							</view>
 						</view>
 					</view>
 					<view class="right_2">
-						实付 ￥{{info.no.money||'0'}}
+						实付 ￥{{info.money||'0'}}
 					</view>
 				</view>
 			</view>
 		</view>
 		<view class="thr">
 			<view class="thr_1">优惠</view>
-			<view class="other">商品总价：￥{{info.no.money||'0'}} <text>（共{{info.no.num||'0'}}件）</text> </view>
-			<view class="other">优惠：￥{{info.no.discount||'0'}}</view>
-			<view class="other">实付 ￥{{info.no.money||'0'}}</view>
+			<view class="other">商品总价：￥{{info.money||'0'}} <text>（共{{info.num||'0'}}件）</text> </view>
+			<view class="other">优惠：￥{{info.discount||'0'}}</view>
+			<view class="other">实付 ￥{{info.money||'0'}}</view>
 		</view>
 		<view class="four">
 			<view class="four_1">订单信息</view>
-			<view class="other">真实姓名：{{info.name||'暂无'}}</view>
-			<view class="other">手机号码：{{info.phone||'暂无'}}</view>
-			<view class="other">订单编号：{{info.no._id||'暂无'}}</view>
-			<view class="other">下单时间：{{info.no.buy_time||'暂无'}}</view>
+			<view class="other">订单编号：{{info._id||'暂无'}}</view>
+			<view class="other">下单时间：{{info.buy_time||'暂无'}}</view>
+		</view>
+		<view class="four">
+			<view class="four_1">用户信息</view>
+			<view class="list" v-for="(item, index) in info.identity" :key="index">
+				<view class="other">游客{{index+1}}</view>
+				<view class="other">真实姓名：{{item.name||'暂无'}}</view>
+				<view class="other">证件号码：{{item.card||'暂无'}}</view>
+				<view class="other">手机号码：{{ getProps(item.phone) }}</view>
+			</view>
 		</view>
 		<view class="four">
 			<view class="four_1">支付信息</view>
-			<view class="other">支付时间：{{info.no.pay_time||'暂无'}}</view>
+			<view class="other">支付时间：{{info.pay_time||'暂无'}}</view>
 			<view class="other">交易快照：当发生交易纠纷时可作为交易凭证 ></view>
-			<view class="other">支付数据：{{info.no.pay||'暂无'}}</view>
+			<view class="other">支付数据：{{info.pay||'暂无'}}</view>
 		</view>
 	</view>
 </template>
@@ -123,19 +130,18 @@
 			async search() {
 				const that = this;
 				if (that.id) {
-					const res = await that.$api(`/orderDetail/${that.id}`, 'GET', {})
+					const res = await that.$api(`/order/${that.id}`, 'GET', {})
 					if (res.errcode == '0') {
 						const status = that.statusList.find(i => i.value == res.data.status)
 						if (status) res.data.zhStatus = status.label
-						if (res.data && res.data.no && res.data.no.source && res.data.no.source.person) {
-							const person = that.personList.find(i => i.value == res.data.no.source.person)
+						if (res.data && res.data.source && res.data.source.person) {
+							const person = that.personList.find(i => i.value == res.data.source.person)
 							if (person) res.data.zhPerson = person.label
 						}
-						if (res.data && res.data.no && res.data.no.source && res.data.no.source.type) {
-							const type = that.typeList.find(i => i.value == res.data.no.source.type)
+						if (res.data && res.data.source && res.data.source.type) {
+							const type = that.typeList.find(i => i.value == res.data.source.type)
 							if (type) res.data.zhType = type.label
 						}
-						res.data.phone = res.data.phone.replace(/^(\d{3})(\d{4})(\d{4})$/, "$1****$2")
 						that.$set(that, `info`, res.data)
 					} else {
 						uni.showToast({
@@ -144,6 +150,11 @@
 					}
 				}
 			},
+			// 整理电话号
+			getProps(phone) {
+				if (!phone) return '暂无';
+				return phone.replace(/^(\d{3})(\d{4})(\d{4})$/, '$1****$2');
+			},
 			// 查询其他信息
 			async searchOther() {
 				const that = this;
@@ -175,8 +186,6 @@
 	.main {
 		display: flex;
 		flex-direction: column;
-		width: 100vw;
-		height: 100vh;
 		background-image: linear-gradient(to top, rgba(241, 241, 241, 1), rgba(135, 206, 250, 1), rgba(0, 122, 255, 1));
 
 		.one {
@@ -295,6 +304,13 @@
 				margin: 1vw 0;
 			}
 
+			.list {
+				border: 1px solid #d5d5da;
+				border-radius: 5px;
+				margin: 2vw 0 0 0;
+				padding: 2vw;
+			}
+
 			.other {
 				padding: 2px 0 0 0;
 				font-size: var(--font12Size);

pagesIndex/order/index.vue

@@ -12,21 +12,21 @@
 								<view class="list_1">
 									<view class="top">
 										<view class="left">
-											<image v-if="item.no.source.file.length>0" class="image"
-												:src="item.no.source.file&&item.no.source.file.length>0?item.no.source.file[0].url:''">
+											<image v-if="item.source.file.length>0" class="image"
+												:src="item.source.file&&item.source.file.length>0?item.source.file[0].url:''">
 											</image>
 											<image v-else class="image"
 												:src="config.logo_url&&config.logo_url.length>0?config.logo_url[0].url:''">
 											</image>
-											<text v-if="item.no.type=='0'">酒店民宿</text>
+											<text v-if="item.type=='0'">酒店民宿</text>
 											<text v-else>景区门票</text>
 										</view>
 										<view class="right">{{item.zhStatus}}</view>
 									</view>
 									<view class="center">
 										<view class="left">
-											<image v-if="item.no.source.file.length>0" class="image"
-												:src="item.no.source.file&&item.no.source.file.length>0?item.no.source.file[0].url:''">
+											<image v-if="item.source.file.length>0" class="image"
+												:src="item.source.file&&item.source.file.length>0?item.source.file[0].url:''">
 											</image>
 											<image v-else class="image"
 												:src="config.logo_url&&config.logo_url.length>0?config.logo_url[0].url:''">
@@ -35,13 +35,13 @@
 										<view class="right">
 											<view class="name textOne">{{item.source_name||'暂无'}}</view>
 											<view class="other">
-												下单时间：{{item.no.buy_time||'暂无'}}
+												下单时间：{{item.buy_time||'暂无'}}
 											</view>
 											<view class="other">
-												数量：{{item.no.num||'0'}}
+												数量：{{item.num||'0'}}
 											</view>
 											<view class="other">
-												总价：￥{{item.no.money||'0'}}
+												总价：￥{{item.money||'0'}}
 											</view>
 										</view>
 									</view>
@@ -161,7 +161,7 @@
 					user: that.user._id,
 				}
 				if (status != '-1') info.status = status
-				const res = await that.$api(`/orderDetail`, 'GET', {
+				const res = await that.$api(`/order`, 'GET', {
 					...info,
 					...that.searchInfo
 				})
@@ -209,7 +209,15 @@
 			// 取消支付
 			async toCancel(item) {
 				const that = this;
-				console.log(item);
+				uni.showModal({
+					title: '提示',
+					content: '确定取消支付吗?',
+					success: async function(res) {
+						if (res.confirm) {
+							console.log(item);
+						}
+					}
+				});
 			},
 			//券码
 			async toFile(item) {
@@ -232,7 +240,15 @@
 			//申请退款
 			async toOut(item) {
 				const that = this;
-				console.log(item);
+				uni.showModal({
+					title: '提示',
+					content: '确定申请退款吗?',
+					success: async function(res) {
+						if (res.confirm) {
+							console.log(item);
+						}
+					}
+				});
 			},
 			// 评价
 			async toRate(item) {

pagesIndex/order/info.vue

@@ -4,19 +4,19 @@
 			<view class="one"> <text>{{info.zhStatus}}</text> </view>
 			<view class="two">
 				<view class="two_1">
-					<image v-if="info.no&&info.no.source&&info.no.source.file.length>0" class="image"
-						:src="info.no.source.file&&info.no.source.file.length>0?info.no.source.file[0].url:''">
+					<image v-if="info.source&&info.source.file.length>0" class="image"
+						:src="info.source.file&&info.source.file.length>0?info.source.file[0].url:''">
 					</image>
 					<image v-else class="image"
 						:src="config.logo_url&&config.logo_url.length>0?config.logo_url[0].url:''">
 					</image>
-					<text v-if="info.no.type=='0'">酒店民宿</text>
+					<text v-if="info.type=='0'">酒店民宿</text>
 					<text v-else>景区门票</text>
 				</view>
 				<view class="two_2">
 					<view class="left">
-						<image v-if="info.no&&info.no.source&&info.no.source.file.length>0" class="image"
-							:src="info.no.source.file&&info.no.source.file.length>0?info.no.source.file[0].url:''">
+						<image v-if="info.source&&info.source.file.length>0" class="image"
+							:src="info.source.file&&info.source.file.length>0?info.source.file[0].url:''">
 						</image>
 						<image v-else class="image"
 							:src="config.logo_url&&config.logo_url.length>0?config.logo_url[0].url:''">
@@ -31,39 +31,44 @@
 							</view>
 							<view class="right">
 								<view class="other">
-									￥{{info.no.source.money||'0'}}
+									￥{{info.source.money||'0'}}
 								</view>
 								<view class="other">
-									×{{info.no.num||'0'}}
+									×{{info.num||'0'}}
 								</view>
 							</view>
 						</view>
 						<view class="right_2">
-							实付 ￥{{info.no.money||'0'}}
+							实付 ￥{{info.money||'0'}}
 						</view>
 					</view>
 				</view>
 			</view>
 			<view class="thr">
 				<view class="thr_1">优惠</view>
-				<view class="other">商品总价：￥{{info.no.money||'0'}} <text>（共{{info.no.num||'0'}}件）</text> </view>
-				<view class="other">优惠：￥{{info.no.discount||'0'}}</view>
-				<view class="other">实付 ￥{{info.no.money||'0'}}</view>
+				<view class="other">商品总价：￥{{info.money||'0'}} <text>（共{{info.num||'0'}}件）</text> </view>
+				<view class="other">优惠：￥{{info.discount||'0'}}</view>
+				<view class="other">实付 ￥{{info.money||'0'}}</view>
 			</view>
 			<view class="four">
 				<view class="four_1">订单信息</view>
-				<view class="other">真实姓名：{{info.name||'暂无'}}</view>
-				<view class="other">证件号码：{{info.card||'暂无'}}</view>
-				<view class="other">手机号码：{{info.phone||'暂无'}}</view>
-				<view class="other">购买日期：{{info.no.date||'暂无'}}</view>
-				<view class="other">订单编号：{{info.no._id||'暂无'}}</view>
-				<view class="other">下单时间：{{info.no.buy_time||'暂无'}}</view>
+				<view class="other">订单编号：{{info._id||'暂无'}}</view>
+				<view class="other">下单时间：{{info.buy_time||'暂无'}}</view>
+			</view>
+			<view class="four">
+				<view class="four_1">用户信息</view>
+				<view class="list" v-for="(item, index) in info.identity" :key="index">
+					<view class="other">游客{{index+1}}</view>
+					<view class="other">真实姓名：{{item.name||'暂无'}}</view>
+					<view class="other">证件号码：{{item.card||'暂无'}}</view>
+					<view class="other">手机号码：{{ getProps(item.phone) }}</view>
+				</view>
 			</view>
 			<view class="four">
 				<view class="four_1">支付信息</view>
-				<view class="other">支付时间：{{info.no.pay_time||'暂无'}}</view>
+				<view class="other">支付时间：{{info.pay_time||'暂无'}}</view>
 				<view class="other">交易快照：当发生交易纠纷时可作为交易凭证 ></view>
-				<view class="other">支付数据：{{info.no.pay||'暂无'}}</view>
+				<view class="other">支付数据：{{info.pay||'暂无'}}</view>
 			</view>
 			<view class="five" v-if="info.status=='1'">
 				<button class="button" type="primary" size="mini" @tap="toOff()">确定核销</button>
@@ -146,19 +151,18 @@
 			async search() {
 				const that = this;
 				if (that.id) {
-					const res = await that.$api(`/orderDetail/${that.id}`, 'GET', {})
+					const res = await that.$api(`/order/${that.id}`, 'GET', {})
 					if (res.errcode == '0') {
 						const status = that.statusList.find(i => i.value == res.data.status)
 						if (status) res.data.zhStatus = status.label
-						if (res.data && res.data.no && res.data.no.source && res.data.no.source.person) {
-							const person = that.personList.find(i => i.value == res.data.no.source.person)
+						if (res.data && res.data.source && res.data.source.person) {
+							const person = that.personList.find(i => i.value == res.data.source.person)
 							if (person) res.data.zhPerson = person.label
 						}
-						if (res.data && res.data.no && res.data.no.source && res.data.no.source.type) {
-							const type = that.typeList.find(i => i.value == res.data.no.source.type)
+						if (res.data && res.data.source && res.data.source.type) {
+							const type = that.typeList.find(i => i.value == res.data.source.type)
 							if (type) res.data.zhType = type.label
 						}
-						res.data.phone = res.data.phone.replace(/^(\d{3})(\d{4})(\d{4})$/, "$1****$2")
 						that.$set(that, `info`, res.data)
 					} else {
 						uni.showToast({
@@ -167,6 +171,11 @@
 					}
 				}
 			},
+			// 整理电话号
+			getProps(phone) {
+				if (!phone) return '暂无';
+				return phone.replace(/^(\d{3})(\d{4})(\d{4})$/, '$1****$2');
+			},
 			// 核销券码
 			async toOff() {
 				const that = this;
@@ -175,7 +184,7 @@
 					content: '确定核销券码吗?',
 					success: async function(res) {
 						if (res.confirm) {
-							const res = await that.$api(`/orderDetail/${that.id}`, 'POST', {
+							const res = await that.$api(`/order/${that.id}`, 'POST', {
 								status: "2"
 							})
 							if (res.errcode == '0') {
@@ -223,8 +232,6 @@
 	.main {
 		display: flex;
 		flex-direction: column;
-		width: 100vw;
-		height: 100vh;
 		background-image: linear-gradient(to top, rgba(241, 241, 241, 1), rgba(135, 206, 250, 1), rgba(0, 122, 255, 1));
 
 		.one {
@@ -343,6 +350,13 @@
 				margin: 1vw 0;
 			}
 
+			.list {
+				border: 1px solid #d5d5da;
+				border-radius: 5px;
+				margin: 2vw 0 0 0;
+				padding: 2vw;
+			}
+
 			.other {
 				padding: 2px 0 0 0;
 				font-size: var(--font12Size);

unpackage/dist/dev/mp-weixin/app.json

@@ -18,6 +18,7 @@
         "order/detail",
         "order/info",
         "order/order",
+        "order/after",
         "other/agree"
       ]
     },

unpackage/dist/dev/mp-weixin/pages/my/index.js

@@ -101,7 +101,7 @@ var components
 try {
   components = {
     uniBadge: function () {
-      return __webpack_require__.e(/*! import() | uni_modules/uni-badge/components/uni-badge/uni-badge */ "uni_modules/uni-badge/components/uni-badge/uni-badge").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-badge/components/uni-badge/uni-badge.vue */ 454))
+      return __webpack_require__.e(/*! import() | uni_modules/uni-badge/components/uni-badge/uni-badge */ "uni_modules/uni-badge/components/uni-badge/uni-badge").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-badge/components/uni-badge/uni-badge.vue */ 470))
     },
   }
 } catch (e) {

unpackage/dist/dev/mp-weixin/pagesIndex/order/after.json

@@ -0,0 +1,9 @@
+{
+  "navigationBarTitleText": "售后/退款",
+  "usingComponents": {
+    "uni-forms": "/uni_modules/uni-forms/components/uni-forms/uni-forms",
+    "uni-forms-item": "/uni_modules/uni-forms/components/uni-forms-item/uni-forms-item",
+    "uni-easyinput": "/uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput",
+    "upload": "/components/upload/index"
+  }
+}

unpackage/dist/dev/mp-weixin/pagesIndex/order/after.wxss

@@ -0,0 +1,14 @@
+@charset "UTF-8";
+/* 水平间距 */
+/* 水平间距 */
+.main.data-v-4da5f4c8 {
+  padding: 4vw;
+}
+.main .form-item.data-v-4da5f4c8 {
+  display: flex;
+  align-items: center;
+}
+.main .button.data-v-4da5f4c8 {
+  background-color: var(--f3CColor);
+}
+

unpackage/dist/dev/mp-weixin/pagesIndex/order/detail.js

@@ -102,16 +102,20 @@ var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  var g0 = _vm.info.no.source && _vm.info.no.source.file.length > 0
-  var g1 = g0
-    ? _vm.info.no.source.file && _vm.info.no.source.file.length > 0
-    : null
+  var g0 = _vm.info.source && _vm.info.source.file.length > 0
+  var g1 = g0 ? _vm.info.source.file && _vm.info.source.file.length > 0 : null
   var g2 = !g0 ? _vm.config.logo_url && _vm.config.logo_url.length > 0 : null
-  var g3 = _vm.info.no.source && _vm.info.no.source.file.length > 0
-  var g4 = g3
-    ? _vm.info.no.source.file && _vm.info.no.source.file.length > 0
-    : null
+  var g3 = _vm.info.source && _vm.info.source.file.length > 0
+  var g4 = g3 ? _vm.info.source.file && _vm.info.source.file.length > 0 : null
   var g5 = !g3 ? _vm.config.logo_url && _vm.config.logo_url.length > 0 : null
+  var l0 = _vm.__map(_vm.info.identity, function (item, index) {
+    var $orig = _vm.__get_orig(item)
+    var m0 = _vm.getProps(item.phone)
+    return {
+      $orig: $orig,
+      m0: m0,
+    }
+  })
   _vm.$mp.data = Object.assign(
     {},
     {
@@ -122,6 +126,7 @@ var render = function () {
         g3: g3,
         g4: g4,
         g5: g5,
+        l0: l0,
       },
     }
   )
@@ -233,6 +238,13 @@ var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/r
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
 var _default = {
   data: function data() {
     return {
@@ -321,7 +333,7 @@ var _default = {
                   break;
                 }
                 _context2.next = 4;
-                return that.$api("/orderDetail/".concat(that.id), 'GET', {});
+                return that.$api("/order/".concat(that.id), 'GET', {});
               case 4:
                 res = _context2.sent;
                 if (res.errcode == '0') {
@@ -329,19 +341,18 @@ var _default = {
                     return i.value == res.data.status;
                   });
                   if (status) res.data.zhStatus = status.label;
-                  if (res.data && res.data.no && res.data.no.source && res.data.no.source.person) {
+                  if (res.data && res.data.source && res.data.source.person) {
                     person = that.personList.find(function (i) {
-                      return i.value == res.data.no.source.person;
+                      return i.value == res.data.source.person;
                     });
                     if (person) res.data.zhPerson = person.label;
                   }
-                  if (res.data && res.data.no && res.data.no.source && res.data.no.source.type) {
+                  if (res.data && res.data.source && res.data.source.type) {
                     type = that.typeList.find(function (i) {
-                      return i.value == res.data.no.source.type;
+                      return i.value == res.data.source.type;
                     });
                     if (type) res.data.zhType = type.label;
                   }
-                  res.data.phone = res.data.phone.replace(/^(\d{3})(\d{4})(\d{4})$/, "$1****$2");
                   that.$set(that, "info", res.data);
                 } else {
                   uni.showToast({
@@ -356,6 +367,11 @@ var _default = {
         }, _callee2);
       }))();
     },
+    // 整理电话号
+    getProps: function getProps(phone) {
+      if (!phone) return '暂无';
+      return phone.replace(/^(\d{3})(\d{4})(\d{4})$/, '$1****$2');
+    },
     // 查询其他信息
     searchOther: function searchOther() {
       var _this2 = this;

unpackage/dist/dev/mp-weixin/pagesIndex/order/detail.wxss

@@ -4,8 +4,6 @@
 .main.data-v-5ff60ad6 {
   display: flex;
   flex-direction: column;
-  width: 100vw;
-  height: 100vh;
   background-image: linear-gradient(to top, #f1f1f1, lightskyblue, #007aff);
 }
 .main .one.data-v-5ff60ad6 {
@@ -104,6 +102,12 @@
   font-weight: bold;
   margin: 1vw 0;
 }
+.main .four .list.data-v-5ff60ad6 {
+  border: 1px solid #d5d5da;
+  border-radius: 5px;
+  margin: 2vw 0 0 0;
+  padding: 2vw;
+}
 .main .four .other.data-v-5ff60ad6 {
   padding: 2px 0 0 0;
   font-size: var(--font12Size);

unpackage/dist/dev/mp-weixin/pagesIndex/order/info.wxss

@@ -4,8 +4,6 @@
 .main.data-v-6e2eeb72 {
   display: flex;
   flex-direction: column;
-  width: 100vw;
-  height: 100vh;
   background-image: linear-gradient(to top, #f1f1f1, lightskyblue, #007aff);
 }
 .main .one.data-v-6e2eeb72 {
@@ -104,6 +102,12 @@
   font-weight: bold;
   margin: 1vw 0;
 }
+.main .four .list.data-v-6e2eeb72 {
+  border: 1px solid #d5d5da;
+  border-radius: 5px;
+  margin: 2vw 0 0 0;
+  padding: 2vw;
+}
 .main .four .other.data-v-6e2eeb72 {
   padding: 2px 0 0 0;
   font-size: var(--font12Size);