From d2db7d088de88fac0c10cdaf43dca2a7a1b7b286 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Tue, 27 Sep 2022 11:10:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B8=80=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/workPc/menu-add-or-update.vue     | 181 ++++++++++++------
 1 file changed, 121 insertions(+), 60 deletions(-)

diff --git a/epmet-oper-web/src/views/modules/workPc/menu-add-or-update.vue b/epmet-oper-web/src/views/modules/workPc/menu-add-or-update.vue
index ad90292..2bc463e 100644
--- a/epmet-oper-web/src/views/modules/workPc/menu-add-or-update.vue
+++ b/epmet-oper-web/src/views/modules/workPc/menu-add-or-update.vue
@@ -1,93 +1,150 @@
 <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="120px">
-      <el-form-item prop="type" :label="$t('menu.type')" size="mini">
-        <el-radio-group v-model="dataForm.type" :disabled="!!dataForm.id">
+  <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="120px">
+      <el-form-item prop="type"
+                    :label="$t('menu.type')"
+                    size="mini">
+        <el-radio-group v-model="dataForm.type"
+                        :disabled="!!dataForm.id">
           <el-radio :label="0">{{ $t('menu.type0') }}</el-radio>
           <el-radio :label="1">{{ $t('menu.type1') }}</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item prop="name" :label="$t('menu.name')">
-        <el-input v-model="dataForm.name" :placeholder="$t('menu.name')"></el-input>
+      <el-form-item prop="name"
+                    :label="$t('menu.name')">
+        <el-input v-model="dataForm.name"
+                  :placeholder="$t('menu.name')"></el-input>
       </el-form-item>
-      <el-form-item prop="parentName" :label="$t('menu.parentName')" class="menu-list">
-        <el-popover v-model="menuListVisible" ref="menuListPopover" placement="bottom-start" trigger="click">
-          <el-tree
-            :data="menuList"
-            :props="{ label: 'name', children: 'children' }"
-            node-key="id"
-            ref="menuListTree"
-            :highlight-current="true"
-            :expand-on-click-node="false"
-            accordion
-            @current-change="menuListTreeCurrentChangeHandle">
+      <el-form-item prop="parentName"
+                    :label="$t('menu.parentName')"
+                    class="menu-list">
+        <el-popover v-model="menuListVisible"
+                    ref="menuListPopover"
+                    placement="bottom-start"
+                    trigger="click">
+          <el-tree :data="menuList"
+                   :props="{ label: 'name', children: 'children' }"
+                   node-key="id"
+                   ref="menuListTree"
+                   :highlight-current="true"
+                   :expand-on-click-node="false"
+                   accordion
+                   @current-change="menuListTreeCurrentChangeHandle">
           </el-tree>
         </el-popover>
-        <el-input v-model="dataForm.parentName" v-popover:menuListPopover :readonly="true" :placeholder="$t('menu.parentName')">
-          <i v-if="dataForm.pid !== '0'" slot="suffix" @click.stop="deptListTreeSetDefaultHandle()" class="el-icon-circle-close el-input__icon"></i>
+        <el-input v-model="dataForm.parentName"
+                  v-popover:menuListPopover
+                  :readonly="true"
+                  :placeholder="$t('menu.parentName')">
+          <i v-if="dataForm.pid !== '0'"
+             slot="suffix"
+             @click.stop="deptListTreeSetDefaultHandle()"
+             class="el-icon-circle-close el-input__icon"></i>
         </el-input>
       </el-form-item>
-      <el-form-item v-if="dataForm.type === 0" prop="url" :label="$t('menu.url')">
-        <el-input v-model="dataForm.url" :placeholder="$t('menu.url')"></el-input>
+      <el-form-item v-if="dataForm.type === 0"
+                    prop="url"
+                    :label="$t('menu.url')">
+        <el-input v-model="dataForm.url"
+                  :placeholder="$t('menu.url')"></el-input>
       </el-form-item>
