0807

src/views/networkAccess/registration.vue

@@ -161,7 +161,7 @@
 <!--                  </a-radio-group>-->
 
                 </a-form-model-item>
-                <a-button type="link" danger>Link</a-button>
+
               </a-col>
               <a-col :span="7">
 
@@ -425,15 +425,22 @@
             <a-list size="large" bordered>
               <a-list-item>
 
-                <a-col :span="14">
-
-                  <a-form-model-item label="新办手机号码"  :labelCol="{ span:7 }"   :wrapperCol="{ span: 8 }"  prop="industry" >
-<!--                    <a-radio-group v-model="model.newPhone" button-style="solid">-->
-                      <a-input v-model="model.newPhone" placeholder="新办手机号码" @blur="check3('newPhone')" id="newPhone"></a-input>
-<!--                    </a-radio-group>-->
+                <a-col :span="10">
+                <div v-for="(des) in size">
+                  <a-form-model-item label="新办手机号码"    :labelCol="{ span:10 }"   :wrapperCol="{ span:12 }"  prop="industry" >
+                    <!--                    <a-radio-group v-model="model.newPhone" button-style="solid">-->
+                    <a-input v-model="model.newPhone" placeholder="新办手机号码" @blur="check3('newPhone')" id="newPhone"></a-input>
+                    <!--                    </a-radio-group>-->
                   </a-form-model-item>
-                </a-col>
+                </div>
 
+                </a-col>
+                <a-col :span="2" >
+                  <a-button type="link" danger @click="addPhone()">(+)</a-button>
+                  <a-button type="link" danger @click="delPhone()">(-)</a-button>
+                </a-col>
+                <a-col :span="18">
+                </a-col>
               </a-list-item>
               <a-list-item>
                 <a-col :span="16">
@@ -442,7 +449,7 @@
                       <a-row>
                         <template v-for="(des) in this.optionsWithDisabled">
                           <a-col :span="8">
-                            <a-checkbox :value="des.value" name="numberResults"  @change="check3('numberResults'+des.value)">{{ des.text }}</a-checkbox>
+                            <a-checkbox :value="des.value" name="numberResults"  @change="check3('numberResults'+des.value)" @click="checkboxT(des.value)" :disabled="disabledList.includes(des.value)">{{ des.text }}</a-checkbox>
                           </a-col>
                         </template>
                       </a-row>
@@ -665,6 +672,7 @@ export default {
   data() {
 
     return {
+      disabledList:[],
       fetching: false,
       randomId: '',
       getSysDictItem: [],
@@ -692,7 +700,7 @@ export default {
         province: '',
         city: ''
       },
-
+      size:1,
       ruleValidate: '',
       countryName: "",
       cityName: "",
@@ -713,11 +721,14 @@ export default {
           value: '1',
         }, {
           text: '已报关停',
-          value: '3',
+          value: '2',
 
         }, {
-          text: '已报蓝紫名单',
-          value: '2',
+          text: '已报蓝名单',
+          value: '3',
+        },{
+          text: '已报紫名单',
+          value: '4',
         }],
       defaultValue: "",
       content: "",
@@ -1070,9 +1081,85 @@ export default {
     this.initMap();
     this.queryById();
     this.getSysDictItems()
+
   },
 
   methods: {
+
+    // 复选框禁用
+    checkboxT(row, index) {
+      //setTimeout(()=>console.log())
+
+
+      if (row==="1"){
+        this.disabledList.push("2");
+        this.disabledList.push("3");
+        this.disabledList.push("4");
+
+      }
+      if (row==="2"){
+        this.disabledList.push("1");
+        this.disabledList.push("3");
+        this.disabledList.push("4");
+
+      }
+      if (row==="3" ){
+        this.disabledList.push("1");
+        this.disabledList.push("2");
+
+      }
+      if (row==="4" ){
+        this.disabledList.push("1");
+        this.disabledList.push("2");
+
+      }
+
+      for (let i = 0; i < this.model.numberResults.length; i++){
+        if (row=== this.model.numberResults[i]){
+          //在取消选择
+          if (this.model.numberResults.length===1){
+            this.disabledList=[];
+          }
+        }
+      }
+
+
+    },
+    disabledListAdd() {
+      for (let i = 0; i < this.model.numberResults.length; i++) {
+
+          if (this.model.numberResults[i]==="1"){
+            this.disabledList.push("2");
+            this.disabledList.push("3");
+            this.disabledList.push("4");
+
+          }
+          if (this.model.numberResults[i]==="2"){
+            this.disabledList.push("1");
+            this.disabledList.push("3");
+            this.disabledList.push("4");
+
+          }
+          if (this.model.numberResults[i]==="3" ){
+            this.disabledList.push("1");
+            this.disabledList.push("2");
+
+          }
+          if (this.model.numberResults[i]==="4" ){
+            this.disabledList.push("1");
+            this.disabledList.push("2");
+          }
+        }
+    },
+      addPhone(){
+      this.size=this.size+1;
+    },
+    delPhone(){
+      if (this.size!==1){
+        this.size=this.size-1;
+      }
+
+    },
 // 特定范围随机数
     genRandom(min, max) {
       return (Math.random() * (max - min + 1) | 0) + min
@@ -1704,7 +1791,7 @@ export default {
                   this.model.id=null;
                 }
               }
-
+              this.disabledListAdd()
               this.showCheck0('all');
               if (result[i]["isSizeNumberResults"] === 'is') {
                 this.$confirm({