|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
- <el-form-item label="设备ID" prop="deviceId">
|
|
|
+ <el-form-item label="设备号" prop="deviceId">
|
|
|
<el-input
|
|
|
v-model="queryParams.deviceId"
|
|
|
placeholder="请输入设备ID"
|
|
@@ -9,6 +9,16 @@
|
|
|
@keyup.enter="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="停机类型" prop="stopType">
|
|
|
+ <el-select v-model="queryParams.stopType" placeholder="请选择" clearable style="width: 120px;">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in stop_type"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="日期" prop="dataDate">
|
|
|
<el-date-picker clearable
|
|
|
v-model="queryParams.dataDate"
|
|
@@ -17,107 +27,9 @@
|
|
|
placeholder="请选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="小时;0-23" prop="hour">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.hour"
|
|
|
- placeholder="请输入小时;0-23"
|
|
|
- clearable
|
|
|
- @keyup.enter="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="停机开始时间" prop="startTime">
|
|
|
- <el-date-picker clearable
|
|
|
- v-model="queryParams.startTime"
|
|
|
- type="date"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- placeholder="请选择停机开始时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="停机结束时间" prop="endTime">
|
|
|
- <el-date-picker clearable
|
|
|
- v-model="queryParams.endTime"
|
|
|
- type="date"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- placeholder="请选择停机结束时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="创建人" prop="createdBy">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.createdBy"
|
|
|
- placeholder="请输入创建人"
|
|
|
- clearable
|
|
|
- @keyup.enter="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="创建时间" prop="createdTime">
|
|
|
- <el-date-picker clearable
|
|
|
- v-model="queryParams.createdTime"
|
|
|
- type="date"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- placeholder="请选择创建时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="更新人" prop="updatedBy">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.updatedBy"
|
|
|
- placeholder="请输入更新人"
|
|
|
- clearable
|
|
|
- @keyup.enter="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="更新时间" prop="updatedTime">
|
|
|
- <el-date-picker clearable
|
|
|
- v-model="queryParams.updatedTime"
|
|
|
- type="date"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- placeholder="请选择更新时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="备注" prop="remark">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.remark"
|
|
|
- placeholder="请输入备注"
|
|
|
- clearable
|
|
|
- @keyup.enter="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- <el-row :gutter="10" class="mb8">
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- plain
|
|
|
- icon="Plus"
|
|
|
- @click="handleAdd"
|
|
|
- v-hasPermi="['calc:calcStop:add']"
|
|
|
- >新增</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="success"
|
|
|
- plain
|
|
|
- icon="Edit"
|
|
|
- :disabled="single"
|
|
|
- @click="handleUpdate"
|
|
|
- v-hasPermi="['calc:calcStop:edit']"
|
|
|
- >修改</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="danger"
|
|
|
- plain
|
|
|
- icon="Delete"
|
|
|
- :disabled="multiple"
|
|
|
- @click="handleDelete"
|
|
|
- v-hasPermi="['calc:calcStop:remove']"
|
|
|
- >删除</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
<el-button
|
|
|
type="warning"
|
|
|
plain
|
|
@@ -125,61 +37,70 @@
|
|
|
@click="handleExport"
|
|
|
v-hasPermi="['calc:calcStop:export']"
|
|
|
>导出</el-button>
|
|
|
- </el-col>
|
|
|
- <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-table v-loading="loading" :data="calcStopList" @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="ID" align="center" prop="id" />
|
|
|
- <el-table-column label="设备ID" align="center" prop="deviceId" />
|
|
|
- <el-table-column label="日期" align="center" prop="dataDate" width="180">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ parseTime(scope.row.dataDate, '{y}-{m}-{d}') }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="小时;0-23" align="center" prop="hour" />
|
|
|
- <el-table-column label="停机开始时间" align="center" prop="startTime" width="180">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d}') }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="停机结束时间" align="center" prop="endTime" width="180">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ parseTime(scope.row.endTime, '{y}-{m}-{d}') }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="停机类型;1停经片停机,2-CCD停机(相机号+断纱/故障)" align="center" prop="stopType" />
|
|
|
- <el-table-column label="统计状态;1.未完成的统计" align="center" prop="calcStatus" />
|
|
|
- <el-table-column label="创建人" align="center" prop="createdBy" />
|
|
|
- <el-table-column label="创建时间" align="center" prop="createdTime" width="180">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ parseTime(scope.row.createdTime, '{y}-{m}-{d}') }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="更新人" align="center" prop="updatedBy" />
|
|
|
- <el-table-column label="更新时间" align="center" prop="updatedTime" width="180">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ parseTime(scope.row.updatedTime, '{y}-{m}-{d}') }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="备注" align="center" prop="remark" />
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
- <template #default="scope">
|
|
|
- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['calc:calcStop:edit']">修改</el-button>
|
|
|
- <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['calc:calcStop:remove']">删除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
-
|
|
|
- <pagination
|
|
|
- v-show="total>0"
|
|
|
- :total="total"
|
|
|
- v-model:page="queryParams.pageNum"
|
|
|
- v-model:limit="queryParams.pageSize"
|
|
|
- @pagination="getList"
|
|
|
- />
|
|
|
-
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div style="display: flex;flex-direction: row;width: 100%;">
|
|
|
+ <div style="width: 35%;">
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ 停机原因分析
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-table v-loading="loading" :data="calcStopStat">
|
|
|
+ <el-table-column label="停机原因" align="center" prop="stopType">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ getStopTypeName(scope.row.stopType) }}</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%;">
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ 数据明细
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-table v-loading="loading" :data="calcStopList">
|
|
|
+ <el-table-column label="设备号" align="center" prop="deviceId">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ scope.row.deviceId+'号' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="日期" align="center" prop="dataDate">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ parseTime(scope.row.dataDate, '{y}-{m}-{d}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="停机开始时间" align="center" prop="startTime">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ scope.row.startTime }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="停机结束时间" align="center" prop="endTime">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ scope.row.endTime }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="停机类型" title="1停经片停机,2-CCD停机(相机号+断纱/故障)" align="center" prop="stopType">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ getStopTypeName(scope.row.stopType) }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <pagination
|
|
|
+ v-show="total>0"
|
|
|
+ :total="total"
|
|
|
+ v-model:page="queryParams.pageNum"
|
|
|
+ v-model:limit="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- 添加或修改停机数据统计对话框 -->
|
|
|
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
|
|
<el-form ref="calcStopRef" :model="form" :rules="rules" label-width="80px">
|
|
@@ -251,7 +172,6 @@
|
|
|
|
|
|
<script setup name="CalcStop">
|
|
|
import { listCalcStop, getCalcStop, delCalcStop, addCalcStop, updateCalcStop } from "@/api/calc/calcStop";
|
|
|
-
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
|
|
|
const calcStopList = ref([]);
|
|
@@ -263,29 +183,33 @@ const single = ref(true);
|
|
|
const multiple = ref(true);
|
|
|
const total = ref(0);
|
|
|
const title = ref("");
|
|
|
+const calcStopStat = ref([]);
|
|
|
|
|
|
const data = reactive({
|
|
|
form: {},
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
- pageSize: 10,
|
|
|
+ pageSize: 15,
|
|
|
deviceId: null,
|
|
|
dataDate: null,
|
|
|
hour: null,
|
|
|
startTime: null,
|
|
|
endTime: null,
|
|
|
- stopType: null,
|
|
|
calcStatus: null,
|
|
|
- createdBy: null,
|
|
|
- createdTime: null,
|
|
|
- updatedBy: null,
|
|
|
- updatedTime: null,
|
|
|
- remark: null
|
|
|
+ stopType: '',
|
|
|
},
|
|
|
rules: {
|
|
|
}
|
|
|
});
|
|
|
-
|
|
|
+const { stop_type } = proxy.useDict('stop_type');
|
|
|
+function getStopTypeName(v){
|
|
|
+ for (let index = 0; index < stop_type.value.length; index++) {
|
|
|
+ const element = stop_type.value[index];
|
|
|
+ if(element.value==v) return element.label;
|
|
|
+
|
|
|
+ }
|
|
|
+ return '';
|
|
|
+}
|
|
|
const { queryParams, form, rules } = toRefs(data);
|
|
|
|
|
|
/** 查询停机数据统计列表 */
|
|
@@ -313,13 +237,8 @@ function reset() {
|
|
|
hour: null,
|
|
|
startTime: null,
|
|
|
endTime: null,
|
|
|
- stopType: null,
|
|
|
calcStatus: null,
|
|
|
- createdBy: null,
|
|
|
- createdTime: null,
|
|
|
- updatedBy: null,
|
|
|
- updatedTime: null,
|
|
|
- remark: null
|
|
|
+ stopType: '',
|
|
|
};
|
|
|
proxy.resetForm("calcStopRef");
|
|
|
}
|