elink-star
/
epmet-oper-lingshan
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

添加一项

master
jiangyy 3 years ago
parent
945f491880
commit
d2db7d088d
1 changed files with 121 additions and 60 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 135
      epmet-oper-web/src/views/modules/workPc/menu-add-or-update.vue

135
epmet-oper-web/src/views/modules/workPc/menu-add-or-update.vue
View File

@ -1,19 +1,35 @@
<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"
<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"
@ -23,43 +39,72 @@
@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"
<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>
<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"
<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' }"
@ -67,27 +112,39 @@
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>
@ -176,6 +233,9 @@ export default {
...this.dataForm,
...res.data
}
if (!this.dataForm.resourceList) {
this.dataForm.resourceList = []
}
if (this.dataForm.pid === '0') {
return this.deptListTreeSetDefaultHandle()
}
@ -200,6 +260,7 @@ export default {
},
// 菜单资源, 添加
resourceAddHandle () {
this.dataForm.resourceList.push({
key: new Date().getTime(),
resourceMethod: 'GET',

Write Preview
Loading…
Cancel
Save