<template>
|
<div class="subpage_Box">
|
<My-bread :list="[
|
`${$t('dataManage.dataManage')}`,
|
`${$t('dataManage.resourceManage')}`,
|
]"></My-bread>
|
<el-divider />
|
<div class="mainBox">
|
<div
|
class="content_box "
|
ref="container"
|
>
|
<el-form
|
:inline="true"
|
:model="formInline"
|
class="demo-form-inline"
|
>
|
<el-form-item>
|
<el-input
|
size="small"
|
:title="$t('dataManage.vmobj.keyword')"
|
v-model="formInline.name"
|
:placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')"
|
> <i
|
:title="$t('common.iquery')"
|
slot="suffix"
|
@click="setListDataStart"
|
class="el-icon-search"
|
style="padding-right: 8px"
|
></i></el-input>
|
</el-form-item>
|
<el-form-item style="float: right;">
|
<el-button
|
v-if="menuStatus.insert"
|
icon="el-icon-edit"
|
type="success"
|
@click="setInsertTableData"
|
size="small"
|
>{{ $t('common.append') }}
|
</el-button>
|
<el-button
|
v-if="menuStatus.delete"
|
icon="el-icon-delete"
|
type="danger"
|
@click="setDelTableData"
|
size="small"
|
>{{ $t('common.delete') }}
|
</el-button>
|
<el-button
|
icon="el-icon-refresh"
|
type="info"
|
size="small"
|
@click="setEmptyData"
|
>{{ $t('common.empty') }}
|
</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div class="dividing-line"></div>
|
<div
|
class="table_box"
|
:style="styleVar"
|
>
|
<el-table
|
:data="tableData"
|
style="width: 100%"
|
border
|
height="calc(100% - 10px)"
|
@selection-change="handleSelectionChange"
|
@cell-dblclick="copyText"
|
>
|
<el-table-column
|
type="selection"
|
width="55"
|
/>
|
<el-table-column
|
align="center"
|
type="index"
|
:label="$t('dataManage.styleObj.index')"
|
width="100"
|
/>
|
<el-table-column
|
align="center"
|
prop="cnName"
|
:label="$t('dataManage.layerObj.resourceName')"
|
width="150"
|
/>
|
<!-- <el-table-column
|
align="center"
|
prop="enName"
|
:label="$t('dataManage.layerObj.englishName')"
|
width="170"
|
/> -->
|
<el-table-column
|
align="center"
|
prop="status"
|
:label="$t('dataManage.layerObj.status')"
|
:formatter="setResStatus"
|
width="150"
|
/>
|
<el-table-column
|
align="center"
|
prop="category"
|
:label="$t('dataManage.layerObj.firm')"
|
:formatter="setResCategory"
|
width="150"
|
/>
|
<el-table-column
|
align="center"
|
prop="type"
|
:label="$t('dataManage.layerObj.serviceType')"
|
:formatter="setResType"
|
width="150"
|
/>
|
<el-table-column
|
align="center"
|
prop="data"
|
:label="$t('dataManage.layerObj.dataType')"
|
:formatter="setResData"
|
width="150"
|
/>
|
<el-table-column
|
align="center"
|
prop="tab"
|
:label="$t('dataManage.layerObj.tableName')"
|
width="150"
|
/>
|
<el-table-column
|
align="center"
|
prop="url"
|
:label="$t('dataManage.layerObj.serviceAddress')"
|
width="300"
|
/>
|
<el-table-column
|
align="center"
|
prop="args"
|
:label="$t('dataManage.layerObj.serviceParameters')"
|
width="220"
|
/>
|
<el-table-column
|
align="center"
|
prop="test"
|
:label="$t('dataManage.layerObj.testAddress')"
|
width="300"
|
/>
|
<el-table-column
|
align="center"
|
prop="proxy"
|
:label="$t('dataManage.layerObj.proxyAddress')"
|
width="300"
|
:formatter="formatProxy"
|
/>
|
<el-table-column
|
align="center"
|
prop="descr"
|
:label="$t('dataManage.layerObj.descr')"
|
width="200"
|
/>
|
<el-table-column
|
align="center"
|
prop="createName"
|
:label="$t('dataManage.vmobj.createonuser')"
|
width="200"
|
/>
|
<el-table-column
|
align="center"
|
prop="createTime"
|
:label="$t('dataManage.vmobj.createontime')"
|
width="200"
|
:formatter="formatData"
|
/>
|
<el-table-column
|
align="center"
|
prop="updateName"
|
:label="$t('dataManage.vmobj.updateonuser')"
|
width="200"
|
/>
|
<el-table-column
|
align="center"
|
prop="updateTime"
|
:label="$t('dataManage.vmobj.updateontime')"
|
width="200"
|
:formatter="formatData"
|
/>
|
<el-table-column
|
align="center"
|
prop="bak"
|
:label="$t('common.bak')"
|
width="200"
|
/>
|
<el-table-column
|
:label="$t('common.operate')"
|
width="150"
|
>
|
<template slot-scope="scope">
|
<el-button
|
@click="setScopeEdit(scope.row)"
|
size="small"
|
type="warning"
|
plain
|
>{{ $t('common.update') }}</el-button>
|
|
</template>
|
</el-table-column>
|
</el-table>
|
|
<div
|
class="pagination_box"
|
style="margin-top: 15px"
|
>
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="listData.pageIndex"
|
:page-sizes="[10, 50,100,200]"
|
:page-size="listData.pageSize"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="listData.count"
|
>
|
</el-pagination>
|
</div>
|
</div>
|
</div>
|
<el-dialog
|
:title="$t('common.append')"
|
:visible.sync="insertDialog"
|
width="50%"
|
:show-close="false"
|
>
|
<div style="width: 100%;max-height: 63vh;overflow-y: auto;">
|
<el-form
|
:model="insertData"
|
class="demo-form-inline"
|
label-width="120px"
|
>
|
<el-form-item :label="$t('dataManage.layerObj.resourceName')">
|
<el-input
|
v-model="insertData.cnName"
|
:placeholder="$t('dataManage.layerObj.prompt13')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
|
<el-form-item :label="$t('dataManage.layerObj.firm')">
|
<el-select
|
class="insertWidth"
|
v-model="insertData.category"
|
:placeholder="$t('dataManage.layerObj.prompt3')"
|
>
|
<el-option
|
v-for="item in serviceType"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.serviceType')">
|
<el-select
|
class="insertWidth"
|
v-model="insertData.type"
|
@change="setCategoryTypeChange"
|
:placeholder="$t('dataManage.layerObj.prompt8')"
|
>
|
<el-option
|
v-for="item in categoryType"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.dataType')">
|
<el-select
|
class="insertWidth"
|
v-model="insertData.data"
|
:disabled='insertDisabled'
|
:placeholder="$t('dataManage.layerObj.prompt3')"
|
>
|
<el-option
|
v-for="item in dataType"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item :label="$t('dataManage.layerObj.tableName')">
|
<el-input
|
v-model="insertData.tab"
|
class="insertWidth"
|
:placeholder="$t('dataManage.layerObj.prompt12')"
|
></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.serviceAddress')">
|
<el-input
|
v-model="insertData.url"
|
:placeholder="$t('dataManage.layerObj.prompt4')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.testAddress')">
|
<el-input
|
v-model="insertData.test"
|
:placeholder="$t('dataManage.layerObj.prompt9')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.serviceParameters')">
|
<el-input
|
v-model="insertData.args"
|
:placeholder="$t('dataManage.layerObj.prompt15')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.status')">
|
<div class="insertWidth">
|
<el-radio
|
v-model="insertData.status"
|
label="0"
|
>{{$t('dataManage.layerObj.disable')}}</el-radio>
|
<el-radio
|
v-model="insertData.status"
|
label="1"
|
> {{$t('dataManage.layerObj.enableOriginalAddress')}}</el-radio>
|
<el-radio
|
v-model="insertData.status"
|
label="2"
|
> {{$t('dataManage.layerObj.enableProxy')}}</el-radio>
|
</div>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.descr')">
|
<el-input
|
v-model="insertData.descr"
|
:placeholder="$t('dataManage.layerObj.prompt16')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('common.bak')">
|
<el-input
|
v-model="insertData.bak"
|
:placeholder="$t('dataManage.layerObj.prompt17')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
|
</el-form>
|
<span
|
slot="footer"
|
class="dialog-footer"
|
style="float: right; margin-right: 10%;"
|
>
|
<el-button
|
@click="setInsertCannel"
|
size="small"
|
>{{ $t('common.cancel') }}</el-button>
|
<el-button
|
type="primary"
|
size="small"
|
@click="setInsertConfirm"
|
>{{ $t('common.confirm') }}</el-button>
|
</span>
|
</div>
|
</el-dialog>
|
<el-dialog
|
:title="$t('common.edit')"
|
:visible.sync="editDialog"
|
width="50%"
|
:before-close="handleEditClose"
|
>
|
<div style="width: 100%;max-height: 63vh;overflow-y: auto;">
|
<el-form
|
:model="editData"
|
class="demo-form-inline"
|
label-width="120px"
|
>
|
<el-form-item :label="$t('dataManage.layerObj.resourceName')">
|
<el-input
|
v-model="editData.cnName"
|
:placeholder="$t('dataManage.layerObj.prompt13')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
<!-- <el-form-item :label="$t('dataManage.layerObj.englishName')">
|
<el-input
|
v-model="editData.enName"
|
:placeholder="$t('dataManage.layerObj.prompt14')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item> -->
|
<el-form-item :label="$t('dataManage.layerObj.firm')">
|
<el-select
|
class="insertWidth"
|
v-model="editData.category"
|
:placeholder="$t('dataManage.layerObj.prompt3')"
|
>
|
<el-option
|
v-for="item in serviceType"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.serviceType')">
|
<el-select
|
class="insertWidth"
|
v-model="editData.type"
|
@change="setEdtitTypeChange"
|
:placeholder="$t('dataManage.layerObj.prompt8')"
|
>
|
<el-option
|
v-for="item in categoryType"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.dataType')">
|
<el-select
|
class="insertWidth"
|
v-model="editData.data"
|
:placeholder="$t('dataManage.layerObj.prompt3')"
|
:disabled="editDisabled"
|
>
|
<el-option
|
v-for="item in dataType"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item :label="$t('dataManage.layerObj.tableName')">
|
<el-input
|
v-model="editData.tab"
|
class="insertWidth"
|
:placeholder="$t('dataManage.layerObj.prompt12')"
|
></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.serviceAddress')">
|
<el-input
|
v-model="editData.url"
|
:placeholder="$t('dataManage.layerObj.prompt4')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.testAddress')">
|
<el-input
|
v-model="editData.test"
|
:placeholder="$t('dataManage.layerObj.prompt9')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.serviceParameters')">
|
<el-input
|
v-model="editData.args"
|
:placeholder="$t('dataManage.layerObj.prompt15')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.status')">
|
<div class="insertWidth">
|
<el-radio
|
v-model="editData.status"
|
label="0"
|
>{{$t('dataManage.layerObj.disable')}}</el-radio>
|
<el-radio
|
v-model="editData.status"
|
label="1"
|
> {{$t('dataManage.layerObj.enableOriginalAddress')}}</el-radio>
|
<el-radio
|
v-model="editData.status"
|
label="2"
|
> {{$t('dataManage.layerObj.enableProxy')}}</el-radio>
|
</div>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.layerObj.descr')">
|
<el-input
|
v-model="editData.descr"
|
:placeholder="$t('dataManage.layerObj.prompt16')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('common.bak')">
|
<el-input
|
v-model="editData.bak"
|
:placeholder="$t('dataManage.layerObj.prompt17')"
|
class="insertWidth"
|
></el-input>
|
</el-form-item>
|
|
</el-form>
|
<span
|
slot="footer"
|
class="dialog-footer"
|
style="float: right; margin-right: 10%;"
|
>
|
<el-button
|
@click="setEditReset"
|
size="small"
|
>{{ $t('common.reset') }}</el-button>
|
<el-button
|
type="primary"
|
size="small"
|
@click="setEditConfirm"
|
>{{ $t('common.confirm') }}</el-button>
|
</span>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
<script>
|
import MyBread from "../../components/MyBread.vue";
|
import {
|
getPerms,
|
select_Res_ByPageAndCount,
|
res_insert,
|
res_deletes,
|
res_updates,
|
res_update,
|
} from "../../api/api";
|
import $ from 'jquery'
|
import { getToken } from '../../utils/auth';
|
import { serve_type, data_type, category_type } from './js/layerManage.js'
|
import { json } from "body-parser";
|
import { flatten } from '@turf/turf';
|
|
export default {
|
name: "catalogueManage",
|
components: {
|
MyBread,
|
},
|
data() {
|
|
return {
|
formInline: {
|
name: null
|
},
|
menuStatus: {
|
delete: false,
|
insert: false,
|
updaete: false
|
},
|
styleVar: {
|
height: "calc(100% - 109px)",
|
},
|
timer: 0,
|
tableHeight: 0,
|
tableData: [],
|
listData: {
|
pageIndex: 1,
|
pageSize: 10,
|
count: 0
|
},
|
multipleSelection: [],
|
editData: {},
|
copyData: null,
|
insertData: {
|
status: "2",
|
category: null,
|
type: null,
|
data: null
|
},
|
editDialog: false,
|
insertDialog: false,
|
dataType: [],
|
serviceType: [],
|
categoryType: [],
|
insertDisabled: false,
|
editDisabled: false,
|
};
|
},
|
watch: {
|
|
},
|
beforeDestroy() {
|
this.timer && clearTimeout(this.timer);
|
window.removeEventListener("resize", this.onResize);
|
},
|
methods: {
|
async setEditConfirm() {
|
const data = await res_update(this.editData);
|
if (data.code == 200) {
|
this.$message({
|
message: '资源更新成功',
|
type: 'success'
|
});
|
this.setEditClose();
|
this.setListDataStart();
|
} else {
|
this.$message.error('资源更新失败');
|
}
|
},
|
setEditReset() {
|
this.editData = JSON.parse(JSON.stringify(this.copyData));
|
this.editData.status = this.editData.status.toString();
|
},
|
setEditClose() {
|
this.editDialog = false;
|
this.editData = {};
|
this.copyData = {};
|
},
|
handleEditClose() {
|
var that = this;
|
this.$confirm('确认关闭？')
|
.then(_ => {
|
that.setEditClose();
|
})
|
.catch(_ => { });
|
},
|
setEmptyData() {
|
this.formInline.name = ""
|
this.setListDataStart()
|
},
|
setInsertTableData() {
|
this.insertData.category = this.serviceType[0].value
|
this.insertData.type = this.categoryType[0].value
|
|
this.insertDialog = true;
|
this.setinsertDisabled();
|
},
|
setinsertDisabled() {
|
var val = [0, 4, 5]
|
if (val.indexOf(this.insertData.type) > -1) {
|
this.insertDisabled = true
|
this.insertData.data = this.dataType[0].value;
|
} else {
|
this.insertDisabled = false
|
}
|
},
|
setCategoryTypeChange(item) {
|
this.setinsertDisabled()
|
},
|
setEdtitTypeChange(item) {
|
this.setEditDisabled()
|
},
|
setEditDisabled() {
|
var val = [0, 4, 5]
|
if (val.indexOf(this.editData.type) > -1) {
|
this.editDisabled = true
|
this.editData.data = this.dataType[0].value;
|
} else {
|
this.editDisabled = false
|
}
|
},
|
async setDelTableData() {
|
if (this.multipleSelection.length <= 0) {
|
return this.$message('请选择要删除的资源数据');
|
}
|
var std = [];
|
for (var i in this.multipleSelection) {
|
std.push(this.multipleSelection[i].id)
|
}
|
const data = await res_deletes({ ids: std.toString() })
|
if (data.code == 200) {
|
this.$message({
|
message: '资源删除成功',
|
type: 'success'
|
});
|
this.setListDataStart();
|
} else {
|
this.$message.error('资源删除失败');
|
}
|
},
|
closeInsertDialog() {
|
this.insertDialog = false;
|
this.insertData = {
|
status: '2'
|
}
|
},
|
setInsertCannel() {
|
var that = this;
|
this.$confirm('确认关闭？')
|
.then(_ => {
|
that.closeInsertDialog()
|
})
|
.catch(_ => { });
|
},
|
async setInsertConfirm() {
|
this.insertData.status = parseInt(this.insertData.status)
|
const data = await res_insert(this.insertData);
|
if (data.code == 200) {
|
this.$message({
|
message: '资源新增成功',
|
type: 'success'
|
});
|
this.closeInsertDialog();
|
this.setListDataStart();
|
|
} else {
|
this.$message.error('资源新增失败');
|
}
|
|
},
|
//下拉菜单初始化
|
optionsStart() {
|
var std = [];
|
var ste = [];
|
var str = [];
|
for (var i in serve_type) {
|
ste.push({
|
value: serve_type[i].value,
|
label: serve_type[i].name,
|
})
|
}
|
this.serviceType = std;
|
for (var i in category_type) {
|
std.push({
|
value: category_type[i].value,
|
label: category_type[i].name,
|
})
|
}
|
this.categoryType = ste;
|
for (var i in data_type) {
|
str.push({
|
value: data_type[i].value,
|
label: data_type[i].name,
|
})
|
}
|
this.dataType = str;
|
|
},
|
setScopeEdit(row) {
|
this.copyData = JSON.parse(JSON.stringify(row));
|
this.editData = JSON.parse(JSON.stringify(row));
|
this.editData.status = this.editData.status.toString()
|
this.editData.category = parseInt(this.editData.category)
|
this.editData.type = parseInt(this.editData.type)
|
if (this.editData.data) {
|
this.editData.data = parseInt(this.editData.data)
|
}
|
|
this.setEditDisabled()
|
this.editDialog = true
|
},
|
formatProxy(row, column) {
|
var token = getToken()
|
if (row.proxy && row.proxy.indexOf('{token}') > -1) {
|
var val = row.proxy.replaceAll('{token}', token)
|
return BASE_URL + val
|
}
|
|
},
|
copyText(row, column, cell, event) {
|
// 双击复制
|
let save = function (e) {
|
e.clipboardData.setData('text/plain', event.target.innerText);
|
e.preventDefault(); //阻止默认行为
|
}
|
document.addEventListener('copy', save);//添加一个copy事件
|
document.execCommand("copy");//执行copy方法
|
this.$message({ message: '复制成功', type: 'success' })//提示
|
},
|
|
//格式化列表
|
formatData(row, column) {
|
let data = row[column.property];
|
if (data == null) {
|
return data;
|
}
|
return this.format(data);
|
},
|
//格式化时间
|
format(shijianchuo) {
|
//shijianchuo是整数，否则要parseInt转换
|
var time = new Date(shijianchuo);
|
var y = time.getFullYear();
|
var m = time.getMonth() + 1;
|
var d = time.getDate();
|
var h = time.getHours();
|
var mm = time.getMinutes();
|
var s = time.getSeconds();
|
return (
|
y +
|
'-' +
|
this.add0(m) +
|
'-' +
|
this.add0(d) +
|
' ' +
|
h +
|
':' +
|
mm +
|
':' +
|
s
|
);
|
},
|
//格式化时间
|
add0(m) {
|
return m < 10 ? '0' + m : m;
|
},
|
setResType(row, column) {
|
switch (row.type) {
|
case 0:
|
return "URL"
|
break;
|
case 1:
|
return "TMS"
|
break;
|
case 2:
|
return "WMTS"
|
break;
|
case 3:
|
return "WMS"
|
break;
|
case 4:
|
return "WFS"
|
break;
|
case 5:
|
return "Tileset"
|
break;
|
default:
|
return ""
|
break;
|
}
|
},
|
setResData(row, column) {
|
switch (row.data) {
|
case 0:
|
return "URL"
|
break;
|
case 1:
|
return "DOM"
|
break;
|
case 2:
|
return "DEM"
|
break;
|
default:
|
return ""
|
break;
|
}
|
},
|
setResCategory(row, column) {
|
switch (row.category) {
|
case 0:
|
return "其他"
|
break;
|
case 1:
|
return "GisServer"
|
break;
|
case 2:
|
return "GeoServer"
|
break;
|
case 3:
|
return "数简"
|
break;
|
default:
|
return ""
|
break;
|
}
|
},
|
setResStatus(row, column) {
|
|
switch (row.status) {
|
case 0:
|
return "禁用"
|
break;
|
case 1:
|
return "启用原始地址"
|
break;
|
case 2:
|
return "启用代理地址"
|
break;
|
default:
|
return ""
|
break;
|
}
|
},
|
async getResTableData() {
|
this.listData.name = this.formInline.name
|
const data = await select_Res_ByPageAndCount(this.listData);
|
if (data.code != 200) {
|
return this.$message({
|
message: "资源列表获取失败",
|
type: "warning",
|
});
|
}
|
|
this.tableData = data.result;
|
this.listData.count = data.count;
|
},
|
setListDataStart() {
|
this.listData = {
|
pageIndex: 1,
|
pageSize: 10,
|
count: 0
|
}
|
this.tableData = []
|
this.getResTableData();
|
},
|
handleSelectionChange(val) {
|
this.multipleSelection = val;
|
},
|
handleSizeChange(val) {
|
this.listData.pageSize = val;
|
this.getResTableData();
|
},
|
handleCurrentChange(val) {
|
this.listData.pageIndex = val;
|
this.getResTableData();
|
},
|
onResize() {
|
this.timer && clearTimeout(this.timer);
|
this.timer = setTimeout(() => {
|
this.calHeight();
|
}, 500);
|
},
|
//高度设置
|
calHeight() {
|
this.$nextTick(() => {
|
const rect = this.$refs.container.getBoundingClientRect();
|
this.tableHeight = `${rect.height + 97}px`;
|
this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)`;
|
});
|
},
|
//获取权限
|
getPerms() {
|
var val = this.$store.state.currentPerms;
|
var permsEntity = this.$store.state.permsEntity;
|
|
if (!permsEntity || !permsEntity.length) {
|
getPerms().then((res) => {
|
if (res.code == 200) {
|
permsEntity = res.result;
|
}
|
});
|
}
|
for (var i = 0; i < permsEntity.length; i++) {
|
if (val === permsEntity[i].perms) {
|
this.showPermsMenu(permsEntity[i]);
|
}
|
}
|
|
},
|
showPermsMenu(res) {
|
switch (res.tag) {
|
case "/delete":
|
this.menuStatus.delete = true;
|
break;
|
case "/insert":
|
this.menuStatus.insert = true;
|
break;
|
case "/update":
|
this.menuStatus.update = true;
|
break;
|
}
|
},
|
},
|
mounted() {
|
window.addEventListener("resize", this.onResize);
|
this.calHeight();
|
this.getPerms();
|
this.setListDataStart();
|
this.optionsStart();
|
|
},
|
};
|
</script>
|
|
<style lang="less" scoped>
|
.subpage_Box {
|
//height: 96%;
|
width: 98%;
|
padding: 1%;
|
border-radius: 10px;
|
}
|
|
.mainBox {
|
padding-top: 10px;
|
width: 100%;
|
height: calc(100% - 75px);
|
|
.content_box {
|
width: 100%;
|
// border-bottom: 2px solid #e4e7ed;
|
margin-bottom: 10px;
|
.el-form-item {
|
margin: 5px;
|
}
|
}
|
}
|
/deep/ .el-input__suffix {
|
top: 50%;
|
transform: translateY(-50%);
|
}
|
.insertWidth {
|
width: calc(100% - 200px);
|
}
|
</style>
|
<style >
|
.el-message-box {
|
background: #303030 !important;
|
}
|
.el-message-box p {
|
color: #fff !important;
|
}
|
</style>
|
