修改台账管理录入电压等级变化容量值变化

This commit is contained in:
GGJ
2025-03-26 19:28:18 +08:00
parent 716e62dd48
commit 4da8024b8c
10 changed files with 1839 additions and 223 deletions

View File

@@ -54,6 +54,66 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe638;</span>
<div class="name">首页-待评价</div>
<div class="code-name">&amp;#xe638;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeddc;</span>
<div class="name">终端统计-线</div>
<div class="code-name">&amp;#xeddc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe619;</span>
<div class="name">异常详情-线</div>
<div class="code-name">&amp;#xe619;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63b;</span>
<div class="name">年度</div>
<div class="code-name">&amp;#xe63b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63c;</span>
<div class="name">月报</div>
<div class="code-name">&amp;#xe63c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c8;</span>
<div class="name">运行详情</div>
<div class="code-name">&amp;#xe8c8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe607;</span>
<div class="name">月报</div>
<div class="code-name">&amp;#xe607;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe603;</span>
<div class="name">运行评价分布</div>
<div class="code-name">&amp;#xe603;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb41;</span>
<div class="name">趋势 (1)</div>
<div class="code-name">&amp;#xeb41;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe680;</span>
<div class="name">总发电量</div>
<div class="code-name">&amp;#xe680;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fb;</span>
<div class="name">异常</div>
@@ -144,9 +204,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1742784434631') format('woff2'),
url('iconfont.woff?t=1742784434631') format('woff'),
url('iconfont.ttf?t=1742784434631') format('truetype');
src: url('iconfont.woff2?t=1742987095628') format('woff2'),
url('iconfont.woff?t=1742987095628') format('woff'),
url('iconfont.ttf?t=1742987095628') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -172,6 +232,96 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-daipingjia"></span>
<div class="name">
首页-待评价
</div>
<div class="code-name">.icon-daipingjia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhongduantongji-xian"></span>
<div class="name">
终端统计-线
</div>
<div class="code-name">.icon-zhongduantongji-xian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yichangxiangqing-xian"></span>
<div class="name">
异常详情-线
</div>
<div class="code-name">.icon-yichangxiangqing-xian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-niandu"></span>
<div class="name">
年度
</div>
<div class="code-name">.icon-niandu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yuebao"></span>
<div class="name">
月报
</div>
<div class="code-name">.icon-yuebao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yunhangxiangqing"></span>
<div class="name">
运行详情
</div>
<div class="code-name">.icon-yunhangxiangqing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yuebao1"></span>
<div class="name">
月报
</div>
<div class="code-name">.icon-yuebao1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-a-ziyuan118"></span>
<div class="name">
运行评价分布
</div>
<div class="code-name">.icon-a-ziyuan118
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-a-qushi1"></span>
<div class="name">
趋势 (1)
</div>
<div class="code-name">.icon-a-qushi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zongfadianliang"></span>
<div class="name">
总发电量
</div>
<div class="code-name">.icon-zongfadianliang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yichang1"></span>
<div class="name">
@@ -307,6 +457,86 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daipingjia"></use>
</svg>
<div class="name">首页-待评价</div>
<div class="code-name">#icon-daipingjia</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongduantongji-xian"></use>
</svg>
<div class="name">终端统计-线</div>
<div class="code-name">#icon-zhongduantongji-xian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yichangxiangqing-xian"></use>
</svg>
<div class="name">异常详情-线</div>
<div class="code-name">#icon-yichangxiangqing-xian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-niandu"></use>
</svg>
<div class="name">年度</div>
<div class="code-name">#icon-niandu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yuebao"></use>
</svg>
<div class="name">月报</div>
<div class="code-name">#icon-yuebao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yunhangxiangqing"></use>
</svg>
<div class="name">运行详情</div>
<div class="code-name">#icon-yunhangxiangqing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yuebao1"></use>
</svg>
<div class="name">月报</div>
<div class="code-name">#icon-yuebao1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-ziyuan118"></use>
</svg>
<div class="name">运行评价分布</div>
<div class="code-name">#icon-a-ziyuan118</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-qushi1"></use>
</svg>
<div class="name">趋势 (1)</div>
<div class="code-name">#icon-a-qushi1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zongfadianliang"></use>
</svg>
<div class="name">总发电量</div>
<div class="code-name">#icon-zongfadianliang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yichang1"></use>

View File

