fix：我的收件详情

src/api/index.js

@@ -86,6 +86,16 @@ export function getExpressByUser(data) {
     })
 }
 
+// 我的收件-详情
+export function getExpressById(data) {
+    return request({
+        url: '/tianzong/client/inside/getExpressById',
+        method: 'post',
+        data: data,
+        emulateJSON: true
+    })
+}
+
 // 我的-个人信息
 export function getUserByUserId(data) {
     return request({

src/pages/express.vue

@@ -15,9 +15,8 @@
 						<p>寄</p>
 						<div>
 							<van-field readonly v-model="SendInfoValue.address" label="地址" name="pattern"
-								placeholder="请输入正确的地址" />
-							<van-field v-model="SendInfoValue.phone" label="手机号" name="pattern"
-								placeholder="请输入正确的手机号" />
+								placeholder="自动填充" />
+							<van-field v-model="SendInfoValue.phone" label="手机号" name="pattern" placeholder="自动填充" />
 						</div>
 					</div>
 					<!-- <div class="dzb" @click="link(1)">
@@ -30,9 +29,9 @@
 						<p style="background: #fa9c22;">收</p>
 						<div>
 							<van-field v-model="transmitMessageVlaue.addresseeName" name="" label="姓名"
-								placeholder="用户名" />
+								placeholder="自动填充" />
 							<van-field v-model="transmitMessageVlaue.addresseePhone" label="手机号" name="pattern"
-								placeholder="请输入正确的手机号" />
+								placeholder="自动填充" />
 						</div>
 					</div>
 					<div class="dzb" @click="link(2)">

src/pages/expressExpress.vue

@@ -0,0 +1,172 @@
+<template>
+    <div>
+        <div class="content">
+            <div class="jjlist">
+                <div class="listinfo">
+                    <div class="list_top">
+                        <div class="list_top_left">
+                            <img src="../assets/images/ad_icon1.png" alt="">
+                            <div>
+                                <p>{{ ObjectVlaue.dispatchNo }}</p>
+                                <p>{{ ObjectVlaue.recipient }} {{ ObjectVlaue.phone }}</p>
+                                <p>{{ ObjectVlaue.recordDate }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="info">
+                <p>部门：{{ ObjectVlaue.departmentId }}</p>
+                <p>收件人：{{ ObjectVlaue.recipient }}</p>
+                <p>收件人手机：{{ ObjectVlaue.phone }}</p>
+                <p>创建时间：{{ ObjectVlaue.recordDate }}</p>
+                <p>快件类型：{{ ObjectVlaue.expressType === 1 ? '文件' : '物品' }}</p>
+                <p>座位：{{ ObjectVlaue.sendSeat }}</p>
+                <p>备注：{{ ObjectVlaue.remark }}</p>
+            </div>
+
+        </div>
+    </div>
+</template>
+
+<script>
+import { Toast, Dialog } from 'vant'
+import { getExpressById } from '../api/index'
+export default {
+    data() {
+        return {
+            titlename: "查快递",
+            item: {},
+            mailDetail: {},//传过来的数据
+            id: '',
+            ObjectVlaue: {}
+        }
+    },
+    created: function () {
+        this.mailDetail = this.$route.query.item
+        this.id = this.mailDetail.id
+        console.log(this.mailDetail, ' this.mailDetail')
+    },
+    mounted() {
+        this.getFindWithoutInfoById()
+    },
+    methods: {
+        async getFindWithoutInfoById() {
+            const res = await getExpressById({ id: this.id })
+            this.ObjectVlaue = res.expressInfoById
+            console.log(res)
+        },
+    }
+}
+</script>
+
+<style scoped lang="less">
+.content {
+    padding: .2rem .33rem;
+    font-size: .3rem;
+
+    >p {
+        font-size: .3rem;
+        text-align: center;
+        margin-bottom: .2rem;
+    }
+
+    .info {
+        padding: .4rem;
+        background: white;
+        line-height: 200%;
+        color: #666666;
+
+        .pjinfo {
+            margin-top: .1rem;
+            border-top: .01rem solid #f0efef;
+            padding-top: .1rem;
+        }
+    }
+
+    .jjlist {
+        font-size: .3rem;
+        color: #999999;
+
+        .listinfo {
+            background: white;
+            padding: .33rem .33rem .2rem;
+            border-radius: .05rem;
+            margin-bottom: .2rem;
+            position: relative;
+
+            .list_top {
+                display: flex;
+                justify-content: space-between;
+
+                .list_top_left {
+                    img {
+                        display: inline-block;
+                        width: .9rem;
+                        height: .9rem;
+                        position: relative;
+                        top: -.1rem;
+                    }
+
+                    div {
+                        width: 4rem;
+                        margin-left: .2rem;
+                        display: inline-block;
+                        line-height: 150%;
+
+                        p:nth-of-type(1) {
+                            font-size: .3rem;
+                            font-weight: bold;
+                            color: #333;
+                        }
+
+
+
+                        p:nth-of-type(3) {
+                            font-size: .2rem;
+                        }
+                    }
+                }
+
+                >p {
+                    font-size: .24rem;
+                    color: #f5693d;
+                    font-weight: bold;
+                }
+            }
+
+            .fast {
+                //background: url(../assets/images/status.png) no-repeat center;
+                background-color: #00c4b8;
+                background-size: 100% 100%;
+                color: white;
+                position: absolute;
+                bottom: 0px;
+                right: 0px;
+                width: 1.1rem;
+                height: .5rem;
+                text-align: center;
+                line-height: .5rem;
+                font-size: .2rem;
+            }
+
+        }
+    }
+}
+
+/deep/ .van-nav-bar__content {
+    .van-nav-bar__title {
+        font-size: 16px;
+    }
+}
+
+/deep/.van-icon-arrow-left::before {
+    color: #333;
+    font-size: 16px;
+}
+
+/deep/.van-nav-bar__text {
+    color: #333 !important;
+    font-size: 16px;
+}
+</style>

src/pages/inexpress.vue

@@ -3,8 +3,8 @@
 		<div class="jjinfo">
 			<van-field :value="recipientsName" @focus="onFocus" name="phone" label="收件人姓名" placeholder="请输入收件人姓名"
 				:rules="[{ required: true }]" />
-			<van-field :value="groupValue.departmentName" readonly name="phone" label="收件人部门" placeholder="占位" />
-			<van-field :value="groupValue.seatNo" readonly name="phone" label="收件人座位" placeholder="占位" />
+			<van-field :value="groupValue.departmentName" readonly name="phone" label="收件人部门" placeholder="自动填充" />
+			<van-field :value="groupValue.seatNo" readonly name="phone" label="收件人座位" placeholder="自动填充" />
 		</div>
 
 		<!-- 寄件属性 -->
@@ -88,9 +88,9 @@
 		<!-- 输入后弹出 -->
 		<van-popup v-model="nameShowA" :style="{ height: '100%', width: '100%', }">
 			<div style="display: flex; justify-content: space-between;">
-				<van-search style="width: 100%;" v-model="searchKey" placeholder="请输入搜索关键词" />
-				<van-icon style="margin-top: 15px; margin-right: 10px" @click="searchCrux" name="search" color="#1989fa"
-					size="20" />
+				<van-search style="width: 100%;" @search="searchCrux" v-model="searchKey" placeholder="请输入搜索关键词" />
+				<!-- <van-icon style="margin-top: 15px; margin-right: 10px" @click="searchCrux" name="search" color="#1989fa"
+					size="20" /> -->
 			</div>
 			<div style="height: calc(100vh - 105px); overflow-y: auto; padding: 0 20px;">
 				<van-cell-group class="vanPopup" @click="onGroup(item)" v-for="(item, index) in searchNameList"

src/pages/mailInfo.vue

@@ -1,6 +1,5 @@
 <template>
 	<div>
-		<back :title="titlename"></back>
 		<div class="content">
 			<div class="jjlist">
 				<div class="listinfo">

src/pages/search.vue

@@ -107,7 +107,8 @@ export default {
 			}
 		},
 		mailDetail(item) {
-			this.$router.push({ path: '/MailInfo', query: { item: item } })
+			console.log(item, 'item========')
+			this.$router.push({ path: '/ExpressExpress', query: { item: item } })
 		}
 
 	}

src/router/index.js

@@ -20,6 +20,7 @@ import Xz from '@/pages/xz'
 import Daishou from '@/pages/daishou'
 import Info from '@/pages/info'
 import MailInfo from '@/pages/mailInfo'
+import ExpressExpress from '@/pages/expressExpress'
 import Time from '@/pages/time'
 import Myexpress from '@/pages/myexpress'
 
@@ -46,287 +47,295 @@ Vue.use(Router)
 
 export default new Router({
 	routes: [{
-			path: '/',
-			name: 'Index',
-			component: Index,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //意见建议列表
-			path: '/SuggestList',
-			name: 'SuggestList',
-			component: SuggestList,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //意见建议详情
-			path: '/SuggestInfo',
-			name: 'SuggestInfo',
-			component: SuggestInfo,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //查件
-			path: '/Search',
-			name: 'Search',
-			component: Search,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{
-			path: '/My',
-			name: 'My',
-			component: My,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //个人信息
-			path: '/Personinfomation',
-			name: 'Personinfomation',
-			component: Personinfomation,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{
-			path: '/Express',
-			name: 'Express',
-			component: Express,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //内部件
-			path: '/Inexpress',
-			name: 'Inexpress',
-			component: Inexpress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //同城急送
-			path: '/Cityexpress',
-			name: 'Cityexpress',
-			component: Cityexpress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //地址簿
-			path: '/Addressbook',
-			name: 'Addressbook',
-			component: Addressbook,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //地址簿
-			path: '/MultipleAddressbook',
-			name: 'MultipleAddressbook',
-			component: MultipleAddressbook,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //地址簿
-			path: '/CityAddressbook',
-			name: 'CityAddressbook',
-			component: CityAddressbook,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //地址簿
-			path: '/Inaddressbook',
-			name: 'Inaddressbook',
-			component: Inaddressbook,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //我的地址簿
-			path: '/Myaddressbook',
-			name: 'Myaddressbook',
-			component: Myaddressbook,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //新建地址
-			path: '/Newaddress',
-			name: 'Newaddress',
-			component: Newaddress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //新建地址(内部)
-			path: '/InNewaddress',
-			name: 'InNewaddress',
-			component: InNewaddress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //编辑地址
-			path: '/Editaddress',
-			name: 'Editaddress',
-			component: Editaddress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //批量寄
-			path: '/Multipleexpress',
-			name: 'Multipleexpress',
-			component: Multipleexpress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //禁寄品须知
-			path: '/Xz',
-			name: 'Xz',
-			component: Xz,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //快递代收
-			path: '/Daishou',
-			name: 'Daishou',
-			component: Daishou,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //查快递
-			path: '/Info',
-			name: 'Info',
-			component: Info,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //寄快递查询
-			path: '/MailInfo',
-			name: 'MailInfo',
-			component: MailInfo,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //运费时效
-			path: '/Time',
-			name: 'Time',
-			component: Time,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //我的快件
-			path: '/Myexpress',
-			name: 'Myexpress',
-			component: Myexpress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		// 新增
-		{ //设置
-			path: '/Setting',
-			name: 'Setting',
-			component: Setting,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //使用条款
-			path: '/Sytk',
-			name: 'Sytk',
-			component: Sytk,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //意见建议
-			path: '/Suggest',
-			name: 'Suggest',
-			component: Suggest,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //忘记密码
-			path: '/Forgetpassword',
-			name: 'Forgetpassword',
-			component: Forgetpassword
-		},
-		{ //添加国际收件人
-			path: '/foreignaddress',
-			name: 'foreignaddress',
-			component: Foreignaddress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //国际寄件
-			path: '/Foreignexpress',
-			name: 'Foreignexpress',
-			component: Foreignexpress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //申报信息
-			path: '/Sbxx',
-			name: 'Sbxx',
-			component: Sbxx,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //添加港澳收件人
-			path: '/Hkaddress',
-			name: 'Hkaddress',
-			component: Hkaddress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //添加港澳
-			path: '/Hkexpress',
-			name: 'Hkexpress',
-			component: Hkexpress,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //添加港澳
-			path: '/Key',
-			name: 'Key',
-			component: Key,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //运单追踪
-			path: '/Logisticslist',
-			name: 'Logisticslist',
-			component: Logisticslist,
-			meta: {
-				needLogin: true //需要加校检判断的路由
-			}
-		},
-		{ //登录
-			path: '/Login',
-			name: 'Login',
-			component: Login
-		},
+		path: '/',
+		name: 'Index',
+		component: Index,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //意见建议列表
+		path: '/SuggestList',
+		name: 'SuggestList',
+		component: SuggestList,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //意见建议详情
+		path: '/SuggestInfo',
+		name: 'SuggestInfo',
+		component: SuggestInfo,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //查件
+		path: '/Search',
+		name: 'Search',
+		component: Search,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{
+		path: '/My',
+		name: 'My',
+		component: My,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //个人信息
+		path: '/Personinfomation',
+		name: 'Personinfomation',
+		component: Personinfomation,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{
+		path: '/Express',
+		name: 'Express',
+		component: Express,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //内部件
+		path: '/Inexpress',
+		name: 'Inexpress',
+		component: Inexpress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //同城急送
+		path: '/Cityexpress',
+		name: 'Cityexpress',
+		component: Cityexpress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //地址簿
+		path: '/Addressbook',
+		name: 'Addressbook',
+		component: Addressbook,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //地址簿
+		path: '/MultipleAddressbook',
+		name: 'MultipleAddressbook',
+		component: MultipleAddressbook,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //地址簿
+		path: '/CityAddressbook',
+		name: 'CityAddressbook',
+		component: CityAddressbook,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //地址簿
+		path: '/Inaddressbook',
+		name: 'Inaddressbook',
+		component: Inaddressbook,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //我的地址簿
+		path: '/Myaddressbook',
+		name: 'Myaddressbook',
+		component: Myaddressbook,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //新建地址
+		path: '/Newaddress',
+		name: 'Newaddress',
+		component: Newaddress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //新建地址(内部)
+		path: '/InNewaddress',
+		name: 'InNewaddress',
+		component: InNewaddress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //编辑地址
+		path: '/Editaddress',
+		name: 'Editaddress',
+		component: Editaddress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //批量寄
+		path: '/Multipleexpress',
+		name: 'Multipleexpress',
+		component: Multipleexpress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //禁寄品须知
+		path: '/Xz',
+		name: 'Xz',
+		component: Xz,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //快递代收
+		path: '/Daishou',
+		name: 'Daishou',
+		component: Daishou,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //查快递
+		path: '/Info',
+		name: 'Info',
+		component: Info,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //内部外部详情
+		path: '/MailInfo',
+		name: 'MailInfo',
+		component: MailInfo,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //我的收件详情
+		path: '/ExpressExpress',
+		name: 'ExpressExpress',
+		component: ExpressExpress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //运费时效
+		path: '/Time',
+		name: 'Time',
+		component: Time,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //我的快件
+		path: '/Myexpress',
+		name: 'Myexpress',
+		component: Myexpress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	// 新增
+	{ //设置
+		path: '/Setting',
+		name: 'Setting',
+		component: Setting,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //使用条款
+		path: '/Sytk',
+		name: 'Sytk',
+		component: Sytk,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //意见建议
+		path: '/Suggest',
+		name: 'Suggest',
+		component: Suggest,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //忘记密码
+		path: '/Forgetpassword',
+		name: 'Forgetpassword',
+		component: Forgetpassword
+	},
+	{ //添加国际收件人
+		path: '/foreignaddress',
+		name: 'foreignaddress',
+		component: Foreignaddress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //国际寄件
+		path: '/Foreignexpress',
+		name: 'Foreignexpress',
+		component: Foreignexpress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //申报信息
+		path: '/Sbxx',
+		name: 'Sbxx',
+		component: Sbxx,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //添加港澳收件人
+		path: '/Hkaddress',
+		name: 'Hkaddress',
+		component: Hkaddress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //添加港澳
+		path: '/Hkexpress',
+		name: 'Hkexpress',
+		component: Hkexpress,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //添加港澳
+		path: '/Key',
+		name: 'Key',
+		component: Key,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //运单追踪
+		path: '/Logisticslist',
+		name: 'Logisticslist',
+		component: Logisticslist,
+		meta: {
+			needLogin: true //需要加校检判断的路由
+		}
+	},
+	{ //登录
+		path: '/Login',
+		name: 'Login',
+		component: Login
+	},
 	]
 })