模块类型新增按钮

src/views/modules/news/modulecategory-add-or-update.vue

@@ -7,6 +7,17 @@
       <el-form-item prop="categoryCode" label="模块类别编码">
         <el-input v-model="dataForm.categoryCode" placeholder="模块类别编码"></el-input>
       </el-form-item>
+      <el-form-item label="模块类型"
+                    prop="categoryType">
+        <el-select v-model="dataForm.categoryType"
+                   placeholder="请选择">
+          <el-option v-for="item in categoryTypeList"
+                     :key="item.dictValue"
+                     :label="item.dictName"
+                     :value="item.dictValue">
+          </el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item label="模块样式">
         <el-input v-model="dataForm.moduleStyle"  v-show="false"></el-input>
         <el-button type="primary" @click="openModuleStyleSelect">点击选择模块样式</el-button>
@@ -118,7 +129,8 @@ export default {
       }],
       moduleStyleName: '',
       moduleStyleListVisible: false,
-      moduleStyleList: []
+      moduleStyleList: [],
+      categoryTypeList: []
     }
   },
   components: {
@@ -128,6 +140,7 @@ export default {
     this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/upload?token=${Cookies.get('token')}`
     this.dataForm.imgUrl = ''
     this.getModuleStyleList()
+    this.getCategoryTypeList()
   },
   computed: {
     dataRule () {
@@ -182,6 +195,14 @@ export default {
         this.moduleStyleList = res.data
       }).catch(() => {})
     },
+    getCategoryTypeList () {
+      this.$http.get(`/sys/dict/listSimple/module_category_type`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.categoryTypeList = res.data
+      }).catch(() => {})
+    },
     setModuleStyle (data) {
       this.dataForm.moduleStyle = data.moduleStyle
       this.moduleStyleName = data.moduleStyleName