返乡管理列表详情

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

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

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

@@ -1,89 +1,133 @@
 <template>
-<div>
-    <header class="mui-bar mui-bar-nav">
-				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-				<h1 class="mui-title">返乡人员登记详情</h1>
-			</header>
-			<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>
-					</div>
-					<a href="">
-						<span class="iconfont icon-dianhua3"></span>
-						<div class="mui-media-body">拨打电话</div>
-					</a>
-				</div>
-				<div class="mui-content-padded vongi-editme vongi-qingjiadt">
-					<form class="mui-input-group">
-						<div class="mui-input-row ">
-							<label style="width:35%">返乡类型</label>
-							<span style="width:65%">省内从事冷链行业</span>
-						</div>
-						<div class="mui-input-row">
-							<label>始发地</label>
-							<span class="vongi-span">湖北省 武汉市 江岸区大智路199号精武大厦</span>
-						</div>
-						<div class="mui-input-row">
-							<label>途径地</label>
-							<span class="vongi-span">公司-地铁1号线-汉口火车站-荆州火车站-江津路联通车站-步行途径江津路-家里</span>
-						</div>
-						<div class="mui-input-row">
-							<label>返乡乘坐交通工具情况</label>
-							<span class="vongi-span">地铁1号线-G197次列车-19路车</span>
-						</div>
-						<div class="mui-input-row">
-							<label style="width:70%">返乡时间（已到/预计）</label>
-							<span style="width:30%">2020-10-10</span>
-						</div>
-						<div class="mui-input-row ">
-							<label style="width:70%">是否有7日内核酸检测阴性证明</label>
-							<span style="width:30%">是</span>
-						</div>
-						<div class="mui-input-row">
-							<label>备注</label>
-							<span class="vongi-span">无</span>
-						</div>
-					</form>
-				</div>
-				<div 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="#">
-								<div class="mui-media-object">
-									<img src="~$project/assets/img/02.jpg">
-								</div>
-								<div class="mui-media-body">7日内核酸检测阴性证明</div>
-							</a>
-						</li>
-						<li class="mui-table-view-cell mui-media mui-col-xs-4">
-							<a href="#">
-								<div class="mui-media-object">
-									<img src="~$project/assets/img/02.jpg">
-								</div>
-								<div class="mui-media-body">“行程卡”截图</div>
-							</a>
-						</li>
-						<li class="mui-table-view-cell mui-media mui-col-xs-4">
-							<a href="#">
-								<div class="mui-media-object">
-									<img src="~$project/assets/img/02.jpg">
-								</div>
-								<div class="mui-media-body">本人健康码截图</div>
-							</a>
-						</li>
+	<div>
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
 
-					</ul>
+		<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>
 				</div>
+				<a href="">
+					<span class="iconfont icon-dianhua3"></span>
+					<div class="mui-media-body">拨打电话</div>
+				</a>
 			</div>
-</div>
+			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row ">
+						<label style="width:35%">返乡类型</label>
+						<span style="width:65%">省内从事冷链行业</span>
+					</div>
+					<div class="mui-input-row">
+						<label>始发地</label>
+						<span class="vongi-span">湖北省 武汉市 江岸区大智路199号精武大厦</span>
+					</div>
+					<div class="mui-input-row">
+						<label>途径地</label>
+						<span class="vongi-span">公司-地铁1号线-汉口火车站-荆州火车站-江津路联通车站-步行途径江津路-家里</span>
+					</div>
+					<div class="mui-input-row">
+						<label>返乡乘坐交通工具情况</label>
+						<span class="vongi-span">地铁1号线-G197次列车-19路车</span>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:70%">返乡时间（已到/预计）</label>
+						<span style="width:30%">2020-10-10</span>
+					</div>
+					<div class="mui-input-row ">
+						<label style="width:70%">是否有7日内核酸检测阴性证明</label>
+						<span style="width:30%">是</span>
+					</div>
+					<div class="mui-input-row">
+						<label>备注</label>
+						<span class="vongi-span">无</span>
+					</div>
+				</form>
+			</div>
+			<div 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="#">
+							<div class="mui-media-object">
+								<img src="~$project/assets/img/02.jpg">
+							</div>
+							<div class="mui-media-body">7日内核酸检测阴性证明</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-4">
+						<a href="#">
+							<div class="mui-media-object">
+								<img src="~$project/assets/img/02.jpg">
+							</div>
+							<div class="mui-media-body">“行程卡”截图</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-4">
+						<a href="#">
+							<div class="mui-media-object">
+								<img src="~$project/assets/img/02.jpg">
+							</div>
+							<div class="mui-media-body">本人健康码截图</div>
+						</a>
+					</li>
+
+				</ul>
+			</div>
+		</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
 <script>
+	import * as API_return from '@/apis/Other/return'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'OtherReturnInfo',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				isLoading: false,
+
+				pageTitle: '返乡人员登记详情',
+
+				id: this.$route.query.id,
+
+				detail: {}
+			}
+		},
+		created() {},
+		methods: {
+			asynCallBack() {},
+		},
+		mounted() {},
+		destroyed() {},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				person_popedom: 'person_popedom',
+				menu_list: 'menu_list',
+				common_menu_list: 'common_menu_list',
+			})
+		}
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>

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

@@ -13,12 +13,12 @@
 			<div class="vongi-fx-list">
 				<ul class="mui-table-view">
 					<li v-for="(item,index) in recordList" class="mui-table-view-cell">
-						<a class="mui-navigate-right">
+						<router-link :to="{name:'OtherReturnInfo',query:{id:item.id}}" class="mui-navigate-right">
 							<div class="mui-pull-left">
-								{{item.name}}<span class="color4fc5f7" v-text="item.sex=='1'?'男':'女'"></span>{{item.phone}}
+								{{item.name}}<span :class="item.sex=='1'?'color4fc5f7':'colorfe616c'" v-text="item.sex=='1'?'男':'女'"></span>{{item.phone}}
 							</div>
-							<!-- <span class="mui-pull-right mui-badge mui-badge-danger">NEW</span> -->
-						</a>
+							<span v-if="item.newFlag" class="mui-pull-right mui-badge mui-badge-danger">NEW</span>
+						</router-link>
 					</li>
 				</ul>
 			</div>