|
@@ -1,14 +1,26 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
+
|
|
|
+ <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="90px">
|
|
|
<el-form-item :label="$t('装置名称')" prop="plantCode">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.plantCode"
|
|
|
- :placeholder="$t('请输入') + $t('装置名称')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
+ <el-select v-model="queryParams.plantCode" @change="handleLoop" :placeholder="$t('请选择') + $t('装置')" filterable clearable size="small">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in plantOptions"
|
|
|
+ :key="dict.name"
|
|
|
+ :label="dict.name"
|
|
|
+ :value="dict.name"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="$t('腐蚀回路图')" prop="loopNo">
|
|
|
+ <el-select v-model="queryParams.loopNo" @change="handleQuery" placeholder="请选择腐蚀回路图号" filterable clearable size="small">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in loopOptions"
|
|
|
+ :key="dict.loopNo"
|
|
|
+ :label="dict.loopNo"
|
|
|
+ :value="dict.loopNo"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item :label="$t('单元名称')" prop="unitCode">
|
|
|
<el-input
|
|
@@ -19,15 +31,7 @@
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="$t('腐蚀回路图')" prop="loopNo">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.loopNo"
|
|
|
- :placeholder="$t('请输入') + $t('腐蚀回路图号')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
+
|
|
|
<el-form-item :label="$t('单位内编号')" prop="tagno">
|
|
|
<el-input
|
|
|
v-model="queryParams.tagno"
|
|
@@ -47,108 +51,10 @@
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="$t('记录人')" prop="recorder">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.recorder"
|
|
|
- :placeholder="$t('请输入') + $t('记录人')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('记录时间')" prop="recorderDate">
|
|
|
- <el-date-picker clearable size="small" style="width: 200px"
|
|
|
- v-model="queryParams.recorderDate"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- :placeholder="$t('请选择') + $t('记录时间')">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('设备/管线名称')" prop="equipmentName">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.equipmentName"
|
|
|
- :placeholder="$t('请输入') + $t('设备/管线名称')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('材质')" prop="material">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.material"
|
|
|
- :placeholder="$t('请输入') + $t('材质')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('腐蚀裕度(mm)')" prop="corAllowance">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.corAllowance"
|
|
|
- :placeholder="$t('请输入') + $t('腐蚀裕度(mm)')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('原始壁厚(mm)')" prop="originalThickness">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.originalThickness"
|
|
|
- :placeholder="$t('请输入') + $t('原始壁厚(mm)')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('介质')" prop="medium">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.medium"
|
|
|
- :placeholder="$t('请输入') + $t('介质')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('压力(MPa)')" prop="pressure">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.pressure"
|
|
|
- :placeholder="$t('请输入') + $t('压力(MPa)')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('规格')" prop="specification">
|
|
|
+ <el-form-item :label="$t('关键字')" prop="searchValue" label-width="50">
|
|
|
<el-input
|
|
|
- v-model="queryParams.specification"
|
|
|
- :placeholder="$t('请输入') + $t('规格')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('流速(m/s)')" prop="flowRate">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.flowRate"
|
|
|
- :placeholder="$t('请输入') + $t('流速(m/s)')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('温度(℃)')" prop="temperature">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.temperature"
|
|
|
- :placeholder="$t('请输入') + $t('温度(℃)')"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('公称壁厚(mm)')" prop="nominalTickness">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.nominalTickness"
|
|
|
- :placeholder="$t('请输入') + $t('公称壁厚(mm)')"
|
|
|
+ v-model="queryParams.searchValue"
|
|
|
+ :placeholder="$t('请输入') + $t('关键字')"
|
|
|
clearable
|
|
|
size="small"
|
|
|
@keyup.enter.native="handleQuery"
|
|
@@ -231,7 +137,7 @@
|
|
|
<el-table-column :label="$t('单元名称')" align="center" prop="unitCode" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column :label="$t('腐蚀回路图号')" align="center" prop="loopNo" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
- <a style="color: #0000ff; text-decoration: underline;" :href="scope.row.loopNo"> {{ scope.row.loopNo }} </a>
|
|
|
+ <a style="text-decoration: underline;" class="link-type" @click="handleSee(scope.row)" > {{ scope.row.loopNo }} </a>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
@@ -269,7 +175,7 @@
|
|
|
:label="$t('测厚周期(月)')">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="firstMeasureDate"
|
|
|
+ prop="installDate"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
:label="$t('安装日期')">
|
|
@@ -332,10 +238,10 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改定点测厚对话框 -->
|
|
|
- <el-dialog :close-on-click-modal="false" v-dialogDrag :title="title" :visible.sync="open" width="1200" append-to-body>
|
|
|
+ <el-dialog :close-on-click-modal="false" v-dialogDrag :title="title" :visible.sync="open" width="70%" append-to-body>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|
|
<el-row>
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="6">
|
|
|
<el-form-item :label="$t('装置名称')" prop="plantCode">
|
|
|
<el-select v-model="form.plantCode" :placeholder="$t('请选择') + $t('装置')" filterable clearable size="small">
|
|
|
<el-option
|
|
@@ -347,33 +253,50 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="6">
|
|
|
<el-form-item :label="$t('单元名称')" prop="unitCode">
|
|
|
<el-input v-model="form.unitCode" :placeholder="$t('请输入') + $t('单元名称')" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="腐蚀回路图号" prop="loopNo">
|
|
|
+ <el-input v-model="form.loopNo" placeholder="请输入腐蚀回路图号" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
<el-form-item :label="$t('单位内编号')" prop="tagno">
|
|
|
<el-input v-model="form.tagno" :placeholder="$t('请输入') + $t('单位内编号')" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="6">
|
|
|
<el-form-item :label="$t('测厚部位CML')" prop="position">
|
|
|
<el-input v-model="form.position" :placeholder="$t('请输入') + $t('测厚部位CML')" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item :label="$t('安装日期')" prop="installDate" >
|
|
|
+ <el-date-picker clearable size="mini"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="form.installDate"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ :placeholder="$t('请选择') + $t('安装日期')">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
<el-form-item :label="$t('记录人')" prop="recorder">
|
|
|
<el-input v-model="form.recorder" :placeholder="$t('请输入') + $t('记录人')" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item :label="$t('记录时间')" prop="recorderDate">
|
|
|
- <el-date-picker clearable size="small" style="width: 119.85px"
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item :label="$t('记录时间')" prop="recorderDate" >
|
|
|
+ <el-date-picker clearable size="mini"
|
|
|
v-model="form.recorderDate"
|
|
|
type="date"
|
|
|
+ style="width: 100%;"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
:placeholder="$t('请选择') + $t('记录时间')">
|
|
|
</el-date-picker>
|
|
@@ -441,6 +364,24 @@
|
|
|
>{{dict.dictLabel}}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item :label="$t('测厚位置')" prop="checkUrl">
|
|
|
+ <el-upload
|
|
|
+ :action="check.url"
|
|
|
+ :headers="check.headers"
|
|
|
+ :file-list="locationList"
|
|
|
+ :limit="3"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ :on-exceed="handleExceed"
|
|
|
+ :before-upload="beforeAvatarUpload"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :close-on-click-modal="false" v-dialogDrag :visible.sync="dialogVisible" append-to-body>
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item :label="$t('腐蚀位置')" prop="locationUrl">
|
|
|
<el-upload
|
|
|
:action="locationpic.url"
|
|
@@ -939,6 +880,15 @@
|
|
|
<input name="type" :value="upload.type" hidden/>
|
|
|
</form>
|
|
|
</el-dialog>
|
|
|
+ <el-dialog :close-on-click-modal="false" v-dialogDrag :title="pdf.title" :visible.sync="pdf.open" width="1300px"
|
|
|
+ append-to-body>
|
|
|
+ <div style="margin-top: -60px;float: right;margin-right: 40px;">
|
|
|
+ <el-button size="mini" type="text" @click="openPdf">{{ $t('新页面打开PDF') }}</el-button>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top: -30px">
|
|
|
+ <iframe :src="pdf.pdfUrl" frameborder="0" width="100%" height="700px"></iframe>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
<record v-if="recordVisible" ref="record" @refreshDataList="getList" :showFlag="showFlag" @closeChildDialog="closeChildDialog"></record>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -954,6 +904,7 @@ import request from "@/utils/request";
|
|
|
import record from './record'
|
|
|
import {listMeasurerecord} from "@/api/sems/measure-record";
|
|
|
import {listPlant, mylistPlant} from "@/api/system/plant";
|
|
|
+import {queryUrl ,getLoopByPlant} from "@/api/sems/measure-loop";
|
|
|
|
|
|
export default {
|
|
|
name: "Thickness",
|
|
@@ -991,6 +942,7 @@ export default {
|
|
|
inspectionMethodOptions: [],
|
|
|
statusOptions:[],
|
|
|
plantOptions: [],
|
|
|
+ loopOptions: [],
|
|
|
// 用户导入参数
|
|
|
upload: {
|
|
|
//模板下载路由
|
|
@@ -1034,6 +986,14 @@ export default {
|
|
|
key: ''
|
|
|
},
|
|
|
downloadAction: process.env.VUE_APP_BASE_API +'/sems/thickness/measure/exportPDF',
|
|
|
+ check: {
|
|
|
+ imageUrl: '',
|
|
|
+ fileList: [],
|
|
|
+ // 设置上传的请求头部
|
|
|
+ headers: { Authorization: "Bearer " + getToken() },
|
|
|
+ // 上传的地址
|
|
|
+ url: process.env.VUE_APP_BASE_API + "/sems/thickness/uploadFile",
|
|
|
+ },
|
|
|
locationpic: {
|
|
|
imageUrl: '',
|
|
|
fileList: [],
|
|
@@ -1070,6 +1030,15 @@ export default {
|
|
|
pType: 'traning',
|
|
|
pId: null
|
|
|
},
|
|
|
+ pdf: {
|
|
|
+ title: '',
|
|
|
+ pdfUrl: '',
|
|
|
+ numPages: null,
|
|
|
+ open: false,
|
|
|
+ pageNum: 1,
|
|
|
+ pageTotalNum: 1,
|
|
|
+ loadedRatio: 0,
|
|
|
+ },
|
|
|
locationList: [],
|
|
|
photoList: [],
|
|
|
dialogImageUrl: '',
|
|
@@ -1331,6 +1300,14 @@ export default {
|
|
|
this.single = selection.length!==1
|
|
|
this.multiple = !selection.length
|
|
|
},
|
|
|
+ handleLoop(val){
|
|
|
+ let paramLoop = {
|
|
|
+ plantCode: val,
|
|
|
+ }
|
|
|
+ getLoopByPlant(paramLoop).then(response => {
|
|
|
+ this.loopOptions = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
/** 新增按钮操作 */
|
|
|
handleAdd() {
|
|
|
this.reset();
|
|
@@ -1596,7 +1573,20 @@ export default {
|
|
|
return "color: rgba(255, 26, 26, 0.98) "
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+ handleSee(row) {
|
|
|
+ let paramLoop = {
|
|
|
+ plantCode: row.plantCode,
|
|
|
+ loopNo: row.loopNo
|
|
|
+ }
|
|
|
+ queryUrl(paramLoop).then(response => {
|
|
|
+ this.pdf.open = true
|
|
|
+ this.pdf.title = response.data.loopNo
|
|
|
+ this.pdf.pdfUrl = process.env.VUE_APP_BASE_API + '/pdf/web/viewer.html?file=' + process.env.VUE_APP_BASE_API + response.data.loopUrl
|
|
|
+ });
|
|
|
+ },
|
|
|
+ openPdf() {
|
|
|
+ window.open(this.pdf.pdfUrl);//path是文件的全路径地址
|
|
|
+ },
|
|
|
}
|
|
|
};
|
|
|
</script>
|