Переглянути джерело

徐明浩
特种设备-所有导入按钮增加导入时Loading加载渲染

徐明浩 3 роки тому
батько
коміт
ff03e591e9

+ 1 - 1
ui/src/views/sems/specYlgd/index.vue

@@ -607,7 +607,7 @@
           <div slot="footer" class="dialog-footer">
               <a v-if="waitSubmit" style="margin-right: 300px">{{ $t('正在导入...') }}</a>
               <el-button type="primary" @click="submitFileForm"
-                         v-loading.fullscreen.lock="fullscreenLoading">>{{ $t('确定') }}</el-button>
+                         v-loading.fullscreen.lock="fullscreenLoading">{{ $t('确定') }}</el-button>
               <el-button @click="upload.open = false">{{ $t('取消') }}</el-button>
           </div>
       </el-dialog>

+ 1 - 2
ui/src/views/sems/specYlrq/index.vue

@@ -518,8 +518,7 @@
       </el-upload>
       <div slot="footer" class="dialog-footer">
         <a v-if="waitSubmit" style="margin-right: 300px">{{ $t('正在导入...') }}</a>
-        <el-button type="primary" @click="submitFileForm"
-                   v-loading.fullscreen.lock="fullscreenLoading">{{
+        <el-button type="primary" @click="submitFileForm" v-loading.fullscreen.lock="fullscreenLoading">{{
             $t('确定')
           }}
         </el-button>

+ 303 - 329
ui/src/views/sems/thickness/index.vue

@@ -49,10 +49,10 @@
       </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('记录时间')">
+          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">
@@ -159,8 +159,7 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['sems:thickness:add']"
-        >{{ $t('新增') }}
-        </el-button>
+        >{{ $t('新增') }}</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -170,8 +169,7 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['sems:thickness:edit']"
-        >{{ $t('修改') }}
-        </el-button>
+        >{{ $t('修改') }}</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -181,8 +179,7 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['sems:thickness:remove']"
-        >{{ $t('删除') }}
-        </el-button>
+        >{{ $t('删除') }}</el-button>
       </el-col>
 
       <el-col :span="1.5">
@@ -192,8 +189,7 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['sems:thickness:export']"
-        >{{ $t('导出') }}
-        </el-button>
+        >{{ $t('导出') }}</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -209,34 +205,33 @@
     </el-row>
 
 
-    <el-table v-loading="loading" :data="thicknessList" @selection-change="handleSelectionChange"
-              :cell-style="tableCellStyle" :height="clientHeight" border>
-      <el-table-column type="selection" width="55" align="center"/>
+    <el-table v-loading="loading" :data="thicknessList" @selection-change="handleSelectionChange" :cell-style="tableCellStyle" :height="clientHeight" border>
+      <el-table-column type="selection" width="55" align="center" />
       <el-table-column :label="$t('装置名称')" align="center" prop="plantCode" :show-overflow-tooltip="true"/>
       <el-table-column :label="$t('单元名称')" align="center" prop="unitCode" :show-overflow-tooltip="true"/>
       <el-table-column :label="$t('单位内编号')" align="center" prop="tagno" :show-overflow-tooltip="true"/>
-      <el-table-column :label="$t('状态')" align="center" prop="status" :formatter="statusFormat"/>
+      <el-table-column :label="$t('状态')" align="center" prop="status" :formatter="statusFormat" />
       <el-table-column :label="$t('测厚部位CML')" align="center" prop="position" :show-overflow-tooltip="true"/>
       <el-table-column :label="$t('检测编号')" align="center" prop="measureNo" :show-overflow-tooltip="true"/>
 
       <!--      <el-table-column label="记录人" align="center" prop="recorder" :show-overflow-tooltip="true"/>-->
-      <!--      <el-table-column label="记录时间" align="center" prop="recorderDate" width="100">-->
-      <!--        <template slot-scope="scope">-->
-      <!--          <span>{{ parseTime(scope.row.recorderDate, '{y}-{m}-{d}') }}</span>-->
-      <!--        </template>-->
-      <!--      </el-table-column>-->
+<!--      <el-table-column label="记录时间" align="center" prop="recorderDate" width="100">-->
+<!--        <template slot-scope="scope">-->
+<!--          <span>{{ parseTime(scope.row.recorderDate, '{y}-{m}-{d}') }}</span>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
       <el-table-column :label="$t('设备/管线名称')" align="center" prop="equipmentName" :show-overflow-tooltip="true"/>
       <el-table-column :label="$t('材质')" align="center" prop="material" :show-overflow-tooltip="true"/>
-      <!--      <el-table-column label="腐蚀裕度" align="center" prop="corAllowance" :show-overflow-tooltip="true"/>-->
-      <!--      <el-table-column label="原始壁厚" align="center" prop="originalThickness" :show-overflow-tooltip="true"/>-->
-      <!--      <el-table-column label="介质" align="center" prop="medium" :show-overflow-tooltip="true"/>-->
-      <!--      <el-table-column label="压力" align="center" prop="pressure" :show-overflow-tooltip="true"/>-->
-      <!--      <el-table-column label="规格" align="center" prop="specification" :show-overflow-tooltip="true"/>-->
-      <!--      <el-table-column label="流速" align="center" prop="flowRate" :show-overflow-tooltip="true"/>-->
-      <!--      <el-table-column label="温度" align="center" prop="temperature" :show-overflow-tooltip="true"/>-->
-      <!--      <el-table-column label="腐蚀类型" align="center" prop="corrosionType" :show-overflow-tooltip="true"/>-->
-      <!--      <el-table-column label="腐蚀照片" align="center" prop="photo" :show-overflow-tooltip="true"/>-->
-      <!--      <el-table-column label="原因分析" align="center" prop="analysis" :show-overflow-tooltip="true"/>-->
+<!--      <el-table-column label="腐蚀裕度" align="center" prop="corAllowance" :show-overflow-tooltip="true"/>-->
+<!--      <el-table-column label="原始壁厚" align="center" prop="originalThickness" :show-overflow-tooltip="true"/>-->
+<!--      <el-table-column label="介质" align="center" prop="medium" :show-overflow-tooltip="true"/>-->
+<!--      <el-table-column label="压力" align="center" prop="pressure" :show-overflow-tooltip="true"/>-->
+<!--      <el-table-column label="规格" align="center" prop="specification" :show-overflow-tooltip="true"/>-->
+<!--      <el-table-column label="流速" align="center" prop="flowRate" :show-overflow-tooltip="true"/>-->
+<!--      <el-table-column label="温度" align="center" prop="temperature" :show-overflow-tooltip="true"/>-->
+<!--      <el-table-column label="腐蚀类型" align="center" prop="corrosionType" :show-overflow-tooltip="true"/>-->
+<!--      <el-table-column label="腐蚀照片" align="center" prop="photo" :show-overflow-tooltip="true"/>-->
+<!--      <el-table-column label="原因分析" align="center" prop="analysis" :show-overflow-tooltip="true"/>-->
       <el-table-column :label="$t('公称壁厚(mm)')" align="center" prop="nominalTickness" :show-overflow-tooltip="true"/>
       <el-table-column :label="$t('最小允许壁厚(mm)')" align="center" prop="thicknessMin" :show-overflow-tooltip="true"/>
       <el-table-column :label="$t('短期腐蚀速率(mm/year)')" align="center" prop="stCorrosion" :show-overflow-tooltip="true"/>
@@ -278,9 +273,8 @@
         align="center"
         :label="$t('下次检测日期')">
       </el-table-column>
-      <el-table-column :label="$t('检测方法')" align="center" prop="inspectionMethod" :formatter="inspectionMethodFormat"/>
-      <el-table-column :label="$t('操作')" align="center" fixed="right" width="120"
-                       class-name="small-padding fixed-width">
+      <el-table-column :label="$t('检测方法')" align="center" prop="inspectionMethod" :formatter="inspectionMethodFormat" />
+      <el-table-column :label="$t('操作')" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button type="text" size="small" @click="handleView(scope.row)">{{ $t('查看') }}</el-button>
           <el-button type="text" size="small" @click="recordHandle(scope.row)">{{ $t('测厚记录') }}</el-button>
@@ -289,7 +283,7 @@
       </el-table-column>
     </el-table>
     <form ref="downloadForm" :action="downloadAction" target="FORMSUBMIT">
-      <input name="id" v-model="downloadForm.id" hidden/>
+      <input name="id" v-model="downloadForm.id"  hidden  />
     </form>
     <pagination
       v-show="total>0"
@@ -304,37 +298,37 @@
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-row>
           <el-col :span="8">
-            <el-form-item :label="$t('装置名称')" prop="plantCode">
-              <el-select v-model="form.plantCode" :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="plantCode">
+            <el-select v-model="form.plantCode" :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-col>
           <el-col :span="8">
-            <el-form-item :label="$t('单元名称')" prop="unitCode">
-              <el-input v-model="form.unitCode" :placeholder="$t('请输入') + $t('单元名称')"/>
-            </el-form-item>
+          <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-form-item :label="$t('单位内编号')" prop="tagno">
-              <el-input v-model="form.tagno" :placeholder="$t('请输入') + $t('单位内编号')"/>
-            </el-form-item>
+          <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-row>
           <el-col :span="8">
             <el-form-item :label="$t('测厚部位CML')" prop="position">
-              <el-input v-model="form.position" :placeholder="$t('请输入') + $t('测厚部位CML')"/>
+              <el-input v-model="form.position" :placeholder="$t('请输入') + $t('测厚部位CML')" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item :label="$t('记录人')" prop="recorder">
-              <el-input v-model="form.recorder" :placeholder="$t('请输入') + $t('记录人')"/>
+              <el-input v-model="form.recorder" :placeholder="$t('请输入') + $t('记录人')" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -350,53 +344,53 @@
         </el-row>
         <el-row>
           <el-col :span="8">
-            <el-form-item :label="$t('设备/管线名称')" prop="equipmentName">
-              <el-input v-model="form.equipmentName" :placeholder="$t('请输入') + $t('设备/管线名称')"/>
-            </el-form-item>
+        <el-form-item :label="$t('设备/管线名称')" prop="equipmentName">
+          <el-input v-model="form.equipmentName" :placeholder="$t('请输入') + $t('设备/管线名称')" />
+        </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :label="$t('材质')" prop="material">
-              <el-input v-model="form.material" :placeholder="$t('请输入') + $t('材质')"/>
-            </el-form-item>
+        <el-form-item :label="$t('材质')" prop="material">
+          <el-input v-model="form.material" :placeholder="$t('请输入') + $t('材质')" />
+        </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :label="$t('腐蚀裕度(mm)')" prop="corAllowance">
-              <el-input v-model="form.corAllowance" :placeholder="$t('请输入') + $t('腐蚀裕度(mm)')"/>
-            </el-form-item>
+        <el-form-item :label="$t('腐蚀裕度(mm)')" prop="corAllowance">
+          <el-input v-model="form.corAllowance" :placeholder="$t('请输入') + $t('腐蚀裕度(mm)')" />
+        </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
-            <el-form-item :label="$t('原始壁厚(mm)')" prop="originalThickness">
-              <el-input v-model="form.originalThickness" :placeholder="$t('请输入') + $t('原始壁厚(mm)')"/>
-            </el-form-item>
+        <el-form-item :label="$t('原始壁厚(mm)')" prop="originalThickness">
+          <el-input v-model="form.originalThickness" :placeholder="$t('请输入') + $t('原始壁厚(mm)')" />
+        </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :label="$t('介质')" prop="medium">
-              <el-input v-model="form.medium" :placeholder="$t('请输入') + $t('介质')"/>
-            </el-form-item>
+        <el-form-item :label="$t('介质')" prop="medium">
+          <el-input v-model="form.medium" :placeholder="$t('请输入') + $t('介质')" />
+        </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :label="$t('压力(MPa)')" prop="pressure">
-              <el-input v-model="form.pressure" :placeholder="$t('请输入') + $t('压力(MPa)')"/>
-            </el-form-item>
+        <el-form-item :label="$t('压力(MPa)')" prop="pressure">
+          <el-input v-model="form.pressure" :placeholder="$t('请输入') + $t('压力(MPa)')" />
+        </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
-            <el-form-item :label="$t('规格')" prop="specification">
-              <el-input v-model="form.specification" :placeholder="$t('请输入') + $t('规格')"/>
-            </el-form-item>
+        <el-form-item :label="$t('规格')" prop="specification">
+          <el-input v-model="form.specification" :placeholder="$t('请输入') + $t('规格')" />
+        </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :label="$t('流速(m/s)')" prop="flowRate">
-              <el-input v-model="form.flowRate" :placeholder="$t('请输入') + $t('流速(m/s)')"/>
-            </el-form-item>
+        <el-form-item :label="$t('流速(m/s)')" prop="flowRate">
+          <el-input v-model="form.flowRate" :placeholder="$t('请输入') + $t('流速(m/s)')" />
+        </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :label="$t('温度(℃)')" prop="temperature">
-              <el-input v-model="form.temperature" :placeholder="$t('请输入') + $t('温度(℃)')"/>
-            </el-form-item>
+        <el-form-item :label="$t('温度(℃)')" prop="temperature">
+          <el-input v-model="form.temperature" :placeholder="$t('请输入') + $t('温度(℃)')" />
+        </el-form-item>
           </el-col>
         </el-row>
 
@@ -406,11 +400,10 @@
               v-for="dict in statusOptions"
               :key="dict.dictValue"
               :label="parseInt(dict.dictValue)"
-            >{{ dict.dictLabel }}
-            </el-radio>
+            >{{dict.dictLabel}}</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item :label="$t('腐蚀位置')" prop="locationUrl">
+        <el-form-item :label="$t('腐蚀位置')"  prop="locationUrl">
           <el-upload
             :action="locationpic.url"
             :headers="locationpic.headers"
@@ -434,13 +427,12 @@
               v-for="dict in inspectionMethodOptions"
               :key="dict.dictValue"
               :label="dict.dictValue">
-              {{ dict.dictLabel }}
+              {{dict.dictLabel}}
             </el-checkbox>
           </el-checkbox-group>
-          <el-input :placeholder="$t('请输入') + $t('其他')+ $t('空格')+ $t('检测方法')" class="otherMethod"
-                    v-if="form.inspectionMethod == 5" v-model="form.otherContent"></el-input>
+          <el-input :placeholder="$t('请输入') + $t('其他')+ $t('空格')+ $t('检测方法')" class="otherMethod" v-if="form.inspectionMethod == 5" v-model="form.otherContent"></el-input>
         </el-form-item>
-        <el-form-item :label="$t('腐蚀照片')" prop="photo">
+        <el-form-item :label="$t('腐蚀照片')"  prop="photo">
           <el-upload
             :action="photo.url"
             :headers="photo.headers"
@@ -459,13 +451,13 @@
           </el-dialog>
         </el-form-item>
         <el-form-item :label="$t('原因分析')" prop="analysis">
-          <el-input v-model="form.analysis" :placeholder="$t('请输入') + $t('原因分析')"/>
+          <el-input v-model="form.analysis" :placeholder="$t('请输入') + $t('原因分析')" />
         </el-form-item>
         <el-row>
           <el-col :span="8">
-            <el-form-item :label="$t('名义壁厚(mm)')" prop="nominalTickness">
-              <el-input v-model="form.nominalTickness" :placeholder="$t('请输入') + $t('名义壁厚(mm)')"/>
-            </el-form-item>
+        <el-form-item :label="$t('名义壁厚(mm)')" prop="nominalTickness">
+          <el-input v-model="form.nominalTickness" :placeholder="$t('请输入') + $t('名义壁厚(mm)')" />
+        </el-form-item>
             <el-form-item :label="$t('原因分析附件')" prop="analysisUrl">
               <el-upload
                 ref="analysis"
@@ -487,55 +479,55 @@
             </el-form-item>
           </el-col>
           <el-col :span="16">
-            <el-form-item :label="$t('最小允许壁厚(mm)')" label-width="150px" prop="thicknessMin">
-              <el-input v-model="form.thicknessMin" :placeholder="$t('请输入') + $t('最小允许壁厚(mm)')"/>
-            </el-form-item>
+        <el-form-item :label="$t('最小允许壁厚(mm)')" label-width="150px" prop="thicknessMin">
+          <el-input v-model="form.thicknessMin" :placeholder="$t('请输入') + $t('最小允许壁厚(mm)')" />
+        </el-form-item>
           </el-col>
         </el-row>
         <el-form-item :label="$t('检测编号')" prop="measureNo">
-          <el-input v-model="form.measureNo" :placeholder="$t('请输入') + $t('检测编号')"/>
+          <el-input v-model="form.measureNo" :placeholder="$t('请输入') + $t('检测编号')" />
         </el-form-item>
 
+      <el-row>
+        <el-col :span="8">
+        <el-form-item :label="$t('短期腐蚀速率(mm/year)')" label-width="180px" prop="stCorrosion">
+          <el-input v-model="form.stCorrosion" :placeholder="$t('请输入') + $t('短期腐蚀速率(mm/year)')" />
+        </el-form-item>
+        </el-col>
+        <el-col :span="8">
+        <el-form-item :label="$t('长期腐蚀速率(mm/year)')" label-width="180px" prop="ltCorrosion">
+          <el-input v-model="form.ltCorrosion" :placeholder="$t('请输入') + $t('长期腐蚀速率(mm/year)')" />
+        </el-form-item>
+        </el-col>
+        <el-col :span="8">
+        <el-form-item :label="$t('预估剩余寿命(year)')" label-width="180px" prop="estRemain">
+          <el-input v-model="form.estRemain" :placeholder="$t('请输入') + $t('预估剩余寿命(year)')" />
+        </el-form-item>
+        </el-col>
+      </el-row>
         <el-row>
-          <el-col :span="8">
-            <el-form-item :label="$t('短期腐蚀速率(mm/year)')" label-width="180px" prop="stCorrosion">
-              <el-input v-model="form.stCorrosion" :placeholder="$t('请输入') + $t('短期腐蚀速率(mm/year)')"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item :label="$t('长期腐蚀速率(mm/year)')" label-width="180px" prop="ltCorrosion">
-              <el-input v-model="form.ltCorrosion" :placeholder="$t('请输入') + $t('长期腐蚀速率(mm/year)')"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item :label="$t('预估剩余寿命(year)')" label-width="180px" prop="estRemain">
-              <el-input v-model="form.estRemain" :placeholder="$t('请输入') + $t('预估剩余寿命(year)')"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-form-item :label="$t('治理方法及依据')" prop="methodCause">
-            <el-input v-model="form.methodCause" :placeholder="$t('请输入') + $t('治理方法及依据')"/>
-          </el-form-item>
+        <el-form-item :label="$t('治理方法及依据')" prop="methodCause">
+          <el-input v-model="form.methodCause" :placeholder="$t('请输入') + $t('治理方法及依据')" />
+        </el-form-item>
         </el-row>
         <el-form-item :label="$t('效果跟踪')" prop="effectTracing">
-          <el-input v-model="form.effectTracing" :placeholder="$t('请输入') + $t('效果跟踪')"/>
+          <el-input v-model="form.effectTracing" :placeholder="$t('请输入') + $t('效果跟踪')" />
         </el-form-item>
         <el-row>
           <el-col :span="8">
-            <el-form-item :label="$t('提出人')" prop="raiser">
-              <el-input v-model="form.raiser" :placeholder="$t('请输入') + $t('提出人')"/>
-            </el-form-item>
+        <el-form-item :label="$t('提出人')" prop="raiser">
+          <el-input v-model="form.raiser" :placeholder="$t('请输入') + $t('提出人')" />
+        </el-form-item>
           </el-col>
           <el-col :span="16">
-            <el-form-item :label="$t('提出时间')" prop="raiserDate">
-              <el-date-picker clearable size="small" style="width: 200px"
-                              v-model="form.raiserDate"
-                              type="date"
-                              value-format="yyyy-MM-dd"
-                              :placeholder="$t('请选择') + $t('提出时间')">
-              </el-date-picker>
-            </el-form-item>
+        <el-form-item :label="$t('提出时间')" prop="raiserDate">
+          <el-date-picker clearable size="small" style="width: 200px"
+            v-model="form.raiserDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            :placeholder="$t('请选择') + $t('提出时间')">
+          </el-date-picker>
+        </el-form-item>
           </el-col>
         </el-row>
         <el-form-item :label="$t('下次检验日期')" prop="raiserDate">
@@ -547,7 +539,7 @@
           </el-date-picker>
         </el-form-item>
         <el-form-item :label="$t('备注')" prop="remarks">
-          <el-input v-model="form.remarks" type="textarea" :placeholder="$t('请输入') + $t('内容')"/>
+          <el-input v-model="form.remarks" type="textarea" :placeholder="$t('请输入') + $t('内容')" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -679,7 +671,7 @@
               v-for="dict in inspectionMethodOptions"
               :key="dict.dictValue"
               :label="dict.dictValue">
-              {{ dict.dictLabel }}
+              {{dict.dictLabel}}
             </el-checkbox>
           </el-checkbox-group>
           {{ dataForm.otherContent }}
@@ -766,45 +758,45 @@
           <template slot="label">
             {{ $t('趋势图') }}
           </template>
-          <img :src="dataForm.recordUrl" width="900px"/>
+          <img :src="dataForm.recordUrl" width="900px" />
         </el-descriptions-item>
       </el-descriptions>
-      <template slot="label">
-        {{ $t('测厚数据') }}
-      </template>
-      <template>
-        <el-table
-          :data="dataList"
-          border
-          style="width: 100%;">
-          <el-table-column
-            prop="measureValue"
-            header-align="center"
-            align="center"
-            :label="$t('实测记录')">
-            <template slot-scope="scope">
-              <el-input v-if="scope.row.isEdit" v-model="scope.row.measureValue"></el-input>
-              <span v-else>{{ scope.row.measureValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="measureDate"
-            header-align="center"
-            align="center"
-            :label="$t('日期')">
-            <template slot-scope="scope">
-              <el-date-picker
-                v-if="scope.row.isEdit"
-                v-model="scope.row.measureDate"
-                type="date"
-                value-format="yyyy-MM-dd"
-                :placeholder="$t('日期')">
-              </el-date-picker>
-              <span v-else>{{ scope.row.measureDate }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </template>
+          <template slot="label">
+            {{ $t('测厚数据') }}
+          </template>
+         <template>
+           <el-table
+             :data="dataList"
+             border
+             style="width: 100%;">
+             <el-table-column
+               prop="measureValue"
+               header-align="center"
+               align="center"
+               :label="$t('实测记录')">
+               <template slot-scope="scope">
+                 <el-input v-if="scope.row.isEdit" v-model="scope.row.measureValue"></el-input>
+                 <span v-else>{{scope.row.measureValue}}</span>
+               </template>
+             </el-table-column>
+             <el-table-column
+               prop="measureDate"
+               header-align="center"
+               align="center"
+               :label="$t('日期')">
+               <template slot-scope="scope">
+                 <el-date-picker
+                   v-if="scope.row.isEdit"
+                   v-model="scope.row.measureDate"
+                   type="date"
+                   value-format="yyyy-MM-dd"
+                   :placeholder="$t('日期')">
+                 </el-date-picker>
+                 <span v-else>{{scope.row.measureDate}}</span>
+               </template>
+             </el-table-column>
+           </el-table>
+         </template>
 
 
       <span slot="footer" class="dialog-footer">
@@ -837,31 +829,21 @@
       </el-upload>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitFileForm"
-                   v-loading.fullscreen.lock="fullscreenLoading">确 定
-        </el-button>
+                   v-loading.fullscreen.lock="fullscreenLoading">确 定</el-button>
         <el-button @click="upload.open = false">取 消</el-button>
       </div>
       <form ref="downloadFileForm" :action="upload.downloadAction" target="FORMSUBMIT">
         <input name="type" :value="upload.type" hidden/>
       </form>
     </el-dialog>
-    <record v-if="recordVisible" ref="record" @refreshDataList="getList" :showFlag="showFlag"
-            @closeChildDialog="closeChildDialog"></record>
+    <record v-if="recordVisible" ref="record" @refreshDataList="getList" :showFlag="showFlag" @closeChildDialog="closeChildDialog"></record>
   </div>
 </template>
 
 <script>
-import {
-  listThickness,
-  getThickness,
-  delThickness,
-  addThickness,
-  updateThickness,
-  exportThickness,
-  importTemplate
-} from "@/api/sems/thickness";
-import {treeselect} from "@/api/system/dept";
-import {getToken} from "@/utils/auth";
+import { listThickness, getThickness, delThickness, addThickness, updateThickness, exportThickness, importTemplate} from "@/api/sems/thickness";
+import { treeselect } from "@/api/system/dept";
+import { getToken } from "@/utils/auth";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import Editor from '@/components/Editor';
@@ -872,7 +854,7 @@ import {listPlant, mylistPlant} from "@/api/system/plant";
 
 export default {
   name: "Thickness",
-  components: {Treeselect, record},
+  components: { Treeselect ,record },
   // components: { Editor },
   data() {
     return {
@@ -898,43 +880,43 @@ export default {
       title: "",
       // 部门树选项
       deptOptions: undefined,
-      clientHeight: 300,
+      clientHeight:300,
       // 是否显示弹出层
       open: false,
       visible: false,
       // 检测方法字典
       inspectionMethodOptions: [],
-      statusOptions: [],
+      statusOptions:[],
       plantOptions: [],
-      // 用户导入参数
-      upload: {
-        //模板下载路由
-        downloadAction: process.env.VUE_APP_BASE_API + '/common/template',
-        //模板下载区分
-        type: "thickness",
-        // 是否显示弹出层(用户导入)
-        open: false,
-        // 弹出层标题(用户导入)
-        title: "",
-        // 是否禁用上传
-        isUploading: false,
-        // 是否更新已经存在的用户数据
-        updateSupport: 0,
-        // 设置上传的请求头部
-        headers: {Authorization: "Bearer " + getToken()},
-        // 上传的地址
-        url: process.env.VUE_APP_BASE_API + "/sems/measure-record/importForUpdate"
-      },
+        // 用户导入参数
+        upload: {
+            //模板下载路由
+            downloadAction: process.env.VUE_APP_BASE_API + '/common/template',
+            //模板下载区分
+            type: "thickness",
+            // 是否显示弹出层(用户导入)
+            open: false,
+            // 弹出层标题(用户导入)
+            title: "",
+            // 是否禁用上传
+            isUploading: false,
+            // 是否更新已经存在的用户数据
+            updateSupport: 0,
+            // 设置上传的请求头部
+            headers: { Authorization: "Bearer " + getToken() },
+            // 上传的地址
+            url: process.env.VUE_APP_BASE_API + "/sems/measure-record/importForUpdate"
+        },
       downloadForm: {
         id: '',
         key: ''
       },
-      downloadAction: process.env.VUE_APP_BASE_API + '/sems/thickness/measure/exportPDF',
+      downloadAction: process.env.VUE_APP_BASE_API +'/sems/thickness/measure/exportPDF',
       locationpic: {
         imageUrl: '',
         fileList: [],
         // 设置上传的请求头部
-        headers: {Authorization: "Bearer " + getToken()},
+        headers: { Authorization: "Bearer " + getToken() },
         // 上传的地址
         url: process.env.VUE_APP_BASE_API + "/sems/thickness/uploadFile",
       },
@@ -942,7 +924,7 @@ export default {
         imageUrl: '',
         fileList: [],
         // 设置上传的请求头部
-        headers: {Authorization: "Bearer " + getToken()},
+        headers: { Authorization: "Bearer " + getToken() },
         // 上传的地址
         url: process.env.VUE_APP_BASE_API + "/sems/thickness/uploadFile",
       },
@@ -959,7 +941,7 @@ export default {
         // 报告附件上传位置编号
         ids: 0,
         // 设置上传的请求头部
-        headers: {Authorization: "Bearer " + getToken()},
+        headers: { Authorization: "Bearer " + getToken() },
         // 上传的地址
         url: process.env.VUE_APP_BASE_API + "/sems/thickness/uploadFile",
         commonfileList: null,
@@ -1021,58 +1003,58 @@ export default {
       // 表单校验
       rules: {
         plantCode: [
-          {required: true, message: this.$t('装置名称') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('装置名称')+this.$t('不能为空'), trigger: "blur" }
         ],
         unitCode: [
-          {required: true, message: this.$t('单元名称') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('单元名称')+this.$t('不能为空'), trigger: "blur" }
         ],
         position: [
-          {required: true, message: this.$t('测厚部位CML') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('测厚部位CML')+this.$t('不能为空'), trigger: "blur" }
         ],
         recorder: [
-          {required: true, message: this.$t('记录人') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('记录人')+this.$t('不能为空'), trigger: "blur" }
         ],
         recorderDate: [
-          {required: true, message: this.$t('记录时间') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('记录时间')+this.$t('不能为空'), trigger: "blur" }
         ],
         equipmentName: [
-          {required: true, message: this.$t('设备/管线名称') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('设备/管线名称')+this.$t('不能为空'), trigger: "blur" }
         ],
         material: [
-          {required: true, message: this.$t('材质') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('材质')+this.$t('不能为空'), trigger: "blur" }
         ],
         corAllowance: [
-          {required: true, message: this.$t('腐蚀裕度(mm)') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('腐蚀裕度(mm)')+this.$t('不能为空'), trigger: "blur" }
         ],
         originalThickness: [
-          {required: true, message: this.$t('原始壁厚(mm)') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('原始壁厚(mm)')+this.$t('不能为空'), trigger: "blur" }
         ],
         medium: [
-          {required: true, message: this.$t('介质') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('介质')+this.$t('不能为空'), trigger: "blur" }
         ],
         pressure: [
-          {required: true, message: this.$t('压力') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('压力')+this.$t('不能为空'), trigger: "blur" }
         ],
         specification: [
-          {required: true, message: this.$t('规格') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('规格')+this.$t('不能为空'), trigger: "blur" }
         ],
-        /*        flowRate: [
-                  { required: true, message: this.$t('流速(m/s)')+this.$t('不能为空'), trigger: "blur" }
-                ],*/
+/*        flowRate: [
+          { required: true, message: this.$t('流速(m/s)')+this.$t('不能为空'), trigger: "blur" }
+        ],*/
         temperature: [
-          {required: true, message: this.$t('温度(℃)') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('温度(℃)')+this.$t('不能为空'), trigger: "blur" }
         ],
         corrosionType: [
-          {required: true, message: this.$t('腐蚀类型') + this.$t('不能为空'), trigger: "change"}
+          { required: true, message: this.$t('腐蚀类型')+this.$t('不能为空'), trigger: "change" }
         ],
         inspectionMethod: [
-          {required: true, message: this.$t('检测方法') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('检测方法')+this.$t('不能为空'), trigger: "blur" }
         ],
         /*analysis: [
           { required: true, message: "原因分析不能为空", trigger: "blur" }
         ],*/
         nominalTickness: [
-          {required: true, message: this.$t('名义壁厚(mm)') + this.$t('不能为空'), trigger: "blur"}
+          { required: true, message: this.$t('名义壁厚(mm)')+this.$t('不能为空'), trigger: "blur" }
         ],
         // thicknessMin: [
         //   { required: true, message: this.$t('最小允许壁厚(mm)')+this.$t('不能为空'), trigger: "blur" }
@@ -1111,16 +1093,16 @@ export default {
     };
   },
   watch: {
-    // 根据名称筛选部门树
-    deptName(val) {
-      this.$refs.tree.filter(val);
-    }
-  },
+        // 根据名称筛选部门树
+        deptName(val) {
+            this.$refs.tree.filter(val);
+        }
+   },
   created() {
-    //设置表格高度对应屏幕高度
-    this.$nextTick(() => {
-      this.clientHeight = document.body.clientHeight - 250
-    })
+      //设置表格高度对应屏幕高度
+      this.$nextTick(() => {
+          this.clientHeight = document.body.clientHeight -250
+      })
     this.getList();
     this.getTreeselect();
     this.getDicts("spec_measure_status").then(response => {
@@ -1146,12 +1128,12 @@ export default {
         this.loading = false;
       });
     },
-    /** 查询部门下拉树结构 */
-    getTreeselect() {
-      treeselect().then(response => {
-        this.deptOptions = response.data;
-      });
-    },
+     /** 查询部门下拉树结构 */
+     getTreeselect() {
+          treeselect().then(response => {
+              this.deptOptions = response.data;
+          });
+     },
     // 状态字典翻译
     statusFormat(row, column) {
       return this.selectDictLabel(this.statusOptions, row.status);
@@ -1227,7 +1209,7 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length !== 1
+      this.single = selection.length!==1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
@@ -1245,44 +1227,44 @@ export default {
         this.form.inspectionMethod = this.form.inspectionMethod.split(",");
         this.open = true;
         this.title = this.$t('修改') + this.$t('定点测厚');
-        if (this.form.photo != null) {
-          this.photoList = []
+        if (this.form.photo!= null){
+          this.photoList =[]
           let fileList = this.form.photo.split(",")
           for (let i = 0; i < fileList.length; i++) {
-            let item = {url: process.env.VUE_APP_BASE_API + fileList[i], response: {msg: fileList[i]}}
+            let item = {url: process.env.VUE_APP_BASE_API +fileList[i],response: {msg: fileList[i]} }
             this.photoList.push(item)
           }
         }
-        if (this.form.locationUrl != null) {
-          this.locationList = []
+        if (this.form.locationUrl!= null){
+          this.locationList =[]
           let fileList = this.form.locationUrl.split(",")
           for (let i = 0; i < fileList.length; i++) {
-            let item = {url: process.env.VUE_APP_BASE_API + fileList[i], response: {msg: fileList[i]}}
+            let item = {url: process.env.VUE_APP_BASE_API +fileList[i],response: {msg: fileList[i]} }
             this.locationList.push(item)
           }
         }
       });
     },
-    handleView(row) {
+    handleView (row){
       const id = row.id
       getThickness(id).then(response => {
         this.dataForm = response.data;
         this.dataForm.inspectionMethod = this.dataForm.inspectionMethod.split(",");
         this.visible = true;
         this.title = this.$t('查看') + this.$t('定点测厚');
-        if (this.dataForm.photo != null) {
-          this.photoList = []
+        if (this.dataForm.photo!= null){
+          this.photoList =[]
           let fileList = this.dataForm.photo.split(",")
           for (let i = 0; i < fileList.length; i++) {
-            let item = {url: process.env.VUE_APP_BASE_API + fileList[i], response: {msg: fileList[i]}}
+            let item = {url: process.env.VUE_APP_BASE_API +fileList[i],response: {msg: fileList[i]} }
             this.photoList.push(item)
           }
         }
-        if (this.dataForm.locationUrl != null) {
-          this.locationList = []
+        if (this.dataForm.locationUrl!= null){
+          this.locationList =[]
           let fileList = this.dataForm.locationUrl.split(",")
           for (let i = 0; i < fileList.length; i++) {
-            let item = {url: process.env.VUE_APP_BASE_API + fileList[i], response: {msg: fileList[i]}}
+            let item = {url: process.env.VUE_APP_BASE_API +fileList[i],response: {msg: fileList[i]} }
             this.locationList.push(item)
           }
         }
@@ -1320,13 +1302,13 @@ export default {
       this.$confirm(this.$t('是否确认删除?'), this.$t('警告'), {
         confirmButtonText: this.$t('确定'),
         cancelButtonText: this.$t('取消'),
-        type: "warning"
-      }).then(function () {
-        return delThickness(ids);
-      }).then(() => {
-        this.getList();
-        this.msgSuccess(this.$t('删除成功'));
-      })
+          type: "warning"
+        }).then(function() {
+          return delThickness(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess(this.$t('删除成功'));
+        })
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -1334,63 +1316,63 @@ export default {
       this.$confirm(this.$t('是否确认导出所有定点测厚数据项?'), this.$t('警告'), {
         confirmButtonText: this.$t('确定'),
         cancelButtonText: this.$t('取消'),
-        type: "warning"
-      }).then(function () {
-        return exportThickness(queryParams);
-      }).then(response => {
-        this.download(response.msg);
-      })
+          type: "warning"
+        }).then(function() {
+          return exportThickness(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+        })
     },
-    /** 导入按钮操作 */
-    handleImport() {
-      this.upload.title = this.$t('用户导入');
-      this.upload.open = true;
-    },
-    /** 下载模板操作 */
-    importTemplate() {
-      this.$refs['downloadFileForm'].submit()
-    },
-    // 文件上传中处理
-    handleFileUploadProgress(event, file, fileList) {
-      this.upload.isUploading = true;
-    },
-    // 文件上传成功处理
-    handleFileSuccess(response, file, fileList) {
-      this.upload.open = false;
-      this.upload.isUploading = false;
-      this.$refs.upload.clearFiles();
-      this.fullscreenLoading = false;
-      if (response.data.length > 0) {
-        let failrow = ''
-        for (let i = 0; i < response.data.length; i++) {
-          failrow += response.data[i] + ','
+      /** 导入按钮操作 */
+      handleImport() {
+          this.upload.title = this.$t('用户导入');
+          this.upload.open = true;
+      },
+      /** 下载模板操作 */
+      importTemplate() {
+        this.$refs['downloadFileForm'].submit()
+      },
+      // 文件上传中处理
+      handleFileUploadProgress(event, file, fileList) {
+          this.upload.isUploading = true;
+      },
+      // 文件上传成功处理
+      handleFileSuccess(response, file, fileList) {
+          this.upload.open = false;
+          this.upload.isUploading = false;
+          this.$refs.upload.clearFiles();
+          this.fullscreenLoading = false;
+        if (response.data.length > 0) {
+          let failrow = ''
+          for (let i = 0; i < response.data.length; i++) {
+            failrow += response.data[i] + ','
+          }
+          this.$alert(this.$t('导入成功条数:') + response.msg + '<br>' + this.$t('失败行数:') + failrow, this.$t('导入结果'), {dangerouslyUseHTMLString: true});
+        } else {
+          this.$alert(this.$t('导入成功条数:') + response.msg, this.$t('导入结果'), {dangerouslyUseHTMLString: true});
         }
-        this.$alert(this.$t('导入成功条数:') + response.msg + '<br>' + this.$t('失败行数:') + failrow, this.$t('导入结果'), {dangerouslyUseHTMLString: true});
-      } else {
-        this.$alert(this.$t('导入成功条数:') + response.msg, this.$t('导入结果'), {dangerouslyUseHTMLString: true});
-      }
-      this.getList();
-    },
-    // 提交上传文件
-    submitFileForm() {
-      this.$refs.upload.submit();
-      this.fullscreenLoading = true;
-    },
-    //下载报告
-    downloadHandle(row) {
-      this.downloadForm.id = row.id;
-      this.$nextTick(() => {
-        this.$refs['downloadForm'].submit()
-      })
-    },
+          this.getList();
+      },
+      // 提交上传文件
+      submitFileForm() {
+          this.$refs.upload.submit();
+          this.fullscreenLoading = true;
+      },
+      //下载报告
+      downloadHandle (row) {
+        this.downloadForm.id = row.id;
+        this.$nextTick(() => {
+          this.$refs['downloadForm'].submit()
+        })
+      },
     //查询测厚记录
-    recordHandle(row) {
+    recordHandle (row) {
       this.recordVisible = true
       this.$nextTick(() => {
         this.$refs.record.init(row)
       })
     },
-    closeChildDialog() {
+    closeChildDialog () {
       this.showFlag = false
       this.getList();
     },
@@ -1399,30 +1381,22 @@ export default {
       this.$message.warning(`当前限制选择 3 个文件`);
     },
     handleRemove(file, fileList) {
-      this.form.locationUrl = fileList.map((obj) => {
-        return obj.response.msg
-      }).join(",");
+      this.form.locationUrl = fileList.map((obj)=>{return obj.response.msg}).join(",");
       console.log(this.form.locationUrl)
     },
     handleAvatarSuccess(res, file, fileList) {
       console.log(fileList)
       this.locationList = fileList
-      this.form.locationUrl = fileList.map((obj) => {
-        return obj.response.msg
-      }).join(",");
+      this.form.locationUrl = fileList.map((obj)=>{return obj.response.msg}).join(",");
       console.log(this.form.locationUrl)
     },
     handleRemove2(file, fileList) {
-      this.form.photo = fileList.map((obj) => {
-        return obj.response.msg
-      }).join(",");
+      this.form.photo = fileList.map((obj)=>{return obj.response.msg}).join(",");
     },
     handleAvatarSuccess2(res, file, fileList) {
       console.log(fileList)
       this.photoList = fileList
-      this.form.photo = fileList.map((obj) => {
-        return obj.response.msg
-      }).join(",");
+      this.form.photo = fileList.map((obj)=>{return obj.response.msg}).join(",");
     },
     handlePictureCardPreview(file) {
       this.dialogImageUrl = file.url;
@@ -1447,15 +1421,15 @@ export default {
     //附件上传成功处理
     handleFileDocSuccess(response, file, fileList) {
       this.form.analysisUrl = response.msg
-      this.$alert(response.msg, this.$t('导入结果'), {dangerouslyUseHTMLString: true});
+      this.$alert(response.msg, this.$t('导入结果'), { dangerouslyUseHTMLString: true });
     },
 
     //寿命颜色预警
-    tableCellStyle({row, column, rowIndex, columnIndex}) {
-      if (columnIndex == 18 && row.warnFlag == 1) {
-        return "color: rgba(255, 26, 26, 0.98) "
-      } else if (columnIndex == 17 && row.warnFlag == 1) {
+    tableCellStyle({ row, column, rowIndex, columnIndex }) {
+     if (columnIndex == 18 && row.warnFlag == 1){
         return "color: rgba(255, 26, 26, 0.98) "
+      }else if (columnIndex == 17 && row.warnFlag == 1){
+       return "color: rgba(255, 26, 26, 0.98) "
       }
     },