标签分类

src/utils/dict.js

@@ -106,6 +106,8 @@ export const DICT_TYPE = {
   DICT_BRAND_TYPE : 'brand_type',
   //标签样式
   DICT_BASE_LABEL_TYPE : 'base_label_type',
+  //业务分类
+  DICT_BASE_LABEL_BUSI_TYPE : 'label_busi_type',
 }
 
 /**

src/views/base/label/LabelForm.vue

@@ -6,6 +6,12 @@
         <el-form-item label="标签名称" prop="labelName">
           <el-input v-model="formData.labelName" placeholder="请输入标签名称"/>
         </el-form-item>
+        <el-form-item label="标签分类" prop="type">
+          <el-select v-model="formData.type" placeholder="请选择标签分类">
+            <el-option v-for="dict in this.getDictDatas(DICT_TYPE.DICT_BASE_LABEL_BUSI_TYPE)"
+                       :key="dict.value" :label="dict.label" :value="dict.value"/>
+          </el-select>
+        </el-form-item>
         <el-form-item label="标签样式" prop="labelType">
           <el-select v-model="formData.labelType" placeholder="请选择标签样式">
             <el-option v-for="dict in this.getDictDatas(DICT_TYPE.DICT_BASE_LABEL_TYPE)"
@@ -44,6 +50,7 @@ export default {
         id: undefined,
         labelName: undefined,
         labelDesc: undefined,
+        type: undefined,
         labelType: undefined
       },
       // 表单校验
@@ -51,6 +58,9 @@ export default {
         labelName: [
           {required: true, message: '请输入标签名称', trigger: 'blur'},
         ],
+        type: [
+          {required: true, message: '请选择标签分类', trigger: 'blur'},
+        ],
         labelType: [
           {required: true, message: '请选择标签样式', trigger: 'blur'},
         ],
@@ -104,6 +114,7 @@ export default {
       this.formData = {
         id: undefined,
         labelName: undefined,
+        type: undefined,
         labelDesc: undefined,
         systemCode: undefined,
       };

src/views/base/label/index.vue

@@ -5,6 +5,12 @@
       <el-form-item label="标签名称" prop="labelName">
         <el-input v-model="queryParams.labelName" placeholder="请输入标签名称" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
+      <el-form-item label="标签分类" prop="type">
+        <el-select v-model="queryParams.type" placeholder="请选择标签分类" @keyup.enter.native="handleQuery">
+          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.DICT_BASE_LABEL_BUSI_TYPE)"
+                     :key="dict.value" :label="dict.label" :value="dict.value"/>
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
@@ -28,6 +34,11 @@
           <dict-tag :type="DICT_TYPE.DICT_BASE_LABEL_TYPE" :value="scope.row.labelType" />
         </template>
       </el-table-column>
+      <el-table-column label="分类" align="center" prop="labelType">
+        <template v-slot="scope">
+          <dict-tag :type="DICT_TYPE.DICT_BASE_LABEL_BUSI_TYPE" :value="scope.row.type" />
+        </template>
+      </el-table-column>
       <el-table-column label="标签描述" align="center" prop="labelDesc"/>
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template v-slot="scope">
@@ -85,6 +96,7 @@ export default {
         pageNo: 1,
         pageSize: 10,
         labelName: null,
+        type:null,
         labelDesc: null,
         systemCode: null,
         createTime: [],