From cceb98c5b4526a7a0d9daaf4cb517de5e0f6a083 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Mon, 7 Feb 2022 09:37:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E7=94=A8=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sass/AppSpecialPeople/add.vue | 256 ++++++++++++++++--------------
 1 file changed, 137 insertions(+), 119 deletions(-)

diff --git a/src/sass/AppSpecialPeople/add.vue b/src/sass/AppSpecialPeople/add.vue
index 292e7925..01fdd198 100644
--- a/src/sass/AppSpecialPeople/add.vue
+++ b/src/sass/AppSpecialPeople/add.vue
@@ -4,7 +4,10 @@
       <div class="item">
         <span class="label"><span class="tips">*</span>类型</span>
         <div class="value" @click="selectClick('appSpecialTypeFive', 'userType')">
-          <span :class="form.userType === '' ? 'color-999' : ''">{{ $dict.getLabel('appSpecialTypeFive', form.userType) || '请选择'}}</span>
+          <span
+              :class="form.userType === '' ? 'color-999' : ''">{{
+              $dict.getLabel('appSpecialTypeFive', form.userType) || '请选择'
+            }}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"/>
         </div>
       </div>
@@ -12,32 +15,39 @@
         <span class="label"><span class="tips">*</span>姓名</span>
         <div class="value">
 
-          <u-input type="text" placeholder="请输入" v-model="form.name" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false" />
+          <u-input type="text" placeholder="请输入" v-model="form.name" input-align="right"
+                   placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false"/>
         </div>
       </div>
       <div class="item">
         <span class="label"><span class="tips">*</span>身份证号</span>
         <div class="value">
-          <u-input type="text" placeholder="请输入" v-model="form.idNumber" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="18" :clearable="false" @input="changeIdNumber"/>
+          <u-input type="text" placeholder="请输入" v-model="form.idNumber" input-align="right"
+                   placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="18" :clearable="false"
+                   @input="changeIdNumber"/>
         </div>
       </div>
       <div class="item">
         <span class="label"><span class="tips">*</span>性别</span>
         <div class="value">
-          <u-input disabled placeholder="请输入" v-model="form.gender" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false" />
+          <u-input disabled placeholder="请输入" v-model="form.gender" input-align="right"
+                   placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false"/>
         </div>
       </div>
       <div class="item">
         <span class="label"><span class="tips">*</span>出生日期</span>
         <div class="value">
 
-          <u-input type="text" disabled placeholder="请输入" v-model="form.birth" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="19" :clearable="false" />
+          <u-input type="text" disabled placeholder="请输入" v-model="form.birth" input-align="right"
+                   placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="19" :clearable="false"/>
         </div>
       </div>
       <div class="item">
         <span class="label"><span class="tips">*</span>联系电话</span>
         <div class="value">
-          <u-input type="number" placeholder="请输入" v-model="form.phone" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="11" :clearable="false" @input="changePhone" />
+          <u-input type="number" placeholder="请输入" v-model="form.phone" input-align="right"
+                   placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="11" :clearable="false"
+                   @input="changePhone"/>
         </div>
       </div>
       <div class="item">
@@ -53,37 +63,46 @@
       <div class="item">
         <span class="label"><span class="tips">*</span>详细地址</span>
         <div class="value">
-          <u-input type="text" placeholder="请输入" v-model="form.address" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48"/>
+          <u-input type="text" placeholder="请输入" v-model="form.address" input-align="right"
+                   placeholder-style="color:#999;font-size:16px;" height="48"/>
         </div>
       </div>
       <div class="item">
         <span class="label"><span class="tips">*</span>所属网格</span>
         <div class="value">
-          <u-input type="text" placeholder="请输入" disabled v-model="form.girdName" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :clearable="false" @click="showGird=true"/>
+          <u-input type="text" placeholder="请输入" disabled v-model="form.girdName" input-align="right"
+                   placeholder-style="color:#999;font-size:16px;" height="48" :clearable="false"
+                   @click="showGird=true"/>
         </div>
       </div>
       <div v-if="this.form.userType != ''">
         <div v-for="(item, index) in tableData[this.form.userType].list" :key="index">
 
           <div class="item" v-if="item.type == 'input'">
-            <span class="label"><span class="tips"></span>{{item.label}}</span>
+            <span class="label"><span class="tips"></span>{{ item.label }}</span>
             <div class="value">
