添加图片和修改画像的多选

src/views/home/info.vue

@@ -78,7 +78,12 @@
           v-for="(item, index) in labelList"
           :key="item.id"
         >
-          <el-select v-model="arr[index]" placeholder="请选择" clearable>
+          <el-select
+            v-model="arr[index]"
+            multiple
+            placeholder="请选择"
+            clearable
+          >
             <el-option
               v-for="i in item.labelList"
               :key="i.id"
@@ -166,13 +171,26 @@ export default {
         getLabelSetting({ companyId: data ? data.companyId : 1 }).then(
           ({ data }) => {
             this.labelList = data;
-            this.arr = data.map(item =>
-              item.labelList
-                ? item.labelList.filter(v => v.isHas)[0]
-                  ? item.labelList.filter(v => v.isHas)[0].id
-                  : ''
-                : undefined
-            );
+            // 单选
+            // this.arr = data.map(item =>
+            //   item.labelList
+            //     ? item.labelList.filter(v => v.isHas)[0]
+            //       ? item.labelList.filter(v => v.isHas)[0].id
+            //       : ''
+            //     : undefined
+            // );
+            // 多选
+            this.arr = data.map(item => {
+              return item.labelList
+                ? item.labelList
+                    .map(v => {
+                      if (v.isHas) {
+                        return v.id;
+                      }
+                    })
+                    .filter(i => i)
+                : undefined;
+            });
           }
         );
       });
@@ -212,6 +230,11 @@ export default {
     submitForm() {
       this.$refs['form'].validate(valid => {
         if (valid) {
+          let ids = [];
+          this.arr.map(item => {
+            ids = [...ids, ...item];
+          });
+          this.form.labelIdList = ids;
           updateCompanyUser(this.form).then(({ message }) => {
             this.msgSuccess(message);
             this.getUserInfo();