|
@@ -19,12 +19,14 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="日期" prop="dataDate">
|
|
|
+ <el-form-item label="日期" prop="daterangeTime">
|
|
|
<el-date-picker clearable
|
|
|
- v-model="queryParams.dataDate"
|
|
|
- type="date"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- placeholder="请选择日期">
|
|
|
+ v-model="queryParams.daterangeTime"
|
|
|
+ type="datetimerange"
|
|
|
+ value-format="YYYY-MM-DD HH:mm"
|
|
|
+ time-format="HH:mm"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
@@ -49,13 +51,21 @@
|
|
|
<el-table v-loading="loading" :data="calcStopStat">
|
|
|
<el-table-column label="停机原因" align="center" prop="stopType">
|
|
|
<template #default="scope">
|
|
|
- <span>{{ getStopTypeName(scope.row.stopType) }}</span>
|
|
|
+ <span>{{ getStopTypeName(scope.row.type) }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="停机次数" align="center" prop="num"></el-table-column>
|
|
|
+ <el-table-column label="停机时长" align="center" prop="time" width="150px"></el-table-column>
|
|
|
+ <el-table-column label="次数占比" align="center" prop="percentNum">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ (scope.row.percentNum*100).toFixed(1)+' %' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="时长占比" align="center" prop="percentTimes">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ (scope.row.percentTimes*100).toFixed(1)+' %' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="停机次数" align="center" prop="stopNum"></el-table-column>
|
|
|
- <el-table-column label="停机时长" align="center" prop="stopTimeLong"></el-table-column>
|
|
|
- <el-table-column label="次数占比" align="center" prop="stopNumRatio"></el-table-column>
|
|
|
- <el-table-column label="时长占比" align="center" prop="stopTimeLongRatio"></el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
<div style="width: 60%;margin-left: 5%;">
|
|
@@ -171,7 +181,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup name="CalcStop">
|
|
|
-import { listCalcStop, getCalcStop, delCalcStop, addCalcStop, updateCalcStop } from "@/api/calc/calcStop";
|
|
|
+import { listCalcStop, statCalcStop, getCalcStop, delCalcStop, addCalcStop, updateCalcStop } from "@/api/calc/calcStop";
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
|
|
|
const calcStopList = ref([]);
|
|
@@ -184,17 +194,18 @@ const multiple = ref(true);
|
|
|
const total = ref(0);
|
|
|
const title = ref("");
|
|
|
const calcStopStat = ref([]);
|
|
|
-
|
|
|
+let day = new Date();
|
|
|
+day=day.setDate(day.getDate()-1);
|
|
|
const data = reactive({
|
|
|
form: {},
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 15,
|
|
|
deviceId: null,
|
|
|
- dataDate: null,
|
|
|
+ daterangeTime:[ new Date(day).Format('yyyy-MM-dd')+' 00:00',new Date(day).Format('yyyy-MM-dd')+' 23:00'],
|
|
|
hour: null,
|
|
|
- startTime: null,
|
|
|
- endTime: null,
|
|
|
+ sTime: null,
|
|
|
+ eTime: null,
|
|
|
calcStatus: null,
|
|
|
stopType: '',
|
|
|
},
|
|
@@ -211,17 +222,42 @@ function getStopTypeName(v){
|
|
|
return '';
|
|
|
}
|
|
|
const { queryParams, form, rules } = toRefs(data);
|
|
|
-
|
|
|
/** 查询停机数据统计列表 */
|
|
|
function getList() {
|
|
|
loading.value = true;
|
|
|
+ calcStopList.value=[];
|
|
|
+ if(queryParams.value.daterangeTime==null){
|
|
|
+ queryParams.value.daterangeTime = [new Date(day).Format('yyyy-MM-dd')+' 00:00',new Date(day).Format('yyyy-MM-dd')+' 23:00'];
|
|
|
+ }
|
|
|
+ queryParams.value['params']={"sTime":queryParams.value.daterangeTime[0]+':00',"eTime":queryParams.value.daterangeTime[1]+':00'}
|
|
|
listCalcStop(queryParams.value).then(response => {
|
|
|
+ loading.value = false;
|
|
|
+ if(response.code!=200){
|
|
|
+ return;
|
|
|
+ }
|
|
|
calcStopList.value = response.rows;
|
|
|
total.value = response.total;
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+function getStat() {
|
|
|
+ loading.value = true;
|
|
|
+ calcStopStat.value=[];
|
|
|
+ if(queryParams.value.daterangeTime==null){
|
|
|
+ queryParams.value.daterangeTime = [new Date(day).Format('yyyy-MM-dd')+' 00:00',new Date(day).Format('yyyy-MM-dd')+' 23:00'];
|
|
|
+ }
|
|
|
+ queryParams.value['params']={"sTime":queryParams.value.daterangeTime[0]+':00',"eTime":queryParams.value.daterangeTime[1]+':00'}
|
|
|
+ statCalcStop(queryParams.value).then(response => {
|
|
|
loading.value = false;
|
|
|
+ if(response.code!=0){
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ calcStopStat.value = response.data.calc;
|
|
|
});
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+
|
|
|
// 取消按钮
|
|
|
function cancel() {
|
|
|
open.value = false;
|
|
@@ -233,7 +269,7 @@ function reset() {
|
|
|
form.value = {
|
|
|
id: null,
|
|
|
deviceId: null,
|
|
|
- dataDate: null,
|
|
|
+ dataDateRange: null,
|
|
|
hour: null,
|
|
|
startTime: null,
|
|
|
endTime: null,
|
|
@@ -247,6 +283,7 @@ function reset() {
|
|
|
function handleQuery() {
|
|
|
queryParams.value.pageNum = 1;
|
|
|
getList();
|
|
|
+ getStat();
|
|
|
}
|
|
|
|
|
|
/** 重置按钮操作 */
|
|
@@ -318,6 +355,6 @@ function handleExport() {
|
|
|
...queryParams.value
|
|
|
}, `calcStop_${new Date().getTime()}.xlsx`)
|
|
|
}
|
|
|
-
|
|
|
+getStat();
|
|
|
getList();
|
|
|
</script>
|