项目时限管理 新增，下拉菜单中选中的内容不全部展示

src/views/modules/kpi/timeLimitItem-add-or-update.vue

@@ -1,22 +1,44 @@
 <template>
-  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
-    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '125px'">
-        <el-form-item label="有效响应时间(h)" prop="validRespondTime">
-          <el-input-number v-model="dataForm.validRespondTime" :min="1"></el-input-number>
-        </el-form-item>
-        <el-form-item label="有效结案时间(h)" prop="validCloseTime">
-          <el-input-number v-model="dataForm.validCloseTime" :min="1"></el-input-number>
-        </el-form-item>
-        <el-form-item label="项目类别" prop="categoryId" v-if="!this.dataForm.id" >
-          <el-cascader clearable v-model="dataForm.categoryIds" :props="{multiple :true }" :options="categoryOptions" filterable></el-cascader>
-        </el-form-item>
-        <el-form-item label="所属项目类别" prop="allCategoryNames" v-if="this.dataForm.id">
-          <el-input v-model="dataForm.allCategoryNames" placeholder="所有项目类别名称" readonly></el-input>
-        </el-form-item>
-      </el-form>
+  <el-dialog :visible.sync="visible"
+             :title="!dataForm.id ? $t('add') : $t('update')"
+             :close-on-click-modal="false"
+             :close-on-press-escape="false">
+    <el-form :model="dataForm"
+             :rules="dataRule"
+             ref="dataForm"
+             @keyup.enter.native="dataFormSubmitHandle()"
+             :label-width="$i18n.locale === 'en-US' ? '120px' : '125px'">
+      <el-form-item label="有效响应时间(h)"
+                    prop="validRespondTime">
+        <el-input-number v-model="dataForm.validRespondTime"
+                         :min="1"></el-input-number>
+      </el-form-item>
+      <el-form-item label="有效结案时间(h)"
+                    prop="validCloseTime">
+        <el-input-number v-model="dataForm.validCloseTime"
+                         :min="1"></el-input-number>
+      </el-form-item>
+      <el-form-item label="项目类别"
+                    prop="categoryId"
+                    v-if="!this.dataForm.id">
+        <el-cascader clearable
+                     v-model="dataForm.categoryIds"
+                     :props="{multiple :true }"
+                     :options="categoryOptions"
+                     collapse-tags></el-cascader>
+      </el-form-item>
+      <el-form-item label="所属项目类别"
+                    prop="allCategoryNames"
+                    v-if="this.dataForm.id">
+        <el-input v-model="dataForm.allCategoryNames"
+                  placeholder="所有项目类别名称"
+                  readonly></el-input>
+      </el-form-item>
+    </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button type="primary"
+                 @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -78,7 +100,7 @@ export default {
           ...this.dataForm,
           ...res.data
         }
-      }).catch(() => {})
+      }).catch(() => { })
     },
     // 表单提交
     dataFormSubmitHandle: debounce(function () {
@@ -108,7 +130,7 @@ export default {
               this.$emit('refreshDataList')
             }
           })
-        }).catch(() => {})
+        }).catch(() => { })
       })
     }, 1000, { 'leading': true, 'trailing': false }),
     getCategoryList () {