elink-star
/
epmet-oper-pc-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

菜单

preview
tianq 2 years ago
parent
35ea3c0dcf
commit
b098771b84
1 changed files with 149 additions and 122 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 271
      epmet-oper-web/src/views/modules/workPc/menu.vue

271
epmet-oper-web/src/views/modules/workPc/menu.vue
View File

@ -1,128 +1,155 @@
<template> <template>
<el-card shadow="never" <el-card shadow="never" class="aui-card--fill">
class="aui-card--fill"> <div class="mod-sys__menu">
<div class="mod-sys__menu"> <!-- <el-form :inline="true">
<el-form :inline="true" <el-form-item><el-input v-model="ruleForm.name" placeholder="请输入客户名称" :clearable="true"></el-input></el-form-item>
:model="dataForm" <el-form-item><el-button type="primary" @click="submitForm(ruleForm)">查询</el-button></el-form-item>
@keyup.enter.native="getDataList()"> </el-form> -->
<el-form-item> <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-button type="primary" <el-form-item>
@click="addOrUpdateHandle()">{{ $t('add') }}</el-button> <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item> <el-button type="primary" @click="open('')">开启</el-button>
</el-form> <el-button type="primary" @click="close('')">关闭</el-button>
<el-table v-loading="dataListLoading" </el-form-item>
:data="dataList" </el-form>
row-key="id" <el-table @selection-change="handleSelectionChange" v-loading="dataListLoading" :data="dataList" row-key="id" border :height="tableHeight" style="width: 100%;">
border <el-table-column label="" fixed="left" type="selection" align="center" width="50" />
:height="tableHeight" <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
style="width: 100%;">
<el-table-column prop="name" <el-table-column prop="name" :label="$t('menu.name')" header-align="center" min-width="150"></el-table-column>
:label="$t('menu.name')" <el-table-column prop="icon" :label="$t('menu.icon')" header-align="center" align="center">
header-align="center" <template slot-scope="scope">
min-width="150"></el-table-column> <svg class="icon-svg" aria-hidden="true"><use :xlink:href="`#${scope.row.icon}`"></use></svg>
<el-table-column prop="icon" </template>
:label="$t('menu.icon')" </el-table-column>
header-align="center"
align="center"> <el-table-column prop="showFlag" label="菜单类型" header-align="center" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<svg class="icon-svg" 基础应用
aria-hidden="true"> </template>
<use :xlink:href="`#${scope.row.icon}`"></use> </el-table-column>
</svg> <el-table-column prop="sort" :label="$t('menu.sort')" header-align="center" align="center"></el-table-column>
</template> <el-table-column prop="url" :label="$t('menu.url')" header-align="center" align="center" width="450" :show-overflow-tooltip="true"></el-table-column>
</el-table-column> <el-table-column
<el-table-column prop="type" prop="permissions"
:label="$t('menu.type')" :label="$t('menu.permissions')"
header-align="center" header-align="center"
align="center"> align="center"
<template slot-scope="scope"> width="150"
<el-tag v-if="scope.row.type === 0" :show-overflow-tooltip="true"
size="small">{{ $t('menu.type0') }}</el-tag> ></el-table-column>
<el-tag v-else <el-table-column prop="type" :label="$t('状态')" header-align="center" align="center">
size="small" <template slot-scope="scope">
type="info">{{ $t('menu.type1') }}</el-tag> <el-tag v-if="scope.row.showFlag === 1" size="small">已启用</el-tag>
</template> <el-tag type="danger" v-if="scope.row.showFlag === 0" size="small">已关闭</el-tag>
</el-table-column> </template>
<el-table-column prop="sort" </el-table-column>
:label="$t('menu.sort')" <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
header-align="center" <template slot-scope="scope">
align="center"></el-table-column> <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-table-column prop="url" <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
:label="$t('menu.url')" <el-button type="text" size="small" @click="showCustomerMenu(scope.row)">{{ '客户配置' }}</el-button>
header-align="center" <el-button type="text" size="small" v-if="scope.row.showFlag == 0" @click="open(scope.row.id)">{{ '开启' }}</el-button>
align="center" <el-button type="text" size="small" v-if="scope.row.showFlag == 1" @click="close(scope.row.id)">{{ '关闭' }}</el-button>
width="450" </template>
:show-overflow-tooltip="true"></el-table-column> </el-table-column>
<el-table-column prop="permissions" </el-table>
:label="$t('menu.permissions')" <!-- 弹窗, 新增 / 修改 -->
header-align="center" <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" :tableName="'gov_menu'" @refreshDataList="getDataList"></add-or-update>
align="center" <!-- 客户菜单配置 -->
width="150" <customer-add-or-update ref="customerForm" :menuName="selMenuName" @refreshDataList="getDataList"></customer-add-or-update>
:show-overflow-tooltip="true"></el-table-column> </div>
<el-table-column :label="$t('handle')" </el-card>
fixed="right"
header-align="center"
align="center"
width="150">
<template slot-scope="scope">
<el-button type="text"
size="small"
@click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button type="text"
size="small"
@click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
<el-button type="text"
size="small"
@click="showCustomerMenu(scope.row)">{{ '客户配置' }}</el-button>
</template>
</el-table-column>
</el-table>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate"
:tableName="'gov_menu'"
@refreshDataList="getDataList"></add-or-update>
<!-- 客户菜单配置 -->
<customer-add-or-update ref="customerForm"
:menuName="selMenuName"
@refreshDataList="getDataList"></customer-add-or-update>
</div>
</el-card>
</template> </template>
<script> <script>
import mixinViewModule from '@/mixins/view-module' import mixinViewModule from '@/mixins/view-module';
import AddOrUpdate from './menu-add-or-update' import AddOrUpdate from './menu-add-or-update';
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex';
import CustomerAddOrUpdate from './customer-add-or-update' import CustomerAddOrUpdate from './customer-add-or-update';
export default { export default {
mixins: [mixinViewModule], mixins: [mixinViewModule],
data () { data() {
return { return {
mixinViewModuleOptions: { mixinViewModuleOptions: {
getDataListURL: '/gov/access/menu/list', getDataListURL: '/gov/access/menu/list',
deleteURL: '/gov/access/menu' deleteURL: '/gov/access/menu'
}, },
customerFormVisible: false, customerFormVisible: false,
dataForm: { "tableName": 'gov_menu' }, dataForm: { tableName: 'gov_menu' },
selMenuName: '' selMenuName: '',
} multipleSelection: []
}, };
components: { },
AddOrUpdate, CustomerAddOrUpdate components: {
}, AddOrUpdate,
computed: { CustomerAddOrUpdate
tableHeight () { },
// return this.resolution === 'small' ? this.clientHeight - 210 : this.clientHeight - 220 computed: {
return this.clientHeight - 210 tableHeight() {
}, // return this.resolution === 'small' ? this.clientHeight - 210 : this.clientHeight - 220
...mapGetters(['clientHeight', 'resolution']), return this.clientHeight - 210;
}, },
methods: { ...mapGetters(['clientHeight', 'resolution'])
showCustomerMenu (row) { },
this.selMenuName = row.name methods: {
this.$refs['customerForm'].init(row.id) handleSelectionChange(val) {
} this.multipleSelection = [];
} val.forEach(element => {
} this.multipleSelection.push(element.id);
});
console.log(this.multipleSelection);
},
showCustomerMenu(row) {
this.selMenuName = row.name;
this.$refs['customerForm'].init(row.id);
},
open(id) {
console.log('Aa');
let menuIds = [];
if (id != '') {
menuIds = [id];
} else {
if (this.multipleSelection.length > 0) {
menuIds = this.multipleSelection;
} else {
return this.$message.error('请选择菜单');
}
}
let params = {
menuIds: menuIds,
flagShow: 1
};
this.$http.post('/gov/access/menu/updateShow/', params).then(({ data: res }) => {
console.log(res);
if (res.code === 0) {
}
});
},
close(id) {
let menuIds = [];
if (id != '') {
menuIds = [id];
} else {
if (this.multipleSelection.length > 0) {
menuIds = this.multipleSelection;
} else {
return this.$message.error('请选择菜单');
}
}
let params = {
menuIds: menuIds,
flagShow: 0
};
this.$http.post('/gov/access/menu/updateShow/', params).then(({ data: res }) => {
console.log(res);
if (res.code === 0) {
}
});
}
}
};
</script> </script>

Write Preview
Loading…
Cancel
Save