|
|
@@ -60,13 +60,13 @@
|
|
|
<div style="display: flex; flex-direction: row;align-items: center;">
|
|
|
<label style="color: rgb(64,158,255);">{{ item.rtuName }}</label>
|
|
|
<label style="margin-left: 5px;color: rgb(64,158,255);">【{{ item.rtuCode
|
|
|
- }}】</label>
|
|
|
+ }}】</label>
|
|
|
</div>
|
|
|
<div
|
|
|
style="display: flex; flex-direction: row;align-items: center;margin-top: 4px;">
|
|
|
<label style="font-size: 0.8rem;">维修状态:<span
|
|
|
style="font-size: 0.8rem;color:gray">{{
|
|
|
- item.orderStatusName }}</span></label>
|
|
|
+ item.orderStatusName }}</span></label>
|
|
|
</div>
|
|
|
<div
|
|
|
style="display: flex; flex-direction: row;align-items: center;margin-top: 4px;">
|
|
|
@@ -81,8 +81,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="display: flex;flex-direction: row;justify-content: flex-end;">
|
|
|
- <el-button style="font-size: 0.7rem;margin-right: 20px;" size="mini" type="primary"
|
|
|
- round @click="openCheckOrderReportDetail(item)">查看详情</el-button>
|
|
|
+ <el-button style="font-size: 0.7rem;margin-right: 20px;" size="mini"
|
|
|
+ type="primary" round
|
|
|
+ @click="openCheckOrderReportDetail(item)">查看详情</el-button>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<!-- <el-col :span="5" style="display: flex;flex-direction: column;justify-content: center;">
|
|
|
@@ -111,15 +112,15 @@
|
|
|
<div style="display: flex; flex-direction: row;align-items: center;">
|
|
|
<label style="color: rgb(64,158,255);">{{ item.rtuName }}</label>
|
|
|
<label style="margin-left: 5px;color: rgb(64,158,255);">【{{
|
|
|
- item.rtuCode
|
|
|
- }}】</label>
|
|
|
+ item.rtuCode
|
|
|
+ }}】</label>
|
|
|
</div>
|
|
|
<div
|
|
|
style="display: flex; flex-direction: row;align-items: center;margin-top: 4px;">
|
|
|
<label style="font-size: 0.8rem;">填报人:<span
|
|
|
style="color:gray;font-size: 0.8rem;">{{
|
|
|
- item.servicePersonName
|
|
|
- }}</span></label>
|
|
|
+ item.servicePersonName
|
|
|
+ }}</span></label>
|
|
|
</div>
|
|
|
<div
|
|
|
style="display: flex; flex-direction: row;align-items: center;margin-top: 4px;margin-bottom: 5px;">
|
|
|
@@ -164,8 +165,8 @@
|
|
|
</div>
|
|
|
<div style="margin-top: 4px;margin-bottom: 2px;">
|
|
|
<label style="font-size: 0.8rem;">{{
|
|
|
- item.content
|
|
|
- }}</label>
|
|
|
+ item.content
|
|
|
+ }}</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -192,8 +193,8 @@
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-drawer title="今日维修任务动态信息" :visible.sync="moreTodayOrderProcessDig" v-if="moreTodayOrderProcessDig" size="50%"
|
|
|
- :close-on-click-modal="false" append-to-body>
|
|
|
+ <el-drawer title="今日维修任务动态信息" :visible.sync="moreTodayOrderProcessDig" v-if="moreTodayOrderProcessDig"
|
|
|
+ size="50%" :close-on-click-modal="false" append-to-body>
|
|
|
<todaycheckorderprocesslist ref="todaycheckorderprocesslist">
|
|
|
</todaycheckorderprocesslist>
|
|
|
</el-drawer>
|
|
|
@@ -253,8 +254,8 @@
|
|
|
:close-on-click-modal="false" append-to-body>
|
|
|
<outlitervaluewarnlist ref="outlitervaluewarnlist" :deptId="deptId"></outlitervaluewarnlist>
|
|
|
</el-drawer>
|
|
|
- <el-drawer title="处理中任务信息" :visible.sync="processingcheckorderlistDig" v-if="processingcheckorderlistDig" size="50%"
|
|
|
- :close-on-click-modal="false" append-to-body>
|
|
|
+ <el-drawer title="处理中任务信息" :visible.sync="processingcheckorderlistDig" v-if="processingcheckorderlistDig"
|
|
|
+ size="50%" :close-on-click-modal="false" append-to-body>
|
|
|
<processingcheckorderlist ref="processingcheckorderlist"></processingcheckorderlist>
|
|
|
</el-drawer>
|
|
|
<el-drawer title="已处理任务信息" :visible.sync="reportcheckorderlistDig" v-if="reportcheckorderlistDig" size="50%"
|
|
|
@@ -265,13 +266,14 @@
|
|
|
:close-on-click-modal="false" append-to-body>
|
|
|
<uncomfirecheckorderlist ref="uncomfirecheckorderlist"></uncomfirecheckorderlist>
|
|
|
</el-drawer>
|
|
|
- <el-drawer title="确认超时维修任务信息" :visible.sync="comfireDelayCheckOrderDig" v-if="comfireDelayCheckOrderDig" size="50%"
|
|
|
- :close-on-click-modal="false" append-to-body>
|
|
|
+ <el-drawer title="确认超时维修任务信息" :visible.sync="comfireDelayCheckOrderDig" v-if="comfireDelayCheckOrderDig"
|
|
|
+ size="50%" :close-on-click-modal="false" append-to-body>
|
|
|
<comfiredelaycheckorderlist ref="comfiredelaycheckorderlist"></comfiredelaycheckorderlist>
|
|
|
</el-drawer>
|
|
|
- <el-drawer title="维修任务详情" :visible.sync="checkorderprocessdetailDig" v-if="checkorderprocessdetailDig" size="50%"
|
|
|
- :close-on-click-modal="false" append-to-body>
|
|
|
- <checkorderprocessdetail ref="checkorderprocessdetail" :orderId="checkOrderReportId"></checkorderprocessdetail>
|
|
|
+ <el-drawer title="维修任务详情" :visible.sync="checkorderprocessdetailDig" v-if="checkorderprocessdetailDig"
|
|
|
+ size="50%" :close-on-click-modal="false" append-to-body>
|
|
|
+ <checkorderprocessdetail ref="checkorderprocessdetail" :orderId="checkOrderReportId">
|
|
|
+ </checkorderprocessdetail>
|
|
|
</el-drawer>
|
|
|
<el-drawer title="设备巡检详情" :visible.sync="inspectionreportdetailDig" v-if="inspectionreportdetailDig" size="50%"
|
|
|
:close-on-click-modal="false" append-to-body>
|
|
|
@@ -282,7 +284,8 @@
|
|
|
<div slot="title" class="header-title">
|
|
|
<span class="name">{{ dialogTitle }}</span>
|
|
|
</div>
|
|
|
- <inspectionreportlistVue ref="inspectionreportlist" :rainSeasonKind="rainSeasonKind"></inspectionreportlistVue>
|
|
|
+ <inspectionreportlistVue ref="inspectionreportlist" :rainSeasonKind="rainSeasonKind">
|
|
|
+ </inspectionreportlistVue>
|
|
|
</el-drawer>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -1249,7 +1252,7 @@ export default {
|
|
|
this.rtuWarnCountMap.setOption(this.rtuWarnCountOption);
|
|
|
this.rtuWarnCountMap.getZr().off('click');
|
|
|
this.rtuWarnCountMap.getZr().on('click', function (p) {
|
|
|
- // console.log(p)
|
|
|
+ // console.log(p)
|
|
|
let pointInPixel = [p.offsetX, p.offsetY];
|
|
|
if (that.rtuWarnCountMap.containPixel('grid', pointInPixel)) {
|
|
|
let yIndex = that.rtuWarnCountMap.convertFromPixel({ seriesIndex: 0 }, [p.offsetX, p.offsetY])[1];
|
|
|
@@ -1560,45 +1563,75 @@ export default {
|
|
|
},
|
|
|
getWarnKindCountInfo() {
|
|
|
getWarnKindCountData().then((res) => {
|
|
|
- // console.log("warn kind count " + JSON.stringify(res.data))
|
|
|
if (res.data.code === 200) {
|
|
|
let data = res.data.data;
|
|
|
this.rtuWarnCountOption.series[0].data[8].value = data.warnRtus;
|
|
|
-
|
|
|
- let num = new Number(data.offlineRtus / data.warnRtus * 100);
|
|
|
- this.rtuWarnCountOption.series[0].data[7].value = data.offlineRtus;
|
|
|
- this.rtuWarnCountOption.series[0].data[7].percent = num.toFixed(1);
|
|
|
-
|
|
|
- num = new Number(data.clockWarn / data.warnRtus * 100);
|
|
|
- this.rtuWarnCountOption.series[0].data[6].value = data.clockWarn;
|
|
|
- this.rtuWarnCountOption.series[0].data[6].percent = num.toFixed(1);
|
|
|
-
|
|
|
- num = new Number(data.rainUpMissOut / data.warnRtus * 100);
|
|
|
- this.rtuWarnCountOption.series[0].data[5].value = data.rainUpMissOut;
|
|
|
- this.rtuWarnCountOption.series[0].data[5].percent = num.toFixed(1);
|
|
|
-
|
|
|
- num = new Number(data.riverUpMissOut / data.warnRtus * 100);
|
|
|
- this.rtuWarnCountOption.series[0].data[4].value = data.riverUpMissOut;
|
|
|
- this.rtuWarnCountOption.series[0].data[4].percent = num.toFixed(1);
|
|
|
-
|
|
|
-
|
|
|
- num = new Number(data.minUpDelay / data.warnRtus * 100);
|
|
|
- this.rtuWarnCountOption.series[0].data[3].value = data.minUpDelay;
|
|
|
- this.rtuWarnCountOption.series[0].data[3].percent = num.toFixed(1);
|
|
|
-
|
|
|
-
|
|
|
- num = new Number(data.rainHourUpDelay / data.warnRtus * 100);
|
|
|
- this.rtuWarnCountOption.series[0].data[2].value = data.rainHourUpDelay;
|
|
|
- this.rtuWarnCountOption.series[0].data[2].percent = num.toFixed(1);
|
|
|
-
|
|
|
- num = new Number(data.riverHourUpDelay / data.warnRtus * 100);
|
|
|
- this.rtuWarnCountOption.series[0].data[1].value = data.riverHourUpDelay;
|
|
|
- this.rtuWarnCountOption.series[0].data[1].percent = num.toFixed(1);
|
|
|
-
|
|
|
- num = new Number(data.outlierValue / data.warnRtus * 100);
|
|
|
- this.rtuWarnCountOption.series[0].data[0].value = data.outlierValue;
|
|
|
- this.rtuWarnCountOption.series[0].data[0].percent = num.toFixed(1);
|
|
|
-
|
|
|
+ if (data.warnRtus > 0 && data.offlineRtus > 0) {
|
|
|
+ let num = new Number(data.offlineRtus / data.warnRtus * 100);
|
|
|
+ this.rtuWarnCountOption.series[0].data[7].value = data.offlineRtus;
|
|
|
+ this.rtuWarnCountOption.series[0].data[7].percent = num.toFixed(1);
|
|
|
+ } else {
|
|
|
+ this.rtuWarnCountOption.series[0].data[7].value = 0;
|
|
|
+ this.rtuWarnCountOption.series[0].data[7].percent = 0;
|
|
|
+ }
|
|
|
+ if (data.warnRtus > 0 && data.clockWarn > 0) {
|
|
|
+ let num = new Number(data.clockWarn / data.warnRtus * 100);
|
|
|
+ this.rtuWarnCountOption.series[0].data[6].value = data.clockWarn;
|
|
|
+ this.rtuWarnCountOption.series[0].data[6].percent = num.toFixed(1);
|
|
|
+ } else {
|
|
|
+ this.rtuWarnCountOption.series[0].data[6].value = 0;
|
|
|
+ this.rtuWarnCountOption.series[0].data[6].percent = 0;
|
|
|
+ }
|
|
|
+ if (data.warnRtus > 0 && data.rainUpMissOut > 0) {
|
|
|
+
|
|
|
+ let num = new Number(data.rainUpMissOut / data.warnRtus * 100);
|
|
|
+ this.rtuWarnCountOption.series[0].data[5].value = data.rainUpMissOut;
|
|
|
+ this.rtuWarnCountOption.series[0].data[5].percent = num.toFixed(1);
|
|
|
+ } else {
|
|
|
+ this.rtuWarnCountOption.series[0].data[5].value = 0;
|
|
|
+ this.rtuWarnCountOption.series[0].data[5].percent = 0;
|
|
|
+ }
|
|
|
+ if (data.warnRtus > 0 && data.riverUpMissOut > 0) {
|
|
|
+
|
|
|
+ let num = new Number(data.riverUpMissOut / data.warnRtus * 100);
|
|
|
+ this.rtuWarnCountOption.series[0].data[4].value = data.riverUpMissOut;
|
|
|
+ this.rtuWarnCountOption.series[0].data[4].percent = num.toFixed(1);
|
|
|
+ } else {
|
|
|
+ this.rtuWarnCountOption.series[0].data[4].value = 0;
|
|
|
+ this.rtuWarnCountOption.series[0].data[4].percent = 0;
|
|
|
+ }
|
|
|
+ if (data.warnRtus > 0 && data.minUpDelay > 0) {
|
|
|
+ let num = new Number(data.minUpDelay / data.warnRtus * 100);
|
|
|
+ this.rtuWarnCountOption.series[0].data[3].value = data.minUpDelay;
|
|
|
+ this.rtuWarnCountOption.series[0].data[3].percent = num.toFixed(1);
|
|
|
+ } else {
|
|
|
+ this.rtuWarnCountOption.series[0].data[3].value = 0;
|
|
|
+ this.rtuWarnCountOption.series[0].data[3].percent = 0;
|
|
|
+ }
|
|
|
+ if (data.warnRtus > 0 && data.rainHourUpDelay > 0) {
|
|
|
+ let num = new Number(data.rainHourUpDelay / data.warnRtus * 100);
|
|
|
+ this.rtuWarnCountOption.series[0].data[2].value = data.rainHourUpDelay;
|
|
|
+ this.rtuWarnCountOption.series[0].data[2].percent = num.toFixed(1);
|
|
|
+ } else {
|
|
|
+ this.rtuWarnCountOption.series[0].data[2].value = 0;
|
|
|
+ this.rtuWarnCountOption.series[0].data[2].percent = 0;
|
|
|
+ }
|
|
|
+ if (data.warnRtus > 0 && data.riverHourUpDelay > 0) {
|
|
|
+ let num = new Number(data.riverHourUpDelay / data.warnRtus * 100);
|
|
|
+ this.rtuWarnCountOption.series[0].data[1].value = data.riverHourUpDelay;
|
|
|
+ this.rtuWarnCountOption.series[0].data[1].percent = num.toFixed(1);
|
|
|
+ } else {
|
|
|
+ this.rtuWarnCountOption.series[0].data[1].value = 0;
|
|
|
+ this.rtuWarnCountOption.series[0].data[1].percent = 0;
|
|
|
+ }
|
|
|
+ if (data.warnRtus > 0 && data.riverHourUpDelay > 0) {
|
|
|
+ let num = new Number(data.outlierValue / data.warnRtus * 100);
|
|
|
+ this.rtuWarnCountOption.series[0].data[0].value = data.outlierValue;
|
|
|
+ this.rtuWarnCountOption.series[0].data[0].percent = num.toFixed(1);
|
|
|
+ } else {
|
|
|
+ this.rtuWarnCountOption.series[0].data[0].value = 0;
|
|
|
+ this.rtuWarnCountOption.series[0].data[0].percent = 0;
|
|
|
+ }
|
|
|
this.rtuWarnCountMap.setOption(this.rtuWarnCountOption);
|
|
|
}
|
|
|
});
|
|
|
@@ -1738,7 +1771,7 @@ export default {
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
-
|
|
|
+
|
|
|
<style>
|
|
|
.box-card {
|
|
|
width: 100%;
|