三色任务与自查任务

linwe

2024-08-08 3c738f4fe2762bba8087e5a22fc0dc06560eab0e

 subPackage/workbench/views/editCscj.vue

@@ -73,13 +73,20 @@
               </view> -->

               <u-form-item label="三级消防单位" labelWidth="100" prop="threeFireProtection" :required="isRequired">
                  <u-radio-group v-model="form.threeFireProtection" v-if="!currentId">
                  <u-radio-group v-model="form.threeFireProtection">
                     <u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in statusList"
                        :key="index" :label="item.name" :name="item.id">
                     </u-radio>
                  </u-radio-group>
                  <view class="f-30" v-if="currentId">
                     {{form.threeFireProtection == 1?"否":"是"}}

               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" label="无诈类别:" :required="isRequired"
                  :disabled="isDisabled" prop="noExplosionCategory">
                  <view class="flex j-c-s-b a-i-c" @click="showNotSwindleTypePicker= true">
                     <u-input border="none" v-model="notSwindleValue" disabled disabledColor="#ffffff"
                        placeholder="请选择">
                     </u-input>
                     <u-icon slot="right" name="arrow-right"></u-icon>
                  </view>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" label="备注:" prop="remark">
@@ -109,32 +116,21 @@
               </u-form-item>

            </view>
            <view class="item">
               <view class="box-title">
                  <box-title title="法人信息"></box-title>
               </view>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="姓名:" prop="legalPerson">
                  <u--input border="none" v-model="form.placeExtEntity.legalPerson" placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="身份证号:" prop="legalIdCard">
                  <u--input border="none" type="idcard" v-model="form.placeExtEntity.legalIdCard"
                     placeholder="请输入">
                  </u--input>
               </u-form-item>

               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="手机号:" prop="legalTel">
                  <u--input border="none" type="number" v-model="form.placeExtEntity.legalTel" placeholder="请输入">
                  </u--input>
               </u-form-item>
            </view>

            <view class="item">
               <view class="box-title">
                  <box-title title="负责人信息"></box-title>
               <view class="flex j-c-s-b a-i-c">
                  <view class="box-title" style="width:50%;">
                     <box-title title="负责人信息"></box-title>
                  </view>
                  <!-- #ifdef MP-WEIXIN -->
                  <ocr-navigator @onSuccess="recognizeSuccess($event,'principal')" certificateType="idCard"
                     :opposite="false">
                     <view class="recognize-btn flex a-i-c">
                        <u-icon name="scan" color="#fff" size="24"></u-icon>
                        <text class="f-26 c-ff" style="margin-left: 10rpx;">身份证信息识别</text>
                     </view>
                  </ocr-navigator>
                  <!-- #endif -->
               </view>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="场所负责人:" prop="principal">
@@ -155,8 +151,54 @@


            <view class="item">
               <view class="box-title">
                  <box-title title="房东信息"></box-title>
               <view class="flex j-c-s-b a-i-c">
                  <view class="box-title" style="width:50%;">
                     <box-title title="法人信息"></box-title>
                  </view>
                  <!-- #ifdef MP-WEIXIN -->
                  <ocr-navigator @onSuccess="recognizeSuccess($event,'legal')" certificateType="idCard"
                     :opposite="false">
                     <view class="recognize-btn flex a-i-c">
                        <u-icon name="scan" color="#fff" size="24"></u-icon>
                        <text class="f-26 c-ff" style="margin-left: 10rpx;">身份证信息识别</text>
                     </view>
                  </ocr-navigator>
                  <!-- #endif -->
               </view>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="姓名:" prop="legalPerson">
                  <u--input border="none" v-model="form.placeExtEntity.legalPerson" placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="身份证号:" prop="legalIdCard">
                  <u--input border="none" type="idcard" v-model="form.placeExtEntity.legalIdCard"
                     placeholder="请输入">
                  </u--input>
               </u-form-item>

               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="手机号:" prop="legalTel">
                  <u--input border="none" type="number" v-model="form.placeExtEntity.legalTel" placeholder="请输入">
                  </u--input>
               </u-form-item>
            </view>



            <view class="item">
               <view class="flex j-c-s-b a-i-c">
                  <view class="box-title" style="width:50%;">
                     <box-title title="房东信息"></box-title>
                  </view>
                  <!-- #ifdef MP-WEIXIN -->
                  <ocr-navigator @onSuccess="recognizeSuccess($event)" certificateType="idCard" :opposite="false">
                     <view class="recognize-btn flex a-i-c">
                        <u-icon name="scan" color="#fff" size="24"></u-icon>
                        <text class="f-26 c-ff" style="margin-left: 10rpx;">身份证信息识别</text>
                     </view>
                  </ocr-navigator>
                  <!-- #endif -->
               </view>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="姓名:" prop="landlordName">
