This commit is contained in:
chengdandan 2023-07-21 09:47:46 +08:00
parent fc572a13ab
commit 689107c45f
14 changed files with 165 additions and 262 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689844196505},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1689642396086}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&lang=less&scoped=true&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=a83bd3b0&lang=less&scoped=true&\"\nimport style2 from \"./index.vue?vue&type=style&index=2&id=a83bd3b0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"a83bd3b0\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('a83bd3b0')) {\n api.createRecord('a83bd3b0', component.options)\n } else {\n api.reload('a83bd3b0', component.options)\n }\n module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n api.rerender('a83bd3b0', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689904029933},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1689642396086}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&lang=less&scoped=true&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=a83bd3b0&lang=less&scoped=true&\"\nimport style2 from \"./index.vue?vue&type=style&index=2&id=a83bd3b0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"a83bd3b0\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"E:\\\\2023\\\\yancheng0718\\\\yanchengPowerSupply\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('a83bd3b0')) {\n api.createRecord('a83bd3b0', component.options)\n } else {\n api.reload('a83bd3b0', component.options)\n }\n module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n api.rerender('a83bd3b0', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -10,10 +10,10 @@
<img src="./../assets/indexN/标题箭头1.png" alt="" />
</div>
</div>
<div class="content">
<div class="line">
<div class="content3">
<div class="line3">
<div class="total">
<div class="num" @click="openLineDetail(CompanyInfo.pdxl)">
<div class="num">
<span style="font-size: 18px" class="num1">户数高渗透率&nbsp;</span>
<span style="
font-size: 45px;
@ -23,40 +23,26 @@
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">容量渗透率&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">容量渗透率&nbsp;&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">能量渗透率&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">能量渗透率&nbsp;&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
@ -72,60 +58,39 @@
<span>配网工程全过程物资审计</span>
<img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
</div>
<div class="content" style="display:inline">
<div class="line">
<div class="content3" style="display:inline">
<div class="line3">
<div class="total">
<div class="num" @click="openLineDetail(CompanyInfo.pdxl)">
<span style="font-size: 18px">项目数&nbsp;</span>
<span style="font-size: 18px" class="num1">项目数&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.pdxl">{{ CompanyInfo.pdxl }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">预算费用总和</span>&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">预算费用总和</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">计划数&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">计划数</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
@ -143,60 +108,39 @@
<span>盐城东台区供电所数字化分析</span>
<img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
</div>
<div class="content">
<div class="line">
<div class="content3">
<div class="line3">
<div class="total">
<div class="num" @click="openLineDetail(CompanyInfo.pdxl)">
<span style="font-size: 18px">升档配变数量&nbsp;</span>
<span style="font-size: 18px" class="num1">升档配变数量&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.pdxl">{{ CompanyInfo.pdxl }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">降档配比数量</span>&nbsp;&nbsp;
<div class="num">
<span style="font-size: 18px" class="num1">降档配比数量</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">负荷关注配变数量&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">负荷关注配变数量&nbsp;&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
@ -212,60 +156,39 @@
<span>盐城供电公司配网电能质量管控</span>
<img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
</div>
<div class="content">
<div class="line">
<div class="content3">
<div class="line3">
<div class="total">
<div class="num" @click="openLineDetail(CompanyInfo.pdxl)">
<span style="font-size: 18px">月供电可靠性&nbsp;</span>
<span style="font-size: 18px" class="num1">月供电可靠性&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.pdxl">{{ CompanyInfo.pdxl }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">平均停电频次&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">平均停电频次&nbsp;&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">平均停电时间&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">平均停电时间&nbsp;&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
@ -285,22 +208,22 @@
style="position: absolute"
></canvas>
<img class="allimg" src="../assets/indexN/大丰市选中.png" alt="" />
<div class="imgboxtwo">
<div class="imgboxtwo1">
<div class="cartitle">
<div class="titleFont" style="color: #fff; font-size: 26px">
大丰区
</div>
</div>
<div class="content">
<div class="line">
<div class="content2">
<div class="line1">
&nbsp;用电量&nbsp;(kwh)&nbsp;&nbsp;
<span style="color: yellow; font-size: 28px;">2.685亿</span>
</div>
<div class="line">
<div class="line1">
&nbsp;碳排放量&nbsp;(kg)&nbsp;&nbsp;
<span style="color: orange; font-size: 28px;">7.303</span>
</div>
<div class="line">
<div class="line1">
&nbsp;企业数量&nbsp;&nbsp;&nbsp;
<span style="color: yellow; font-size: 28px;">713</span>
</div>
@ -467,7 +390,7 @@
</div> -->
<!-- </div> -->
</div>
<div class="content">
<div class="content3">
<div class="contentUl">
<div class="top1">
<!-- <img src="../assets/indexN/乡村图标2.png" /> -->
@ -540,60 +463,39 @@
</ul>
</div>
</div> -->
<div class="content" style="display:inline">
<div class="line">
<div class="content3" style="display:inline">
<div class="line3">
<div class="total">
<div class="num" @click="openLineDetail(CompanyInfo.pdxl)">
<span style="font-size: 18px">项目数&nbsp;</span>
<span style="font-size: 18px" class="num1">项目数&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.pdxl">{{ CompanyInfo.pdxl }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">预算费用总和</span>&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">预算费用总和</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">计划数&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">计划数&nbsp;&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
@ -626,60 +528,39 @@
<!-- </div> -->
</div>
<div class="content">
<div class="line">
<div class="content3">
<div class="line3">
<div class="total">
<div class="num" @click="openLineDetail(CompanyInfo.pdxl)">
<span style="font-size: 18px">户数高渗透率&nbsp;</span>
<span style="font-size: 18px" class="num1">户数高渗透率&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.pdxl">{{ CompanyInfo.pdxl }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">容量渗透率&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">容量渗透率&nbsp;&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">能量渗透率&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">能量渗透率&nbsp;&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
@ -705,60 +586,39 @@
<span>数字化排涝抗旱辅助及检修辅助决策</span>
<img src="./../assets/indexN/标题箭头1.png" alt="" /></div>
</div>
<div class="content">
<div class="line">
<div class="content3">
<div class="line3">
<div class="total">
<div class="num" @click="openLineDetail(CompanyInfo.pdxl)">
<span style="font-size: 18px">户数高渗透率&nbsp;</span>
<span style="font-size: 18px" class="num1">户数高渗透率&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.pdxl">{{ CompanyInfo.pdxl }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">容量渗透率&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">容量渗透率&nbsp;&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
</div>
</div>
<div class="line">
<div class="line3">
<div class="total">
<div class="num">
<span style="font-size: 18px">能量渗透率&nbsp;&nbsp;</span>
<div class="num">
<span style="font-size: 18px" class="num1">能量渗透率&nbsp;&nbsp;</span>
<span style="
font-size: 45px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(
to bottom,
rgb(189, 255, 231),
rgb(86, 244, 254)
);
" class="numText" :text="CompanyInfo.xlcd">{{ CompanyInfo.xlcd }}</span>
</div>
@ -771,7 +631,7 @@
</div>
</div>
<div class="realTimeAlarm" v-show="realTimeAlarmShow">
<div class="content">
<div class="content3">
<img src="../assets/images/baojing.png" />
<div>都政线XXX环网柜间隔3发生局部放电故障</div>
</div>
@ -783,7 +643,7 @@
<img @click="handleClose" src="@/assets/images/close.png" style="cursor: pointer" />
</div>
</div>
<div class="content">
<div class="content3">
<div class="table user_skills">
<el-table :data="alarmInformationData" style="width: 100%; height: 100%"
:header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }"
@ -3066,7 +2926,7 @@ export default {
};
</script>
<style lang="less" scoped>
.content {
.content3 {
/deep/ .el-table__body td .cell {
white-space: normal !important;
}
@ -3211,14 +3071,14 @@ export default {
text-indent: 26px;
}
.content {
.content3 {
padding: 24px 31px 0 31px;
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
.line {
.line3 {
width: 30%;
// display: flex;
flex-flow: column nowrap;
@ -3227,7 +3087,8 @@ export default {
// display: flex;
flex-flow: row nowrap;
justify-content: space-around;
margin-bottom: 15%;
// margin-bottom: 15%;
margin-bottom: 1%;
height: 100%;
.num {
display: flex;
@ -3347,15 +3208,15 @@ export default {
text-indent: 26px;
}
.content {
.content3 {
padding: 24px 31px 0 31px;
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
.line {
width: 262px;
.line3 {
width: 30%;
display: flex;
flex-flow: column nowrap;
@ -3363,27 +3224,41 @@ export default {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
margin-bottom: 15%;
margin-bottom: 1%;
height: 100%;
.num {
display: flex;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
color: #ffffff;
width: 100%;
.num1{
background: url("../assets/indexN/总数据标题框.png") no-repeat;
width: 100%;
// height: 100%;
background-size: 100%;
line-height: 250%;
text-align: center;
}
.numText {
color: #ffffff;
background: url("../assets/indexN/总数据数据框.png") no-repeat;
background-size: 100%;
width: 100%;
height: 74px;
}
.numText:before {
content: attr(text);
position: absolute;
z-index: 10;
color: rgb(86, 254, 246) !important;
color: rgb(254, 209, 86) !important;
-webkit-mask: linear-gradient(to top,
rgb(86, 244, 254),
rgb(254, 162, 86),
transparent);
}
}
}
@ -3498,7 +3373,7 @@ export default {
}
}
}
.imgboxtwo {
.imgboxtwo1 {
background: url("../assets/indexN/弹窗.png") no-repeat;
background-size: 100%;
float: right;
@ -3507,14 +3382,14 @@ export default {
width: 28vh;
height: 100%;
position: relative;
.content {
.content2 {
padding: 5px;
box-sizing: border-box;
// display: flex;
flex-flow: row nowrap;
justify-content: space-between;
.line {
.line1 {
width: 100%;
height: 100%;
margin-left: 5%;
@ -3563,7 +3438,7 @@ export default {
// text-align: left;
text-indent: 26px;
}
.content {
.content3 {
padding: 24px 31px 0 31px;
box-sizing: border-box;
display: flex;
@ -3766,8 +3641,8 @@ export default {
}
}
}
.line {
width: 262px;
.line3 {
width: 30%;
display: flex;
flex-flow: column nowrap;
@ -3775,27 +3650,41 @@ export default {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
margin-bottom: 15%;
.num {
margin-bottom: 1%;
height: 100%;
.num {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
color: #ffffff;
width: 100%;
.num1{
background: url("../assets/indexN/总数据标题框.png") no-repeat;
width: 100%;
height: 100%;
background-size: 100%;
line-height: 200%;
text-align: center;
}
.numText {
color: #ffffff;
background: url("../assets/indexN/总数据数据框.png") no-repeat;
background-size: 100%;
width: 100%;
height: 74px;
}
.numText:before {
content: attr(text);
position: absolute;
z-index: 10;
color: rgb(86, 254, 246) !important;
color: rgb(254, 209, 86) !important;
-webkit-mask: linear-gradient(to top,
rgb(86, 244, 254),
rgb(254, 162, 86),
transparent);
}
}
}
@ -3891,15 +3780,15 @@ export default {
// text-align: left;
text-indent: 26px;
}
.content {
.content3 {
padding: 24px 31px 0 31px;
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
.line {
width: 262px;
.line3 {
width: 30%;
display: flex;
flex-flow: column nowrap;
@ -3907,27 +3796,41 @@ export default {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
margin-bottom: 15%;
margin-bottom: 1%;
height: 100%;
.num {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
color: #ffffff;
width: 100%;
.num1{
background: url("../assets/indexN/总数据标题框.png") no-repeat;
width: 100%;
// height: 100%;
background-size: 100%;
line-height: 250%;
text-align: center;
}
.numText {
color: #ffffff;
background: url("../assets/indexN/总数据数据框.png") no-repeat;
background-size: 100%;
width: 100%;
height: 74px;
}
.numText:before {
content: attr(text);
position: absolute;
z-index: 10;
color: rgb(86, 254, 246) !important;
color: rgb(254, 209, 86) !important;
-webkit-mask: linear-gradient(to top,
rgb(86, 244, 254),
rgb(254, 162, 86),
transparent);
}
}
}
@ -4046,7 +3949,7 @@ export default {
align-items: center;
justify-content: center;
.content {
.content3 {
color: #ffffff;
width: 75%;
display: flex;
@ -4097,7 +4000,7 @@ export default {
}
}
.content {
.content3 {
height: 82%;
width: 100%;
overflow: auto;
@ -4249,14 +4152,14 @@ export default {
}
}
}
.content {
.content3 {
padding: 24px 31px 0 31px;
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
.line {
.line3 {
width: 262px;
display: flex;
flex-flow: column nowrap;
@ -4265,7 +4168,7 @@ export default {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
margin-bottom: 15%;
margin-bottom: 1%;
.num {
display: flex;