-      <el-form-item  prop="showFlag" :label="$t('menu.showFlag')" size="mini">
+      <el-form-item prop="showFlag"
+                    :label="$t('menu.showFlag')"
+                    size="mini">
         <el-radio-group v-model="dataForm.showFlag">
           <el-radio :label="1">{{ $t('menu.show1') }}</el-radio>
           <el-radio :label="0">{{ $t('menu.show2') }}</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item prop="sort" :label="$t('menu.sort')">
-        <el-input-number v-model="dataForm.sort" controls-position="right" :min="0" :label="$t('menu.sort')"></el-input-number>
+      <el-form-item prop="sort"
+                    :label="$t('menu.sort')">
+        <el-input-number v-model="dataForm.sort"
+                         controls-position="right"
+                         :min="0"
+                         :label="$t('menu.sort')"></el-input-number>
       </el-form-item>
-      <el-form-item v-if="dataForm.type === 0" prop="icon" :label="$t('menu.icon')" class="icon-list">
-        <el-popover v-model="iconListVisible" ref="iconListPopover" placement="bottom-start" trigger="click" popper-class="mod-sys__menu-icon-popover">
+      <el-form-item v-if="dataForm.type === 0"
+                    prop="icon"
+                    :label="$t('menu.icon')"
+                    class="icon-list">
+        <el-popover v-model="iconListVisible"
+                    ref="iconListPopover"
+                    placement="bottom-start"
+                    trigger="click"
+                    popper-class="mod-sys__menu-icon-popover">
           <div class="mod-sys__menu-icon-inner">
             <div class="mod-sys__menu-icon-list">
-              <el-button
-                v-for="(item, index) in iconList"
-                :key="index"
-                @click="iconListCurrentChangeHandle(item)"
-                :class="{ 'is-active': dataForm.icon === item }">
-                <svg class="icon-svg" aria-hidden="true"><use :xlink:href="`#${item}`"></use></svg>
+              <el-button v-for="(item, index) in iconList"
+                         :key="index"
+                         @click="iconListCurrentChangeHandle(item)"
+                         :class="{ 'is-active': dataForm.icon === item }">
+                <svg class="icon-svg"
+                     aria-hidden="true">
+                  <use :xlink:href="`#${item}`"></use>
+                </svg>
               </el-button>
             </div>
           </div>
         </el-popover>
-        <el-input v-model="dataForm.icon" v-popover:iconListPopover :readonly="true" :placeholder="$t('menu.icon')"></el-input>
+        <el-input v-model="dataForm.icon"
+                  v-popover:iconListPopover
+                  :readonly="true"
+                  :placeholder="$t('menu.icon')"></el-input>
       </el-form-item>
-      <el-form-item v-if="dataForm.type === 1" prop="permissions" :label="$t('menu.permissions')">
-        <el-input v-model="dataForm.permissions" :placeholder="$t('menu.permissionsTips')"></el-input>
+      <el-form-item v-if="dataForm.type === 1"
+                    prop="permissions"
+                    :label="$t('menu.permissions')">
+        <el-input v-model="dataForm.permissions"
+                  :placeholder="$t('menu.permissionsTips')"></el-input>
       </el-form-item>
-      <el-form-item
-        v-for="(item, index) in dataForm.resourceList"
-        :key="item.key"
-        :prop="`resourceList.${index}.resourceUrl`"
-        :rules="{ required: true, message: $t('validate.required'), trigger: 'blur' }"
-        :label="index === 0 ? $t('menu.resource') : ''"
-        class="resource-list">
+      <el-form-item v-for="(item, index) in dataForm.resourceList"
+                    :key="item.key"
+                    :prop="`resourceList.${index}.resourceUrl`"
+                    :rules="{ required: true, message: $t('validate.required'), trigger: 'blur' }"
+                    :label="index === 0 ? $t('menu.resource') : ''"
+                    class="resource-list">
         <el-row>
           <el-col :span="22">
