|
@@ -6,8 +6,11 @@
|
|
|
<img class='img-logo' src='@/assets/imgs/logo_tu.png' alt />
|
|
|
<span style='color:#1F2329'>万达管理说明书</span>
|
|
|
<span class='circular'></span>
|
|
|
- <span style='color:#1F2329'>图例库管理</span>
|
|
|
- <i class='el-icon-caret-bottom'></i>
|
|
|
+ <!-- <span style='color:#1F2329'>图例库管理</span>
|
|
|
+ <i class='el-icon-caret-bottom'></i>-->
|
|
|
+ <Dropdown v-model='selVal' :data='dataSelect'>
|
|
|
+ <span style=' font-size: 14px;color: #1f2329 ;'>{{selText}}</span>
|
|
|
+ </Dropdown>
|
|
|
</div>
|
|
|
<div class='legend-library-top'>
|
|
|
图例库管理
|
|
@@ -48,7 +51,7 @@
|
|
|
width='280'
|
|
|
style='margin:0 12px'
|
|
|
:isShowAllChoice='true'
|
|
|
- :returnParentNode='false'
|
|
|
+ :returnParentNode='true'
|
|
|
:choseArea='true'
|
|
|
:data='deviceList'
|
|
|
:hideClear='true'
|
|
@@ -94,7 +97,7 @@
|
|
|
></Select>
|
|
|
<el-input size='small' @change='getTableList' prefix-icon='el-icon-search' v-model='keyword' style='width:192px;margin-right:12px;'></el-input>
|
|
|
</div>
|
|
|
- <el-table :data='tableData' :border='true' style='width: 100%'>
|
|
|
+ <el-table :data='tableData' :key='key' :border='true' style='width: 100%'>
|
|
|
<el-table-column prop='Name' label='图例名称'>
|
|
|
<template slot-scope='{row}'>{{row.Name || '--'}}</template>
|
|
|
</el-table-column>
|
|
@@ -108,18 +111,26 @@
|
|
|
<template slot-scope='{row}'>{{row.Unit || '--'}}</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop='position' label='对应广场说明书的位置'>
|
|
|
- <template slot-scope='{row}'>{{row.position || '--'}}</template>
|
|
|
+ <template slot-scope='{row}'>
|
|
|
+ <span v-for='item in row.GraphCategorys ' :key='item.Name'>{{item.Name}}</span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label='对应工程信息化' align='center'>
|
|
|
- <el-table-column prop='type' label='位置/设备分类' width='240'>
|
|
|
- <template slot-scope='{row}'>{{row.InfoLocal || '--'}}</template>
|
|
|
+ <el-table-column prop='type' label='位置/设备分类' width='240' :show-overflow-tooltip='true'>
|
|
|
+ <template slot-scope='{row}'>
|
|
|
+ <span v-for='item in row.InfoLocal ' :key='item.name'>{{item.name}}</span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='system' label='专业'>
|
|
|
- <template slot-scope='{row}'>{{row.InfoSystem || '--'}}</template>
|
|
|
+ <el-table-column prop='system' label='专业' :show-overflow-tooltip='true'>
|
|
|
+ <template slot-scope='{row}'>
|
|
|
+ <span v-for='(item,index) in row.InfoSystems ' :key='index'>{{item.Name}}</span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop='typeId' resizable label='铺位可视化typeid' width='140'>
|
|
|
- <template slot-scope='{row}'>{{row.InfoSystem || '--'}}</template>
|
|
|
+ <el-table-column prop='typeId' resizable label='铺位可视化typeid' width='140' :show-overflow-tooltip='true'>
|
|
|
+ <template slot-scope='{row}'>
|
|
|
+ <span v-for='(item,index) in row.InfoTypes ' :key='index'>{{item.Name}}</span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label='操作' width='100' v-if='state==1'>
|
|
|
<template slot-scope='scope' v-if='state==1'>
|
|
@@ -164,6 +175,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
tableData: [],
|
|
|
+ key: 1,
|
|
|
dataSelect2: [
|
|
|
{ id: 'test1', name: '选择项' },
|
|
|
{ id: 'test2', name: '单平米' },
|
|
@@ -175,6 +187,13 @@ export default {
|
|
|
{ id: '0', name: '已作废' }
|
|
|
],
|
|
|
Type: 'all', //所属分类
|
|
|
+ selText: '图例库管理',
|
|
|
+ selVal: '0',
|
|
|
+ dataSelect: [
|
|
|
+ { id: '0', name: '图例库管理' },
|
|
|
+ { id: '1', name: '图例绘制规则' }
|
|
|
+ ],
|
|
|
+
|
|
|
typeOptions: [
|
|
|
{
|
|
|
id: 'all',
|
|
@@ -217,6 +236,19 @@ export default {
|
|
|
InfoTypeIds: undefined //铺位可视化typeid
|
|
|
}
|
|
|
},
|
|
|
+ watch: {
|
|
|
+ selVal(n, o) {
|
|
|
+ if (n === o) return
|
|
|
+ this.selText = this.dataSelect.find(d => d.id === n).name
|
|
|
+ console.log(n, o)
|
|
|
+ if (n == 0) {
|
|
|
+ this.$router.push({ path: 'legendLibrary' })
|
|
|
+ }
|
|
|
+ if (n == 1) {
|
|
|
+ this.$router.push({ path: 'legendRules' })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
//业下设备分类和位置分类树形结构
|
|
|
initQueryDeviceAndPOsition() {
|
|
@@ -330,6 +362,7 @@ export default {
|
|
|
Type: this.Type == 'all' ? undefined : this.Type
|
|
|
}
|
|
|
graphElementSearch({ postParams }).then(res => {
|
|
|
+ this.key++
|
|
|
this.tableData = res.Content
|
|
|
this.total = res.Total
|
|
|
})
|
|
@@ -353,20 +386,16 @@ export default {
|
|
|
// },
|
|
|
//位置/设备
|
|
|
treeConfirmDevice(id, info) {
|
|
|
- // console.log(id, info)
|
|
|
- // var a = []
|
|
|
- // var d = []
|
|
|
- // for (let i = 0; i < info.length; i++) {
|
|
|
- // let type = info[i]
|
|
|
- // if (type.name.includes('/')) {
|
|
|
- // a.push(type)
|
|
|
- // } else {
|
|
|
- // d.push(type)
|
|
|
- // }
|
|
|
- // }
|
|
|
- // console.log('a:', a, 'd:', d)
|
|
|
-
|
|
|
- this.InfoLocals = id
|
|
|
+ this.InfoSystems = []
|
|
|
+ this.InfoLocals = []
|
|
|
+ for (let i = 0; i < info.length; i++) {
|
|
|
+ let type = info[i]
|
|
|
+ if (type.name.includes('/')) {
|
|
|
+ this.InfoLocals.push(type.id)
|
|
|
+ } else {
|
|
|
+ this.InfoSystems.push(type.id)
|
|
|
+ }
|
|
|
+ }
|
|
|
this.getTableList()
|
|
|
},
|
|
|
//说明书位置
|
|
@@ -413,6 +442,9 @@ export default {
|
|
|
margin: 0 8px 3px 8px;
|
|
|
}
|
|
|
}
|
|
|
+ /deep/ .p-drop .p-drop-title .p-drop-triangle {
|
|
|
+ margin-top: -5px;
|
|
|
+ }
|
|
|
.legend-library-top {
|
|
|
height: 48px;
|
|
|
background: rgba(247, 249, 250, 1);
|