0807

src/views/networkAccess/registration.vue

@@ -356,21 +356,35 @@
           :rules="rules"
         >
           <div>
-
-            <a-col :span="12">
-              <a-form-model-item label="是否将高危号码上报蓝、紫名单或不可复开关停" prop="userOpenState" v-bind="labelCol1ProMaxPlus">
-                <a-radio-group v-model="model.numberResults" button-style="solid">
-                  <a-radio value="1">非高危</a-radio>
-                  <a-radio value="2">已报蓝紫名单</a-radio>
-                  <a-radio value="3">已报关停</a-radio>
-                </a-radio-group>
-
-                <a-checkbox-group v-model:value="model.numberResults" name="checkboxgroup" :options="plainOptions" />
-                <br />
-<!--                <a-checkbox-group v-model="model.numberResults" name="checkboxgroup" :options="plainOptions" />-->
-<!--                <br />-->
-              </a-form-model-item>
-            </a-col>
+            <a-list size="large" bordered>
+              <a-list-item>
+                <a-col :span="16">
+                  <a-form-model-item label="是否将高危号码上报蓝、紫名单或不可复开关停" prop="userOpenState" v-bind="labelCol1ProMaxPlus">
+                    <a-checkbox-group @change="designNameChange" v-model="model.numberResults" style="width: 100%">
+                      <a-row>
+                        <template v-for="(des) in this.optionsWithDisabled">
+                          <a-col :span="8">
+                            <a-checkbox :value="des.value">{{ des.text }}</a-checkbox>
+                          </a-col>
+                        </template>
+                      </a-row>
+                    </a-checkbox-group>
+                  </a-form-model-item>
+                </a-col>
+              </a-list-item>
+              <a-list-item>
+
+                <a-col :span="14"  >
+
+                  <a-form-model-item label="新办手机号码" v-bind="labelCol2"  prop=""  >
+                    <a-radio-group v-model="model.newPhone" button-style="solid" >
+                      <a-input v-model="model.newPhone" placeholder="新办手机号码"    ></a-input>
+                    </a-radio-group>
+                  </a-form-model-item>
+                </a-col>
+
+              </a-list-item>
+            </a-list>
           </div>
         </a-form-model>
 
@@ -480,7 +494,7 @@
                 </a-row>
 
                 <a-row>
-                  <a-col  >
+                  <a-col  :span="20">
                     <a-form-model-item label="" prop="userOpenState" v-bind="labelCol1Results">
                       <a-radio-group v-model="model.judgmentResearch" button-style="solid">
                         <a-radio value="1" style="color: red" >智能判研-异常</a-radio>
@@ -491,6 +505,10 @@
                     </a-form-model-item>
                   </a-col>
                 </a-row>
+
+
+
+
               </a-col>
 
               <a-col :span="9">
