fix: 指标数量填写对应指标选中

src/components/tall/task/AssignmentSubject.vue

@@ -53,37 +53,44 @@
                 <a-row>
                   <a-col :span="5" class="deliverables">
                     <a-checkbox value="1" @change="handleChange($event, item)">
-                      <span class="color-6">论文</span><a-input v-model:value="item.thesis" />
+                      <span class="color-6">论文</span>
+                      <a-input v-model:value="item.thesis" @change="handleInput($event, item, '1')" />
                     </a-checkbox>
                   </a-col>
                   <a-col :span="15" class="deliverables">
                     <a-checkbox value="2" @change="handleChange($event, item)">
-                      <span class="color-6">专利</span><a-input v-model:value="item.patent" />
+                      <span class="color-6">专利</span>
+                      <a-input v-model:value="item.patent" @change="handleInput($event, item, '2')" />
                     </a-checkbox>
                   </a-col>
                   <a-col :span="4" class="deliverables">
                     <a-checkbox value="3" @change="handleChange($event, item)">
-                      <span class="color-6">软著</span><a-input v-model:value="item.theSoft" />
+                      <span class="color-6">软著</span>
+                      <a-input v-model:value="item.theSoft" @change="handleInput($event, item, '3')" />
                     </a-checkbox>
                   </a-col>
                   <a-col :span="5" class="deliverables-son" style="padding-left: 14px">
                     <a-checkbox value="4" @change="handleChange($event, item)">
-                      <span class="color-6">SCI论文</span><a-input v-model:value="item.sciThesis" />
+                      <span class="color-6">SCI论文</span>
+                      <a-input v-model:value="item.sciThesis" @change="handleInput($event, item, '4')" />
                     </a-checkbox>
                   </a-col>
                   <a-col :span="5" class="deliverables-son" style="padding-left: 14px">
                     <a-checkbox value="5" @change="handleChange($event, item)">
-                      <span class="color-6">发明专利</span><a-input v-model:value="item.inventPatent" />
+                      <span class="color-6">发明专利</span>
+                      <a-input v-model:value="item.inventPatent" @change="handleInput($event, item, '5')" />
                     </a-checkbox>
                   </a-col>
                   <a-col :span="5" class="deliverables-son">
                     <a-checkbox value="6" @change="handleChange($event, item)">
-                      <span class="color-6">实用新型</span><a-input v-model:value="item.practicalPatent" />
+                      <span class="color-6">实用新型</span>
+                      <a-input v-model:value="item.practicalPatent" @change="handleInput($event, item, '6')" />
                     </a-checkbox>
                   </a-col>
                   <a-col :span="5" class="deliverables-son">
                     <a-checkbox value="7" @change="handleChange($event, item)">
-                      <span class="color-6">外观专利</span><a-input v-model:value="item.facadePatent" />
+                      <span class="color-6">外观专利</span>
+                      <a-input v-model:value="item.facadePatent" @change="handleInput($event, item, '7')" />
                     </a-checkbox>
                   </a-col>
                   <a-col :span="4" class="deliverables-son"></a-col>
@@ -208,6 +215,34 @@ const handleChange = (e, data) => {
   }
 };
 
+const handleInput = (e, data, label) => {
+  if (e.data > 0) {
+    if (data.checkContent.indexOf(label) === -1) {
+      data.checkContent.push(label);
+    }
+
+    if (label === '4') {
+      if (data.checkContent.indexOf('1') === -1) data.checkContent.push('1');
+    }
+
+    if (label === '5' || label === '6' || label === '7') {
+      if (data.checkContent.indexOf('2') === -1) data.checkContent.push('2');
+    }
+  } else {
+    if (data.checkContent.indexOf(label) > -1) {
+      data.checkContent.splice(data.checkContent.indexOf(label), 1);
+    }
+
+    if (label === '4') {
+      if (data.checkContent.indexOf('1') > -1) data.checkContent.splice(data.checkContent.indexOf('1'), 1);
+    }
+
+    if (label === '5' || label === '6' || label === '7') {
+      if (data.checkContent.indexOf('2') > -1) data.checkContent.splice(data.checkContent.indexOf('2'), 1);
+    }
+  }
+};
+
 const handleSearch = async value => {
   console.log('handleSearch', options.value, value);
   //   await getList(value); // 获取成员列表