app菜单增加子菜单模板

src/views/modules/sys/app-menu-add-or-update.vue

@@ -96,6 +96,18 @@
                   :readonly="true"
                   :placeholder="$t('menu.icon')"></el-input>
       </el-form-item>
+      <el-form-item label="子菜单模板"
+              prop="templateId">
+        <el-select v-model="dataForm.templateId"
+          clearable
+          placeholder="子菜单模板">
+          <el-option v-for="item in templates"
+            :key="item.id"
+            :label="item.templateName"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item v-if="dataForm.type === 1"
                     prop="permissions"
                     :label="$t('menu.permissions')">
@@ -158,6 +170,7 @@ export default {
       menuListVisible: false,
       iconList: [],
       iconListVisible: false,
+      templates: [],
       dataForm: {
         id: '',
         type: 0,
@@ -169,7 +182,8 @@ export default {
         permissions: '',
         sort: 0,
         icon: '',
-        menuCode: ''
+        menuCode: '',
+        templateId: ''
       }
     }
   },
@@ -197,6 +211,7 @@ export default {
         this.$refs['dataForm'].resetFields()
         this.iconList = getIconList()
         this.dataForm.parentName = this.$t('menu.parentNameDefault')
+        this.getTemplateList()
         this.dataForm.resourceList = []
         this.getMenuList().then(() => {
           if (this.dataForm.id) {
@@ -214,6 +229,15 @@ export default {
         this.menuList = res.data
       }).catch(() => { })
     },
+    // 获取子菜单模板列表
+    getTemplateList () {
+      this.$http.get('/sys/appmenutemplate/list').then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.templates = res.data
+      }).catch(() => { })
+    },
     // 获取信息
     getInfo () {
       this.$http.get(`/sys/appmenu/${this.dataForm.id}`).then(({ data: res }) => {