修改台账管理录入电压等级变化容量值变化
This commit is contained in:
@@ -54,6 +54,66 @@
|
|||||||
<div class="content unicode" style="display: block;">
|
<div class="content unicode" style="display: block;">
|
||||||
<ul class="icon_lists dib-box">
|
<ul class="icon_lists dib-box">
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">首页-待评价</div>
|
||||||
|
<div class="code-name">&#xe638;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">终端统计-线</div>
|
||||||
|
<div class="code-name">&#xeddc;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">异常详情-线</div>
|
||||||
|
<div class="code-name">&#xe619;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">年度</div>
|
||||||
|
<div class="code-name">&#xe63b;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">月报</div>
|
||||||
|
<div class="code-name">&#xe63c;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">运行详情</div>
|
||||||
|
<div class="code-name">&#xe8c8;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">月报</div>
|
||||||
|
<div class="code-name">&#xe607;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">运行评价分布</div>
|
||||||
|
<div class="code-name">&#xe603;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">趋势 (1)</div>
|
||||||
|
<div class="code-name">&#xeb41;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">总发电量</div>
|
||||||
|
<div class="code-name">&#xe680;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">异常</div>
|
<div class="name">异常</div>
|
||||||
@@ -144,9 +204,9 @@
|
|||||||
<pre><code class="language-css"
|
<pre><code class="language-css"
|
||||||
>@font-face {
|
>@font-face {
|
||||||
font-family: 'iconfont';
|
font-family: 'iconfont';
|
||||||
src: url('iconfont.woff2?t=1742784434631') format('woff2'),
|
src: url('iconfont.woff2?t=1742987095628') format('woff2'),
|
||||||
url('iconfont.woff?t=1742784434631') format('woff'),
|
url('iconfont.woff?t=1742987095628') format('woff'),
|
||||||
url('iconfont.ttf?t=1742784434631') format('truetype');
|
url('iconfont.ttf?t=1742987095628') format('truetype');
|
||||||
}
|
}
|
||||||
</code></pre>
|
</code></pre>
|
||||||
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
||||||
@@ -172,6 +232,96 @@
|
|||||||
<div class="content font-class">
|
<div class="content font-class">
|
||||||
<ul class="icon_lists dib-box">
|
<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">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-yichang1"></span>
|
<span class="icon iconfont icon-yichang1"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@@ -307,6 +457,86 @@
|
|||||||
<div class="content symbol">
|
<div class="content symbol">
|
||||||
<ul class="icon_lists dib-box">
|
<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">
|
<li class="dib">
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
<use xlink:href="#icon-yichang1"></use>
|
<use xlink:href="#icon-yichang1"></use>
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
font-family: "iconfont"; /* Project id 3482754 */
|
font-family: "iconfont"; /* Project id 3482754 */
|
||||||
src: url('iconfont.woff2?t=1742784434631') format('woff2'),
|
src: url('iconfont.woff2?t=1742987095628') format('woff2'),
|
||||||
url('iconfont.woff?t=1742784434631') format('woff'),
|
url('iconfont.woff?t=1742987095628') format('woff'),
|
||||||
url('iconfont.ttf?t=1742784434631') format('truetype');
|
url('iconfont.ttf?t=1742987095628') format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
@@ -13,6 +13,46 @@
|
|||||||
-moz-osx-font-smoothing: grayscale;
|
-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 {
|
.icon-yichang1:before {
|
||||||
content: "\e6fb";
|
content: "\e6fb";
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -5,6 +5,76 @@
|
|||||||
"css_prefix_text": "icon-",
|
"css_prefix_text": "icon-",
|
||||||
"description": "",
|
"description": "",
|
||||||
"glyphs": [
|
"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",
|
"icon_id": "3238029",
|
||||||
"name": "异常",
|
"name": "异常",
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1163,7 +1163,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item
|
||||||
class="form-item"
|
class="form-item"
|
||||||
label="终端容量(MVA):"
|
label="设备容量(MW):"
|
||||||
:prop="
|
:prop="
|
||||||
'deviceParam.' +
|
'deviceParam.' +
|
||||||
[deviceIndex] +
|
[deviceIndex] +
|
||||||
@@ -1173,17 +1173,17 @@
|
|||||||
lIndex +
|
lIndex +
|
||||||
'.devCapacity'
|
'.devCapacity'
|
||||||
"
|
"
|
||||||
:rules="{ required: false, message: '请输入终端容量', trigger: 'blur' }"
|
:rules="{ required: false, message: '请输入设备容量', trigger: 'blur' }"
|
||||||
>
|
>
|
||||||
<el-input
|
<el-input
|
||||||
v-model="lineItem.devCapacity"
|
v-model="lineItem.devCapacity"
|
||||||
:disabled="pageStatus == 1"
|
:disabled="pageStatus == 1"
|
||||||
placeholder="请输入终端容量(MVA)"
|
placeholder="请输入设备容量(MVA)"
|
||||||
></el-input>
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item
|
||||||
class="form-item"
|
class="form-item"
|
||||||
label="协议容量(MVA):"
|
label="协议容量(MW):"
|
||||||
:prop="
|
:prop="
|
||||||
'deviceParam.' +
|
'deviceParam.' +
|
||||||
[deviceIndex] +
|
[deviceIndex] +
|
||||||
@@ -1198,7 +1198,7 @@
|
|||||||
<el-input
|
<el-input
|
||||||
v-model="lineItem.dealCapacity"
|
v-model="lineItem.dealCapacity"
|
||||||
:disabled="pageStatus == 1"
|
:disabled="pageStatus == 1"
|
||||||
placeholder="请输入协议容量(MVA)"
|
placeholder="请输入协议容量(MW)"
|
||||||
></el-input>
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item
|
||||||
@@ -1789,7 +1789,7 @@ const monitorPointDetail: any = ref({
|
|||||||
ct2: '',
|
ct2: '',
|
||||||
/**所属部门 */
|
/**所属部门 */
|
||||||
deptIndex: '',
|
deptIndex: '',
|
||||||
/**终端容量 */
|
/**设备容量 */
|
||||||
devCapacity: '',
|
devCapacity: '',
|
||||||
/**短路容量 */
|
/**短路容量 */
|
||||||
shortCapacity: '',
|
shortCapacity: '',
|
||||||
@@ -2488,14 +2488,14 @@ const addLine = () => {
|
|||||||
)
|
)
|
||||||
lineIndex.value =
|
lineIndex.value =
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam.length - 1 + ''
|
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam.length - 1 + ''
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
const scrollBox: any = document.getElementById('scrollBox')
|
const scrollBox: any = document.getElementById('scrollBox')
|
||||||
// 使用 scrollTo 方法,并启用平滑滚动
|
// 使用 scrollTo 方法,并启用平滑滚动
|
||||||
scrollBox.scrollTo({
|
scrollBox.scrollTo({
|
||||||
top: scrollBox.scrollHeight, // 滚动到内容的最底部
|
top: scrollBox.scrollHeight, // 滚动到内容的最底部
|
||||||
behavior: 'smooth' // 启用平滑滚动动画
|
behavior: 'smooth' // 启用平滑滚动动画
|
||||||
})
|
})
|
||||||
}, 500)
|
}, 500)
|
||||||
}
|
}
|
||||||
const getNodeIndex = () => {
|
const getNodeIndex = () => {
|
||||||
deviceIndex.value = '0'
|
deviceIndex.value = '0'
|
||||||
@@ -2715,7 +2715,6 @@ const handleLineTabsEdit = (targetName: any, action: any) => {
|
|||||||
|
|
||||||
addLine()
|
addLine()
|
||||||
selectChanged(AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].scale)
|
selectChanged(AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].scale)
|
||||||
|
|
||||||
}
|
}
|
||||||
/**删除 */
|
/**删除 */
|
||||||
if (action === 'remove') {
|
if (action === 'remove') {
|
||||||
@@ -2823,184 +2822,82 @@ const evaluate = (node: any) => {
|
|||||||
}
|
}
|
||||||
const selectChanged = (value: any) => {
|
const selectChanged = (value: any) => {
|
||||||
if (value === '3d68ceef26a579efe2fe0cdc654911b7') {
|
if (value === '3d68ceef26a579efe2fe0cdc654911b7') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(10, 0.38 * 1000, 0.38 * 100)
|
||||||
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
|
|
||||||
|
|
||||||
//750kv
|
//750kv
|
||||||
} else if (value === '4cf2d844c47a15a1c16a65b4bbfd1b0e') {
|
} else if (value === '4cf2d844c47a15a1c16a65b4bbfd1b0e') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(7000, 750 * 1000, 750 * 100)
|
||||||
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
|
|
||||||
//6kv
|
//6kv
|
||||||
} else if (value === '37b81bf8aa0fd54098716da3fc0ee433') {
|
} else if (value === '37b81bf8aa0fd54098716da3fc0ee433') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(100, 6 * 1000, 6 * 100)
|
||||||
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
|
|
||||||
//10kv
|
//10kv
|
||||||
} else if (value === 'e3da890104e3c4ae1f005021411a1fd7') {
|
} else if (value === 'e3da890104e3c4ae1f005021411a1fd7') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(100, 10 * 1000, 10 * 100)
|
||||||
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
|
|
||||||
//20kv
|
//20kv
|
||||||
} else if (value === '87065e15765e5899114a6d6b9e4fb3cb') {
|
} else if (value === '87065e15765e5899114a6d6b9e4fb3cb') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(200, 20 * 1000, 20 * 100)
|
||||||
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
|
|
||||||
//35kv
|
//35kv
|
||||||
} else if (value === '8529cfa11356a0666afd3f9fa4da09a4') {
|
} else if (value === '8529cfa11356a0666afd3f9fa4da09a4') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(250, 35 * 1000, 35 * 100)
|
||||||
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
|
|
||||||
//66kv
|
//66kv
|
||||||
} else if (value === '9ce75596a3368da4adf3374b4fc3b619') {
|
} else if (value === '9ce75596a3368da4adf3374b4fc3b619') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(500, 66 * 1000, 66 * 100)
|
||||||
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
|
|
||||||
//110kv
|
//110kv
|
||||||
} else if (value === 'e96d74b79bd50ad0bc00a405246f1e1f') {
|
} else if (value === 'e96d74b79bd50ad0bc00a405246f1e1f') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(750, 110 * 1000, 110 * 100)
|
||||||
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
|
|
||||||
//220kv
|
//220kv
|
||||||
} else if (value === '1b7b58ed8fcc2992b95334eaa9010c41') {
|
} else if (value === '1b7b58ed8fcc2992b95334eaa9010c41') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(2000, 220 * 1000, 220 * 100)
|
||||||
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
|
|
||||||
//330kv
|
//330kv
|
||||||
} else if (value === 'c1b37350a67f5e229a1f96ace0ad04dc') {
|
} else if (value === 'c1b37350a67f5e229a1f96ace0ad04dc') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(3000, 330 * 1000, 330 * 100)
|
||||||
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
|
|
||||||
//500kv
|
//500kv
|
||||||
} else if (value === '1fa650685c77db1656c70f9db4a2edc6') {
|
} else if (value === '1fa650685c77db1656c70f9db4a2edc6') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(4500, 500 * 1000, 500 * 100)
|
||||||
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
|
|
||||||
//1000kv
|
//1000kv
|
||||||
} else if (value === '674cf02fb3fcfd9f99fd786cfca090df') {
|
} else if (value === '674cf02fb3fcfd9f99fd786cfca090df') {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(9000, 1000 * 1000, 1000 * 100)
|
||||||
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
|
|
||||||
} else {
|
} else {
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
setTheDefaultValue(10, 10, 10)
|
||||||
lineIndex.value
|
|
||||||
].standardCapacity = 10
|
|
||||||
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
|
|
||||||
lineIndex.value
|
|
||||||
].shortCapacity = 10
|
|
||||||
}
|
}
|
||||||
|
|
||||||
setvoltageDev(voltageLevelArr.filter(item => item.id == value)[0].value)
|
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) => {
|
const setvoltageDev = (value: any) => {
|
||||||
let voltageDev = 7
|
let voltageDev = 7
|
||||||
let uvoltageDev = -7
|
let uvoltageDev = -7
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="default-main">
|
<div class="default-main" style="position: relative">
|
||||||
<TableHeader date-picker>
|
<TableHeader date-picker>
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<el-form-item label="对象类型">
|
<el-form-item label="对象类型">
|
||||||
@@ -22,14 +22,59 @@
|
|||||||
<template v-slot:operation></template>
|
<template v-slot:operation></template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<Map />
|
<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="container pt10 pl10" :style="height">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<el-card class="box">
|
<el-card class="box">
|
||||||
@@ -83,12 +128,13 @@ import TableStore from '@/utils/tableStore'
|
|||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
import Map from './components/map.vue'
|
import Map from './components/map.vue'
|
||||||
import { BorderBox11 } from '@dataview/datav-vue3'
|
import { BorderBox13 } from '@dataview/datav-vue3'
|
||||||
import { useConfig } from '@/stores/config'
|
import { useConfig } from '@/stores/config'
|
||||||
const config = useConfig()
|
const config = useConfig()
|
||||||
const color = config.layout.elementUiPrimary
|
const color = config.layout.elementUiPrimary
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const height = mainHeight(90)
|
const height = mainHeight(115)
|
||||||
|
const height3 = mainHeight(115, 3)
|
||||||
//字典获取监督对象类型
|
//字典获取监督对象类型
|
||||||
const supvObjTypeList = dictData.getBasicData('supv_obj_type')
|
const supvObjTypeList = dictData.getBasicData('supv_obj_type')
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
@@ -131,54 +177,84 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<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;
|
display: flex;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 70px;
|
top: 80px;
|
||||||
left: 10px;
|
width: 25%;
|
||||||
width: 500px;
|
|
||||||
|
|
||||||
z-index: 999;
|
min-width: 480px;
|
||||||
.left,
|
flex-direction: column;
|
||||||
.center,
|
z-index: 99;
|
||||||
.right {
|
}
|
||||||
display: flex;
|
.left {
|
||||||
flex-direction: column;
|
left: 15px;
|
||||||
flex: 1; /* 平分宽度 */
|
}
|
||||||
// background: linear-gradient(to right, #cce5e5, #ffffff00);
|
.right {
|
||||||
}
|
right: 15px !important;
|
||||||
.center {
|
|
||||||
flex: 1.5;
|
|
||||||
}
|
|
||||||
.box {
|
.box {
|
||||||
width: 100%;
|
flex: 1; /* 占2份高度 */
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-2 {
|
.box-2 {
|
||||||
flex: 2; /* 占2份高度 */
|
flex: 2; /* 占2份高度 */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
:deep(.el-card) {
|
.box {
|
||||||
border-radius: 10px;
|
padding: 20px 10px 10px;
|
||||||
.el-card__header {
|
}
|
||||||
padding: 10px;
|
.center {
|
||||||
border-bottom: 1px solid #ebebeb;
|
position: absolute;
|
||||||
display: flex;
|
bottom: 16px;
|
||||||
align-items: center;
|
left: 50%;
|
||||||
font-weight: 600;
|
transform: translateX(-50%);
|
||||||
width: 100%;
|
width: 48%;
|
||||||
div {
|
min-width: 480px;
|
||||||
width: 8px;
|
.box {
|
||||||
height: 8px;
|
flex: 1; /* 占2份高度 */
|
||||||
border-radius: 4px;
|
padding: 20px 10px 10px;
|
||||||
margin-right: 10px;
|
}
|
||||||
background-color: var(--el-color-primary);
|
}
|
||||||
}
|
.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>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user