国内外政策-政策分类多选

src/pages/policyRegulation/policy/components/editDrawer.vue

@@ -46,7 +46,8 @@
             <el-col :span="12">
               <el-form-item label="1级政策分类" prop="lawsTypeFirstLevel" label-width="150px" class="add-form-item">
                 <template slot="label">1级政策分类</template>
-                <el-select v-model="sarLawsStandEO.lawsTypeFirstLevel"
+                <el-select :value="initType(sarLawsStandEO.lawsTypeFirstLevel)"
+                           @change="handleChange($event, 'lawsTypeFirstLevel')"
                            placeholder="请选择1级政策分类"
                            multiple
                            clearable>
@@ -63,7 +64,8 @@
             <el-col :span="12">
               <el-form-item label="2级政策分类" prop="lawsTypeSecondLevel" label-width="150px" class="add-form-item">
                 <template slot="label">2级政策分类</template>
-                <el-select v-model="sarLawsStandEO.lawsTypeSecondLevel"
+                <el-select :value="initType(sarLawsStandEO.lawsTypeSecondLevel)"
+                           @change="handleChange($event, 'lawsTypeSecondLevel')"
                            placeholder="请选择2级政策分类"
                            multiple
                            clearable>
@@ -80,7 +82,8 @@
             <el-col :span="12">
               <el-form-item label="3级政策分类" prop="lawsTypeThirdLevel" label-width="150px" class="add-form-item">
                 <template slot="label">3级政策分类</template>
-                <el-select v-model="sarLawsStandEO.lawsTypeThirdLevel"
+                <el-select :value="initType(sarLawsStandEO.lawsTypeThirdLevel)"
+                           @change="handleChange($event, 'lawsTypeThirdLevel')"
                            placeholder="请选择3级政策分类"
                            multiple
                            clearable>
@@ -97,7 +100,8 @@
             <el-col :span="12">
               <el-form-item label="4级政策分类" prop="lawsTypeFourthLevel" label-width="150px" class="add-form-item">
                 <template slot="label">4级政策分类</template>
-                <el-select v-model="sarLawsStandEO.lawsTypeFourthLevel"
+                <el-select :value="initType(sarLawsStandEO.lawsTypeFourthLevel)"
+                           @change="handleChange($event, 'lawsTypeFourthLevel')"
                            placeholder="请选择4级政策分类"
                            multiple
                            clearable>
@@ -905,6 +909,16 @@ export default {
     // this.getDept()
   },
   methods: {
+    initType (value) {
+      if (value && value !== '') {
+        return value.split(',')
+      } else {
+        return []
+      }
+    },
+    handleChange (event, type) {
+      this.sarLawsStandEO[type] = event.join(',')
+    },
     // 编辑
     selectStandardPro (row, state) {
       this.$http.get('lawss/sarLawsInfo/getStandInfoUpdateById', {id: row.id}, {