@@ -182,7 +224,61 @@
               </u-form-item>
            </view>


            <view class="item" v-if="form.label == 160102  ||  form.label == 160103">
               <view class="flex j-c-s-b a-i-c">
                  <view class="box-title" style="width:50%;">
                     <box-title title="学校信息"></box-title>
                  </view>
               </view>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="学生人数:" prop="studentNumber">
                  <u--input border="none" type="number" v-model="form.placeExtEntity.studentNumber"
                     placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="教职工人数:" prop="workersNumber">
                  <u--input border="none" type="number" v-model="form.placeExtEntity.workersNumber"
                     placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="专职保安:" prop="securityNumber">
                  <u--input border="none" type="number" v-model="form.placeExtEntity.securityNumber"
                     placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="专职门卫:" prop="guardNumber">
                  <u--input border="none" type="number" v-model="form.placeExtEntity.guardNumber"
                     placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="专兼职保卫人员:" prop="temporarySecurityNumber">
                  <u--input border="none" type="number" v-model="form.placeExtEntity.temporarySecurityNumber"
                     placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="走读/寄宿:" prop="dayStudentsNumber">
                  <u--input border="none" type="number" v-model="form.placeExtEntity.dayStudentsNumber"
                     placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="住校生人数:" prop="residentialStudentsNumber">
                  <u--input border="none" type="number" v-model="form.placeExtEntity.residentialStudentsNumber"
                     placeholder="请输入">
                  </u--input>
               </u-form-item>
               <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"
                  label="宿舍管理人员:" prop="housemasterNumber">
                  <u--input border="none" type="number" v-model="form.placeExtEntity.housemasterNumber"
                     placeholder="请输入">
                  </u--input>
               </u-form-item>
            </view>


            <view class="item pic">
@@ -203,8 +299,19 @@
            </view>
            <view class="info" v-for="(item, index) in personNumArr" :key="index">
               <view class="flex a-i-c j-c-s-b" style="padding:20rpx;">
                  <view class="title fw" style="text-align:center;">人员信息-#{{ index*1 + 1 }}</view>
                  <view v-if="(index+1) > 1">
                  <view class="flex j-c-s-b a-i-c">
                     <view class="title fw" style="text-align:center; mr-20">人员信息-#{{ index*1 + 1 }}</view>
                     <!-- #ifdef MP-WEIXIN -->
                     <ocr-navigator @onSuccess="recognizePersonSuccess($event,index)" certificateType="idCard"
                        :opposite="false">
                        <view class="recognize-btn flex a-i-c">
                           <u-icon name="scan" color="#fff" size="24"></u-icon>
                           <text class="f-26 c-ff" style="margin-left: 10rpx;">身份证信息识别</text>
                        </view>
                     </ocr-navigator>
                     <!-- #endif-->
                  </view>
                  <view>
                     <u-icon name="trash-fill" color="#ff0000" size="20" @click="deletePerson(index)" />
                  </view>
               </view>
@@ -305,6 +412,10 @@
         @close="showGenderPicker = false" @cancel="showGenderPicker = false" keyName="name"
         @confirm="confirmGender"></u-picker>

      <u-picker :defaultIndex="notSwindleTypeIndex" :closeOnClickOverlay="true" :show="showNotSwindleTypePicker"
         :columns="[notSwindleTypeList]" @close="showNotSwindleTypePicker = false"
         @cancel="showNotSwindleTypePicker = false" keyName="name" @confirm="confirmNotSwindleType"></u-picker>

      <cate-selector ref="selector" @comfirm="comfirmNineType" />
   </view>
</template>
@@ -380,6 +491,7 @@
               frontType: "",
               nineType: "",
               threeFireProtection: "",
               noExplosionCategory: "",
               placeExtEntity: {
                  landlordName: "",
                  landlordIdCard: "",
@@ -389,6 +501,15 @@
                  legalTel: "",
                  legalIdCard: "",
                  placeId: "",

                  studentNumber: "",
                  workersNumber: "",
                  securityNumber: "",
                  guardNumber: "",
                  temporarySecurityNumber: "",
                  dayStudentsNumber: "",
                  residentialStudentsNumber: "",
                  housemasterNumber: ""

               }
            },
@@ -616,8 +737,12 @@
            genderValue: "",
            showNationPicker: false,
            showGenderPicker: false,
            personNum: 1,
            personNumArr: [1],
            personNum: 0,
            personNumArr: [],
            notSwindleTypeList: [],
            notSwindleIndex: [0],
            notSwindleValue: "",
            showNotSwindleTypePicker: false
         }
      },
      options: {
@@ -673,6 +798,8 @@
            await this.getBizDict('frontType', this.frontTypeList)
            // 获取民族
            await this.getBizDict('nationType', this.nationTypeList);
            //反诈类别
            await this.getBizDict('noExplosionCategory', this.notSwindleTypeList);
         },

         // 获取业务字典