-              <u-input type="text" placeholder="请输入" v-model="form[item.formDbName]" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false" />
+              <u-input type="text" placeholder="请输入" v-model="form[item.formDbName]" input-align="right"
+                       placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false"/>
             </div>
           </div>
 
           <div class="item" v-if="item.type == 'select'">
-            <span class="label"><span class="tips"></span>{{item.label}}</span>
+            <span class="label"><span class="tips"></span>{{ item.label }}</span>
             <div class="value" @click="selectClick(item.dict, item.formDbName)">
-              <span :class="form[item.formDbName] === '' ? 'color-999' : ''">{{ $dict.getLabel(item.dict, form[item.formDbName]) || '请选择'}}</span>
+              <span
+                  :class="form[item.formDbName] === '' ? 'color-999' : ''">{{
+                  $dict.getLabel(item.dict, form[item.formDbName]) || '请选择'
+                }}</span>
               <u-icon name="arrow-right" color="#cccccc" size="14"/>
             </div>
           </div>
 
           <div class="item" v-if="item.type == 'time'">
-            <span class="label"><span class="tips"></span>{{item.label}}</span>
+            <span class="label"><span class="tips"></span>{{ item.label }}</span>
             <div class="value" @click="selectTime(item.formDbName)">
-              <span :class="form[item.formDbName] === '' ? 'color-999' : ''">{{ $dateFormat(form[item.formDbName],'YYYY-MM-DD') || '请选择' }}</span>
+              <span :class="form[item.formDbName] === '' ? 'color-999' : ''">{{
+                  $dateFormat(form[item.formDbName], 'YYYY-MM-DD') || '请选择'
+                }}</span>
               <u-icon name="arrow-right" color="#cccccc" size="14"/>
             </div>
           </div>
@@ -95,20 +114,20 @@
       <div class="btn">保存</div>
     </div>
 
-    <u-picker mode="time" v-model="dateShow" :params="deteParams" start-year="2010" @confirm="dateConfirm">请选择</u-picker>
-    <u-select v-model="showSelect" :list="selectList" label-name="dictName" value-name="dictValue" @confirm="confirmSelect"/>
-     <u-select v-model="showGird" :list="girdlist" label-name="dictName" value-name="dictValue" @confirm="confirmGirdSelect"/>
+    <u-picker mode="time" v-model="dateShow" :params="deteParams" start-year="2010" @confirm="dateConfirm">请选择
+    </u-picker>
+    <u-select v-model="showSelect" :list="selectList" label-name="dictName" value-name="dictValue"
+              @confirm="confirmSelect"/>
+    <u-select v-model="showGird" :list="girdlist" label-name="dictName" value-name="dictValue"
+              @confirm="confirmGirdSelect"/>
   </div>
 </template>
 
 <script>
 
