|
|
@ -22,14 +22,13 @@
|
|
|
|
<!-- <option :key="index" :value="x.seriesName" v-for="(x, index) in ceshib">{{ x.seriesName }}</option> -->
|
|
|
|
<!-- <option :key="index" :value="x.seriesName" v-for="(x, index) in ceshib">{{ x.seriesName }}</option> -->
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="selectborder selectborder1">
|
|
|
|
<!-- <div class="selectborder selectborder1">
|
|
|
|
<select v-model="selectxtclasses" class="select1" @change="selectline2(selectxtclasses)">
|
|
|
|
<select v-model="selectxtclasses" class="select1" @change="selectline2(selectxtclasses)">
|
|
|
|
<option :key="index" :value="x.shiftId" v-for="(x, index) in classesList">
|
|
|
|
<option :key="index" :value="x.shiftId" v-for="(x, index) in classesList">
|
|
|
|
{{ x.shiftDesc }}
|
|
|
|
{{ x.shiftDesc }}
|
|
|
|
</option>
|
|
|
|
</option>
|
|
|
|
<!-- <option :key="index" :value="x.seriesName" v-for="(x, index) in ceshib">{{ x.seriesName }}</option> -->
|
|
|
|
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="timebox">
|
|
|
|
<div class="timebox">
|
|
|
|
<div class="time">
|
|
|
|
<div class="time">
|
|
|
@ -58,13 +57,13 @@
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
|
|
<tbody>
|
|
|
|
<tbody>
|
|
|
|
<tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
|
|
|
|
<tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
|
|
|
|
v-for="(n, index) in getlist">
|
|
|
|
v-for="(n, index) in equipmentlist">
|
|
|
|
<td style="width: 8%;">1</td>
|
|
|
|
<td style="width: 8%;">{{index+1}}</td>
|
|
|
|
<td style="width: 18%;">测试设备</td>
|
|
|
|
<td style="width: 18%;">{{n.equipmentName}}</td>
|
|
|
|
<td style="width: 20%;">测试部门1</td>
|
|
|
|
<td style="width: 20%;">{{n.department}}</td>
|
|
|
|
<td style="width: 10%;">在用</td>
|
|
|
|
<td style="width: 10%;">{{n.equipmentStatus}}</td>
|
|
|
|
<td style="width: 12%;">10%</td>
|
|
|
|
<td style="width: 12%;">{{n.failureRate !=null ?n.failureRate+'%':'--'}}</td>
|
|
|
|
<td style="width: 12%;">90%</td>
|
|
|
|
<td style="width: 12%;">{{n.utilizationRatio !=null?n.utilizationRatio+'%':'--'}}</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
@ -95,15 +94,15 @@
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
|
|
<tbody>
|
|
|
|
<tbody>
|
|
|
|
<tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
|
|
|
|
<tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
|
|
|
|
v-for="(n, index) in getlist">
|
|
|
|
v-for="(n, index) in repairlist">
|
|
|
|
<td style="width: 8%;">1</td>
|
|
|
|
<td style="width: 8%;">{{index+1}}</td>
|
|
|
|
<td style="width: 12%;">测试设备</td>
|
|
|
|
<td style="width: 12%;">{{n.equipmentName}}</td>
|
|
|
|
<td style="width: 12%;">BM000001</td>
|
|
|
|
<td style="width: 12%;">{{n.equipmentCode}}</td>
|
|
|
|
<td style="width: 12%;">位置1</td>
|
|
|
|
<td style="width: 12%;">{{n.equipmentLocation}}</td>
|
|
|
|
<td style="width: 12%;">故障原因1</td>
|
|
|
|
<td style="width: 12%;">{{n.workFaultDesc}}</td>
|
|
|
|
<td style="width: 12%;">维修组</td>
|
|
|
|
<td style="width: 12%;">{{n.teamName}}</td>
|
|
|
|
<td style="width: 10%;">是</td>
|
|
|
|
<td style="width: 10%;">{{n.workHandle}}</td>
|
|
|
|
<td style="width: 18%;">2023-11-07 08:30:33</td>
|
|
|
|
<td style="width: 18%;">{{n.workPlanTime}}</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
@ -122,7 +121,7 @@
|
|
|
|
<div class="box">
|
|
|
|
<div class="box">
|
|
|
|
<div class="number">
|
|
|
|
<div class="number">
|
|
|
|
<span class="number1">
|
|
|
|
<span class="number1">
|
|
|
|
24
|
|
|
|
{{equipmentinfo.totalEquipment}}
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
<span class="name1">
|
|
|
|
<span class="name1">
|
|
|
|
台
|
|
|
|
台
|
|
|
@ -134,22 +133,22 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="box">
|
|
|
|
<div class="box">
|
|
|
|
<div class="number">
|
|
|
|
<div class="number">
|
|
|
|
<span class="number1">
|
|
|
|
<span class="number1" style="color: #FF4D4F;">
|
|
|
|
24
|
|
|
|
{{equipmentinfo.faultEquipment}}
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
<span class="name1">
|
|
|
|
<span class="name1">
|
|
|
|
台
|
|
|
|
台
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="name2">
|
|
|
|
<div class="name2">
|
|
|
|
设备总数
|
|
|
|
故障总数
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="itembottom">
|
|
|
|
<div class="itembottom">
|
|
|
|
<div class="item-table item-table1">
|
|
|
|
<!-- <div class="item-table item-table1">
|
|
|
|
<div class="titlebox" style="margin-bottom: 14px;">
|
|
|
|
<div class="titlebox" style="margin-bottom: 14px;">
|
|
|
|
<div class="titlename">设备综合效率</div>
|
|
|
|
<div class="titlename">设备综合效率</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -164,7 +163,6 @@
|
|
|
|
</thead>
|
|
|
|
</thead>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
|
<div class="table-tbody">
|
|
|
|
<div class="table-tbody">
|
|
|
|
<!-- <vue-seamless-scroll :data="getlistcx" :class-option="classOption" class="wrapscroll"> -->
|
|
|
|
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
|
|
<tbody>
|
|
|
|
<tbody>
|
|
|
|
<tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
|
|
|
|
<tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
|
|
|
@ -175,9 +173,8 @@
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
|
<!-- </vue-seamless-scroll> -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
<div class="item-table item-table1">
|
|
|
|
<div class="item-table item-table1">
|
|
|
|
<div class="titlebox" style="margin-bottom: 14px;">
|
|
|
|
<div class="titlebox" style="margin-bottom: 14px;">
|
|
|
|
<div class="titlename">设备稳定性</div>
|
|
|
|
<div class="titlename">设备稳定性</div>
|
|
|
@ -197,10 +194,10 @@
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
|
|
<tbody>
|
|
|
|
<tbody>
|
|
|
|
<tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
|
|
|
|
<tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
|
|
|
|
v-for="(n, index) in getlist">
|
|
|
|
v-for="(n, index) in equipmentstabilizelist">
|
|
|
|
<td style="width: 8%;">1</td>
|
|
|
|
<td style="width: 8%;">{{index+1}}</td>
|
|
|
|
<td style="width: 12%;">测试设备</td>
|
|
|
|
<td style="width: 12%;">{{n.equipmentCode}}</td>
|
|
|
|
<td style="width: 12%;">88%</td>
|
|
|
|
<td style="width: 12%;">{{n.mtbf !=null ?n.mtbf+'%':'--'}}</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
@ -226,10 +223,10 @@
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
|
|
<tbody>
|
|
|
|
<tbody>
|
|
|
|
<tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
|
|
|
|
<tr :class="[index % 2 == 1 ? 'active1' : 'active2']" style="height:48px" :key="index"
|
|
|
|
v-for="(n, index) in getlist">
|
|
|
|
v-for="(n, index) in equipmentrepairlist">
|
|
|
|
<td style="width: 8%;">1</td>
|
|
|
|
<td style="width: 8%;">{{index+1}}</td>
|
|
|
|
<td style="width: 12%;">测试设备</td>
|
|
|
|
<td style="width: 12%;">{{n.equipmentName}}</td>
|
|
|
|
<td style="width: 12%;">88%</td>
|
|
|
|
<td style="width: 12%;">{{n.rapairQuantity !=null ?n.rapairQuantity+'%':'--'}}</td>
|
|
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</table>
|
|
|
@ -249,7 +246,12 @@ import {
|
|
|
|
getBoardFactory,
|
|
|
|
getBoardFactory,
|
|
|
|
getMesBoardEquProductionToday,
|
|
|
|
getMesBoardEquProductionToday,
|
|
|
|
getBoardShifts,
|
|
|
|
getBoardShifts,
|
|
|
|
} from "@/api/kanban/dailyoutput";
|
|
|
|
getRepairWorkOrder,
|
|
|
|
|
|
|
|
getEquipmentInfo,
|
|
|
|
|
|
|
|
getRepairQuantity,
|
|
|
|
|
|
|
|
equipmentIntactRate,
|
|
|
|
|
|
|
|
equipmentStability,
|
|
|
|
|
|
|
|
} from "@/api/kanban/equipment";
|
|
|
|
import * as echarts from "echarts";
|
|
|
|
import * as echarts from "echarts";
|
|
|
|
import moment from "moment";
|
|
|
|
import moment from "moment";
|
|
|
|
// import Echarts3D from "./echarts3d.vue";
|
|
|
|
// import Echarts3D from "./echarts3d.vue";
|
|
|
@ -302,8 +304,193 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
|
|
|
|
repairlist: [],
|
|
|
|
|
|
|
|
equipmentlist: [],
|
|
|
|
|
|
|
|
equipmentrepairlist: [],
|
|
|
|
|
|
|
|
equipmentstabilizelist: [],
|
|
|
|
|
|
|
|
equipmentinfo: [],
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
|
|
|
// "createBy": null,
|
|
|
|
|
|
|
|
// "createTime": null,
|
|
|
|
|
|
|
|
// "updateBy": null,
|
|
|
|
|
|
|
|
// "updateTime": null,
|
|
|
|
|
|
|
|
// "remark": null,
|
|
|
|
|
|
|
|
// "poolName": null,
|
|
|
|
|
|
|
|
// "deptId": null,
|
|
|
|
|
|
|
|
// "parentId": null,
|
|
|
|
|
|
|
|
// "ancestors": null,
|
|
|
|
|
|
|
|
// "deptName": "中山恒阳工厂",
|
|
|
|
|
|
|
|
// "orderNum": null,
|
|
|
|
|
|
|
|
// "leader": null,
|
|
|
|
|
|
|
|
// "phone": null,
|
|
|
|
|
|
|
|
// "email": null,
|
|
|
|
|
|
|
|
// "status": null,
|
|
|
|
|
|
|
|
// "delFlag": null,
|
|
|
|
|
|
|
|
// "parentName": "999",
|
|
|
|
|
|
|
|
// "children": []
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
|
|
|
// "createBy": null,
|
|
|
|
|
|
|
|
// "createTime": null,
|
|
|
|
|
|
|
|
// "updateBy": null,
|
|
|
|
|
|
|
|
// "updateTime": null,
|
|
|
|
|
|
|
|
// "remark": null,
|
|
|
|
|
|
|
|
// "poolName": null,
|
|
|
|
|
|
|
|
// "deptId": null,
|
|
|
|
|
|
|
|
// "parentId": null,
|
|
|
|
|
|
|
|
// "ancestors": null,
|
|
|
|
|
|
|
|
// "deptName": "中山小榄工厂",
|
|
|
|
|
|
|
|
// "orderNum": null,
|
|
|
|
|
|
|
|
// "leader": null,
|
|
|
|
|
|
|
|
// "phone": null,
|
|
|
|
|
|
|
|
// "email": null,
|
|
|
|
|
|
|
|
// "status": null,
|
|
|
|
|
|
|
|
// "delFlag": null,
|
|
|
|
|
|
|
|
// "parentName": "1000",
|
|
|
|
|
|
|
|
// "children": []
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
|
|
|
// "createBy": null,
|
|
|
|
|
|
|
|
// "createTime": null,
|
|
|
|
|
|
|
|
// "updateBy": null,
|
|
|
|
|
|
|
|
// "updateTime": null,
|
|
|
|
|
|
|
|
// "remark": null,
|
|
|
|
|
|
|
|
// "poolName": null,
|
|
|
|
|
|
|
|
// "deptId": null,
|
|
|
|
|
|
|
|
// "parentId": null,
|
|
|
|
|
|
|
|
// "ancestors": null,
|
|
|
|
|
|
|
|
// "deptName": "内委虚拟工厂",
|
|
|
|
|
|
|
|
// "orderNum": null,
|
|
|
|
|
|
|
|
// "leader": null,
|
|
|
|
|
|
|
|
// "phone": null,
|
|
|
|
|
|
|
|
// "email": null,
|
|
|
|
|
|
|
|
// "status": null,
|
|
|
|
|
|
|
|
// "delFlag": null,
|
|
|
|
|
|
|
|
// "parentName": "1001",
|
|
|
|
|
|
|
|
// "children": []
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
|
|
|
// "createBy": null,
|
|
|
|
|
|
|
|
// "createTime": null,
|
|
|
|
|
|
|
|
// "updateBy": null,
|
|
|
|
|
|
|
|
// "updateTime": null,
|
|
|
|
|
|
|
|
// "remark": null,
|
|
|
|
|
|
|
|
// "poolName": null,
|
|
|
|
|
|
|
|
// "deptId": null,
|
|
|
|
|
|
|
|
// "parentId": null,
|
|
|
|
|
|
|
|
// "ancestors": null,
|
|
|
|
|
|
|
|
// "deptName": "中山雅黛工厂",
|
|
|
|
|
|
|
|
// "orderNum": null,
|
|
|
|
|
|
|
|
// "leader": null,
|
|
|
|
|
|
|
|
// "phone": null,
|
|
|
|
|
|
|
|
// "email": null,
|
|
|
|
|
|
|
|
// "status": null,
|
|
|
|
|
|
|
|
// "delFlag": null,
|
|
|
|
|
|
|
|
// "parentName": "1010",
|
|
|
|
|
|
|
|
// "children": []
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
|
|
|
// "createBy": null,
|
|
|
|
|
|
|
|
// "createTime": null,
|
|
|
|
|
|
|
|
// "updateBy": null,
|
|
|
|
|
|
|
|
// "updateTime": null,
|
|
|
|
|
|
|
|
// "remark": null,
|
|
|
|
|
|
|
|
// "poolName": null,
|
|
|
|
|
|
|
|
// "deptId": null,
|
|
|
|
|
|
|
|
// "parentId": null,
|
|
|
|
|
|
|
|
// "ancestors": null,
|
|
|
|
|
|
|
|
// "deptName": "中山雅黛工厂(OEM业务)",
|
|
|
|
|
|
|
|
// "orderNum": null,
|
|
|
|
|
|
|
|
// "leader": null,
|
|
|
|
|
|
|
|
// "phone": null,
|
|
|
|
|
|
|
|
// "email": null,
|
|
|
|
|
|
|
|
// "status": null,
|
|
|
|
|
|
|
|
// "delFlag": null,
|
|
|
|
|
|
|
|
// "parentName": "1011",
|
|
|
|
|
|
|
|
// "children": []
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
|
|
|
// "createBy": null,
|
|
|
|
|
|
|
|
// "createTime": null,
|
|
|
|
|
|
|
|
// "updateBy": null,
|
|
|
|
|
|
|
|
// "updateTime": null,
|
|
|
|
|
|
|
|
// "remark": null,
|
|
|
|
|
|
|
|
// "poolName": null,
|
|
|
|
|
|
|
|
// "deptId": null,
|
|
|
|
|
|
|
|
// "parentId": null,
|
|
|
|
|
|
|
|
// "ancestors": null,
|
|
|
|
|
|
|
|
// "deptName": "重庆榄菊工厂",
|
|
|
|
|
|
|
|
// "orderNum": null,
|
|
|
|
|
|
|
|
// "leader": null,
|
|
|
|
|
|
|
|
// "phone": null,
|
|
|
|
|
|
|
|
// "email": null,
|
|
|
|
|
|
|
|
// "status": null,
|
|
|
|
|
|
|
|
// "delFlag": null,
|
|
|
|
|
|
|
|
// "parentName": "1020",
|
|
|
|
|
|
|
|
// "children": []
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
|
|
|
// "createBy": null,
|
|
|
|
|
|
|
|
// "createTime": null,
|
|
|
|
|
|
|
|
// "updateBy": null,
|
|
|
|
|
|
|
|
// "updateTime": null,
|
|
|
|
|
|
|
|
// "remark": null,
|
|
|
|
|
|
|
|
// "poolName": null,
|
|
|
|
|
|
|
|
// "deptId": null,
|
|
|
|
|
|
|
|
// "parentId": null,
|
|
|
|
|
|
|
|
// "ancestors": null,
|
|
|
|
|
|
|
|
// "deptName": "江西榄菊工厂",
|
|
|
|
|
|
|
|
// "orderNum": null,
|
|
|
|
|
|
|
|
// "leader": null,
|
|
|
|
|
|
|
|
// "phone": null,
|
|
|
|
|
|
|
|
// "email": null,
|
|
|
|
|
|
|
|
// "status": null,
|
|
|
|
|
|
|
|
// "delFlag": null,
|
|
|
|
|
|
|
|
// "parentName": "1030",
|
|
|
|
|
|
|
|
// "children": []
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
|
|
|
// "createBy": null,
|
|
|
|
|
|
|
|
// "createTime": null,
|
|
|
|
|
|
|
|
// "updateBy": null,
|
|
|
|
|
|
|
|
// "updateTime": null,
|
|
|
|
|
|
|
|
// "remark": null,
|
|
|
|
|
|
|
|
// "poolName": null,
|
|
|
|
|
|
|
|
// "deptId": null,
|
|
|
|
|
|
|
|
// "parentId": null,
|
|
|
|
|
|
|
|
// "ancestors": null,
|
|
|
|
|
|
|
|
// "deptName": "安徽榄菊工厂",
|
|
|
|
|
|
|
|
// "orderNum": null,
|
|
|
|
|
|
|
|
// "leader": null,
|
|
|
|
|
|
|
|
// "phone": null,
|
|
|
|
|
|
|
|
// "email": null,
|
|
|
|
|
|
|
|
// "status": null,
|
|
|
|
|
|
|
|
// "delFlag": null,
|
|
|
|
|
|
|
|
// "parentName": "1040",
|
|
|
|
|
|
|
|
// "children": []
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
|
|
|
// "createBy": null,
|
|
|
|
|
|
|
|
// "createTime": null,
|
|
|
|
|
|
|
|
// "updateBy": null,
|
|
|
|
|
|
|
|
// "updateTime": null,
|
|
|
|
|
|
|
|
// "remark": null,
|
|
|
|
|
|
|
|
// "poolName": null,
|
|
|
|
|
|
|
|
// "deptId": null,
|
|
|
|
|
|
|
|
// "parentId": null,
|
|
|
|
|
|
|
|
// "ancestors": null,
|
|
|
|
|
|
|
|
// "deptName": "安徽榄菊工厂(OEM业务)",
|
|
|
|
|
|
|
|
// "orderNum": null,
|
|
|
|
|
|
|
|
// "leader": null,
|
|
|
|
|
|
|
|
// "phone": null,
|
|
|
|
|
|
|
|
// "email": null,
|
|
|
|
|
|
|
|
// "status": null,
|
|
|
|
|
|
|
|
// "delFlag": null,
|
|
|
|
|
|
|
|
// "parentName": "1041",
|
|
|
|
|
|
|
|
// "children": []
|
|
|
|
|
|
|
|
// },
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
created() { },
|
|
|
|
created() { },
|
|
|
@ -313,10 +500,10 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted() {
|
|
|
|
mounted() {
|
|
|
|
// this.datetime = moment().subtract(2, "day").format("yyyy-MM-DD");
|
|
|
|
// this.datetime = moment().subtract(2, "day").format("yyyy-MM-DD");
|
|
|
|
//console.log('zhuanhuahou',this.dateRangeone)
|
|
|
|
//console.log('zhuanhuahou',this.dateRangeone)
|
|
|
|
|
|
|
|
// this.getdatalist(this.selectxt)
|
|
|
|
this.selectFactorylist();
|
|
|
|
this.selectFactorylist();
|
|
|
|
this.gettime();
|
|
|
|
this.gettime();
|
|
|
|
this.initChart1();
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
back() {
|
|
|
|
back() {
|
|
|
@ -336,27 +523,61 @@ export default {
|
|
|
|
if (response.data) {
|
|
|
|
if (response.data) {
|
|
|
|
_this.getLineList = response.data;
|
|
|
|
_this.getLineList = response.data;
|
|
|
|
_this.selectxt = _this.getLineList[0].parentName;
|
|
|
|
_this.selectxt = _this.getLineList[0].parentName;
|
|
|
|
getBoardShifts({
|
|
|
|
_this.getdatalist(_this.selectxt)
|
|
|
|
factory: _this.selectxt,
|
|
|
|
}
|
|
|
|
}).then((response) => {
|
|
|
|
});
|
|
|
|
if (response.data) {
|
|
|
|
},
|
|
|
|
console.log(response.data);
|
|
|
|
getdatalist(Name) {
|
|
|
|
_this.classesList = response.data;
|
|
|
|
const _this = this;
|
|
|
|
_this.selectxtclasses = _this.classesList[0].shiftId;
|
|
|
|
let poolName = 'ds_' + Name
|
|
|
|
_this.initChart1();
|
|
|
|
getRepairWorkOrder({
|
|
|
|
_this.time1 = setInterval(() => {
|
|
|
|
poolName: poolName,
|
|
|
|
_this.initChart1();
|
|
|
|
}).then((response) => {
|
|
|
|
}, 1000 * 60 * 1);
|
|
|
|
if(response.data){
|
|
|
|
}
|
|
|
|
response.data.forEach((item) => {
|
|
|
|
|
|
|
|
item.workPlanTime = moment(item.workPlanTime).format('YYYY-MM-DD HH:mm:ss')
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
_this.repairlist = response.data
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
getEquipmentInfo({
|
|
|
|
|
|
|
|
poolName: poolName,
|
|
|
|
|
|
|
|
}).then((response) => {
|
|
|
|
|
|
|
|
if(response.data){
|
|
|
|
|
|
|
|
_this.equipmentlist = response.data
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
getRepairQuantity({
|
|
|
|
|
|
|
|
poolName: poolName,
|
|
|
|
|
|
|
|
}).then((response) => {
|
|
|
|
|
|
|
|
if(response.data){
|
|
|
|
|
|
|
|
_this.equipmentrepairlist = response.data
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
equipmentIntactRate({
|
|
|
|
|
|
|
|
poolName: poolName,
|
|
|
|
|
|
|
|
}).then((response) => {
|
|
|
|
|
|
|
|
if(response.data){
|
|
|
|
|
|
|
|
_this.equipmentinfo = response.data
|
|
|
|
|
|
|
|
_this.initChart1()
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
equipmentStability({
|
|
|
|
|
|
|
|
poolName: poolName,
|
|
|
|
|
|
|
|
}).then((response) => {
|
|
|
|
|
|
|
|
if(response.data){
|
|
|
|
|
|
|
|
_this.equipmentstabilizelist = response.data
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
initChart1() {
|
|
|
|
initChart1() {
|
|
|
|
|
|
|
|
const _this = this
|
|
|
|
|
|
|
|
let intactRate = 0
|
|
|
|
|
|
|
|
let numberAngle = 180
|
|
|
|
|
|
|
|
if(_this.equipmentinfo.intactRate){
|
|
|
|
|
|
|
|
intactRate = _this.equipmentinfo.intactRate
|
|
|
|
|
|
|
|
numberAngle = parseInt(_this.equipmentinfo.intactRate)*1.8 - 180
|
|
|
|
|
|
|
|
}
|
|
|
|
var myChart1 = echarts.init(document.querySelector("#echart1"));
|
|
|
|
var myChart1 = echarts.init(document.querySelector("#echart1"));
|
|
|
|
var option1 = {
|
|
|
|
var option1 = {
|
|
|
|
//提示框组件。开发实际中去掉了指针,提示框可以不用设置。
|
|
|
|
//提示框组件。开发实际中去掉了指针,提示框可以不用设置。
|
|
|
@ -517,7 +738,7 @@ export default {
|
|
|
|
//半径
|
|
|
|
//半径
|
|
|
|
radius: 115,
|
|
|
|
radius: 115,
|
|
|
|
//起始角度。圆心 正右手侧为0度,正上方为90度,正左手侧为180度。
|
|
|
|
//起始角度。圆心 正右手侧为0度,正上方为90度,正左手侧为180度。
|
|
|
|
startAngle: 18,
|
|
|
|
startAngle: numberAngle,
|
|
|
|
//结束角度。
|
|
|
|
//结束角度。
|
|
|
|
endAngle: 0,
|
|
|
|
endAngle: 0,
|
|
|
|
center: ["50%", "100%"],
|
|
|
|
center: ["50%", "100%"],
|
|
|
@ -579,7 +800,6 @@ export default {
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
//类型
|
|
|
|
//类型
|
|
|
|
color: "#fff",
|
|
|
|
color: "#fff",
|
|
|
@ -671,7 +891,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: [
|
|
|
|
data: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
value: 10,
|
|
|
|
value: intactRate,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
],
|
|
|
|
],
|
|
|
@ -686,20 +906,9 @@ export default {
|
|
|
|
this.optionDatalist2 = [];
|
|
|
|
this.optionDatalist2 = [];
|
|
|
|
this.optionDatalist3 = [];
|
|
|
|
this.optionDatalist3 = [];
|
|
|
|
this.optionDatalist4 = [];
|
|
|
|
this.optionDatalist4 = [];
|
|
|
|
getBoardShifts({
|
|
|
|
_this.getdatalist(_this.selectxt)
|
|
|
|
factory: _this.selectxt,
|
|
|
|
|
|
|
|
}).then((response) => {
|
|
|
|
|
|
|
|
if (response.data) {
|
|
|
|
|
|
|
|
console.log(response.data);
|
|
|
|
|
|
|
|
_this.classesList = response.data;
|
|
|
|
|
|
|
|
_this.selectxtclasses = _this.classesList[0].shiftId;
|
|
|
|
|
|
|
|
_this.initChart1();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
selectline2() {
|
|
|
|
|
|
|
|
this.initChart1();
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
//左侧第一个选择类型下拉框 回调函数
|
|
|
|
//左侧第一个选择类型下拉框 回调函数
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
@ -827,6 +1036,7 @@ export default {
|
|
|
|
// width: 1775px;
|
|
|
|
// width: 1775px;
|
|
|
|
margin: auto;
|
|
|
|
margin: auto;
|
|
|
|
overflow-y: scroll;
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
|
|
|
|
|
|
|
table {
|
|
|
|
table {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
|
@ -928,6 +1138,7 @@ export default {
|
|
|
|
margin-top: 19px;
|
|
|
|
margin-top: 19px;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-around;
|
|
|
|
justify-content: space-around;
|
|
|
|
|
|
|
|
|
|
|
|
.item-table {
|
|
|
|
.item-table {
|
|
|
|
width: 610px;
|
|
|
|
width: 610px;
|
|
|
|
height: 292px;
|
|
|
|
height: 292px;
|
|
|
@ -938,7 +1149,7 @@ export default {
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
|
|
|
.table-thead {
|
|
|
|
.table-thead {
|
|
|
|
width: 1197px;
|
|
|
|
width: 100%;
|
|
|
|
height: 44px;
|
|
|
|
height: 44px;
|
|
|
|
margin: auto;
|
|
|
|
margin: auto;
|
|
|
|
background: #0A1A33;
|
|
|
|
background: #0A1A33;
|
|
|
@ -978,13 +1189,18 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.item-table1:first-child {
|
|
|
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item-table1 {
|
|
|
|
.item-table1 {
|
|
|
|
|
|
|
|
flex: 1;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-top: 20px;
|
|
|
|
padding-top: 19px;
|
|
|
|
padding-top: 19px;
|
|
|
|
|
|
|
|
|
|
|
|
.table-thead {
|
|
|
|
// .table-thead {
|
|
|
|
width: 565.01px;
|
|
|
|
// width: 565.01px;
|
|
|
|
}
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
.table-tbody {
|
|
|
|
.table-tbody {
|
|
|
|
height: 144px;
|
|
|
|
height: 144px;
|
|
|
@ -1026,7 +1242,7 @@ export default {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-around;
|
|
|
|
justify-content: space-around;
|
|
|
|
width: 310px;
|
|
|
|
width: 350px;
|
|
|
|
margin-left: 50px;
|
|
|
|
margin-left: 50px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -1140,6 +1356,7 @@ export default {
|
|
|
|
.active2 {
|
|
|
|
.active2 {
|
|
|
|
// background-color: #04060E;
|
|
|
|
// background-color: #04060E;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
width: 3px;
|
|
|
|
width: 3px;
|
|
|
|
height: 0px;
|
|
|
|
height: 0px;
|
|
|
@ -1158,5 +1375,4 @@ export default {
|
|
|
|
border-radius: 8px;
|
|
|
|
border-radius: 8px;
|
|
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
|
|
background-color: #0091ff;
|
|
|
|
background-color: #0091ff;
|
|
|
|
}
|
|
|
|
}</style>
|
|
|
|
</style>
|
|
|
|
|
|
|
|