feat: 发布新任务-小组信息操作-bug

src/views/task/new/index.vue

@@ -152,6 +152,7 @@
                 :key="index"
                 :label="item.name"
                 :value="item.name"
+                :disabled="item.disabled"
               >
               </el-option>
             </el-select>
@@ -201,7 +202,7 @@
               type="primary"
               icon="el-icon-edit"
               plain
-              @click="handleSavePeople()"
+              @click="handleSavePeople(scope.row)"
             >
               保存
             </el-button>
@@ -248,16 +249,11 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="商标" prop="trademark">
-            <el-upload
-              class="avatar-uploader"
-              action="https://jsonplaceholder.typicode.com/posts/"
-              :show-file-list="false"
-              :on-success="handleAvatarSuccess"
-              :before-upload="beforeAvatarUpload"
-            >
-              <img v-if="imageUrl" :src="imageUrl" class="avatar" />
-              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-            </el-upload>
+            <ImageUpload
+              v-model="imageUrl"
+              :is-show-tip="false"
+              :limit="1"
+            ></ImageUpload>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -426,12 +422,13 @@ export default {
         ]
       },
       userList: [
-        { name: '小明', role: '组长', dept: '第一部门' },
-        { name: '小华', role: '组员', dept: '第一部门' },
-        { name: '小三', role: '组员', dept: '第一部门' },
-        { name: '小四', role: '组员', dept: '第一部门' },
-        { name: '小五', role: '组员', dept: '第一部门' }
-      ]
+        { name: '老大', role: '组长', dept: '第一部门' },
+        { name: '老二', role: '组员', dept: '第一部门' },
+        { name: '老三', role: '组员', dept: '第一部门' },
+        { name: '老四', role: '组员', dept: '第一部门' },
+        { name: '老五', role: '组员', dept: '第一部门' }
+      ],
+      imageUrl: ''
     }
   },
   methods: {
@@ -440,7 +437,10 @@ export default {
      * @param row 行内信息
      */
     handleUpdate(row) {
-      row.name = ''
+      console.log('修改', row)
+      // 取消禁用
+      this.userList.find(item => item.name === row.name).disabled = false
+      this.tableData.find(item => item.name === row.name).name = ''
     },
     /**
      * 小组信息删除
@@ -457,18 +457,22 @@ export default {
         confirmButtonClass: 'queryBtn'
       }).then(() => {
         this.tableData = this.tableData.filter(item => item.name !== row.name)
+        // 把当前人取消禁用
+        this.userList.find(item => item.name === row.name).disabled = false
       })
     },
     /**
      * 保存人员
      * @param row
      */
-    handleSavePeople() {
-      console.log('name', this.name)
+    handleSavePeople(row) {
       const obj = this.userList.find(item => item.name === this.name)
-      this.tableData[this.tableData.length - 1].name = this.name
-      this.tableData[this.tableData.length - 1].dept = obj.dept
-      this.tableData[this.tableData.length - 1].role = obj.role
+      const currentData = this.tableData.find(item => item.name === row.name)
+      currentData.name = this.name
+      currentData.dept = obj.dept
+      currentData.role = obj.role
+      // 已被选择的人做禁用
+      this.userList.find(item => item.name === this.name).disabled = true
       this.name = ''
     },
     /**
@@ -483,11 +487,17 @@ export default {
      * 添加小组成员点击按钮
      */
     handleAddNumber() {
-      console.log('aaa', this.tableData)
+      console.log('添加小组人', this.tableData)
       // 检验
       if (this.tableData.length >= 1) {
         const lastObj = this.tableData[this.tableData.length - 1]
-        if (lastObj.name === '') {
+        let num = 0
+        this.tableData.forEach(item => {
+          if (item.name === '') {
+            num++
+          }
+        })
+        if (lastObj.name === '' || num === 1) {
           this.$message.error('请填写完此成员信息')
           return
         } else {
@@ -496,10 +506,6 @@ export default {
       } else {
         this.tableData.push({ name: '' })
       }
-      // userList数组减去tableData数组相同的对象
-      this.userList = this.userList.filter(
-        itemA => !this.tableData.some(itemB => itemA.name === itemB.name)
-      )
     },
     handleNameChange(value) {},
     handleAvatarSuccess(res, file) {

src/views/task/questionnaire/index.vue

@@ -57,20 +57,14 @@
                   >车辆制造商是否能够提供/展示汽车信息安全管理制度文件，制度文件应定义信息安全政策以及信息安全规则和流程，信息安全政策应致力于管理与车辆制造商活动相关的信息安全风险。</span
                 >
               </el-form-item>
-              <el-form-item label="符合场景">
-                <el-button type="warning" @click="handleAddScene">
+              <el-form-item :label="'符合场景'">
+                <el-button size="mini" type="warning" @click="handleAddScene">
                   新增场景
                 </el-button>
                 <div class="match-scene">
-                  <el-checkbox v-model="checked">
-                    1.管理制度发布会红头文件
-                  </el-checkbox>
-                  <el-checkbox v-model="checkedTwo">
-                    2.管理制度正式发布会议纪要
-                  </el-checkbox>
-                  <el-checkbox v-model="checkedThree">
-                    3.专用系统正式发布流程或记录
-                  </el-checkbox>
+                  <div>1.管理制度发布会红头文件</div>
+                  <div>2.管理制度正式发布会议纪要</div>
+                  <div>3.专用系统正式发布流程或记录</div>
                 </div>
               </el-form-item>
               <el-form-item label="审查结果">