@@ -819,13 +946,32 @@
               let arr = buildingNameArr.filter(e => {
                  return e != null || e != ''
               })

               console.log("data===>", data);
               this.form.placeName = data['placeName'] || ''
               Object.keys(this.form).forEach(key => {
                  if (!data[key]) {
                  if (!data[key] && key != "placeExtEntity") {
                     // this.form[key] = dpaEntity[key] || '未完善'
                     this.form[key] = dpaEntity[key]
                  } else if (key == "placeExtEntity") {
                     if (data.placeExtEntity) {
                        this.form.placeExtEntity = data.placeExtEntity;
                     } else {
                        this.form.placeExtEntity = {
                           landlordName: "",
                           landlordIdCard: "",
                           landlordPhone: "",
                           landlordWxAccount: "",
                           legalPerson: "",
                           legalTel: "",
                           legalIdCard: "",
                           placeId: "",
                        }
                     }
                  } else {
                     // this.form[key] = data[key] || '未完善'

                     console.log(1111)
                     this.form[key] = data[key]
                  }
                  if (key === "images") {
@@ -898,6 +1044,15 @@
                     this.nationTypeIndex = index;
                     this.nationValue = name;
                  }
                  if (key == "noExplosionCategory" && data.noExplosionCategory) {
                     let {
                        index,
                        name
                     } = this.$getIndex(this.notSwindleTypeList, data.noExplosionCategory, "value",
                        "name")
                     this.notSwindleIndex = [index];
                     this.notSwindleValue = name;
                  }


               })
@@ -953,7 +1108,7 @@
                        this.$refs.formItemRef[index].nationTypeIndex = obj.index;
                     }

                     if (item.gender !== "" || item.gender != null) {
                     if (typeof(item.gender) == 'number') {
                        let obj = this.$getIndex(this.$refs.formItemRef[index]
                           .gender, item.gender, "value", "name")
                        this.$refs.formItemRef[index].genderValue = obj.name;
@@ -1139,6 +1294,14 @@
            this.showGenderPicker = false;
         },

         //选择无诈类别
         confirmNotSwindleType(e) {
            this.notSwindleIndex = e.indexs;
            this.notSwindleValue = e.value[0].name;
            this.form.noExplosionCategory = e.value[0].value;
            this.showNotSwindleTypePicker = false;
         },

         //弹出层打开
         popup() {
            // this.$refs.uniPopup.open()
@@ -1160,7 +1323,71 @@
         deletePerson(index) {
            this.personNum--;
            this.personNumArr.splice(index, 1)
         },

         //识别成功
         recognizeSuccess(e, key) {
            let {
               detail: {
                  name,
                  id,
                  address,
                  gender,
                  nationality
               }
            } = e;

            if (key == "principal") { //负责人
               this.form.principal = name.text;
               this.form.principalIdCard = id.text;
            } else if (key == "legal") { //法人
               this.form.placeExtEntity.legalPerson = name.text;
               this.form.placeExtEntity.legalIdCard = id.text;
            } else { //房东
               this.form.placeExtEntity.landlordName = name.text;
               this.form.placeExtEntity.landlordIdCard = id.text;
            }
         },

         //识别从业人员身份证信息
         recognizePersonSuccess(e, index) {
            let {
               detail: {
                  name,
                  id,
                  address,
                  gender,
                  nationality
               }
            } = e;

            this.$refs.formItemRef[index].form.name = name.text; //姓名
            this.$refs.formItemRef[index].form.idCard = id.text; //身份证号
            this.$refs.formItemRef[index].genderValue = gender.text; //性别
            this.$refs.formItemRef[index].nationValue = `${nationality.text}族`; //民族
            this.$refs.formItemRef[index].form.gender = this.getValue(this.gender, gender.text).value;
            this.$refs.formItemRef[index].form.ethnicity = this.getValue(this.nationTypeList, `${nationality.text}族`)
               .value;
            this.$refs.formItemRef[index].gender = [this.getValue(this.gender, gender.text).index];
            this.$refs.formItemRef[index].nationTypeIndex = [this.getValue(this.nationTypeList, `${nationality.text}族`)
               .index
            ];


         },


         getValue(arr, name) {
            for (let i = 0, ii = arr.length; i < ii; i++) {
               if (arr[i].name == name) {
                  return {
                     index: i,
                     value: arr[i].value
                  }
               }
            }
         }

      }
   }
</script>
@@ -1304,4 +1531,11 @@
      border-radius: 8rpx;
      margin-top: 20rpx;
   }

   .recognize-btn {
      padding: 12rpx;
      border-radius: 6rpx;
      background-color: #3c9cff;
      margin-left: 30rpx;
   }
</style>