社区管理待管理状态

src/project/pingchang/AppCommunityManagement/HandleDetail.vue

@@ -10,14 +10,17 @@
       </div>
     </div>
     <div class="info">
-      <div class="title">基本信息</div>
+      <div class="title">基本信息<span @click="changeIdNumber" style="color:#4181FF;">{{ isIdNumberInput ? '保存' : '编辑' }}</span></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 class="value">
+          <u-input v-if="isIdNumberInput" type="number" input-align="right" height="32" maxlength="18" v-model="info.idNumber" :custom-style="{'font-size': '17px'}"  />
+          <span v-else>{{info.idNumberText}}</span>
+        </div>
       </div>
       <div class="item-flex">
         <div class="label">联系方式</div>
@@ -36,7 +39,7 @@
     </div>
     <div class="line-bg"></div>
     <div class="info">
-      <div class="title">行程信息<span @click="toEdit()" style="color:#4181FF;">编辑</span></div>
+      <div class="title">行程信息<span @click="toEdit(1)" style="color:#4181FF;">编辑</span></div>
       <div class="item-flex">
         <div class="label">出行方式</div>
         <div class="value">
@@ -128,7 +131,8 @@ export default {
     return {
       id: '',
       info: {},
-      status: ''
+      status: '',
+      isIdNumberInput: false, //true保存 false编辑
       // haveHomeQuarantineBtn: false, // 是否重新处置 true屏蔽居家两种隔离
     }
   },
@@ -181,15 +185,38 @@ export default {
       uni.setStorageSync('checkPointContent', i)
       uni.navigateTo({url: './ChangeUser?delta=1'})
     },
-    toEdit() {
-      uni.navigateTo({url: `./Edit?id=${this.info.id}`})
+    toEdit(fromType) {
+      uni.navigateTo({url: `./Edit?id=${this.info.id}&fromType=${fromType}`})
     },
     toChangeArea() {
-      uni.navigateTo({url:'./ChangeArea'})
+      uni.navigateTo({url: `./ChangeArea?id=${this.id}&areaId=${this.info.arriveAreaId}&areaName=${this.info.arriveAreaName}`})
     },
     toManageAdd() {
-      // uni.navigateTo({url:'./ChangeArea'})
+      this.toEdit(2)
     },
+    changeIdNumber() {
+      this.isIdNumberInput = !this.isIdNumberInput
+      if(!this.isIdNumberInput) {
+        this.changeIdNumberConfirm()
+      }
+    },
+    changeIdNumberConfirm() {
+      if (!this.info.idNumber) {
+        return this.$toast('请输入身份证号')
+      }
+      if (!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(this.info.idNumber)) {
+        return this.$toast('请输入正确的身份证账号')
+      }
+      this.$http.post(`/app/appepidemicpreventionregisterinfo/updateForAdmin`, this.info).then((res) => {
+        if (res.code == 0) {
+          this.$u.toast('保存成功')
+          uni.$emit('updateList')
+          this.getDetail()
+        }
+      }).catch((err) => {
+        this.$u.toast(err)
+      })
+    }
   },
 }
 </script>