Skip to content

W
web-project
Commit 6356c52d authored by 朱超's avatar 朱超
Browse files
Options

总览

parent f1c9a518
Show whitespace changes
Inline Side-by-side
Showing with 86 additions and 10 deletions
src/views/HandlerPage/OverviewPage.vue
View file @ 6356c52d
......@@ -2,7 +2,11 @@
<div class="contentBlock" id="contentBlock">
<div class="contentBlockInn" v-if="pageInit">
<div class="flexBlock">
<el-card class="card-contianer" style="width: 46%">
<el-card
class="card-contianer"
style="width: 46%"
v-loading="loading13"
>
<ul class="titinfoL">
<li>
<div>
......@@ -42,7 +46,11 @@
</li>
</ul>
</el-card>
<el-card class="card-contianer" style="width: 34%">
<el-card
class="card-contianer"
style="width: 34%"
v-loading="loading14"
>
<ul class="titinfoM">
<li>
预测热量
......@@ -91,7 +99,11 @@
<div class="mainBlock">
<div class="mainBlockInn">
<div class="flexBlock subTitBlockL">
<el-card class="card-contianer" style="width: 33%">
<el-card
class="card-contianer"
style="width: 33%"
v-loading="loading1"
>
<div
style="font-size: 120%; text-align: center; font-weight: bolder"
>
......@@ -147,7 +159,11 @@
</tr>
</table>
</el-card>
<el-card class="card-contianer subTitBlockM" style="width: 33%">
<el-card
class="card-contianer subTitBlockM"
style="width: 33%"
v-loading="loading2"
>
<div v-if="gYCompanyEnergyInit">
<div
style="
......@@ -211,7 +227,11 @@
</table>
</div>
</el-card>
<el-card class="card-contianer" style="width: 33%">
<el-card
class="card-contianer"
style="width: 33%"
v-loading="loading3"
>
<div class="echartLayer1" id="echartLayer1"></div>
</el-card>
</div>
......@@ -220,6 +240,8 @@
class="card-contianer"
body-style="padding:5%;"
style="width: 20%"
v-loading="loading4"
>
>
<div class="echartLayer2" id="echartLayer2"></div>
</el-card>
......@@ -227,6 +249,8 @@
class="card-contianer"
body-style="padding:5%;"
style="width: 20%"
v-loading="loading5"
>
>
<div class="echartLayer3" id="echartLayer3"></div>
</el-card>
......@@ -234,6 +258,8 @@
class="card-contianer"
body-style="padding:5%;"
style="width: 20%"
v-loading="loading6"
>
>
<div class="echartLayer4" id="echartLayer4"></div>
</el-card>
......@@ -241,6 +267,8 @@
class="card-contianer"
body-style="padding:5%;"
style="width: 20%"
v-loading="loading7"
>
>
<div class="echartLayer5" id="echartLayer5"></div>
</el-card>
......@@ -248,6 +276,8 @@
class="card-contianer"
body-style="padding:5%;"
style="width: 20%"
v-loading="loading8"
>
>
<div class="echartLayer6" id="echartLayer6"></div>
</el-card>
......@@ -257,6 +287,8 @@
class="card-contianer"
body-style="padding:5%;"
style="width: 25%"
v-loading="loading9"
>
>
<div class="echartLayer7" id="echartLayer7"></div>
</el-card>
......@@ -264,6 +296,8 @@
class="card-contianer"
body-style="padding:5%;"
style="width: 25%"
v-loading="loading10"
>
>
<div class="echartLayer8" id="echartLayer8"></div>
</el-card>
......@@ -271,6 +305,8 @@
class="card-contianer"
body-style="padding:5%;"
style="width: 25%"
v-loading="loading11"
>
>
<div class="echartLayer9" id="echartLayer9"></div>
</el-card>
......@@ -278,6 +314,8 @@
class="card-contianer"
body-style="padding:5%;"
style="width: 25%"
v-loading="loading12"
>
>
<div class="echartLayer10" id="echartLayer10"></div>
</el-card>
......@@ -329,6 +367,20 @@ const areaList = reactive({
userCount: 76177,
});
const loading = ref(false);
const loading1 = ref(false);
const loading2 = ref(false);
const loading3 = ref(false);
const loading4 = ref(false);
const loading5 = ref(false);
const loading6 = ref(false);
const loading7 = ref(false);
const loading8 = ref(false);
const loading9 = ref(false);
const loading10 = ref(false);
const loading11 = ref(false);
const loading12 = ref(false);
const loading13 = ref(false);
const loading14 = ref(false);
const allHeat = reactive([]);
const gYPipeReal = reactive([]);
const gYCompanyEnergy = reactive([]);
......@@ -347,7 +399,7 @@ const timeV = ref("");
const selTimeF = ref(true);
//能耗总览页---概况接口
function postArealistFun() {
loading.value = true;
loading13.value = true;
postArealist().then((res) => {
if (res.success === true) {
areaList.supplyYear = res.data[0].supplyYear;
......@@ -357,15 +409,16 @@ function postArealistFun() {
areaList.transferCount = res.data[0].transferCount;
areaList.userCount = res.data[0].userCount;
} else {
loading.value = false;
ElMessage.error(res.message);
}
loading13.value = false;
postGYPipeRealFun();
postGYCompanyEnergyFun();
});
}
function postGYPipeRealFun() {
loading1.value = true;
postGYPipeReal().then((res) => {
if (res.success === true) {
gYPipeReal.value = res.data;
......@@ -373,36 +426,40 @@ function postGYPipeRealFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading1.value = false;
postAllHeatFun();
});
}
function postAllHeatFun() {
loading14.value = true;
postAllHeat().then((res) => {
if (res.success === true) {
allHeat.value = res.data[0];
} else {
loading.value = false;
ElMessage.error(res.message);
}
//postGYCompanyEnergyFun();
loading14.value = false;
postGYWeatherFun();
});
}
function postGYCompanyEnergyFun() {
loading2.value = true;
postGYCompanyEnergy(params).then((res) => {
if (res.success === true) {
gYCompanyEnergy.value = res.data[0];
} else {
ElMessage.error(res.message);
}
gYCompanyEnergyInit.value = true;
loading2.value = false;
gYCompanyEnergyInit.value = false;
});
}
//近七日气象趋势
function postGYWeatherFun() {
loading3.value = true;
postGYWeather().then((res) => {
if (res.success === true) {
gYWeather.data1 = [];
......@@ -420,6 +477,7 @@ function postGYWeatherFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading3.value = false;
pageInit.value = true;
setTimeout(function () {
echartInit1();
......@@ -430,6 +488,7 @@ function postGYWeatherFun() {
//服务中心热单耗
function postGYCenterHeatUcFun() {
loading4.value = true;
postGYCenterHeatUc(params).then((res) => {
if (res.success === true) {
const data = dataDeal(res.data.ucData);
......@@ -455,10 +514,12 @@ function postGYCenterHeatUcFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading4.value = false;
});
}
//服务中心度日数热耗
function postGYCenterDayHeatUcFun() {
loading5.value = true;
postGYCenterDayHeatUc(params).then((res) => {
if (res.success === true) {
const data = dataDeal(res.data.ucData);
......@@ -484,11 +545,13 @@ function postGYCenterDayHeatUcFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading5.value = false;
});
}
//二次侧水耗
function postGYCenterWaterUcFun() {
loading6.value = true;
postGYCenterWaterUc(params).then((res) => {
if (res.success === true) {
const data = dataDeal(res.data);
......@@ -510,11 +573,13 @@ function postGYCenterWaterUcFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading6.value = false;
});
}
//二次侧电耗
function postGYCenterElecUcFun() {
loading7.value = true;
postGYCenterElecUc(params).then((res) => {
if (res.success === true) {
const data = dataDeal(res.data);
......@@ -536,11 +601,13 @@ function postGYCenterElecUcFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading7.value = false;
});
}
//万平米流量（一次侧）
function postGYCenterWPMLLFun() {
loading8.value = true;
postGYCenterWPMLL(params).then((res) => {
if (res.success === true) {
const data = dataDeal(res.data);
......@@ -562,11 +629,13 @@ function postGYCenterWPMLLFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading8.value = false;
});
}
//一次侧流量分配
function postGYSupplyWaterFun() {
loading9.value = true;
postGYSupplyWater(params).then((res) => {
if (res.success === true) {
const data = res.data;
......@@ -584,11 +653,13 @@ function postGYSupplyWaterFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading9.value = false;
});
}
//能耗总览页---二网均温
function postGYCenterSecAvgTFun() {
loading10.value = true;
postGYCenterSecAvgT(params).then((res) => {
if (res.success === true) {
const data = dataDeal(res.data);
......@@ -610,11 +681,13 @@ function postGYCenterSecAvgTFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading10.value = false;
});
}
//二网温差
function postGYCenterSecAbsTFun() {
loading11.value = true;
postGYCenterSecAbsT(params).then((res) => {
if (res.success === true) {
const data = dataDeal(res.data);
......@@ -636,11 +709,13 @@ function postGYCenterSecAbsTFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading11.value = false;
});
}
//二网万平米流量
function postGYCenterECWPMLLFun() {
loading12.value = true;
postGYCenterECWPMLL(params).then((res) => {
if (res.success === true) {
const data = dataDeal(res.data);
......@@ -662,6 +737,7 @@ function postGYCenterECWPMLLFun() {
loading.value = false;
ElMessage.error(res.message);
}
loading12.value = false;
});
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment