|
@@ -1,113 +1,62 @@
|
|
|
<template>
|
|
|
- <el-drawer
|
|
|
- title="维保详情"
|
|
|
- :visible.sync="drawerVisible"
|
|
|
- :direction="direction"
|
|
|
- size="60%"
|
|
|
- >
|
|
|
+ <el-drawer title="计划详情" :visible.sync="drawerVisible" :direction="direction" size="60%">
|
|
|
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
- <el-tab-pane label="维保详情" name="first">
|
|
|
+ <el-tab-pane label="计划详情" name="first">
|
|
|
<el-divider content-position="left">基础信息</el-divider>
|
|
|
-
|
|
|
+
|
|
|
<el-row>
|
|
|
<div style="margin-bottom: 30px; margin-left: 50px">
|
|
|
- <el-col
|
|
|
- :span="6"
|
|
|
- style="margin-top: 10px; font-size: 14px; color: #a0a0a0"
|
|
|
- >
|
|
|
+ <el-col :span="6" style="margin-top: 10px; font-size: 14px; color: #a0a0a0">
|
|
|
<div class="detail-item">
|
|
|
- <span>所属地区:</span>
|
|
|
- <span class="item">{{ data.department_name }}</span>
|
|
|
+ <span>工作计划:</span>
|
|
|
+ <span class="item">{{ data.plan_name }}</span>
|
|
|
</div>
|
|
|
<div class="detail-item">
|
|
|
<pre style="display: inline">工作位置:</pre>
|
|
|
- <span class="item">{{ data.work_local_name }}</span>
|
|
|
- </div>
|
|
|
- <div class="detail-item">
|
|
|
- <span>螺栓型号:</span>
|
|
|
- <span class="item">{{ data.boit_type_name }}</span>
|
|
|
+ <span class="item">{{ data.work_sign_name }}</span>
|
|
|
</div>
|
|
|
<div class="detail-item">
|
|
|
- <pre style="display: inline">外 径:</pre>
|
|
|
- <span class="item">{{ data.external_diameter }}</span>
|
|
|
+ <span>状态:</span>
|
|
|
+ <span class="item">{{ data.status==1?'启用':"未启用" }}</span>
|
|
|
</div>
|
|
|
+
|
|
|
</el-col>
|
|
|
- <el-col
|
|
|
- :span="6"
|
|
|
- style="margin-top: 10px; font-size: 14px; color: #a0a0a0"
|
|
|
- >
|
|
|
+ <el-col :span="6" style="margin-top: 10px; font-size: 14px; color: #a0a0a0">
|
|
|
<div class="detail-item">
|
|
|
<pre style="display: inline">风场名称:</pre>
|
|
|
<span class="item">{{ data.wind_name }}</span>
|
|
|
</div>
|
|
|
<div class="detail-item">
|
|
|
<span>所属部件:</span>
|
|
|
- <span class="item">{{data.parts_name}}</span>
|
|
|
+ <span class="item">{{data.parts_sign_name}}</span>
|
|
|
</div>
|
|
|
<div class="detail-item">
|
|
|
- <pre style="display: inline">扭 矩:</pre>
|
|
|
- <span class="item">{{ data.torque }}</span>
|
|
|
- </div>
|
|
|
- <div class="detail-item">
|
|
|
- <pre style="display: inline">维保时间:</pre>
|
|
|
- <span class="item">{{ data.created_at }}</span>
|
|
|
+ <pre style="display: inline">创建人:</pre>
|
|
|
+ <span class="item">{{ data.creat_name }}</span>
|
|
|
</div>
|
|
|
+
|
|
|
</el-col>
|
|
|
- <el-col
|
|
|
- :span="6"
|
|
|
- style="margin-top: 10px; font-size: 14px; color: #a0a0a0"
|
|
|
- >
|
|
|
+ <el-col :span="6" style="margin-top: 10px; font-size: 14px; color: #a0a0a0">
|
|
|
<div class="detail-item">
|
|
|
<pre style="display: inline">风机机位号:</pre>
|
|
|
<span class="item">{{ data.fan_number }}</span>
|
|
|
</div>
|
|
|
<div class="detail-item">
|
|
|
- <span>螺栓样式:</span>
|
|
|
- <span class="item">{{ data.bolt_style_name }}</span>
|
|
|
- </div>
|
|
|
- <div class="detail-item">
|
|
|
- <pre style="display: inline">压 力:</pre>
|
|
|
- <span class="item">{{ data.pressure }}</span>
|
|
|
+ <span>螺栓型号:</span>
|
|
|
+ <span class="item">{{ data.boit_type_sign_name }}</span>
|
|
|
</div>
|
|
|
<div class="detail-item">
|
|
|
- <pre style="display: inline">工作人员:</pre>
|
|
|
- <span class="item">{{ data.work_name }}</span>
|
|
|
+ <pre style="display: inline">创建时间:</pre>
|
|
|
+ <span class="item">{{ data.created_at }}</span>
|
|
|
</div>
|
|
|
+
|
|
|
</el-col>
|
|
|
<el-col :span="6"></el-col>
|
|
|
</div>
|
|
|
</el-row>
|
|
|
-
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="统计分析" name="second">
|
|
|
- <div class="app-container" style="padding:0px 20px;margin:0px; ">
|
|
|
- <div class="head-search">
|
|
|
- <div>
|
|
|
- <label class="search_title">上报时间:</label>
|
|
|
- <el-date-picker
|
|
|
- class="search-box"
|
|
|
- v-model="timepart"
|
|
|
- type="datetimerange"
|
|
|
- align="right"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- unlink-panels
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="截止日期"
|
|
|
- :picker-options="pickerOptions"
|
|
|
- @change="refresh"
|
|
|
- :clearable="false"
|
|
|
- ></el-date-picker>
|
|
|
-
|
|
|
- <el-button class="search-box" type="info" @click="refresh">筛选</el-button>
|
|
|
- <!-- <el-button type="defaul" @click="clearFilter">重置</el-button> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-divider content-position="left">同一型号风机位置的压力和扭矩分析</el-divider>
|
|
|
- <base-line-chart ref="angleChart" height="400px" width="50vw" :options="options" />
|
|
|
-
|
|
|
- </div>
|
|
|
+
|
|
|
</el-tab-pane>
|
|
|
+
|
|
|
<!--
|
|
|
<el-tab-pane label="螺栓紧固方案" name="third">
|
|
|
<el-divider content-position="left"><span style="color:#1850ef">单同步</span></el-divider>
|