@@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 3482754 */
src: url('iconfont.woff2?t=1742784434631') format('woff2'),
url('iconfont.woff?t=1742784434631') format('woff'),
url('iconfont.ttf?t=1742784434631') format('truetype');
src: url('iconfont.woff2?t=1742987095628') format('woff2'),
url('iconfont.woff?t=1742987095628') format('woff'),
url('iconfont.ttf?t=1742987095628') format('truetype');
}
.iconfont {
@@ -13,6 +13,46 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-daipingjia:before {
content: "\e638";
}
.icon-zhongduantongji-xian:before {
content: "\eddc";
}
.icon-yichangxiangqing-xian:before {
content: "\e619";
}
.icon-niandu:before {
content: "\e63b";
}
.icon-yuebao:before {
content: "\e63c";
}
.icon-yunhangxiangqing:before {
content: "\e8c8";
}
.icon-yuebao1:before {
content: "\e607";
}
.icon-a-ziyuan118:before {
content: "\e603";
}
.icon-a-qushi1:before {
content: "\eb41";
}
.icon-zongfadianliang:before {
content: "\e680";
}
.icon-yichang1:before {
content: "\e6fb";
}

File diff suppressed because one or more lines are too long

View File

@@ -5,6 +5,76 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "2545172",
"name": "首页-待评价",
"font_class": "daipingjia",
"unicode": "e638",
"unicode_decimal": 58936
},
{
"icon_id": "8244118",
"name": "终端统计-线",
"font_class": "zhongduantongji-xian",
"unicode": "eddc",
"unicode_decimal": 60892
},
{
"icon_id": "43450610",
"name": "异常详情-线",
"font_class": "yichangxiangqing-xian",
"unicode": "e619",
"unicode_decimal": 58905
},
{
"icon_id": "15704362",
"name": "年度",
"font_class": "niandu",
"unicode": "e63b",
"unicode_decimal": 58939
},
{
"icon_id": "15704365",
"name": "月报",
"font_class": "yuebao",
"unicode": "e63c",
"unicode_decimal": 58940
},
{
"icon_id": "16054024",
"name": "运行详情",
"font_class": "yunhangxiangqing",
"unicode": "e8c8",
"unicode_decimal": 59592
},
{
"icon_id": "24641922",
"name": "月报",
"font_class": "yuebao1",
"unicode": "e607",
"unicode_decimal": 58887
},
{
"icon_id": "33052007",
"name": "运行评价分布",
"font_class": "a-ziyuan118",
"unicode": "e603",
"unicode_decimal": 58883
},
{
"icon_id": "35584948",
"name": "趋势 (1)",
"font_class": "a-qushi1",
"unicode": "eb41",
"unicode_decimal": 60225
},
{
"icon_id": "41664191",
"name": "总发电量",
"font_class": "zongfadianliang",
"unicode": "e680",
"unicode_decimal": 59008
},
{
"icon_id": "3238029",
"name": "异常",

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -1163,7 +1163,7 @@
</el-form-item>
<el-form-item
class="form-item"
label="终端容量(MVA):"
label="设备容量(MW):"
:prop="
'deviceParam.' +
[deviceIndex] +
@@ -1173,17 +1173,17 @@
lIndex +
'.devCapacity'
"
:rules="{ required: false, message: '请输入终端容量', trigger: 'blur' }"
:rules="{ required: false, message: '请输入设备容量', trigger: 'blur' }"
>
<el-input
v-model="lineItem.devCapacity"
:disabled="pageStatus == 1"
placeholder="请输入终端容量(MVA)"
placeholder="请输入设备容量(MVA)"
></el-input>
</el-form-item>
<el-form-item
class="form-item"
label="协议容量(MVA):"
label="协议容量(MW):"
:prop="
'deviceParam.' +
[deviceIndex] +
@@ -1198,7 +1198,7 @@
<el-input
v-model="lineItem.dealCapacity"
:disabled="pageStatus == 1"
placeholder="请输入协议容量(MVA)"
placeholder="请输入协议容量(MW)"
></el-input>
</el-form-item>
<el-form-item
@@ -1789,7 +1789,7 @@ const monitorPointDetail: any = ref({
ct2: '',
/**所属部门 */
deptIndex: '',
/**终端容量 */
/**设备容量 */
devCapacity: '',
/**短路容量 */
shortCapacity: '',
@@ -2488,14 +2488,14 @@ const addLine = () => {
)
lineIndex.value =
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam.length - 1 + ''
setTimeout(() => {
const scrollBox: any = document.getElementById('scrollBox')
// 使用 scrollTo 方法,并启用平滑滚动
scrollBox.scrollTo({
top: scrollBox.scrollHeight, // 滚动到内容的最底部
behavior: 'smooth' // 启用平滑滚动动画
})
}, 500)
setTimeout(() => {
const scrollBox: any = document.getElementById('scrollBox')
// 使用 scrollTo 方法,并启用平滑滚动
scrollBox.scrollTo({
top: scrollBox.scrollHeight, // 滚动到内容的最底部
behavior: 'smooth' // 启用平滑滚动动画
})
}, 500)
}
const getNodeIndex = () => {
deviceIndex.value = '0'
@@ -2715,7 +2715,6 @@ const handleLineTabsEdit = (targetName: any, action: any) => {
addLine()
selectChanged(AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].scale)
}
/**删除 */
if (action === 'remove') {
@@ -2823,184 +2822,82 @@ const evaluate = (node: any) => {
}
const selectChanged = (value: any) => {
if (value === '3d68ceef26a579efe2fe0cdc654911b7') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 10
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 0.38 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 0.38 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 10
setTheDefaultValue(10, 0.38 * 1000, 0.38 * 100)
//750kv
} else if (value === '4cf2d844c47a15a1c16a65b4bbfd1b0e') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 7000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 750 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 750 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 7000
setTheDefaultValue(7000, 750 * 1000, 750 * 100)
//6kv
} else if (value === '37b81bf8aa0fd54098716da3fc0ee433') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 6 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 6 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 100
setTheDefaultValue(100, 6 * 1000, 6 * 100)
//10kv
} else if (value === 'e3da890104e3c4ae1f005021411a1fd7') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 10 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 10 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 100
setTheDefaultValue(100, 10 * 1000, 10 * 100)
//20kv
} else if (value === '87065e15765e5899114a6d6b9e4fb3cb') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 200
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 20 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 20 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 200
setTheDefaultValue(200, 20 * 1000, 20 * 100)
//35kv
} else if (value === '8529cfa11356a0666afd3f9fa4da09a4') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 250
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 35 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 35 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 250
setTheDefaultValue(250, 35 * 1000, 35 * 100)
//66kv
} else if (value === '9ce75596a3368da4adf3374b4fc3b619') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 500
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 66 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 66 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 500
setTheDefaultValue(500, 66 * 1000, 66 * 100)
//110kv
} else if (value === 'e96d74b79bd50ad0bc00a405246f1e1f') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 750
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 110 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 110 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 750
setTheDefaultValue(750, 110 * 1000, 110 * 100)
//220kv
} else if (value === '1b7b58ed8fcc2992b95334eaa9010c41') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 2000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 220 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 220 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 2000
setTheDefaultValue(2000, 220 * 1000, 220 * 100)
//330kv
} else if (value === 'c1b37350a67f5e229a1f96ace0ad04dc') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 3000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 330 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 330 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 3000
setTheDefaultValue(3000, 330 * 1000, 330 * 100)
//500kv
} else if (value === '1fa650685c77db1656c70f9db4a2edc6') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 4500
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 500 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 500 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 4500
setTheDefaultValue(4500, 500 * 1000, 500 * 100)
//1000kv
} else if (value === '674cf02fb3fcfd9f99fd786cfca090df') {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 9000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = 1000 * 1000
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = 1000 * 100
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 9000
setTheDefaultValue(9000, 1000 * 1000, 1000 * 100)
} else {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = 10
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = 10
setTheDefaultValue(10, 10, 10)
}
setvoltageDev(voltageLevelArr.filter(item => item.id == value)[0].value)
}
const setTheDefaultValue = (capacity: number, pt1: number, pt2: number) => {
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].standardCapacity = capacity
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].dealCapacity = capacity
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].devCapacity = capacity
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].shortCapacity = capacity
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt1 = pt1
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
lineIndex.value
].pt2 = pt2
}
const setvoltageDev = (value: any) => {
let voltageDev = 7
let uvoltageDev = -7

File diff suppressed because it is too large Load Diff

View File

@@ -1,5 +1,5 @@
<template>
<div class="default-main">
<div class="default-main" style="position: relative">
<TableHeader date-picker>
<template v-slot:select>
<el-form-item label="对象类型">
@@ -22,14 +22,59 @@
<template v-slot:operation></template>
</TableHeader>
<Map />
<div class="container" :style="height">
<div class="left">
<BorderBox11 :color="[color[1], color[0]]" class="box" backgroundColor="#007D7B24" title="终端统计"></BorderBox11>
<BorderBox11 :color="[color[1], color[0]]" class="box" backgroundColor="#007D7B24" title="终端运行评价"></BorderBox11>
<BorderBox11 :color="[color[1], color[0]]" class="box" backgroundColor="#007D7B24" title="最近一周终端评价趋势"></BorderBox11>
</div>
</div>
<div class="left" :style="height">
<BorderBox13 :color="[color[0], color[0]]" class="box" :backgroundColor="`${color[0]}24`" title="终端统计">
<div class="title">
<span class="iconfont icon-zhongduantongji-xian"></span>
终端统计
</div>
</BorderBox13>
<BorderBox13
:color="[color[0], color[0]]"
class="box"
:backgroundColor="`${color[0]}24`"
title="终端运行评价"
>
<div class="title"> <span class="iconfont icon-daipingjia"></span>终端运行评价</div>
</BorderBox13>
<BorderBox13
:color="[color[0], color[0]]"
class="box"
:backgroundColor="`${color[0]}24`"
title="最近一周终端评价趋势"
>
<div class="title"> <span class="iconfont icon-a-qushi1"></span>最近一周终端评价趋势</div>
</BorderBox13>
</div>
<div class="center" :style="height3">
<BorderBox13
:color="[color[0], color[0]]"
class="box"
:backgroundColor="`${color[0]}24`"
title="异常终端详情"
>
<div class="title"> <span class="iconfont icon-yichangxiangqing-xian"></span>异常终端详情</div>
</BorderBox13>
</div>
<div class="right" :style="height">
<BorderBox13
:color="[color[0], color[0]]"
class="box box-2"
:backgroundColor="`${color[0]}24`"
title="区域终端运行评价"
>
<div class="title"> <span class="iconfont icon-a-ziyuan118"></span>区域终端运行评价</div>
</BorderBox13>
<BorderBox13
:color="[color[0], color[0]]"
class="box"
:backgroundColor="`${color[0]}24`"
title="终端运行评价详情"
>
<div class="title"> <span class="iconfont icon-yunhangxiangqing"></span>终端运行评价详情</div>
</BorderBox13>
</div>
<!-- <div class="container pt10 pl10" :style="height">
<div class="left">
<el-card class="box">
@@ -83,12 +128,13 @@ import TableStore from '@/utils/tableStore'
import { useDictData } from '@/stores/dictData'
import { mainHeight } from '@/utils/layout'
import Map from './components/map.vue'
import { BorderBox11 } from '@dataview/datav-vue3'
import { BorderBox13 } from '@dataview/datav-vue3'
import { useConfig } from '@/stores/config'
const config = useConfig()
const config = useConfig()
const color = config.layout.elementUiPrimary
const dictData = useDictData()
const height = mainHeight(90)
const height = mainHeight(115)
const height3 = mainHeight(115, 3)
//字典获取监督对象类型
const supvObjTypeList = dictData.getBasicData('supv_obj_type')
const tableStore = new TableStore({
@@ -131,54 +177,84 @@ onMounted(() => {
})
</script>
<style lang="scss" scoped>
.container {
// .container {
// display: flex;
// position: absolute;
// top: 70px;
// left: 10px;
// width: 100%;
// z-index: 999;
// .left,
// .center,
// .right {
// display: flex;
// flex-direction: column;
// // background: linear-gradient(to right, #cce5e5, #ffffff00);
// }
// .center {
// flex: 1.5;
// }
// .box {
// width: 500px;
// height: 100%;
// }
// .box-2 {
// flex: 2; /* 占2份高度 */
// }
// }
.left,
.right {
display: flex;
position: absolute;
top: 70px;
left: 10px;
width: 500px;
top: 80px;
width: 25%;
z-index: 999;
.left,
.center,
.right {
display: flex;
flex-direction: column;
flex: 1; /* 平分宽度 */
// background: linear-gradient(to right, #cce5e5, #ffffff00);
}
.center {
flex: 1.5;
}
min-width: 480px;
flex-direction: column;
z-index: 99;
}
.left {
left: 15px;
}
.right {
right: 15px !important;
.box {
width: 100%;
height: 100%;
flex: 1; /* 占2份高度 */
}
.box-2 {
flex: 2; /* 占2份高度 */
}
}
:deep(.el-card) {
border-radius: 10px;
.el-card__header {
padding: 10px;
border-bottom: 1px solid #ebebeb;
display: flex;
align-items: center;
font-weight: 600;
width: 100%;
div {
width: 8px;
height: 8px;
border-radius: 4px;
margin-right: 10px;
background-color: var(--el-color-primary);
}
.box {
padding: 20px 10px 10px;
}
.center {
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
width: 48%;
min-width: 480px;
.box {
flex: 1; /* 占2份高度 */
padding: 20px 10px 10px;
}
}
.title {
// padding: 5px 5px 5px 10px;
background: linear-gradient(to right, var(--el-color-primary), #ffffff00);
font-size: 16px;
// font-weight: bold;
color: #fff;
display: flex;
align-items: center;
.iconfont {
font-size: 22px;
margin: 0 5px 0 10px;
}
}
// .container {
// width: 500px;
// height: 200px;
// }
</style>