@@ -542,7 +560,8 @@ import AMapLoader from '@amap/amap-jsapi-loader'
 import { reactive } from 'vue';
 window._AMapSecurityConfig = {
   securityJsCode: 'f762c44f71422cd56f90acc2a8e75144'  //填写你的安全密钥
-}
+};
+
 
 export default {
   name: "registration",
@@ -562,6 +581,18 @@ export default {
         // 限制搜索城市的范围
         citylimit: false,
       },
+      optionsWithDisabled :
+        [{
+          text: '非高危',
+          value: '1',
+        }, {
+          text: '已报关停',
+          value: '3',
+
+        }, {
+          text: '已报蓝紫名单',
+          value: '2',
+        }],
       defaultValue: "",
       content: "",
       inputValue: "",
@@ -775,7 +806,7 @@ export default {
         isChannelNote:'',
         isInvolvingFraud:'',
         isInvolvingFraudNote:'',
-        numberResults:'',
+        numberResults:[],
         id: null,
         phone:null,
         cardNo:'',
@@ -786,7 +817,7 @@ export default {
         wordAddress:'',
         positionInformation:'',
         businessAddress:'',
-
+        newPhone:''
       },
       current: 0,
       //步骤条
@@ -1038,6 +1069,8 @@ export default {
         this.distance3= this.space(currentAddressD[1],currentAddressD[0],wordAddressD[1],wordAddressD[0]);//现住地址    工作地址
         if(parseFloat(this.distance1)>parseFloat(this.distance) ||  parseFloat(this.distance2)>parseFloat(this.distance) ||parseFloat(this.distance3)>parseFloat(this.distance)){
           this.model.judgmentResearch = "1";
+        }else {
+          this.model.judgmentResearch = "4";
         }
 
       }
@@ -1255,78 +1288,79 @@ export default {
 
     /**下一步骤*/
     nextSteps() {
-      if (this.current===0){
-        const newDatas = [];
-        let message = '';
-        if (this.model.cardNo==='' || this.model.cardNo===null){
-          newDatas.push(h('p', null, '<身份证件号码> 不可为空... '))
-
-        }
-        if (this.model.cardName==='' || this.model.cardName===null){
-          newDatas.push(h('p', null, '<身份证件姓名> 不可为空...  '))
-
-        }
-        // if (this.model.idCardAddress==='' || this.model.idCardAddress===null){
-        //   newDatas.push(h('p', null, '<身份证件地址> 不可为空...... '))
-        //   message=message+ '<身份证件地址> 不可为空... '+<br/>
-        // }
-        if (this.model.cardStartTime===''|| this.model.cardStartTime===null){
-          newDatas.push(h('p', null, '<身份证件开始时间> 不可为空... '))
-        }
-        if (this.model.cardEndTime==='' || this.model.cardEndTime===null){
-          newDatas.push(h('p', null, '<身份证件截止日期> 不可为空... '))
-        }
-        if (this.model.phone==='' ||this.model.phone===null){
-          newDatas.push(h('p', null,  '<拨测联系电话> 不可为空... '))
-        }
-        if (this.model.address===''|| this.model.address===null){
-          newDatas.push(h('p', null, '<联电归属地> 不可为空... '))
-        }
-        // if (this.model.useLife==='' || this.model.useLife===null){
-        //   newDatas.push(h('p', null,  '<号码使用年限> 不可为空... '))
-        // }
-        if (this.model.phonePurpose==='' || this.model.phonePurpose===null){
-          newDatas.push(h('p', null, '<号码使用用途> 不可为空... '))
-        }
-        // if (this.model.idCardAddress==='' ||this.model.idCardAddress=== null){
-        //   newDatas.push(h('p', null, '<证件地址(到村/小区)> 不可为空... '))
-        // }
-        if (this.model.currentAddress==='' || this.model.currentAddress===null){
-          newDatas.push(h('p', null, '<现住地址(到村/小区)> 不可为空... '))
-        }
-        if (this.model.operator==='' || this.model.operator===null){
-          newDatas.push(h('p', null,  '<客户现用号码> 不可为空... '))
-        }
-        if (this.model.operatorType==='' || this.model.operatorType===null){
-          newDatas.push(h('p', null,  '<运营商类型> 不可为空... '))
-        }
-        if (this.model.calltestResults===''   ||this.model.calltestResults===null){
-          newDatas.push(h('p', null,  '<拨测结果> 不可为空... '))
-        }
-        // if (this.model.positionInformation===''   ||  this.model.positionInformation===null){
-        //   newDatas.push(h('p', null,  '<位置信息> 不可为空... '))
-        // }
-        if (this.model.wordAddress===''||  this.model.wordAddress===null){
-          newDatas.push(h('p', null, '<工作地址> 不可为空... '))
-        }
-        if (this.model.businessAddress===''|| this.model.businessAddress===null){
-          newDatas.push(h('p', null,  '<营业厅地址> 不可为空... '))
-        }
-        if (newDatas.length!==0){
-          this.$confirm({
-            title: "入网提示卡页签有未输入值...",
-            content: h('div', null, newDatas),
-            // message: h('div', null, newDatas),
-            onOk: function () {
-
-            },
-            onCancel:function (){
-
-            }
-          });
-          return;
-        }
-      }
+      // if (this.current===0){
+      //   const newDatas = [];
+      //   let message = '';
+      //   const h = this.$createElement
+      //   if (this.model.cardNo==='' || this.model.cardNo===null){
+      //     newDatas.push(h('p', null, '<身份证件号码> 不可为空... '))
+      //
+      //   }
+      //   if (this.model.cardName==='' || this.model.cardName===null){
+      //     newDatas.push(h('p', null, '<身份证件姓名> 不可为空...  '))
+      //
+      //   }
+      //   // if (this.model.idCardAddress==='' || this.model.idCardAddress===null){
+      //   //   newDatas.push(h('p', null, '<身份证件地址> 不可为空...... '))
+      //   //   message=message+ '<身份证件地址> 不可为空... '+<br/>
+      //   // }
+      //   if (this.model.cardStartTime===''|| this.model.cardStartTime===null){
+      //     newDatas.push(h('p', null, '<身份证件开始时间> 不可为空... '))
+      //   }
+      //   if (this.model.cardEndTime==='' || this.model.cardEndTime===null){
+      //     newDatas.push(h('p', null, '<身份证件截止日期> 不可为空... '))
+      //   }
+      //   if (this.model.phone==='' ||this.model.phone===null){
+      //     newDatas.push(h('p', null,  '<拨测联系电话> 不可为空... '))
+      //   }
+      //   if (this.model.address===''|| this.model.address===null){
+      //     newDatas.push(h('p', null, '<联电归属地> 不可为空... '))
+      //   }
+      //   // if (this.model.useLife==='' || this.model.useLife===null){
+      //   //   newDatas.push(h('p', null,  '<号码使用年限> 不可为空... '))
+      //   // }
+      //   if (this.model.phonePurpose==='' || this.model.phonePurpose===null){
+      //     newDatas.push(h('p', null, '<号码使用用途> 不可为空... '))
+      //   }
+      //   // if (this.model.idCardAddress==='' ||this.model.idCardAddress=== null){
+      //   //   newDatas.push(h('p', null, '<证件地址(到村/小区)> 不可为空... '))
+      //   // }
+      //   if (this.model.currentAddress==='' || this.model.currentAddress===null){
+      //     newDatas.push(h('p', null, '<现住地址(到村/小区)> 不可为空... '))
+      //   }
+      //   if (this.model.operator==='' || this.model.operator===null){
+      //     newDatas.push(h('p', null,  '<客户现用号码> 不可为空... '))
+      //   }
+      //   if (this.model.operatorType==='' || this.model.operatorType===null){
+      //     newDatas.push(h('p', null,  '<运营商类型> 不可为空... '))
+      //   }
+      //   if (this.model.calltestResults===''   ||this.model.calltestResults===null){
+      //     newDatas.push(h('p', null,  '<拨测结果> 不可为空... '))
+      //   }
+      //   // if (this.model.positionInformation===''   ||  this.model.positionInformation===null){
+      //   //   newDatas.push(h('p', null,  '<位置信息> 不可为空... '))
+      //   // }
+      //   if (this.model.wordAddress===''||  this.model.wordAddress===null){
+      //     newDatas.push(h('p', null, '<工作地址> 不可为空... '))
+      //   }
+      //   if (this.model.businessAddress===''|| this.model.businessAddress===null){
+      //     newDatas.push(h('p', null,  '<营业厅地址> 不可为空... '))
+      //   }
+      //   if (newDatas.length!==0){
+      //     this.$confirm({
+      //       title: "入网提示卡页签有未输入值...",
+      //       content: h('div', null, newDatas),
+      //       // message: h('div', null, newDatas),
+      //       onOk: function () {
+      //
+      //       },
+      //       onCancel:function (){
+      //
+      //       }
+      //     });
+      //     return;
+      //   }
+      // }
       if (this.current===1){
         let that = this;
         console.info(this.model.calltestResults);
@@ -1389,6 +1423,8 @@ export default {
 
 
     getData(){
+
+      var arr =this.model.numberResults.join(",");
       let data = {
         //用户id
         "id": this.model.id,
@@ -1447,7 +1483,7 @@ export default {
         "isInvolvingFraudNote": this.model.isInvolvingFraudNote,
 
         //是否将高危号码上报蓝、紫名单或不可复开关停
-        "numberResults": this.model.numberResults,
+        "numberResults": arr,
 
         "cardNo":this.model.cardNo,
         "cardName":this.model.cardName,
@@ -1578,24 +1614,6 @@ export default {
     },
   },
 }
-
-const state = reactive({
-  value1: [],
-  value2: ['1'],
-  value3: ['2'],
-  value4: ['3'],
-});
-const plainOptions = ['1', '2', '3'];
-const options = [{
-  label: '非高危',
-  value: '1',
-}, {
-  label: '已报蓝紫名单',
-  value: '2',
-}, {
-  label: '已报关停',
-  value: '3',
-}];
 </script>
 
 <style scoped>