502 lines
18 KiB
Vue
502 lines
18 KiB
Vue
<template>
|
|
<div v-loading="loading" class="joylink-card map-list-main">
|
|
<div class="clearfix">
|
|
<span>iscs系统列表</span>
|
|
</div>
|
|
<div class="text_item">
|
|
<el-input v-model="filterText" :placeholder="this.$t('global.filteringKeywords')" clearable />
|
|
<div class="tree_box">
|
|
<el-tree ref="tree" :data="treeList" node-key="id" :props="defaultProps" highlight-current :span="22" :filter-node-method="filterNode" @node-click="clickEvent" @node-contextmenu="showContextMenu">
|
|
<span slot-scope="{ node:tnode, data }">
|
|
<span class="el-icon-tickets" :style="{color: data.valid ? 'green':''}" />
|
|
<span> {{ tnode.label }}</span>
|
|
</span>
|
|
</el-tree>
|
|
</div>
|
|
<div class="buttonList">
|
|
<el-button size="small" type="primary" class="eachButton" @click="createMap">{{ $t('map.newConstruction') }}</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { DeviceMenu } from '@/scripts/ConstDic';
|
|
import { removeSessionStorage } from '@/utils/auth';
|
|
|
|
export default {
|
|
name: 'UserMapList',
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
defaultShowKeys: [],
|
|
filterText: '',
|
|
treeList: [],
|
|
selected: {},
|
|
defaultProps: {
|
|
children: 'children',
|
|
label: 'name'
|
|
},
|
|
point: {
|
|
x: 0,
|
|
y: 0
|
|
},
|
|
editModel: {},
|
|
lineCode: ''
|
|
};
|
|
},
|
|
computed: {
|
|
// role() {
|
|
// return this.$store.state.user.roles.includes('04') ||
|
|
// this.$store.state.user.roles.includes('05') ||
|
|
// this.$store.state.user.roles.includes('01');
|
|
// }
|
|
},
|
|
watch: {
|
|
filterText(val) {
|
|
this.$refs.tree.filter(val);
|
|
}
|
|
},
|
|
beforeDestroy () {
|
|
removeSessionStorage('demonList');
|
|
},
|
|
mounted() {
|
|
this.loadInitData();
|
|
},
|
|
methods: {
|
|
filterNode(value, data) {
|
|
if (!value) return true;
|
|
return data.name.indexOf(value) !== -1;
|
|
},
|
|
createMap() {
|
|
this.$emit('createMap');
|
|
},
|
|
async loadInitData() {
|
|
this.treeList = [];
|
|
this.treeList = [
|
|
{
|
|
name: 'FAS界面',
|
|
mode: 'fas',
|
|
id: 'fas',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '站厅报警',
|
|
mode: 'fas',
|
|
id: 'stationHall',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '站厅报警',
|
|
mode: 'fas',
|
|
id: 'stationHall',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '站台报警',
|
|
mode: 'fas',
|
|
id: 'stand',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '站台报警',
|
|
mode: 'fas',
|
|
id: 'stand',
|
|
type: 'interface'
|
|
},
|
|
{
|
|
name: '公共区域',
|
|
mode: 'fas',
|
|
id: 'standPublicArea',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '系统状态',
|
|
mode: 'fas',
|
|
id: 'systemState',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '系统状态',
|
|
mode: 'fas',
|
|
id: 'systemState',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'BAS界面',
|
|
mode: 'bas',
|
|
id: 'bas',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '大系统',
|
|
mode: 'bas',
|
|
id: 'bigSystem',
|
|
type: 'system',
|
|
children:[
|
|
{
|
|
name: '大系统',
|
|
mode: 'bas',
|
|
id: 'bigSystem',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '小系统',
|
|
mode: 'bas',
|
|
id: 'smallSystem',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '小系统A端(一)',
|
|
mode: 'bas',
|
|
id: 'aSideOne',
|
|
type: 'interface'
|
|
},
|
|
{
|
|
name: '小系统A端(二)',
|
|
mode: 'bas',
|
|
id: 'aSideTwo',
|
|
type: 'interface'
|
|
},
|
|
{
|
|
name: '小系统B端',
|
|
mode: 'bas',
|
|
id: 'bSide',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '水系统',
|
|
mode: 'bas',
|
|
id: 'waterSystem',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '水系统',
|
|
mode: 'bas',
|
|
id: 'waterSystem',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '照明',
|
|
mode: 'bas',
|
|
id: 'lightingSystem',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '照明系统',
|
|
mode: 'bas',
|
|
id: 'lightingSystem',
|
|
type: 'interface'
|
|
},
|
|
{
|
|
name: 'EPS系统',
|
|
mode: 'bas',
|
|
id: 'epsSystem',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '电扶梯',
|
|
mode: 'bas',
|
|
id: 'electricEscalator',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '电扶梯',
|
|
mode: 'bas',
|
|
id: 'electricEscalator',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '机电排水',
|
|
mode: 'bas',
|
|
id: 'waterSupply',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '机电排水',
|
|
mode: 'bas',
|
|
id: 'waterSupply',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '隧道通风',
|
|
mode: 'bas',
|
|
id: 'tunnelVentilation',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '隧道通风',
|
|
mode: 'bas',
|
|
id: 'tunnelVentilation',
|
|
type: 'interface'
|
|
},
|
|
{
|
|
name: '射流风机图',
|
|
mode: 'bas',
|
|
id: 'jetFan',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '车站网络',
|
|
mode: 'bas',
|
|
id: 'stationNet',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '车站网络',
|
|
mode:'bas',
|
|
id: 'stationNet',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'PSD界面',
|
|
mode: 'psd',
|
|
id: 'psd',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '屏蔽门',
|
|
mode: 'psd',
|
|
id: 'psd',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '屏蔽门',
|
|
mode: 'psd',
|
|
id: 'psd',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'cctv界面',
|
|
mode: 'cctv',
|
|
id: 'cctv',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '车站控制',
|
|
mode: 'cctv',
|
|
id: 'cctv',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '站厅',
|
|
mode: 'cctv',
|
|
id: 'stationHall',
|
|
type: 'interface'
|
|
},
|
|
{
|
|
name: '站台',
|
|
mode: 'cctv',
|
|
id: 'stand',
|
|
type: 'interface'
|
|
},
|
|
{
|
|
name: '云台',
|
|
mode: 'cctv',
|
|
id: 'holder',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '中心设备状态',
|
|
mode: 'cctv',
|
|
id: 'centralDeviceState',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '中心设备状态',
|
|
mode: 'cctv',
|
|
id: 'centralDeviceState',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'AFC界面',
|
|
mode: 'afc',
|
|
id: 'afc',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '售检票',
|
|
mode: 'afc',
|
|
id: 'afc',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '售检票',
|
|
mode: 'afc',
|
|
id: 'afc',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'ACS界面',
|
|
mode: 'acs',
|
|
id: 'acs',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '门禁-站台层',
|
|
mode: 'acs',
|
|
id: 'stand',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '门禁-站台层',
|
|
mode: 'acs',
|
|
id: 'stand',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '门禁-站厅层',
|
|
mode: 'acs',
|
|
id: 'stationHall',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '门禁-站厅层',
|
|
mode: 'acs',
|
|
id: 'stationHall',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '网络状态',
|
|
mode: 'netState',
|
|
id: 'netState',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '网络状态',
|
|
mode: 'netState',
|
|
id: 'netState',
|
|
type: 'system',
|
|
children: [
|
|
{
|
|
name: '网络状态',
|
|
mode: 'netState',
|
|
id: 'netState',
|
|
type: 'interface'
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
];
|
|
},
|
|
clickEvent(obj, data, ele) {
|
|
switch (obj.type) {
|
|
case 'system' :
|
|
break;
|
|
case 'interface':
|
|
this.$router.push({ path: `/iscs/design/edit`, query: {mode: obj.mode, system: data.parent.data.id, part: obj.id} });
|
|
break;
|
|
}
|
|
},
|
|
showContextMenu(e, obj, node, vueElem) {
|
|
if (obj && obj.type == 'map') {
|
|
e.preventDefault();
|
|
const menu = DeviceMenu.Map;
|
|
|
|
this.point = {
|
|
x: e.clientX,
|
|
y: e.clientY
|
|
};
|
|
this.editModel = obj;
|
|
this.editModel.lineCode = obj.lineCode;
|
|
this.$store.dispatch('menuOperation/setPopMenu', { position: this.point, menu: menu });
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.clearfix{
|
|
padding: 0 20px;
|
|
border-bottom: 1px solid #EBEEF5;
|
|
box-sizing: border-box;
|
|
height: 47px;
|
|
line-height: 47px;
|
|
position: absolute;
|
|
width:100%;
|
|
}
|
|
.text_item{
|
|
height: 100%;
|
|
padding-top: 47px;
|
|
.tree_box{
|
|
height: calc(100% - 89px);
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
.buttonList{
|
|
padding: 8px 0px 8px 0px;
|
|
border-top: 1px #ccc solid;
|
|
}
|
|
.eachButton{
|
|
margin-left:10px;
|
|
}
|
|
.uploadDemo {
|
|
position: relative;
|
|
overflow: hidden;
|
|
// float: right;
|
|
padding: 9px 15px;
|
|
margin-right: 3px;
|
|
cursor: pointer;
|
|
input {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
.map-list-main{
|
|
text-align:left;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
</style>
|