演示版本

This commit is contained in:
a0049873 2022-11-03 14:46:20 +08:00
parent d21697d3aa
commit 63267ed67e
2 changed files with 136 additions and 136 deletions

View File

@ -1,8 +1,8 @@
/* /*
* @Author: hisense.wuhongjian * @Author: hisense.wuhongjian
* @Date: 2022-08-25 14:37:49 * @Date: 2022-08-25 14:37:49
* @LastEditors: hisense.wuhongjian * @LastEditors: Light
* @LastEditTime: 2022-11-01 15:37:21 * @LastEditTime: 2022-11-03 14:33:57
* @Description: 告诉大家这是什么 * @Description: 告诉大家这是什么
*/ */
var _global = {} var _global = {}
@ -43,8 +43,8 @@ var CONFIGITEM = {
}, },
dev: { dev: {
previewUrl: 'http://localhost:8080/', previewUrl: 'http://localhost:8080/',
apiURL: 'http://192.168.124.236:8888/ucs-admin', apiURL: 'http://192.168.124.233:8888/ucs-admin',
websocketURL: 'ws://192.168.243.236:8888/ucs-admin/websocket' websocketURL: 'ws://192.168.124.236:8888/ucs-admin/websocket'
} }
} }
} }

View File

@ -2,13 +2,13 @@
* @Author: Light * @Author: Light
* @Date: 2022-10-31 09:24:38 * @Date: 2022-10-31 09:24:38
* @LastEditors: Light * @LastEditors: Light
* @LastEditTime: 2022-11-02 15:12:38 * @LastEditTime: 2022-11-03 14:46:01
* @Description: 能力溯源分析 * @Description: 能力溯源分析
--> -->
<template> <template>
<div class="capabilityTraceability"> <div class="capabilityTraceability">
<div class="header"> <div class="header">
<div class="name">能力溯源统计分析</div> <div class="name">能力溯源分析</div>
<div class="tab"> <div class="tab">
<div v-for="tab in tabList" :key="tab" :class="selectTab==tab?'select':''" @click="changeTab(tab)">{{tab}}</div> <div v-for="tab in tabList" :key="tab" :class="selectTab==tab?'select':''" @click="changeTab(tab)">{{tab}}</div>
</div> </div>
@ -39,7 +39,7 @@
</div> </div>
</div> </div>
<div class="two" style="position: relative;"> <div class="two" style="position: relative;">
<div class="top"><i></i>按不同部门维度统计</div> <div class="top"><i></i>数字资源能力一本账按不同部门纬度统计</div>
<div class='all' style="position: absolute;top: 0;right: 55px;font-weight: 600;cursor: pointer;">查看全部</div> <div class='all' style="position: absolute;top: 0;right: 55px;font-weight: 600;cursor: pointer;">查看全部</div>
<div class="main"> <div class="main">
<el-table <el-table
@ -84,7 +84,7 @@
</div> </div>
</div> </div>
<div class="three"> <div class="three">
<div class="top"><i></i>按不同职能维度统计</div> <div class="top"><i></i>数字资源能力一本账按不同职能维度统计</div>
<div class="main"> <div class="main">
<div class="nav"> <div class="nav">
<div :class="selectDistribution==nav?'select':''" v-for='nav in distributionNav' :key="nav" @click="selectDistribution=nav">{{nav}}</div> <div :class="selectDistribution==nav?'select':''" v-for='nav in distributionNav' :key="nav" @click="selectDistribution=nav">{{nav}}</div>
@ -111,7 +111,7 @@
</div> </div>
</div> </div>
<div class="two" style="position: relative;"> <div class="two" style="position: relative;">
<div class="top"><i></i>按不同部门维度统计</div> <div class="top"><i></i>数字资源能力一本账按不同地市纬度统计</div>
<div class='all' style="position: absolute;top: 0;right: 55px;font-weight: 600;cursor: pointer;">查看全部</div> <div class='all' style="position: absolute;top: 0;right: 55px;font-weight: 600;cursor: pointer;">查看全部</div>
<div class="main"> <div class="main">
<el-table <el-table
@ -156,7 +156,7 @@
</div> </div>
</div> </div>
<div class="three"> <div class="three">
<div class="top"><i></i>按不同部门维度统计</div> <div class="top"><i></i>数字资源能力一本账按不同地市纬度统计</div>
<div class="main"> <div class="main">
<div class="nav"> <div class="nav">
<div :class="selectDistribution2==nav?'select':''" v-for='nav in distributionNav2' :key="nav" @click="selectDistribution2=nav">{{nav}}</div> <div :class="selectDistribution2==nav?'select':''" v-for='nav in distributionNav2' :key="nav" @click="selectDistribution2=nav">{{nav}}</div>
@ -365,151 +365,151 @@ export default {
allSituationDept: [{ name: '注册项目', num: '100个' }, { name: '注册系统', num: '100个' }, { name: '视频资源', num: '100万路' }, { name: 'GIS图层', num: '100项' }, { name: '云网资源', num: '100个' }, { name: '组件资源', num: '100项' }], allSituationDept: [{ name: '注册项目', num: '100个' }, { name: '注册系统', num: '100个' }, { name: '视频资源', num: '100万路' }, { name: 'GIS图层', num: '100项' }, { name: '云网资源', num: '100个' }, { name: '组件资源', num: '100项' }],
allSituationDept2: [{ name: '注册地市', num: '100个' }, { name: '注册项目', num: '100个' }, { name: '注册系统', num: '100个' }, { name: '视频资源', num: '100万路' }, { name: 'GIS图层', num: '100项' }, { name: '云网资源', num: '100个' }, { name: '组件资源', num: '100项' }], allSituationDept2: [{ name: '注册地市', num: '100个' }, { name: '注册项目', num: '100个' }, { name: '注册系统', num: '100个' }, { name: '视频资源', num: '100万路' }, { name: 'GIS图层', num: '100项' }, { name: '云网资源', num: '100个' }, { name: '组件资源', num: '100项' }],
tableData1: [{ tableData1: [{
deptName: '交通运输厅', deptName: '山东省信访局',
project: '1005', project: '2',
system: '1005', system: '5',
video: '1005', video: '5',
layer: '1005', layer: '7',
cloudResources: '1005', cloudResources: '3',
assembly: '1005' assembly: '5'
}, { }, {
deptName: '财政厅', deptName: '山东省商务厅',
project: '1005', project: '5',
system: '1005', system: '8',
video: '1005', video: '7',
layer: '1005', layer: '9',
cloudResources: '1005', cloudResources: '1',
assembly: '1005' assembly: '4'
}, { }, {
deptName: '应急厅', deptName: '山东省审计厅',
project: '1005', project: '1',
system: '1005', system: '4',
video: '1005', video: '7',
layer: '1005', layer: '6',
cloudResources: '1005', cloudResources: '3',
assembly: '1005' assembly: '8'
}, { }, {
deptName: '大数据局', deptName: '山东省公安厅',
project: '1005', project: '1',
system: '1005', system: '4',
video: '1005', video: '6',
layer: '1005', layer: '7',
cloudResources: '1005', cloudResources: '5',
assembly: '1005' assembly: '4'
}, { }, {
deptName: '民政局', deptName: '山东省水利厅',
project: '1005', project: '5',
system: '1005', system: '4',
video: '1005', video: '6',
layer: '1005', layer: '1',
cloudResources: '1005', cloudResources: '7',
assembly: '1005' assembly: '5'
}, { }, {
deptName: '公安厅', deptName: '山东省民政厅',
project: '1005', project: '3',
system: '1005', system: '8',
video: '1005', video: '9',
layer: '1005', layer: '6',
cloudResources: '1005', cloudResources: '3',
assembly: '1005' assembly: '1'
}, { }, {
deptName: '教育厅', deptName: '山东省自然资源厅',
project: '1005', project: '6',
system: '1005', system: '8',
video: '1005', video: '3',
layer: '1005', layer: '5',
cloudResources: '1005', cloudResources: '1',
assembly: '1005' assembly: '5'
}, { }, {
deptName: '审计厅', deptName: '山东省司法厅',
project: '1005', project: '1',
system: '1005', system: '6',
video: '1005', video: '7',
layer: '1005', layer: '4',
cloudResources: '1005', cloudResources: '5',
assembly: '1005' assembly: '2'
}, { }, {
deptName: '海洋局', deptName: '山东省农业农村厅',
project: '1005', project: '6',
system: '1005', system: '8',
video: '1005', video: '4',
layer: '1005', layer: '1',
cloudResources: '1005', cloudResources: '4',
assembly: '1005' assembly: '6'
} }
], ],
tableData2: [{ tableData2: [{
deptName: '交通运输厅', deptName: '青岛',
project: '1005', project: '7',
system: '1005', system: '5',
video: '1005', video: '3',
layer: '1005', layer: '2',
cloudResources: '1005', cloudResources: '1',
assembly: '1005' assembly: '6'
}, { }, {
deptName: '交通运输厅', deptName: '济南',
project: '1005', project: '5',
system: '1005', system: '6',
video: '1005', video: '7',
layer: '1005', layer: '4',
cloudResources: '1005', cloudResources: '1',
assembly: '1005' assembly: '4'
}, { }, {
deptName: '交通运输厅', deptName: '淄博',
project: '1005', project: '1',
system: '1005', system: '5',
video: '1005', video: '5',
layer: '1005', layer: '6',
cloudResources: '1005', cloudResources: '7',
assembly: '1005' assembly: '2'
}, { }, {
deptName: '交通运输厅', deptName: '枣庄',
project: '1005', project: '6',
system: '1005', system: '8',
video: '1005', video: '4',
layer: '1005', layer: '1',
cloudResources: '1005', cloudResources: '6',
assembly: '1005' assembly: '4'
}, { }, {
deptName: '交通运输厅', deptName: '东营',
project: '1005', project: '5',
system: '1005', system: '4',
video: '1005', video: '6',
layer: '1005', layer: '1',
cloudResources: '1005', cloudResources: '6',
assembly: '1005' assembly: '7'
}, { }, {
deptName: '交通运输厅', deptName: '烟台',
project: '1005', project: '3',
system: '1005', system: '4',
video: '1005', video: '5',
layer: '1005', layer: '7',
cloudResources: '1005', cloudResources: '1',
assembly: '1005' assembly: '6'
}, { }, {
deptName: '交通运输厅', deptName: '潍坊',
project: '1005', project: '1',
system: '1005', system: '5',
video: '1005', video: '7',
layer: '1005', layer: '3',
cloudResources: '1005', cloudResources: '8',
assembly: '1005' assembly: '4'
}, { }, {
deptName: '交通运输厅', deptName: '临沂',
project: '1005', project: '1',
system: '1005', system: '6',
video: '1005', video: '5',
layer: '1005', layer: '8',
cloudResources: '1005', cloudResources: '4',
assembly: '1005' assembly: '3'
}, { }, {
deptName: '交通运输厅', deptName: '德州',
project: '1005', project: '1',
system: '1005', system: '5',
video: '1005', video: '6',
layer: '1005', layer: '4',
cloudResources: '1005', cloudResources: '3',
assembly: '1005' assembly: '2'
} }
], ],
distributionNav: ['注册项目', '注册系统', '视频资源', 'GIS图层', '云网资源', '组件资源'], distributionNav: ['注册项目', '注册系统', '视频资源', 'GIS图层', '云网资源', '组件资源'],