From 83e0a2c7f979caf43df5ef7a2dcc81a64bf49535 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Tue, 18 Oct 2022 10:24:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=9C=80=E6=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppCheckpointRegistration/ChangeUser.vue  | 260 ++++++++++++++++++
 .../ManagementContent.vue                     |  10 +-
 .../ManagementHistory.vue                     |   6 +-
 .../AppCheckpointRegistration/UserInfo.vue    |   5 +
 4 files changed, 275 insertions(+), 6 deletions(-)
 create mode 100644 src/project/pingchang/AppCheckpointRegistration/ChangeUser.vue

diff --git a/src/project/pingchang/AppCheckpointRegistration/ChangeUser.vue b/src/project/pingchang/AppCheckpointRegistration/ChangeUser.vue
new file mode 100644
index 00000000..2db78769
--- /dev/null
+++ b/src/project/pingchang/AppCheckpointRegistration/ChangeUser.vue
@@ -0,0 +1,260 @@
+<template>
+  <div class="ManagementContent">
+    <div class="info mar-b16">
+      <div class="item solid">
+        <div class="label">
+          <span class="tips">*</span>移交对象
+        </div>
+        <div class="value" @click="dictSelectClick('EP_handoverObject', 'handoverObject')">
+          <span :class="form.handoverObject === '' ? 'color-999' : ''">{{ $dict.getLabel('EP_handoverObject', form.handoverObject) || '请选择'}}</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_handoverMethod', 'handoverMethod')">
+          <span :class="form.handoverMethod === '' ? 'color-999' : ''">{{ $dict.getLabel('EP_handoverMethod', form.handoverMethod) || '请选择'}}</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">
+          <u-input placeholder="请输入" input-align="right" height="32" maxlength="6" v-model="form.handoverPersonName" :custom-style="{'font-size': '17px'}" />
+        </div>
+      </div>
+      <div class="item solid">
+        <div class="label">
+          <span class="tips"></span>手机号码
+        </div>
+        <div class="value">
+          <u-input placeholder="请输入" type="number" input-align="right" height="32" maxlength="11" v-model="form.handoverPersonPhone" :custom-style="{'font-size': '17px'}" />
+        </div>
+      </div>
+      <div class="item">
+        <div class="label">
+          <span class="tips">*</span>交接图片
+        </div>
+      </div>
+      <div style="padding: 0 16px 24px 0;">
+        <AiUploader :def.sync="form.fileList" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
+      </div>
+    </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 {
+      handlerTypeList: [],
+      form: {
+        registerId: '',
+        registerIdNumber: '',
+        handleType: '',
+        quarantineAddress: '',
+        quarantineBeginTime: '',
+        quarantineEndTime: '',
+        quarantineStrategy: '',
+        homeStatus: '',
+        controlMethod: '',
+        remarks: '',
+        handoverObject: '',
+        handoverMethod: '',
+        handoverPersonName: '',
+        handoverPersonPhone: '',
+        fileList: []
+      },
+      showDateSelect: false,
+      showDictSelect: false,
+      selectDictName: '',
+      selectFormName: '',
+      haveHomeQuarantineBtn: 1, //0隐藏居家 1不隐藏
+      delta: 0, //返回几层 
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  onLoad(Option) {
+    this.delta = Option.delta
+    this.form = uni.getStorageSync('checkPointContent')
+    this.$dict.load('EP_handleType', 'EP_quarantineAddress', 'EP_quarantineStrategy', 'EP_homeStatus', 'EP_controlMethod', 'EP_handoverObject', 'EP_handoverMethod')
+  },
+  onShow() {
+    document.title = '移交人员'
+  },
+  methods: {
+    submit() {
+      if(this.form.handoverObject === '') {
+        return this.$u.toast('请选择移交对象')
+      }
+      if(this.form.handoverMethod === '') {
+        return this.$u.toast('请选择移交方式')
+      }
+      if(!this.form.handoverPersonName) {
+        return this.$u.toast('请输入交接人姓名')
+      }
+      if(!this.form.fileList.length) {
+        return this.$u.toast('请上传交接图片')
+      }
+
+      this.form.homeQuarantineOperation = '1'
+      if(!this.form.quarantineBeginTime) {
+        this.form.quarantineBeginTime = null
+        this.form.quarantineEndTime = null
+      }
+
+      this.$http.post(`/app/appepidemicpreventionregisterinfo/riskDisposal?homeQuarantineOperation=${this.form.homeQuarantineOperation}`, this.form).then((res) => {
+        if (res.code == 0) {
+          this.$u.toast('提交成功')
+          uni.$emit('updateDetail')
+          uni.$emit('updateList')
+          setTimeout(() => {
+            uni.navigateBack({ delta: this.delta })
+          }, 600)
+          
+        }
+      }).catch((err) => {
+        this.$u.toast(err)
+      })
+
+    },
+    handleTypeClick(index) {
+      if(index == this.form.handleType) return
+
+      for(var i in this.form) {
+        if(i != 'registerId' && i != 'registerIdNumber') {
+          this.form[i] = ''
+        }
+      }
+      this.form.handleType = index
+      this.form.fileList = []
+    },
+    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">
+.ManagementContent {
+  background-color: #F3F6F9;
+  padding-top: 16px;
+  .type-select {
+    .type-item {
+      display: inline-block;
+      width: 218px;
+      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;
+    }
+    .type-item:nth-of-type(3n) {
+      margin-right: 0;
+    }
+    .active {
+      background: #4181FF;
+      border: none;
+      color: #fff;
+    }
+  }
+  .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%;
+    }
+  }
+  ::v-deep uni-textarea{
+    width: calc(100% - 32px);
+  }
+  .info {
+    padding-left: 32px;
+    background-color: #fff;
+    .item {
+      padding-left: 0;
+    }
+    .solid {
+      border-bottom: 1px solid #ddd;
+      box-sizing: border-box;
+    }
+  }
+  .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>
diff --git a/src/project/pingchang/AppCheckpointRegistration/ManagementContent.vue b/src/project/pingchang/AppCheckpointRegistration/ManagementContent.vue
index 1e244dcb..15cdb0b3 100644
--- a/src/project/pingchang/AppCheckpointRegistration/ManagementContent.vue
+++ b/src/project/pingchang/AppCheckpointRegistration/ManagementContent.vue
@@ -98,7 +98,7 @@
         <AiUploader :def.sync="form.fileList" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
       </div>
     </div>
-    <div class="info mar-b16" v-if="form.handleType == 6">
+    <div class="info mar-b16" v-if="form.handleType == 6 || form.handleType == 2">
       <div class="item solid">
         <div class="label">
           <span class="tips">*</span>移交对象
@@ -215,19 +215,19 @@ export default {
       //   return this.$u.toast('请选择管控方式')
       // }
 
-      if(this.form.handleType == 6 && this.form.handoverObject === '') {
+      if([2, 6].includes(this.form.handleType) && this.form.handoverObject === '') {
         return this.$u.toast('请选择移交对象')
       }
-      if(this.form.handleType == 6 && this.form.handoverMethod === '') {
+      if([2, 6].includes(this.form.handleType) && this.form.handoverMethod === '') {
         return this.$u.toast('请选择移交方式')
       }
-      if(this.form.handleType == 6 && !this.form.handoverPersonName) {
+      if([2, 6].includes(this.form.handleType) && !this.form.handoverPersonName) {
         return this.$u.toast('请输入交接人姓名')
       }
       // if(this.form.handleType == 6 && this.form.handoverPersonPhone &&  !/^1[0-9]{10,10}$/.test(this.form.handoverPersonPhone)) {
       //   return this.$u.toast("请输入正确的手机号码");
       // }
-      if(this.form.handleType == 6 && !this.form.fileList.length) {
+      if([2, 6].includes(this.form.handleType) && !this.form.fileList.length) {
         return this.$u.toast('请上传交接图片')
       }
 
diff --git a/src/project/pingchang/AppCheckpointRegistration/ManagementHistory.vue b/src/project/pingchang/AppCheckpointRegistration/ManagementHistory.vue
index 7f3d99c3..6db79d98 100644
--- a/src/project/pingchang/AppCheckpointRegistration/ManagementHistory.vue
+++ b/src/project/pingchang/AppCheckpointRegistration/ManagementHistory.vue
@@ -111,7 +111,7 @@
     
     <div class="btn-height"></div>
     <div class="footer" v-if="form.handleType == 3">
-      <div @click="submit('1')">放行居家隔离</div>
+      <div @click="toChangeUser">放行居家隔离</div>
       <div @click="submit('0')">通知社区核实</div>
     </div>
     <div class="footer-btn" v-else @click="submit('')">提交</div>
@@ -177,6 +177,10 @@ export default {
         current: img
       })
     },
+
+    toChangeUser() { //放行居家隔离 转交人员
+      uni.navigateTo({url: './ChangeUser?delta=4'})
+    }
   },
 }
 </script>
diff --git a/src/project/pingchang/AppCheckpointRegistration/UserInfo.vue b/src/project/pingchang/AppCheckpointRegistration/UserInfo.vue
index ba83a093..065cc059 100644
--- a/src/project/pingchang/AppCheckpointRegistration/UserInfo.vue
+++ b/src/project/pingchang/AppCheckpointRegistration/UserInfo.vue
@@ -222,6 +222,7 @@
    
     <div class="line-bg" style="padding-bottom: 56px;"></div>
     <div class="footer" v-if="info.handleType == 0" @click="toContent">风险处置</div>
+    <div class="footer" v-if="info.haveHomeQuarantineBtn == 1" @click="toChangeUser">移交人员</div>
   </div>
 </template>
 
@@ -274,6 +275,10 @@ export default {
     toContent() {
       var haveHomeQuarantineBtn = this.info.haveHomeQuarantineBtn ? 1 : 0
       uni.navigateTo({url: `./ManagementContent?id=${this.id}&idNumber=${this.info.idNumber}&haveHomeQuarantineBtn=${haveHomeQuarantineBtn}`})
+    },
+    toChangeUser() {
+      uni.setStorageSync('checkPointContent', this.info)
+      uni.navigateTo({url: './ChangeUser?delta=1'})
     }
   },
 }