核酸图片 放开注释

src/project/pingchang/AppCheckpointRegistration/AppCheckpointRegistration.vue

@@ -172,7 +172,7 @@ export default {
       })
     },
     getTotal() {
-      this.$http.post(`/app/appepidemicpreventionregisterinfo/listStatistics?areaId=${this.areaId}`).then((res) => {
+      this.$http.post(`/app/appepidemicpreventionregisterinfo/listStatistics?areaId=${this.areaId}&infoType=0`).then((res) => {
         if (res.code == 0) {
           this.totalInfo = res.data
         }

src/project/pingchang/AppCommunityManagement/Add.vue

@@ -101,7 +101,7 @@
         <AiUploader :def.sync="form.fileList" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
       </div>
     </div>
-    <!-- <div class="info" style="padding-bottom: 24px;">
+    <div class="info" style="padding-bottom: 24px;">
       <div class="item">
         <div class="label" style="width:100%;">
           <span class="tips">*</span>核酸阴性证明图片（解除管理必填）
@@ -110,7 +110,7 @@
       <div style="padding-right: 16px;">
         <AiUploader :def.sync="form.proveFileList" multiple placeholder="上传核酸阴性证明" :limit="9" action="/admin/file/add2"></AiUploader>
       </div>
-    </div> -->
+    </div>
     <div class="btn-height"></div>
     <div class="footer">
       <div class="cancel" @click="submit('2')">解除管理</div>
@@ -181,9 +181,9 @@ export default {
       if( !this.form.fileList.length) {
         return this.$u.toast('请上传图片')
       }
-      // if(status == 1 && !this.form.proveFileList.length) {
-      //   return this.$u.toast('请上传核酸阴性证明图片')
-      // }
+      if(status == 1 && !this.form.proveFileList.length) {
+        return this.$u.toast('请上传核酸阴性证明图片')
+      }
 
       this.$confirm(status == 2 ? '确认解除管理该记录' : '确认保存该记录').then(() => {
         this.confirmSubmit(status)

src/project/pingchang/AppCommunityManagement/Detail.vue

@@ -59,14 +59,14 @@
       </div>
     </div>
 
-    <!-- <div class="info" v-if="info.status == 2 && info.proveFileList.length">
+    <div class="info" v-if="info.status == 2 && info.proveFileList.length">
       <div class="item-flex border-none" >
         <div class="label">核酸证明</div>
       </div>
       <div class="img-list" v-for="(item, index) in info.proveFileList" :key="index">
         <img :src="item.accessUrl" alt="" @click="previewImage(info.proveFileList, item.accessUrl)">
       </div>
-    </div> -->
+    </div>
 
     <div class="line-bg" style="padding-bottom: 56px;" v-if="info.status == 1"></div>
     <div class="footer" v-if="info.status == 1">

src/project/pingchang/AppReturnHomeReporting/AppReturnHomeReporting.vue

@@ -3,48 +3,60 @@
     <AiTopFixed>
       <div class="header">
         <div class="tab-item">
-          <h2 style="color:#2C51CE;">{{totalInfo.total}}</h2>
+          <h2 style="color:#2C51CE;">{{totalInfo['登记人数']}}</h2>
           <p>返乡人员</p>
         </div>
         <div class="tab-item">
-          <h2 style="color:#5AAD6A;">{{totalInfo.today}}</h2>
+          <h2 style="color:#5AAD6A;">{{totalInfo['今日新增返乡']}}</h2>
           <p>今日返乡</p>
         </div>
         <div class="tab-item">
-          <h2 style="color:#F5A319;">{{totalInfo.todayUnusual}}</h2>
-          <p>今日异常</p>
+          <h2 style="color:#F5A319;">{{totalInfo['今日风险人数']}}</h2>
+          <p>今日风险</p>
         </div>
         <div class="tab-item">
-          <h2 style="color:#CD413A;border-right:0;">{{totalInfo.release}}</h2>
-          <p>异常处理</p>
+          <h2 style="color:#CD413A;border-right:0;">{{totalInfo['风险处理']}}</h2>
+          <p>风险处理</p>
         </div>
       </div>
+      <div class="tab-select">
+        <div class="item" :class="!tabIndex ? 'active' : ''" @click="tabClick(0)">返乡人员<span></span></div>
+        <div class="item" :class="tabIndex ? 'active' : ''" @click="tabClick(1)">风险人员<span></span></div>
+      </div>
       <div class="search">
         <div class="left">
-          <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #666" selectRoot>
+          <AiAreaPicker v-model="areaId" :areaId="cropAreaId" @select="areaSelect" :name.sync="areaName" style="color: #666" selectRoot>
             <u-icon name="map-fill" color="#3192F4" size="20px" style="vertical-align: text-bottom"></u-icon>
             <span style="margin-left: 4px" v-if="areaName">{{ areaName }}</span>
             <span v-else>请选择</span>
             <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
           </AiAreaPicker>
         </div>
-        <u-search v-model="name" :clearabled="true" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#999" color="#999" height="58" @search="getListInit" @clear="name='',getListInit"></u-search>
-      </div>
-      <div class="tab-select">
-        <div class="item" :class="!tabIndex ? 'active' : ''" @click="tabClick(0)">返乡人员<span></span></div>
-        <div class="item" :class="tabIndex ? 'active' : ''" @click="tabClick(1)">异常人员<span></span></div>
+        <u-search v-model="keyword" :clearabled="true" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#999" color="#999" height="58" @search="getListInit" @clear="name='',getListInit"></u-search>
       </div>
     </AiTopFixed>
-    <div class="user-list">
-      <div class="item" @click="toUser(item)" v-for="(item,index) in list" :key="index">
-        <h2 class="name">{{item.name}}<span class="status" v-if="item.status == 0">有异常</span></h2>
-        <p class="color-999">{{item.idNumber}}</p>
+    <div class="user-list" v-if="list.length">
+      <div class="item" v-for="(item,index) in list" :key="index" @click="toUser(item)">
+        <div class="top">
+          <h2 class="name">{{item.name}}
+            <div class="status" :class="'status'+item.riskLevel">{{ $dict.getLabel('EP_riskLevel', item.riskLevel) }} </div>
+          </h2>
+          <p class="color-999 idnumber-flex">
+            <span>{{item.idNumber}}</span>
+            <span class="del-btn" @click.stop="del(item.id)"> <u-icon name="trash" color="#f46" size="40" /></span>
+          </p>
           <p><img src="./components/img/org-icon.png" alt=""><span class="start-name">{{item.startAreaName}}</span></p>
           <p><img src="./components/img/blue-icon.png" alt=""><span class="start-name">{{item.arriveAreaName}}</span></p>
           <p><img src="./components/img/time-icon.png" alt="">{{item.arriveTime}}</p>
+          <img :src="statusImgList[item.handleType]" alt="" class="status-img">
+        </div>
+        <div class="bottom" v-if="item.handleType>0">
+          <div class="text">处置人：<span>{{item.handleUserName}}</span></div>
+        </div>
       </div>
     </div>
     <AiEmpty v-if="!list.length"></AiEmpty>
+    <u-select v-model="showGateSelect" :list="gateList" label-name="name" value-name="id" @confirm="gatewayconfirm"></u-select>
   </div>
 </template>
 
@@ -56,29 +68,111 @@ export default {
   appName: '返乡报备',
   data() {
     return {
+      cropAreaId: '',
       areaId: '',
       areaName: '',
       tabIndex: 0,
       current: 1,
+      pages: 2,
       list: [],
-      name: '',
-      totalInfo: {}
+      totalInfo: {},
+      keyword: '',
+      gatewayId: '',
+      gatewayName: '',
+      showGateSelect: false,
+      gateList: [],
+      statusImgList: [
+        require('./components/img/status0.png'), 
+        require('./components/img/status1.png'), 
+        require('./components/img/status2.png'), 
+        require('./components/img/status3.png'), 
+        require('./components/img/status4.png'), 
+        require('./components/img/status5.png'), 
+        require('./components/img/status6.png'), 
+      ],
+      options: [
+        {
+          text: '删除',
+          style: {
+            backgroundColor: '#dd524d'
+          }
+        }
+      ]
     }
   },
   computed: { ...mapState(['user']) },
   created() {
-    this.areaId = this.user.areaId
-    this.areaName = this.user.areaName
+    // this.areaId = this.user.areaId
+    // this.areaName = this.user.areaName
+    this.getCropAreaId()
+    this.$dict.load(['EP_handleType', 'EP_riskLevel']).then(() => {
+      this.getList()
+      this.getTotal()
+    })
   },
   onShow() {
     document.title = '返乡报备'
-    this.getList()
-    this.getTotal()
     uni.$on('updateList', () => {
       this.getListInit()
     })
   },
   methods: {
+    getCropAreaId() {
+      this.$http.post(`/app/appdvcpconfig/getCorpArea`).then((res) => {
+        if (res.code == 0) {
+          this.areaId = res.data
+          this.cropAreaId = res.data
+        }
+      })
+    },
+    getListInit() {
+      this.current = 1
+      this.list = []
+      this.getList()
+    },
+    getList() {
+      this.$http.post(`/app/appepidemicpreventionregisterinfo/list?infoType=1&current=${this.current}&size=10&listType=${this.tabIndex}&gatewayId=${this.gatewayId}&name=${this.keyword}&arriveAreaId=${this.areaId}`)
+      .then((res) => {
+        if (res.code == 0) {
+
+          this.list = this.current > 1 ? [...this.list, ...res.data.records.map(v => {
+              return {
+                ...v,
+                show: false,
+                idNumber: v.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
+              }
+            })] : res.data.records.map(v => {
+              return {
+                ...v,
+                show: false,
+                idNumber: v.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
+              }
+            })
+            this.pages = res.data.pages
+        }
+      })
+    },
+    del(id) {
+      this.$confirm(`确认删除该数据`).then(() => {
+        this.$http.post(`/app/appepidemicpreventionregisterinfo/delete?id=${id}`).then((res) => {
+          if (res.code == 0) {
+            this.$u.toast('删除成功')
+            this.getListInit()
+          }else {
+            this.$u.toast(res.msg)
+          }
+        }).catch((err) => {
+          this.$u.toast(err)
+        })
+      })
+    },
+    getTotal() {
+      this.$http.post(`/app/appepidemicpreventionregisterinfo/listStatistics?areaId=${this.areaId}&infoType=1`).then((res) => {
+        if (res.code == 0) {
+          this.totalInfo = res.data
+        }
+      })
+    },
     areaSelect(e) {
       this.areaId =e
       this.$nextTick(() => {
@@ -90,36 +184,12 @@ export default {
       this.tabIndex = index
       this.getListInit()
     },
-    getListInit() {
-      this.current = 1
-      this.list = []
-      this.getList()
-    },
-    getList() {
-      var status = ''
-      if(this.tabIndex == 1) {
-        status = 0
-      }
-      this.$http.post(`/app/appepidemicbackhomerecord/list?current=${this.current}&size=10&status=${status}&name=${this.name}&arriveAreaId=${this.areaId}`)
-      .then((res) => {
-        if (res.code == 0) {
-          res.data.records.map((item) => {
-            item.idNumber = item.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
-          })
-          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
-        }
-      })
-    },
-    getTotal() {
-      this.$http.post(`/app/appepidemicbackhomerecord/statistic?areaId=${this.areaId}`).then((res) => {
-        if (res.code == 0) {
-          this.totalInfo = res.data
-        }
-      })
-    },
     toUser(row) {
       uni.navigateTo({url: `./UserInfo?id=${row.id}`})
-    }
+    },
+    onClick(index) {
+      this.del(this.list[index].id)
+    },
   },
   onReachBottom() {
     this.current ++
@@ -200,12 +270,45 @@ export default {
       }
     }
   }
-  .user-list{
-    background-color: #f5f5f5;
-    .item{
-      padding: 32px 64px 24px;
+  .top-search {
+    padding: 20px 32px;
     background-color: #fff;
-      margin-bottom: 8px;
+  }
+  .top-select {
+    display: flex;
+    padding: 28px 0;
+    background-color: #fff;
+    .item {
+      flex: 1;
+      padding: 0 8px;
+      text-align: center;
+      span {
+        display: inline-block;
+        font-family: PingFangSC-Medium;
+        font-weight: 500;
+        font-size: 28px;
+        color: #666;
+        line-height: 40px;
+      }
+    }
+  }
+  .user-list{
+    background-color: #F3F6F9;
+    padding: 32px 32px 0;
+    .item{
+      background-color: #fff;
+      border-radius: 16px;
+      margin-bottom: 24px;
+      .top {
+        padding: 32px 32px 24px;
+        position: relative;
+        .status-img{
+          width: 200px;
+          height: 200px;
+          position: absolute;
+          bottom: 0;
+          right: 0;
+        }
         .name{
           font-size: 36px;
           font-family: PingFangSC-Medium, PingFang SC;
@@ -217,11 +320,20 @@ export default {
             float: right;
             font-size: 28px;
             font-family: PingFangSC-Regular, PingFang SC;
-          color: #FF4466;
             line-height: 40px;
           }
+          .status0 {
+            color: #00D25D;
+          }
+          .status1 {
+            color: #FF6300;
+          }
+          .status2 {
+            color: #f46;
+          }
         }
         p{
+          width: calc(100% - 200px);
           font-size: 28px;
           font-family: PingFangSC-Regular, PingFang SC;
           color: #333;
@@ -234,6 +346,15 @@ export default {
             vertical-align: top;
           }
         }
+        .idnumber-flex {
+          width: 100%;
+          display: flex;
+          justify-content: space-between;
+          .del-btn {
+            display: inline-block;
+            padding: 8px;
+          }
+        }
         .start-name{
           display: inline-block;
           width: calc(100% - 50px);
@@ -243,6 +364,23 @@ export default {
           color: #999;
         }
       }
+      .bottom {
+        border-top: 2px solid #D8DDE6;
+        padding: 32px;
+        .text {
+          line-height: 40px;
+          font-family: PingFangSC-Regular;
+          font-size: 28px;
+          color: #666;
+          letter-spacing: 0.58px;
+        }
+        span {
+          display: inline-block;
+          color: #3975C6;
+          margin-right: 32px;
+        }
+      }
+    }
   }
   ::v-deep .AiTopFixed {
     .placeholder {
@@ -259,5 +397,23 @@ export default {
       }
     }
   }
+  .gateway-name {  
+    max-width: calc(100% - 48px);
+    word-break: break-all;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 28px;
+    color: #666;
+    line-height: 40px;
+  }
+  .gateway-type {
+    display: flex;
+    justify-content: center;
+  }
 }
 </style>

src/project/pingchang/AppReturnHomeReporting/ErrorInfo.vue

@@ -1,18 +1,30 @@
 <template>
   <div class="ErrorInfo">
-    <div class="header">
-      <div class="name">{{info.name}}<span @click="callPhone(info.phone)">{{info.phone}}</span><img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(info.phone)" class="phone-icon" /></div>
-      <p>身份证号：</p>
-      <p class="mar-b8" style="color: #333">{{info.idNumber}}</p>
-      <p>异常情况：</p>
-      <p style="color: #ff4466">
-        <span>{{info.unusual}}</span>
-      </p>
+    <div class="info">
+      <div class="title">基本信息<span class="title-right-btn" @click="show = true">新增风险记录</span></div>
+      <div class="item-flex">
+        <div class="label">姓名</div>
+        <div class="value">{{info.name}}</div>
       </div>
-    <div class="info" v-if="list.length">
+      <div class="item-flex">
+        <div class="label">身份证号</div>
+        <div class="value">{{info.idNumberText}}</div>
+      </div>
+      <div class="item-flex">
+        <div class="label">联系方式</div>
+        <div class="value" style="color:#4181FF;" @click="callPhone(info.phone)">
+          <img :src="$cdn + 'common/phone.png'" alt="" class="phone-icon" >
+          {{info.phone}}</div>
+      </div>
+      <div class="item-flex">
+        <div class="label">风险状况</div>
+        <div class="value">{{$dict.getLabel('EP_registerPersonType', info.type)}}</div>
+      </div>
+    </div>
+    <div class="info" v-if="info.riskDisposalList.length">
       <div class="title">异常情况记录</div>
       <div class="error-list">
-        <div class="item" v-for="(item, index) in list" :key="index">
+        <div class="item" v-for="(item, index) in info.riskDisposalList" :key="index">
           <p>{{item.content}}</p>
           <div>{{item.createTime}}
             <span>{{item.createUserName}}</span>
@@ -22,12 +34,12 @@
     </div>
     <div class="bg-line"></div>
     <div class="footer">
-      <div class="add" @click="show = true">新增记录</div>
-      <div class="confirm" @click="cancel()">解除异常</div>
+      <div class="add" @click="toContent">社区初排</div>
+      <div class="confirm" @click="cancel()">解除风险</div>
     </div>
     <u-popup v-model="show" mode="bottom">
       <div class="textarea">
-        <u-input v-model="value" type="textarea" :height="120" :auto-height="true" placeholder="异常情况记录" :clearable="false" maxlength="1000" />
+        <u-input v-model="value" type="textarea" :height="120" :auto-height="true" placeholder="风险情况记录" :clearable="false" maxlength="1000" />
         <p>字数{{value.length}}/1000</p>
       </div>
       <div class="btn">
@@ -49,7 +61,6 @@ export default {
       show: false,
       value: '',
       id: '',
-      list: [],
       info: {}
     }
   },
@@ -64,22 +75,14 @@ export default {
     this.$dict.load('epidemicRecentHealth').then(() => {
       this.getDetail()
     })
-    this.getList()
   },
   methods: {
-    getList() {
-      this.$http.post(`/app/appepidemicunusuallog/list?recordId=${this.id}`).then((res) => {
-        if (res.code == 0) {
-          this.list = res.data.records
-        }
-      })
-    },
     getDetail() {
-      this.$http.post(`/app/appepidemicbackhomerecord/queryDetailById?id=${this.id}`).then((res) => {
+      this.$http.post(`/app/appepidemicpreventionregisterinfo/queryDetailById?id=${this.id}`).then((res) => {
         if (res.code == 0) {
-          res.data.idNumber = res.data.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
           this.info = res.data
-          this.info.health = this.info.health.split(',')
+          this.info.travelTypeList = this.info.travelType.split(',')
+          this.info.idNumberText = res.data.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
         }
       })
     },
@@ -99,27 +102,29 @@ export default {
     },
     confirm() {
       if(!this.value) {
-        return this.$u.toast('请输入异常情况')
+        return this.$u.toast('请输入风险情况')
       }
 
       var params = {
-        "content": this.value,
-        "createUserId": this.user.id,
-        "createUserName": this.user.name,
-        "recordId": this.id
+        "remarks": this.value,
+        "registerId": this.id,
+	      "registerIdNumber": this.info.idNumber,
       }
-      this.$http.post("/app/appepidemicunusuallog/addOrUpdate", params).then(res => {
+      this.$http.post("/app/appepidemicpreventionregisterinfo/riskDisposal", params).then(res => {
         if (res.code == 0) {
+          this.getDetail()
           this.$u.toast("新增成功!")
           this.show = false
           this.value = ''
-          this.getList()
         }
       })
     },
     callPhone(phone) {
       uni.makePhoneCall({phoneNumber: phone})
     },
+    toContent() {
+      uni.navigateTo({url: `./RiskContent?id=${this.id}`})
+    }
   },
 }
 </script>
@@ -127,52 +132,68 @@ export default {
 <style scoped lang="scss">
 .ErrorInfo {
   height: 100%;
-  .header {
-    padding: 32px 48px;
-    box-sizing: border-box;
-    background-color: #fff;
-    margin-bottom: 24px;
-    .name {
-      font-size: 36px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #333;
-      line-height: 50px;
-      margin-bottom: 16px;
-      span {
-        font-size: 32px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #4181ff;
-        line-height: 44px;
-        margin: 0 20px 0 32px;
-      }
-      img {
-        width: 32px;
-        height: 32px;
-        vertical-align: middle;
-      }
-    }
-    p {
-      font-size: 30px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      color: #999;
-      line-height: 42px;
-      color: #999;
-    }
-    .mar-b8 {
-      margin-bottom: 8px;
-    }
-  }
   .info{
-    padding: 0 32px 32px;
     background-color: #fff;
+    padding: 0 32px;
     .title{
+      line-height: 116px;
+      background: #FFF;
       font-size: 38px;
       font-family: PingFangSC-Semibold, PingFang SC;
       font-weight: 600;
       color: #333;
-      line-height: 116px;
+      overflow: hidden;
+      span {
+        float: right;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        color: #1365DD;
+        font-weight: 500;
+      }
+    }
+    .item-flex{
+      padding: 34px 0;
+      border-bottom: 1px solid #ddd;
+      display: flex;
+      justify-content: space-between;
+      line-height: 44px;
+      font-size: 32px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      .label{
+        width: 206px;
+        color: #999;
+      }
+      .value{
+        width: calc(100% - 206px);
+        word-break: break-all;
+        color: #333;
+        text-align: right;
+        .phone-icon{
+          width: 40px;
+          height: 40px;
+          vertical-align: middle;
+          margin-right: 8px;
+        }
+      }
+      .color-0{
+        color: #42D784;
+      }
+      .color-1{
+        color: #f46;
+      }
+      .color-2{
+        color: #1365DD;
+      }
+    }
+    .img-list{
+      padding-bottom: 32px;
+      img{
+        width: 320px;
+        height: 320px;
+      }
+    }
+    .item-flex:nth-last-of-type(1){
+      border-bottom: 0;
     }
     .error-list {
       .item {
@@ -202,6 +223,11 @@ export default {
         }
       }
     }
+    .text-p{
+      line-height: 44px;
+      color: #333;
+      padding-bottom: 16px;
+    }
   }
   .footer {
     position: fixed;

src/project/pingchang/AppReturnHomeReporting/RiskContent.vue

@@ -0,0 +1,581 @@
+<template>
+  <div class="RiskContent">
+    <div class="user-info">
+      <div class="user-list">
+        <div class="item">
+          <h2 class="name">{{info.name}}的返乡登记信息</h2>
+          <p><img src="./components/img/org-icon.png" alt=""><span class="start-name">{{info.startAreaName}}</span></p>
+          <p><img src="./components/img/blue-icon.png" alt=""><span class="start-name">{{info.arriveAreaName}}</span></p>
+          <p><img src="./components/img/time-icon.png" alt="">{{info.arriveTime}}</p>
+        </div>
+      </div>
+      <div class="info">
+        <div class="title">基本信息</div>
+        <div class="item-flex">
+          <div class="label">姓名</div>
+          <div class="value">{{info.name}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label">身份证号</div>
+          <div class="value">{{info.idNumberText}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label">联系方式</div>
+          <div class="value" style="color:#4181FF;" @click="callPhone(info.phone)">
+            <img :src="$cdn + 'common/phone.png'" alt="" class="phone-icon" >
+            {{info.phone}}
+          </div>
+        </div>
+        <div class="item-flex">
+          <div class="label">人员类别</div>
+          <div class="value">{{$dict.getLabel('EP_registerPersonType', info.type)}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label">高危行业</div>
+          <div class="value">{{$dict.getLabel('EP_highRiskIndustries', info.highRiskIndustries)}}</div>
+        </div>
+      </div>
+      <div class="line-bg"></div>
+      <div class="info">
+        <div class="title">行程信息</div>
+        <div class="item-flex">
+          <div class="label">出行方式</div>
+          <div class="value">
+            <span v-for="(item, index) in info.travelTypeList" :key="index"><span v-if="index>0">;</span>{{$dict.getLabel('EP_travelType',item)}}</span>
+          </div>
+        </div>
+        <div class="item-flex border-none" v-if="info.trainNo">
+          <div style="color:#999;">车次/车牌/航班</div>
+        </div>
+        <p class="line-text" v-if="info.trainNo">{{info.trainNo}}</p>
+        <div class="item-flex">
+          <div class="label">出发时间</div>
+          <div class="value" v-if="info.startTime">{{info.startTime.substring(0, 16)}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label">出发地</div>
+          <div class="value" :style="{color: info.riskLevel == 2 ? '#FF4466' : '#333'}">{{info.startAreaName}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label">出发地详址</div>
+          <div class="value">{{info.startAddress}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label">行程描述</div>
+          <div class="value">{{info.description}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label">抵平时间</div>
+          <div class="value" v-if="info.arriveTime">{{info.arriveTime.substring(0, 16)}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label">目的地</div>
+          <div class="value">{{info.arriveAreaName}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label">目的地详址</div>
+          <div class="value">{{info.arriveAddress}}</div>
+        </div>
+      </div>
+      <div class="line-bg"></div>
+      <div class="info">
+        <div class="title">健康状况</div>
+        <div class="item-flex">
+          <div class="label">是否有风险旅居史</div>
+          <div class="value" :style="info.fromHighRiskArea == 1 ? 'color:#f46;' : ''">{{$dict.getLabel('yesOrNo', info.fromHighRiskArea)}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label" style="width:360px;">7天内是否接触新冠确诊或疑似患者</div>
+          <div class="value" :style="info.contactPatients == 1 ? 'color:#f46;' : ''">{{$dict.getLabel('epidemicTouchInFourteen', info.contactPatients)}}</div>
+        </div>
+        <div class="item-flex">
+          <div class="label">当前健康状况</div>
+          <div class="value" >
+            <span v-if="info.abnormalHealth != 1">没有异常</span>
+            <span v-else style="color:#FF4466;">{{$dict.getLabel('EP_abnormalType', info.abnormalType)}}</span>
+          </div>
+        </div>
+      </div>
+      <div class="line-bg"></div>
+      <div class="info" v-if="info.companionList && info.companionList.length">
+        <div class="title">同行情况<span>共{{info.companionCount}}人同行</span></div>
+        <div class="table-content">
+          <div class="item table-header">
+            <div>姓名</div>
+            <div>手机号码</div>
+          </div>
+          <div class="item" v-for="(item, index) in info.companionList" :key="index">
+            <div>{{item.name}}</div>
+            <div>{{item.phone}}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="form-info">
+      <div class="info mar-b16">
+        <div class="item">
+          <div class="label">
+            <span class="tips">*</span>处置意见
+          </div>
+        </div>
+        <div class="type-select">
+          <div class="type-item" :class="form.communityHandleType == item.dictValue ? 'active' : ''" v-for="(item, index) in handleTypeList" :key="index" @click="handleTypeClick(item.dictValue)">{{item.dictName}}</div>
+        </div>
+      </div>
+      <div class="info mar-b16" v-if="form.communityHandleType == 1">
+        <div class="item solid">
+          <div class="label">
+            <span class="tips">*</span>居家状态
+          </div>
+          <div class="value" @click="dictSelectClick('EP_homeStatus2', 'homeStatus')">
+          <span :class="form.homeStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('EP_homeStatus2', form.homeStatus) || '请选择'}}</span>
+          <u-icon name="arrow-right" color="#999" size="16" style="margin-left: 4px" />
+        </div>
+        </div>
+        <div class="item solid">
+          <div class="label">
+            <span class="tips">*</span>隔离时间
+          </div>
+          <div class="value" @click="showDateSelect=true">
+            <span class="color-999" v-if="!form.quarantineBeginTime">请选择</span>
+            <span v-else>{{form.quarantineBeginTime}}至{{form.quarantineEndTime}}</span>
+            <u-icon name="arrow-right" color="#999" size="16" style="margin-left: 4px" />
+          </div>
+        </div>
+        <div class="item solid">
+          <div class="label">
+            <span class="tips">*</span>隔离策略
+          </div>
+          <div class="value" @click="dictSelectClick('EP_quarantineStrategy', 'quarantineStrategy')">
+            <span :class="form.quarantineStrategy === '' ? 'color-999' : ''">{{ $dict.getLabel('EP_quarantineStrategy', form.quarantineStrategy) || '请选择'}}</span>
+            <u-icon name="arrow-right" color="#999" size="16" style="margin-left: 4px" />
+          </div>
+        </div>
+        <div class="item solid">
+          <div class="label">
+            <span class="tips">*</span>管控方式
+          </div>
+          <div class="value" @click="dictSelectClick('EP_controlMethod', 'controlMethod')">
+            <span :class="form.controlMethod === '' ? 'color-999' : ''">{{ $dict.getLabel('EP_controlMethod', form.controlMethod) || '请选择'}}</span>
+            <u-icon name="arrow-right" color="#999" size="16" style="margin-left: 4px" />
+          </div>
+        </div>
+        <div class="item">
+          <div class="label">
+            <span class="tips"></span>附件上传
+          </div>
+        </div>
+        <div style="padding: 0 16px 24px 0;" class="solid">
+          <AiUploader :def.sync="form.fileList" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
+        </div>
+        <div class="item">
+          <div class="label">
+            <span class="tips"></span>备注
+          </div>
+        </div>
+        <div class="item-textarea">
+          <u-input v-model="form.remarks" type="textarea" placeholder="请输入备注"  height="200" :custom-style="{'font-size': '17px'}" maxlength="500" />
+        </div>
+      </div>
+    </div>
+    <div class="btn-height"></div>
+    <div class="footer" @click="submit">提交</div>
+    <u-calendar v-model="showDateSelect" mode="range" min-year="2020" max-date="2050-12-31" @change="dateConfirm"></u-calendar>
+    <u-select v-model="showDictSelect" :list="$dict.getDict(selectDictName)" label-name="dictName" value-name="dictValue" @confirm="dictConfirm"></u-select>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  data() {
+    return {
+      id: '',
+      info: {},
+      form: {
+        communityHandleType: '',
+        homeStatus: '',
+        quarantineBeginTime: '',
+        quarantineEndTime: '',
+        quarantineStrategy: '',
+        fileList: [],
+        remarks: ''
+      },
+      handleTypeList: [],
+      showDateSelect: false,
+      showDictSelect: false,
+      selectDictName: '',
+      selectFormName: '',
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  onLoad(option) {
+    this.areaId = this.user.areaId
+    this.areaName = this.user.areaName
+    this.$dict.load('yesOrNo', 'EP_registerPersonType', 'EP_travelType', 'EP_abnormalType', 'epidemicTouchInFourteen', 
+      'EP_homeStatus2', 'EP_quarantineStrategy', 'EP_communityHandleType', 'EP_highRiskIndustries', 'EP_controlMethod').then(() => {
+      this.id = option.id
+      this.handleTypeList = this.$dict.getDict('EP_communityHandleType')
+      this.getDetail()
+    })
+    
+  },
+  onShow() {
+    document.title = '社区初排'
+  },
+  methods: {
+    submit() {
+      if(this.form.communityHandleType === '') {
+        return this.$u.toast('请选择处置意见')
+      }
+
+      if(this.form.communityHandleType == 1 && this.form.homeStatus === '') {
+        return this.$u.toast('请选择居家状态')
+      }
+      if(this.form.communityHandleType == 1 && !this.form.quarantineBeginTime) {
+        return this.$u.toast('请选择隔离时间')
+      }
+      if(this.form.communityHandleType == 1 && this.form.quarantineStrategy === '') {
+        return this.$u.toast('请选择隔离策略')
+      }
+
+      this.$http.post(`/app/appepidemicpreventionregisterinfo/riskDisposal?homeQuarantineOperation=2`, this.form).then((res) => {
+        if (res.code == 0) {
+          this.$u.toast('提交成功')
+          uni.$emit('updateDetail')
+          uni.$emit('updateList')
+          setTimeout(() => {
+            uni.navigateTo({ url: './AppCheckpointRegistration' })
+          }, 600)
+        }
+      }).catch((err) => {
+        this.$u.toast(err)
+      })
+
+    },
+    handleTypeClick(status) {
+      this.form.communityHandleType = status
+    },
+    getDetail() {
+      this.$http.post(`/app/appepidemicpreventionregisterinfo/queryDetailById?id=${this.id}`).then((res) => {
+        if (res.code == 0) {
+          this.info = res.data
+          this.info.travelTypeList = this.info.travelType.split(',')
+          this.info.idNumberText = res.data.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
+
+          if(res.data.riskDisposalList && res.data.riskDisposalList.length) {
+            this.form = {...res.data.riskDisposalList[0]}
+            this.form.quarantineBeginTime = res.data.riskDisposalList[0].quarantineBeginTime.substring(0, 10)
+            this.form.quarantineEndTime = res.data.riskDisposalList[0].quarantineEndTime.substring(0, 10)
+          }
+        }
+      })
+    },
+    dateConfirm(e) {
+      this.form.quarantineBeginTime = e.startDate
+      this.form.quarantineEndTime = e.endDate
+    },
+    dictSelectClick(dictName, formName) {
+      this.selectDictName = dictName
+      this.selectFormName = formName
+      this.showDictSelect = true
+    },
+    dictConfirm(e) {
+      this.form[this.selectFormName] = e[0].value
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.RiskContent {
+  background-color: #F3F6F9;
+  padding-top: 16px;
+  .user-info {
+    .user-list{
+      margin-bottom: 24px;
+      .item{
+        padding: 32px 32px 24px;
+        background-color: #fff;
+        .name{
+          font-size: 36px;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: #333;
+          line-height: 50px;
+          margin-bottom: 8px;
+          .status{
+            float: right;
+            font-size: 28px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            color: #FF4466;
+            line-height: 40px;
+          }
+        }
+        p{
+          font-size: 28px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          color: #333;
+          line-height: 40px;
+          margin-bottom: 8px;
+          img{
+            width: 32px;
+            height: 32px;
+            margin-right: 18px;
+            vertical-align: top;
+          }
+        }
+        .color-999{
+          margin-bottom: 24px;
+          color: #999;
+        }
+        .start-name{
+          display: inline-block;
+          width: calc(100% - 50px);
+        }
+      }
+    }
+    .info{
+      background-color: #fff;
+      padding: 0 32px;
+      .title{
+        line-height: 116px;
+        background: #FFF;
+        font-size: 38px;
+        font-family: PingFangSC-Semibold, PingFang SC;
+        font-weight: 600;
+        color: #333;
+        overflow: hidden;
+        span {
+          float: right;
+          font-family: PingFangSC-Regular;
+          font-size: 32px;
+          color: #999;
+          font-weight: 400;
+        }
+      }
+      .item-flex{
+        padding: 34px 0;
+        border-bottom: 1px solid #ddd;
+        display: flex;
+        justify-content: space-between;
+        line-height: 44px;
+        font-size: 32px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        .label{
+          width: 206px;
+          color: #999;
+        }
+        .value{
+          width: calc(100% - 206px);
+          word-break: break-all;
+          color: #333;
+          text-align: right;
+          .phone-icon{
+            width: 40px;
+            height: 40px;
+            vertical-align: middle;
+            margin-right: 8px;
+          }
+        }
+        .color-0{
+          color: #42D784;
+        }
+        .color-1{
+          color: #f46;
+        }
+        .color-2{
+          color: #1365DD;
+        }
+      }
+      .img-list{
+        padding-bottom: 32px;
+        img{
+          width: 320px;
+          height: 320px;
+        }
+      }
+      .item-flex:nth-last-of-type(1){
+        border-bottom: 0;
+      }
+      .error-list {
+        .item {
+          width: 100%;
+          background: #f4f7fe;
+          border-radius: 8px;
+          padding: 24px 24px 18px 24px;
+          box-sizing: border-box;
+          margin-bottom: 16px;
+          p {
+            font-size: 28px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            color: #343d65;
+            line-height: 40px;
+            word-break: break-all;
+            margin-bottom: 12px;
+          }
+          div {
+            font-size: 24px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            color: #666;
+            line-height: 34px;
+            span {
+              display: inline-block;
+              margin-left: 32px;
+            }
+          }
+        }
+      }
+      .text-p{
+        line-height: 44px;
+        color: #333;
+        padding-bottom: 16px;
+      }
+    }
+    .table-content {
+      padding: 32px 0 48px 0;
+      .item {
+        width: 100%;
+        display: flex;
+        border-bottom: 1px solid #ccc;
+        border-right: 1px solid #ccc;
+        box-sizing: border-box;
+        div {
+          flex: 1;
+          padding: 16px 48px;
+          line-height: 40px;
+          font-family: PingFangSC-Regular;
+          font-size: 28px;
+          color: #333;
+          border-left: 1px solid #ccc;
+          box-sizing: border-box;
+        }
+      }
+      .table-header {
+        background: #F7F7F7;
+        border: 1px solid #ccc;
+        border-left: none;
+      }
+    }
+    .line-bg{
+      width: 100%;
+      height: 24px;
+      background-color: #F3F6F9;
+    }
+    .border-none{
+      border-bottom: 0!important;
+    }
+    .line-text {
+      line-height: 80px;
+      border-bottom: 1px solid #ddd;
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: #333;
+    }
+  }
+  .item-textarea {
+    width: calc(100% - 32px);
+  }
+  .type-select {
+    .type-item {
+      display: inline-block;
+      width: calc(50% - 16px);
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      background: #FFF;
+      border: 1px solid #CCC;
+      border-radius: 16px;
+      font-family: PingFangSC-Regular;
+      font-size: 28px;
+      color: #333;
+      margin: 0 16px 16px 0;
+      box-sizing: border-box;
+    }
+    .active {
+      background: #4181FF;
+      border: none;
+      color: #fff;
+    }
+  }
+  
+  ::v-deep uni-textarea{
+    width: calc(100% - 32px);
+  }
+  .form-info {
+    .info {
+      padding-left: 32px;
+      background-color: #fff;
+      .item {
+        padding-left: 0;
+      }
+      .solid {
+        border-bottom: 1px solid #ddd;
+        box-sizing: border-box;
+      }
+    }
+    .item {
+      background-color: #fff;
+      display: flex;
+      padding: 40px 0 40px 32px;
+      .label {
+        width: 220px;
+        line-height: 48px;
+        font-family: PingFangSC-Medium;
+        font-weight: 500;
+        font-size: 34px;
+        color: #666;
+        .tips {
+          display: inline-block;
+          font-family: PingFangSC-Medium;
+          font-weight: 700;
+          font-size: 34px;
+          color: #F46;
+          margin-right: 8px;
+          vertical-align: text-top;
+        }
+      }
+      .value {
+        width: calc(100% - 220px);
+        padding-right: 32px;
+        text-align: right;
+        font-family: PingFangSC-Regular;
+        font-size: 34px;
+        color: #333;
+        .color-999 {
+          color: #999;
+          font-size: 30px;
+        }
+      }
+      textarea {
+        width: 100%;
+      }
+    }
+  }
+  
+  .mar-b16 {
+    margin-bottom: 16px;
+  }
+  .btn-height{
+    height: 130px;
+  }
+  .footer{
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    background: #1365DD;
+    box-shadow: inset 0px 1px 0px 0px #EEEEEE;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+    text-align: center;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+  }
+}
+</style>

src/project/pingchang/AppReturnHomeReporting/UserInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="BackUserList">
+  <div class="UserInfo">
     <div class="user-list">
       <div class="item">
         <h2 class="name">{{info.name}}的返乡登记信息</h2>
@@ -16,7 +16,7 @@
       </div>
       <div class="item-flex">
         <div class="label">身份证号</div>
-        <div class="value">{{info.idNumber}}</div>
+        <div class="value">{{info.idNumberText}}</div>
       </div>
       <div class="item-flex">
         <div class="label">联系方式</div>
@@ -26,7 +26,11 @@
       </div>
       <div class="item-flex">
         <div class="label">人员类别</div>
-        <div class="value" :style="(info.type == 0 || info.type == 3 || info.type == 9) ? 'color:#42D784;' : 'color:#f46;'">{{$dict.getLabel('epidemicRecentPersonType', info.type)}}</div>
+        <div class="value">{{$dict.getLabel('EP_registerPersonType', info.type)}}</div>
+      </div>
+      <div class="item-flex">
+        <div class="label">高危行业</div>
+        <div class="value">{{$dict.getLabel('EP_highRiskIndustries', info.highRiskIndustries)}}</div>
       </div>
     </div>
     <div class="line-bg"></div>
@@ -34,96 +38,181 @@
       <div class="title">行程信息</div>
       <div class="item-flex">
         <div class="label">出行方式</div>
-        <div class="value">{{$dict.getLabel('epidemicRecentTravel', info.travelType)}}</div>
+        <div class="value">
+           <span v-for="(item, index) in info.travelTypeList" :key="index"><span v-if="index>0">;</span>{{$dict.getLabel('EP_travelType',item)}}</span>
         </div>
+      </div>
+      <div class="item-flex border-none" v-if="info.trainNo">
+        <div style="color:#999;">车次/车牌/航班</div>
+      </div>
+      <p class="line-text" v-if="info.trainNo">{{info.trainNo}}</p>
       <div class="item-flex">
         <div class="label">出发时间</div>
-        <div class="value">{{info.startTime.substring(0, 16)}}</div>
+        <div class="value" v-if="info.startTime">{{info.startTime.substring(0, 16)}}</div>
       </div>
       <div class="item-flex">
-        <div class="label">出发地区</div>
-        <div class="value" :style="{color: info.denger == 1 ? '#FF4466' : '#333'}">{{info.startAreaName}}</div>
+        <div class="label">出发地</div>
+        <div class="value" :style="{color: info.riskLevel == 2 ? '#FF4466' : '#333'}">{{info.startAreaName}}</div>
       </div>
       <div class="item-flex">
-        <div class="label">出发地址</div>
+        <div class="label">出发地详址</div>
         <div class="value">{{info.startAddress}}</div>
       </div>
-      <div class="item-flex">
-        <div class="label">到达时间</div>
-        <div class="value">{{info.arriveTime.substring(0, 16)}}</div>
-      </div>
-      <div class="item-flex">
-        <div class="label">返乡地区</div>
-        <div class="value">{{info.arriveAreaName}}</div>
-      </div>
-      <div class="item-flex">
-        <div class="label">返乡地址</div>
-        <div class="value">{{info.arriveAddress}}</div>
-      </div>
       <div class="item-flex">
         <div class="label">行程描述</div>
         <div class="value">{{info.description}}</div>
       </div>
-    </div>
-    <div class="line-bg"></div>
-    <div class="info">
-      <div class="title">核酸检测信息</div>
       <div class="item-flex">
-        <div class="label">核酸检测日期</div>
-        <div class="value">{{info.checkTime}}</div>
+        <div class="label">抵平时间</div>
+        <div class="value" v-if="info.arriveTime">{{info.arriveTime.substring(0, 16)}}</div>
       </div>
       <div class="item-flex">
-        <div class="label">核酸检测结果</div>
-        <div class="value" :style="info.checkResult == 1 ? 'color:#f46;' : 'color:#42D784;'">{{$dict.getLabel('epidemicRecentTestResult', info.checkResult)}}</div>
+        <div class="label">目的地</div>
+        <div class="value">{{info.arriveAreaName}}</div>
       </div>
-      <div class="item-flex border-none">
-        <div style="color:#999;">本人健康码截图或核酸检测报告</div>
-      </div>
-      <div class="img-list">
-        <img :src="item.url" alt="" v-for="(item, index) in info.checkPhoto" :key="index" @click="previewImage(info.checkPhoto, item.url)">
+      <div class="item-flex">
+        <div class="label">目的地详址</div>
+        <div class="value">{{info.arriveAddress}}</div>
       </div>
     </div>
     <div class="line-bg"></div>
     <div class="info">
       <div class="title">健康状况</div>
       <div class="item-flex">
-        <div class="label">当前体温</div>
-        <div class="value" :style="info.temperature >= 37.3 ? 'color:#f46;' : ''">{{info.temperature}}℃</div>
+        <div class="label">是否有风险旅居史</div>
+        <div class="value" v-if="info.fromHighRiskArea != 1">否</div>
+        <div class="value" style="color:#f46;" v-else>{{info.highRiskAreaName}}</div>
       </div>
       <div class="item-flex">
-        <div class="label" style="width:360px;">14天内是否接触新冠确诊或疑似患者</div>
-        <div class="value" :class="'color-'+info.touchInFourteen">{{$dict.getLabel('epidemicTouchInFourteen', info.touchInFourteen)}}</div>
+        <div class="label" style="width:360px;">7天内是否接触新冠确诊或疑似患者</div>
+        <div class="value" :style="info.contactPatients == 1 ? 'color:#f46;' : ''">{{$dict.getLabel('epidemicTouchInFourteen', info.contactPatients)}}</div>
       </div>
       <div class="item-flex">
         <div class="label">当前健康状况</div>
         <div class="value" >
-          <span v-for="(item, index) in info.health" :key="index" :style="item != 0 ? 'color:#FF4466;' : ''"><span v-if="index>0">;</span>{{$dict.getLabel('epidemicRecentHealth', item)}}</span>
+          <span v-if="info.abnormalHealth != 1">没有异常</span>
+          <span v-else style="color:#FF4466;">{{$dict.getLabel('EP_abnormalType', info.abnormalType)}}</span>
         </div>
       </div>
     </div>
     <div class="line-bg"></div>
-    <div class="info">
-      <div class="title">异常处理情况</div>
-      <div class="error-list" v-if="list.length">
-        <div class="item" v-for="(item, index) in list" :key="index">
-          <p>{{item.content}}</p>
-          <div>{{item.createTime}}
-            <span>{{item.createUserName}}</span>
+    <div class="info" v-if="info.companionList && info.companionList.length">
+      <div class="title">同行情况<span>共{{info.companionCount}}人同行</span></div>
+      <div class="table-content">
+        <div class="item table-header">
+          <div>姓名</div>
+          <div>手机号码</div>
+        </div>
+        <div class="item" v-for="(item, index) in info.companionList" :key="index">
+          <div>{{item.name}}</div>
+          <div>{{item.phone}}</div>
         </div>
       </div>
     </div>
-      <div class="item-flex" v-if="info.releaseName">
-        <div class="label">异常解除人</div>
-        <div class="value">{{info.releaseName}}</div>
+    <div class="line-bg"></div>
+    <div class="info" v-if="info.handleType != 0">
+      <div class="title">处置意见</div>
+      <div v-for="(item, index) in info.riskDisposalList" :key="index">
+        <div class="item-flex">
+          <div class="label">处置意见</div>
+          <div class="value">{{ $dict.getLabel('EP_handleType', item.handleType) }}</div>
+        </div>
+        <div v-if="item.handleType == 2">
+          <div class="item-flex">
+            <div class="label">集中隔离地</div>
+            <div class="value">{{ $dict.getLabel('EP_quarantineAddress', item.quarantineAddress) }}</div>
+          </div>
+          <div class="item-flex">
+            <div class="label">隔离时间</div>
+            <div class="value">{{item.quarantineBeginTime}}至{{item.quarantineEndTime}}</div>
+          </div>
+          <div class="item-flex">
+            <div class="label">隔离策略</div>
+            <div class="value">{{ $dict.getLabel('EP_quarantineStrategy', item.quarantineStrategy) }}</div>
           </div>
-      <div class="item-flex" v-if="info.releaseName">
-        <div class="label">异常解除时间</div>
-        <div class="value">{{info.releaseTime}}</div>
         </div>
 
+        <div v-if="item.handleType == 3">
+          <!-- <div class="item-flex">
+            <div class="label">居家状态</div>
+            <div class="value">{{ $dict.getLabel('EP_homeStatus', item.homeStatus) }}</div>
           </div>
+          <div class="item-flex">
+            <div class="label">隔离时间</div>
+            <div class="value">{{item.quarantineBeginTime}}至{{item.quarantineEndTime}}</div>
+          </div>
+          <div class="item-flex">
+            <div class="label">隔离策略</div>
+            <div class="value">{{ $dict.getLabel('EP_quarantineStrategy', item.quarantineStrategy) }}</div>
+          </div>
+          <div class="item-flex">
+            <div class="label">管控方式</div>
+            <div class="value">{{ $dict.getLabel('EP_controlMethod', item.controlMethod) }}</div>
+          </div>
+          <div class="item-flex border-none">
+            <div style="color:#999;">备注</div>
+          </div>
+          <p style="padding-bottom: 12px;">{{item.remarks}}</p> -->
+          <div class="item-flex border-none" v-if="item.fileList && item.fileList.length" style="border-top:1px solid #ddd">
+            <div style="color:#999;">图片</div>
+          </div>
+          <div class="img-list">
+            <img :src="items.url" alt="" v-for="(items, indexs) in item.fileList" :key="indexs" @click="previewImage(item.fileList, items.url)">
+          </div>
+        </div>
+
+        <div v-if="item.handleType == 6">
+          <div class="item-flex">
+            <div class="label">移交对象</div>
+            <div class="value">{{ $dict.getLabel('EP_handoverObject', item.handoverObject) }}</div>
+          </div>
+          <div class="item-flex">
+            <div class="label">移交方式</div>
+            <div class="value">{{ $dict.getLabel('EP_handoverMethod', item.handoverMethod) }}</div>
+          </div>
+          <div class="item-flex">
+            <div class="label">交接人姓名</div>
+            <div class="value">{{item.handoverPersonName}}</div>
+          </div>
+          <div class="item-flex">
+            <div class="label">手机号</div>
+            <div class="value" style="color:#4181FF;" @click="callPhone(item.handoverPersonPhone)">
+              <img :src="$cdn + 'common/phone.png'" alt="" class="phone-icon" >
+              {{item.handoverPersonPhone}}</div>
+          </div>
+          <div class="item-flex border-none" v-if="item.fileList && item.fileList.length">
+            <div style="color:#999;">交接图片</div>
+          </div>
+          <div class="img-list">
+            <img :src="items.url" alt="" v-for="(items, indexs) in item.fileList" :key="indexs" @click="previewImage(item.fileList, items.url)">
+          </div>
+        </div>
+
+        <div class="item-flex"  v-if="item.homeStatus !== '' && item.homeStatus != null">
+          <div class="label">居家状态</div>
+          <div class="value">{{ $dict.getLabel('EP_homeStatus', item.homeStatus) }}</div>
+        </div>
+        <div class="item-flex" v-if="item.handleType != 2 && item.quarantineBeginTime">
+          <div class="label">隔离时间</div>
+          <div class="value">{{item.quarantineBeginTime}}至{{item.quarantineEndTime}}</div>
+        </div>
+        <div class="item-flex" v-if="item.handleType != 2 && item.quarantineStrategy !== '' && item.quarantineStrategy != null">
+          <div class="label">隔离策略</div>
+          <div class="value">{{ $dict.getLabel('EP_quarantineStrategy', item.quarantineStrategy) }}</div>
+        </div>
+        <div class="item-flex" v-if="item.controlMethod !== '' && item.controlMethod != null">
+          <div class="label">管控方式</div>
+          <div class="value">{{ $dict.getLabel('EP_controlMethod', item.controlMethod) }}</div>
+        </div>
+        <div class="item-flex border-none" v-if="item.remarks">
+          <div style="color:#999;">备注</div>
+        </div>
+        <p style="padding-bottom: 12px;" v-if="item.remarks">{{item.remarks}}</p>
+      </div>
+    </div>
+   
     <div class="line-bg" style="padding-bottom: 56px;"></div>
-    <div class="footer" @click="toError" v-if="info.status != 1">异常情况处理</div>
+    <div class="footer" v-if="info.handleType == 0" @click="toError">风险处置</div>
   </div>
 </template>
 
@@ -135,42 +224,32 @@ export default {
     return {
       id: '',
       info: {},
-      list: []
+      // haveHomeQuarantineBtn: false, // 是否重新处置 true屏蔽居家两种隔离
     }
   },
   computed: { ...mapState(['user']) },
   onShow() {
-    document.title = '返乡人员信息'
+    document.title = '返乡登记详情'
   },
   onLoad(option) {
-    this.$dict.load('epidemicRecentPersonType', 'epidemicRecentTravel', 'epidemicTouchInFourteen', 'epidemicRecentTestResult', 'epidemicRecentHealth').then(() => {
+    this.$dict.load('yesOrNo', 'EP_registerPersonType', 'EP_travelType', 'EP_abnormalType', 'epidemicTouchInFourteen', 'EP_highRiskIndustries', 'EP_handleType',
+    'EP_quarantineAddress', 'EP_homeStatus', 'EP_quarantineStrategy', 'EP_controlMethod', 'EP_handoverObject', 'EP_handoverMethod').then(() => {
       this.id = option.id
+      // this.haveHomeQuarantineBtn = option.operation == 'reDisposal' ? true : false
       this.getDetail()
-      this.getList()
     })
     uni.$on('updateDetail', () => {
-      this.getList()
       this.getDetail()
     })
+    uni.$emit('updateList')
   },
   methods: {
-    getList() {
-      this.$http.post(`/app/appepidemicunusuallog/list?recordId=${this.id}`).then((res) => {
-        if (res.code == 0) {
-          this.list = res.data.records
-        }
-      })
-    },
     getDetail() {
-      this.$http.post(`/app/appepidemicbackhomerecord/queryDetailById?id=${this.id}`).then((res) => {
+      this.$http.post(`/app/appepidemicpreventionregisterinfo/queryDetailById?id=${this.id}`).then((res) => {
         if (res.code == 0) {
-          if(res.data.checkTime) {
-            res.data.checkTime = res.data.checkTime.substring(0, 10)
-          }
           this.info = res.data
-          this.info.checkPhoto = JSON.parse(this.info.checkPhoto)
-          this.info.health = this.info.health.split(',')
-          this.info.idNumber = res.data.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
+          this.info.travelTypeList = this.info.travelType.split(',')
+          this.info.idNumberText = res.data.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
         }
       })
     },
@@ -191,11 +270,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.BackUserList {
+.UserInfo {
   .user-list{
     margin-bottom: 24px;
     .item{
-      padding: 32px 64px 24px;
+      padding: 32px 32px 24px;
       background-color: #fff;
       .name{
         font-size: 36px;
@@ -245,6 +324,14 @@ export default {
       font-family: PingFangSC-Semibold, PingFang SC;
       font-weight: 600;
       color: #333;
+      overflow: hidden;
+      span {
+        float: right;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        color: #999;
+        font-weight: 400;
+      }
     }
     .item-flex{
       padding: 34px 0;
@@ -324,6 +411,31 @@ export default {
       padding-bottom: 16px;
     }
   }
+  .table-content {
+    padding: 32px 0 48px 0;
+    .item {
+      width: 100%;
+      display: flex;
+      border-bottom: 1px solid #ccc;
+      border-right: 1px solid #ccc;
+      box-sizing: border-box;
+      div {
+        flex: 1;
+        padding: 16px 48px;
+        line-height: 40px;
+        font-family: PingFangSC-Regular;
+        font-size: 28px;
+        color: #333;
+        border-left: 1px solid #ccc;
+        box-sizing: border-box;
+      }
+    }
+    .table-header {
+      background: #F7F7F7;
+      border: 1px solid #ccc;
+      border-left: none;
+    }
+  }
   .line-bg{
     width: 100%;
     height: 24px;
@@ -347,5 +459,12 @@ export default {
   .border-none{
     border-bottom: 0!important;
   }
+  .line-text {
+    line-height: 80px;
+    border-bottom: 1px solid #ddd;
+    font-family: PingFangSC-Regular;
+    font-size: 32px;
+    color: #333;
+  }
 }
 </style>