-import {mapActions, mapState} from 'vuex'
-import AiAreaPicker from '../../components/AiAreaPicker.vue'
+import {mapState} from 'vuex'
 
 export default {
-  components: { AiAreaPicker },
-
   data() {
     return {
       form: {
@@ -283,10 +302,10 @@ export default {
         {
           list: [  // 刑满释放
             {
-                label: '是否累犯',
-                type: 'select',
-                dict: 'houselivingStatus',
-                formDbName: 'isSecond'
+              label: '是否累犯',
+              type: 'select',
+              dict: 'houselivingStatus',
+              formDbName: 'isSecond'
             },
             {
               label: '原罪名',
@@ -337,154 +356,153 @@ export default {
         }
       ],
       selectList: [],
-      id:"",
-      index:"",
-      showGird:false,
-      girdlist:[]
+      id: "",
+      index: "",
+      showGird: false,
+      girdlist: []
     }
   },
   computed: {
     ...mapState(['user']),
   },
   onLoad(o) {
-  //  console.log(o);
+    //  console.log(o);
     this.$dict.load('appSpecialSituation', 'appSpecialPlacement', 'appSpecialDenger', 'appSpecialCrime',
-        'appSpecialControl', 'appSpecialDebug', 'appSpecialDrug', 'appSpecialChangeType','appSpecialCure','appSpecialDengerLevel',
-        'appSpecialDisableLevel','appSpecialDisableType','appSpecialHealth','appSpecialMarriage','appSpecialTypeFive').then(() => {
+        'appSpecialControl', 'appSpecialDebug', 'appSpecialDrug', 'appSpecialChangeType', 'appSpecialCure', 'appSpecialDengerLevel',
+        'appSpecialDisableLevel', 'appSpecialDisableType', 'appSpecialHealth', 'appSpecialMarriage', 'appSpecialTypeFive').then(() => {
     }),
-    this.gridName()
-    if(o){
-     this.id = o.id
-     this.index = o.index
-     this.getDetail()
-   }
+        this.gridName()
+    if (o) {
+      this.id = o.id
+      this.index = o.index
+      this.getDetail()
+    }
   },
   onShow() {
     document.title = '新增人员'
   },
 
   methods: {
-   
-    getDetail(){
-      if(!this.id) return
-       var urlList = ['app/appspecialdisabled/queryDetailById','app/appspecialmental/queryDetailById',  'app/appspecialadjustment/queryDetailById',
-       'app/appspecialdrug/queryDetailById', 'app/appspecialprison/queryDetailById']
 
-     this.$http.post(urlList[this.index],null,{
-       params: {
-         id:this.id
-       }
-     }).then(({res}) => {
-       console.log(res);
-      if(res.code == 0 ){
-        this.form = res
-        // this.form.userType = this.index
-        // this.form.name = res.data.name
-        // this.form.idNumber = res.data.idNumber
-        // this.form.gender=res.data.gender,
-        // this.form.birth=res.data.birth,
-        // this.form.phone=res.data.phone,
-        // this.form.areaName=res.data.areaName,
-        // this.form.address=res.data.address,
-        // this.form.girdName=res.data.girdName,
-        // this.form.areaId=res.data.areaId,
-        // this.form.income=res.data.income,
-        // this.form.marriage = res.data.marriage,
-        // this.form.health = res.data.health
-        // this.form.type = res.data.type
-        // this.form.level= res.data.level
-        // this.form.sickTime= res.data.sickTime
-        // this.form.helpName= res.data.helpName
-        // this.form.helpPhone= res.data.helpPhone
-        // this.form.crime= res.data.crime
-        // this.form.startTime= res.data.startTime
-        // this.form.endTime= res.data.endTime
-        // this.form.isCreateGroup= res.data.isCreateGroup
-        // this.form.isRelease= res.data.isRelease
-        // this.form.firstTime= res.data.firstTime
-        // this.form.status= res.data.status
-        // this.form.debug= res.data.debug
-        // this.form.control= res.data.control
-        // this.form.controlName= res.data.controlName
-        // this.form.controlPhone= res.data.controlPhone
-        // this.form.isSecond= res.data.isSecond
-        // this.form.= res.data.
-        // this.form.= res.data.
-        // this.form.= res.data.
-        // this.form.= res.data.
-        // this.form.= res.data.
+    getDetail() {
+      if (!this.id) return
+      var urlList = ['app/appspecialdisabled/queryDetailById', 'app/appspecialmental/queryDetailById', 'app/appspecialadjustment/queryDetailById',
+        'app/appspecialdrug/queryDetailById', 'app/appspecialprison/queryDetailById']
 
-      }
+      this.$http.post(urlList[this.index], null, {
+        params: {
+          id: this.id
+        }
+      }).then(({res}) => {
+        console.log(res);
+        if (res.code == 0) {
+          this.form = res
+          // this.form.userType = this.index
+          // this.form.name = res.data.name
+          // this.form.idNumber = res.data.idNumber
+          // this.form.gender=res.data.gender,
+          // this.form.birth=res.data.birth,
+          // this.form.phone=res.data.phone,
+          // this.form.areaName=res.data.areaName,
+          // this.form.address=res.data.address,
+          // this.form.girdName=res.data.girdName,
+          // this.form.areaId=res.data.areaId,
+          // this.form.income=res.data.income,
+          // this.form.marriage = res.data.marriage,
+          // this.form.health = res.data.health
+          // this.form.type = res.data.type
+          // this.form.level= res.data.level
+          // this.form.sickTime= res.data.sickTime
+          // this.form.helpName= res.data.helpName
+          // this.form.helpPhone= res.data.helpPhone
+          // this.form.crime= res.data.crime
+          // this.form.startTime= res.data.startTime
+          // this.form.endTime= res.data.endTime
+          // this.form.isCreateGroup= res.data.isCreateGroup
+          // this.form.isRelease= res.data.isRelease
+          // this.form.firstTime= res.data.firstTime
+          // this.form.status= res.data.status
+          // this.form.debug= res.data.debug
+          // this.form.control= res.data.control
+          // this.form.controlName= res.data.controlName
+          // this.form.controlPhone= res.data.controlPhone
+          // this.form.isSecond= res.data.isSecond
+          // this.form.= res.data.
+          // this.form.= res.data.
+          // this.form.= res.data.
+          // this.form.= res.data.
+          // this.form.= res.data.
+
+        }
       })
     },
-   
-   
+
 
     changeIdNumber() {
-      if(this.form.idNumber.length == 18){
-          var people = this.$idCardNoUtil.getIdCardInfo(this.form.idNumber)
-          this.form.birth = people.birthday
-          this.form.gender = people.gender
-        
-          let reg = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
-          if (!reg.test(this.form.idNumber)) {
-            return this.$u.toast('请输入正确的身份证号码')
-          }
+      if (this.form.idNumber.length == 18) {
+        var people = this.$idCardNoUtil.getIdCardInfo(this.form.idNumber)
+        this.form.birth = people.birthday
+        this.form.gender = people.gender
+
+        let reg = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
+        if (!reg.test(this.form.idNumber)) {
+          return this.$u.toast('请输入正确的身份证号码')
+        }
       }
     },
 
     changePhone() {
       let regTel = /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/
-      if(!regTel.test(this.form.phone)){
+      if (!regTel.test(this.form.phone)) {
         return this.$u.toast('请输入正确的手机号')
       }
     },
-    confirmGirdSelect(e){
+    confirmGirdSelect(e) {
       this.form.girdId = e[0].value
-      this.form.girdName=e[0].label
+      this.form.girdName = e[0].label
     },
 
     gridName() {
       this.$http.post('app/appgirdmemberinfo/queryMyGirdListByLevel2AndUser').then(res => {
         console.log(res);
-        if(res.code == 0 ){
-          var list=[]
-          res.data.map((e,index)=>{
-            list.push({dictName:e.girdName,dictValue:index})
+        if (res.code == 0) {
+          var list = []
+          res.data.map((e, index) => {
+            list.push({dictName: e.girdName, dictValue: index})
           })
-          this.girdlist=list
+          this.girdlist = list
         }
       })
     },
 
     submit() {
-      if(this.form.userType === ''){
+      if (this.form.userType === '') {
         return this.$u.toast('请选择类型')
       }
-      if(!this.form.name){
+      if (!this.form.name) {
         return this.$u.toast('请输入姓名')
       }
-      if(!this.form.idNumber){
+      if (!this.form.idNumber) {
         return this.$u.toast('请输入身份证号')
       }
-      if(!this.form.phone){
+      if (!this.form.phone) {
         return this.$u.toast('请输入联系电话')
       }
-      if(!this.form.areaName){
+      if (!this.form.areaName) {
         return this.$u.toast('请选择区域')
       }
-      if(!this.form.address){
+      if (!this.form.address) {
         return this.$u.toast('请输入详细地址')
       }
-      if(!this.form.girdName){
+      if (!this.form.girdName) {
         return this.$u.toast('请选择网格')
       }
 
-      var urlList = ['app/appspecialdisabled/addOrUpdate','app/appspecialmental/addOrUpdate',  'app/appspecialadjustment/addOrUpdate',
-       'app/appspecialdrug/addOrUpdate', 'app/appspecialprison/addOrUpdate']
+      var urlList = ['app/appspecialdisabled/addOrUpdate', 'app/appspecialmental/addOrUpdate', 'app/appspecialadjustment/addOrUpdate',
+        'app/appspecialdrug/addOrUpdate', 'app/appspecialprison/addOrUpdate']
 
       this.$http.post(urlList[this.form.userType], {...this.form}).then(res => {
-        if(res.code == 0) {
+        if (res.code == 0) {
           this.$u.toast('提交成功')
           uni.$emit('specialPeopleList')
           setTimeout(() => {
@@ -493,7 +511,7 @@ export default {
         }
       })
     },
-    areaSelect(e){
+    areaSelect(e) {
       // console.log(e);
       this.form.areaId = e
     },
@@ -507,7 +525,7 @@ export default {
     confirmSelect(e) {
       this.form[this.selectName] = e[0].value
 
-      if(this.selectName == 'userType'){
+      if (this.selectName == 'userType') {
         this.tableData[this.form.userType].list.map((item) => {
           this.form[item.formDbName] = ''
         })
@@ -551,7 +569,7 @@ export default {
       }
     }
 
-    .tips{
+    .tips {
       display: inline-block;
       width: 16px;
       font-size: 32px;