-            <el-input v-model="item.resourceUrl" :placeholder="$t('menu.resourceUrl')">
-              <el-select v-model="item.resourceMethod" slot="prepend" :placeholder="$t('menu.resourceMethod')">
-                <el-option label="GET" value="GET"></el-option>
-                <el-option label="POST" value="POST"></el-option>
-                <el-option label="PUT" value="PUT"></el-option>
-                <el-option label="DELETE" value="DELETE"></el-option>
+            <el-input v-model="item.resourceUrl"
+                      :placeholder="$t('menu.resourceUrl')">
+              <el-select v-model="item.resourceMethod"
+                         slot="prepend"
+                         :placeholder="$t('menu.resourceMethod')">
+                <el-option label="GET"
+                           value="GET"></el-option>
+                <el-option label="POST"
+                           value="POST"></el-option>
+                <el-option label="PUT"
+                           value="PUT"></el-option>
+                <el-option label="DELETE"
+                           value="DELETE"></el-option>
               </el-select>
             </el-input>
           </el-col>
-          <el-col :span="2" class="text-center">
-            <el-button @click="resourceDeleteHandle(item)" size="small" type="text">{{ $t('delete') }}</el-button>
+          <el-col :span="2"
+                  class="text-center">
+            <el-button @click="resourceDeleteHandle(item)"
+                       size="small"
+                       type="text">{{ $t('delete') }}</el-button>
           </el-col>
         </el-row>
       </el-form-item>
       <el-form-item :label="dataForm.resourceList==null || dataForm.resourceList.length <= 0 ? $t('menu.resource') : ''">
-        <el-button @click="resourceAddHandle()" class="aui-button--dashed w-percent-100">{{ $t('menu.resourceAddItem') }}</el-button>
+        <el-button @click="resourceAddHandle()"
+                   class="aui-button--dashed w-percent-100">{{ $t('menu.resourceAddItem') }}</el-button>
       </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>
@@ -132,9 +189,9 @@ export default {
     }
   },
   props: {
-    tableName:{
-      type:String,
-      default:'gov_menu'
+    tableName: {
+      type: String,
+      default: 'gov_menu'
     }
   },
   watch: {
@@ -159,16 +216,16 @@ export default {
     },
     // 获取菜单列表
     getMenuList () {
-      return this.$http.get('/gov/access/menu/list?type=0&tableName='+this.tableName).then(({ data: res }) => {
+      return this.$http.get('/gov/access/menu/list?type=0&tableName=' + this.tableName).then(({ data: res }) => {
         if (res.code !== 0) {
           return this.$message.error(res.msg)
         }
         this.menuList = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     },
     // 获取信息
     getInfo () {
-      this.$http.get(`/gov/access/menu/${this.dataForm.id}?tableName=`+this.tableName).then(({ data: res }) => {
+      this.$http.get(`/gov/access/menu/${this.dataForm.id}?tableName=` + this.tableName).then(({ data: res }) => {
         if (res.code !== 0) {
           return this.$message.error(res.msg)
         }
@@ -176,11 +233,14 @@ export default {
           ...this.dataForm,
           ...res.data
         }
+        if (!this.dataForm.resourceList) {
+          this.dataForm.resourceList = []
+        }
         if (this.dataForm.pid === '0') {
           return this.deptListTreeSetDefaultHandle()
         }
         this.$refs.menuListTree.setCurrentKey(this.dataForm.pid)
-      }).catch(() => {})
+      }).catch(() => { })
     },
     // 上级菜单树, 设置默认值
     deptListTreeSetDefaultHandle () {
@@ -200,6 +260,7 @@ export default {
     },
     // 菜单资源, 添加
     resourceAddHandle () {
+
       this.dataForm.resourceList.push({
         key: new Date().getTime(),
         resourceMethod: 'GET',
@@ -230,7 +291,7 @@ export default {
               this.$emit('refreshDataList')
             }
           })
-        }).catch(() => {})
+        }).catch(() => { })
       })
     }, 1000, { 'leading': true, 'trailing': false })
   }