返乡管理列表详情

src/projects/business/apis/Other/return.js

@@ -51,10 +51,12 @@ export function commissionerReturnInfoList(data) {
 }
 
 //管理人员获取详情
-export function commissionerReturnInfoDetail(data) {
+export function commissionerReturnInfoDetail(id) {
 	return request({
 		url: '/mobile/personInfoApi/commissionerReturnInfoDetail',
-		data: Qs.stringify(data),
+		data: Qs.stringify({
+			id: id
+		}),
 		method: 'post',
 	})
 }

src/projects/business/views/Other/Return/Info.vue

@@ -6,12 +6,12 @@
 		<div class="mui-content vongi-fx-dat">
 			<div class="vongi-fx-dattop">
 				<div class="vongi-fx-card">
-					<h1>赵梓瑞 男</h1>
-					<h4 class="flew-items"><span class="iconfont icon-shouji"></span>155****1111</h4>
-					<h4 class="flew-items"><span class="iconfont icon-zhengjian"></span>155****1111</h4>
-					<h4 class=""><span class="iconfont icon-shouye"></span>沙市区 朝阳街道 东苑社区 江津东路附155号荆鹏软件园1-1-201</h4>
+					<h1>{{detail.name}} {{detail.sex=='1'?'男':'女'}}</h1>
+					<h4 class="flew-items"><span class="iconfont icon-shouji"></span>{{detail.phone}}</h4>
+					<h4 class="flew-items"><span class="iconfont icon-zhengjian"></span>{{detail.idCard}}</h4>
+					<h4 class=""><span class="iconfont icon-shouye"></span>{{liveRegionIdName}} {{detail.liveDetailAddress}}</h4>
 				</div>
-				<a href="">
+				<a :href="'tel:'+detail.phone">
 					<span class="iconfont icon-dianhua3"></span>
 					<div class="mui-media-body">拨打电话</div>
 				</a>
@@ -20,62 +20,61 @@
 				<form class="mui-input-group">
 					<div class="mui-input-row ">
 						<label style="width:35%">返乡类型</label>
-						<span style="width:65%">省内从事冷链行业</span>
+						<span style="width:65%" v-text="typeName"></span>
 					</div>
 					<div class="mui-input-row">
 						<label>始发地</label>
-						<span class="vongi-span">湖北省 武汉市 江岸区大智路199号精武大厦</span>
+						<span class="vongi-span" v-text="originIdName+detail.originDetailAddress"></span>
 					</div>
 					<div class="mui-input-row">
 						<label>途径地</label>
-						<span class="vongi-span">公司-地铁1号线-汉口火车站-荆州火车站-江津路联通车站-步行途径江津路-家里</span>
+						<span class="vongi-span" v-text="detail.avenuePlace"></span>
 					</div>
 					<div class="mui-input-row">
 						<label>返乡乘坐交通工具情况</label>
-						<span class="vongi-span">地铁1号线-G197次列车-19路车</span>
+						<span class="vongi-span" v-text="detail.vehicle"></span>
 					</div>
 					<div class="mui-input-row">
 						<label style="width:70%">返乡时间（已到/预计）</label>
-						<span style="width:30%">2020-10-10</span>
+						<span style="width:30%" v-text="detail.arriveTime"></span>
 					</div>
 					<div class="mui-input-row ">
 						<label style="width:70%">是否有7日内核酸检测阴性证明</label>
-						<span style="width:30%">是</span>
+						<span style="width:30%" v-text="detail.haveCheck?'是':'否'"></span>
 					</div>
-					<div class="mui-input-row">
+					<div v-if="detail.remark" class="mui-input-row">
 						<label>备注</label>
-						<span class="vongi-span">无</span>
+						<span class="vongi-span" v-text="detail.remark"></span>
 					</div>
 				</form>
 			</div>
-			<div class="mui-content-padded vongi-fx-datpot">
+			<div v-if="detail.checkImageUrl || detail.travelImageUrl || detail.healthCodeUrl" class="mui-content-padded vongi-fx-datpot">
 				<h4>相关证明图片</h4>
 				<ul class="mui-table-view mui-grid-view mui-grid-9">
-					<li class="mui-table-view-cell mui-media mui-col-xs-4">
-						<a href="#">
+					<li v-if="detail.checkImageUrl" class="mui-table-view-cell mui-media mui-col-xs-4">
+						<a>
 							<div class="mui-media-object">
-								<img src="~$project/assets/img/02.jpg">
+								<img :src="detail.checkImageUrl">
 							</div>
 							<div class="mui-media-body">7日内核酸检测阴性证明</div>
 						</a>
 					</li>
-					<li class="mui-table-view-cell mui-media mui-col-xs-4">
-						<a href="#">
+					<li v-if="detail.travelImageUrl" class="mui-table-view-cell mui-media mui-col-xs-4">
+						<a>
 							<div class="mui-media-object">
-								<img src="~$project/assets/img/02.jpg">
+								<img :src="detail.travelImageUrl">
 							</div>
 							<div class="mui-media-body">“行程卡”截图</div>
 						</a>
 					</li>
-					<li class="mui-table-view-cell mui-media mui-col-xs-4">
-						<a href="#">
+					<li v-if="detail.healthCodeUrl" class="mui-table-view-cell mui-media mui-col-xs-4">
+						<a>
 							<div class="mui-media-object">
-								<img src="~$project/assets/img/02.jpg">
+								<img :src="detail.healthCodeUrl">
 							</div>
 							<div class="mui-media-body">本人健康码截图</div>
 						</a>
 					</li>
-
 				</ul>
 			</div>
 		</div>
@@ -108,16 +107,136 @@
 
 				id: this.$route.query.id,
 
-				detail: {}
+				detail: {},
+
+				typeList: [{
+						value: '1',
+						text: '境外返乡',
+						dec: '',
+					},
+					{
+						value: '2',
+						text: '国内中高风险地区',
+						dec: '',
+					},
+					{
+						value: '3',
+						text: '省内从事冷链行业',
+						dec: '注：包含进口冷链食品从业人员、口岸直接接触进口货物从业人员、隔离场所工作人员、交通运输工具从业人员等重点人群。',
+					},
+					{
+						value: '4',
+						text: '其他',
+						dec: '',
+					},
+				],
+
+				liveRegionIdList: [],
+				originIdList: [],
 			}
 		},
 		created() {},
 		methods: {
+			//获取详情
+			getInfo() {
+				this.isLoading = true;
+				API_return.commissionerReturnInfoDetail(this.id).then(response => {
+					this.isLoading = false;
+
+					this.detail = response;
+
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//获取地区列表
+			getregionList(name, fun) {
+				this.isLoading = true;
+				API_return.regionList(name).then(response => {
+					this.isLoading = false;
+
+					fun(response.list)
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
 			asynCallBack() {},
 		},
-		mounted() {},
+		mounted() {
+			//获取详情
+			this.getInfo();
+			var _this = this;
+			//获取居住地
+			this.getregionList('1', function(list) {
+				_this.liveRegionIdList = list;
+			})
+			//获取始发地
+			this.getregionList('2', function(list) {
+				_this.originIdList = list;
+			})
+		},
 		destroyed() {},
 		computed: {
+			liveRegionIdName: function() {
+				var nameArr = [];
+				for (var i = 0; i < this.liveRegionIdList.length; i++) {
+					nameArr[0] = this.liveRegionIdList[i]['text'];
+					if (this.liveRegionIdList[i]['value'] == this.detail.liveRegionId) {
+						//return this.liveRegionIdList[i]['text'];
+						return nameArr.join('/');
+					}
+					for (var j = 0; j < this.liveRegionIdList[i]['children'].length; j++) {
+						nameArr[1] = this.liveRegionIdList[i]['children'][j]['text'];
+						if (this.liveRegionIdList[i]['children'][j]['value'] == this.detail.liveRegionId) {
+							//return this.liveRegionIdList[i]['children'][j]['text'];
+							return nameArr.join('/');
+						}
+						for (var s = 0; s < this.liveRegionIdList[i]['children'][j]['children'].length; s++) {
+							nameArr[2] = this.liveRegionIdList[i]['children'][j]['children'][s]['text'];
+							if (this.liveRegionIdList[i]['children'][j]['children'][s]['value'] == this.detail.liveRegionId) {
+								//return this.liveRegionIdList[i]['children'][j]['children'][s]['text'];
+								return nameArr.join('/');
+							}
+						}
+					}
+				}
+				return '数据错误';
+			},
+			originIdName: function() {
+				var nameArr = [];
+				for (var i = 0; i < this.originIdList.length; i++) {
+					nameArr[0] = this.originIdList[i]['text'];
+					if (this.originIdList[i]['value'] == this.detail.originId) {
+						//return this.originIdList[i]['text'];
+						return nameArr.join('/');
+					}
+					for (var j = 0; j < this.originIdList[i]['children'].length; j++) {
+						nameArr[1] = this.originIdList[i]['children'][j]['text'];
+						if (this.originIdList[i]['children'][j]['value'] == this.detail.originId) {
+							//return this.originIdList[i]['children'][j]['text'];
+							return nameArr.join('/');
+						}
+						for (var s = 0; s < this.originIdList[i]['children'][j]['children'].length; s++) {
+							nameArr[2] = this.originIdList[i]['children'][j]['children'][s]['text'];
+							if (this.originIdList[i]['children'][j]['children'][s]['value'] == this.detail.originId) {
+								//return this.originIdList[i]['children'][j]['children'][s]['text'];
+								return nameArr.join('/');
+							}
+						}
+					}
+				}
+				return '数据错误';
+			},
+			typeName: function() {
+				for (var i = 0; i < this.typeList.length; i++) {
+					if (this.typeList[i]['value'] == this.detail.type) {
+						return this.typeList[i]['text'];
+					}
+				}
+				return '数据错误';
+			},
 			...mapGetters({
 				openId: 'wx_openid',
 				token: 'token',