Forráskód Böngészése

feat: 将表单汇集到一个一个页面

Rmengdi 11 hónapja
szülő
commit
7121ae910f

+ 0 - 1
meas_web/public/index.html

@@ -5,7 +5,6 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="renderer" content="webkit">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= webpackConfig.name %></title>
     <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
 	  <style>

+ 2 - 2
meas_web/src/layout/components/Sidebar/Logo.vue

@@ -6,7 +6,7 @@
         <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
+        <!-- <img v-if="logo" :src="logo" class="sidebar-logo" /> -->
         <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
       </router-link>
     </transition>
@@ -78,7 +78,7 @@ export default {
       color: #fff;
       font-weight: 600;
       line-height: 50px;
-      font-size: 14px;
+      font-size: 20px;
       font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
       vertical-align: middle;
     }

+ 332 - 229
meas_web/src/views/meas/envData/index.vue

@@ -2,96 +2,46 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="测量批次id" prop="measurementBatchId" label-width="100px">
-        <el-input
-          v-model="queryParams.measurementBatchId"
-          placeholder="请输入测量批次id"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.measurementBatchId" placeholder="请输入测量批次id" clearable
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="发动机状态" prop="engineStatus" label-width="100px">
         <el-select v-model="queryParams.engineStatus" placeholder="请选择发动机状态" clearable>
-          <el-option
-            v-for="item in engineStatusOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+          <el-option v-for="item in engineStatusOptions" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="角度" prop="angle">
         <el-select v-model="queryParams.angle" placeholder="请选择角度" clearable>
-          <el-option
-            v-for="item in angleOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+          <el-option v-for="item in angleOptions" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="测试距离" prop="testDistance">
-        <el-input
-          v-model="queryParams.testDistance"
-          placeholder="请输入测试距离"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.testDistance" placeholder="请输入测试距离" clearable
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="时间" prop="time">
-        <el-date-picker clearable
-            v-model="queryParams.time"
-            type="datetime"
-            value-format="yyyy-MM-dd HH:mm"         format="yyyy-MM-dd HH:mm"
-            placeholder="请选择时间">
-          </el-date-picker>
+        <el-date-picker clearable v-model="queryParams.time" type="datetime" value-format="yyyy-MM-dd HH:mm"
+          format="yyyy-MM-dd HH:mm" placeholder="请选择时间">
+        </el-date-picker>
       </el-form-item>
       <el-form-item label="地点" prop="location">
-        <el-input
-          v-model="queryParams.location"
-          placeholder="请输入地点"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.location" placeholder="请输入地点" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="大气压" prop="atmosPress">
-        <el-input
-          v-model="queryParams.atmosPress"
-          placeholder="请输入大气压"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.atmosPress" placeholder="请输入大气压" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="温度" prop="temperature">
-        <el-input
-          v-model="queryParams.temperature"
-          placeholder="请输入温度"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.temperature" placeholder="请输入温度" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="风速" prop="windSpeed">
-        <el-input
-          v-model="queryParams.windSpeed"
-          placeholder="请输入风速"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.windSpeed" placeholder="请输入风速" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="湿度" prop="humidity">
-        <el-input
-          v-model="queryParams.humidity"
-          placeholder="请输入湿度"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.humidity" placeholder="请输入湿度" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="CO₂浓度" prop="concentration">
-        <el-input
-          v-model="queryParams.concentration"
-          placeholder="请输入CO₂浓度"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.concentration" placeholder="请输入CO₂浓度" clearable
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -101,46 +51,20 @@
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['meas:envData:add']"
-        >新增</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+          v-hasPermi="['meas:envData:add']">新增</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['meas:envData:edit']"
-        >修改</el-button>
+        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
+          v-hasPermi="['meas:envData:edit']">修改</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['meas:envData:remove']"
-        >删除</el-button>
+        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['meas:envData:remove']">删除</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['meas:envData:export']"
-        >导出</el-button>
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
+          v-hasPermi="['meas:envData:export']">导出</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
@@ -155,7 +79,7 @@
       <el-table-column label="测试距离" align="center" prop="testDistance" />
       <el-table-column label="时间" align="center" prop="time">
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.time, '{y}-{m}-{d}') }}</span>
+          <span>{{ parseTime(scope.row.time, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
       <el-table-column label="地点" align="center" prop="location" />
@@ -172,91 +96,205 @@
       </el-table-column> -->
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['meas:envData:edit']"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['meas:envData:remove']"
-          >删除</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['meas:envData:edit']">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['meas:envData:remove']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
 
     <!-- 添加或修改测量环境数据对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="60%" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="90px">
-        <el-form-item label="测量批次id" prop="measurementBatchId">
-          <el-input v-model="form.measurementBatchId" placeholder="请输入测量批次id" />
-        </el-form-item>
-        <el-form-item label="发动机状态" label-width="100px" prop="engineStatus">
-          <el-select v-model="form.engineStatus" placeholder="请选择发动机状态">
-            <el-option
-              v-for="item in engineStatusOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="涡轮后温度" prop="turbinePostTemp" label-width="100px">
-          <file-upload :fileSize="0" :limit="1" :fileType="['txt']" v-model="form.turbinePostTemp"/>
-        </el-form-item>
-        <el-form-item label="角度" prop="angle">
-          <el-select v-model="form.angle" placeholder="请输入角度">
-            <el-option
-              v-for="item in angleOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="测试距离" prop="testDistance">
-          <el-input v-model="form.testDistance" placeholder="请输入测试距离" />
-        </el-form-item>
-        <el-form-item label="时间" prop="time">
-          <el-date-picker clearable
-            v-model="form.time"
-            type="datetime"
-            value-format="yyyy-MM-dd HH:mm"         format="yyyy-MM-dd HH:mm"
-            placeholder="请选择时间">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="地点" prop="location">
-          <el-input v-model="form.location" placeholder="请输入地点" />
-        </el-form-item>
-        <el-form-item label="大气压" prop="atmosPress">
-          <el-input v-model="form.atmosPress" placeholder="请输入大气压(单位:pa)" />
-        </el-form-item>
-        <el-form-item label="温度" prop="temperature">
-          <el-input v-model="form.temperature" placeholder="请输入温度(单位:K)" />
-        </el-form-item>
-        <el-form-item label="风速" prop="windSpeed">
-          <el-input v-model="form.windSpeed" placeholder="请输入风速(单位:m/s)" />
+        <el-row type="flex" justify="space-around">
+          <el-form-item label="测量批次id" prop="measurementBatchId">
+            <el-input v-model="form.measurementBatchId" placeholder="请输入测量批次id" />
+          </el-form-item>
+          <el-form-item label="测量批次id" prop="measurementBatchId">
+            <el-input v-model="form.measurementBatchId" placeholder="请输入测量批次id" />
+          </el-form-item>
+          <el-form-item label="测量批次id" prop="measurementBatchId">
+            <el-input v-model="form.measurementBatchId" placeholder="请输入测量批次id" />
+          </el-form-item>
+        </el-row>
+      </el-form>
+      <div class="box">
+        <span class="title">环境参数</span>
+        <el-form ref="form" :model="form" size="mini" :rules="rules" label-width="80px">
+          <el-row type="flex" justify="space-around">
+            <el-form-item label="发动机状态" label-width="100px" prop="engineStatus">
+              <el-select v-model="form.engineStatus" placeholder="请选择发动机状态">
+                <el-option v-for="item in engineStatusOptions" :key="item.value" :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="角度" prop="angle">
+              <el-select v-model="form.angle" placeholder="请输入角度">
+                <el-option v-for="item in angleOptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="涡轮后温度" prop="turbinePostTemp" label-width="100px">
+              <file-upload :fileSize="0" :limit="1" :fileType="['txt']" v-model="form.turbinePostTemp" />
+            </el-form-item>
+          </el-row>
+          <el-row type="flex" justify="space-around">
+            <el-form-item label="测试距离" prop="testDistance">
+              <el-input v-model="form.testDistance" placeholder="请输入测试距离" />
+            </el-form-item>
+            <el-form-item label="时间" prop="time">
+              <el-date-picker clearable v-model="form.time" type="datetime" value-format="yyyy-MM-dd HH:mm"
+                format="yyyy-MM-dd HH:mm" placeholder="请选择时间">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="地点" prop="location">
+              <el-input v-model="form.location" placeholder="请输入地点" />
+            </el-form-item>
+          </el-row>
+          <el-row type="flex" justify="space-around">
+            <el-form-item label="大气压" prop="atmosPress">
+              <el-input v-model="form.atmosPress" placeholder="请输入大气压(单位:pa)" />
+            </el-form-item>
+            <el-form-item label="温度" prop="temperature">
+              <el-input v-model="form.temperature" placeholder="请输入温度(单位:K)" />
+            </el-form-item>
+            <el-form-item label="风速" prop="windSpeed">
+              <el-input v-model="form.windSpeed" placeholder="请输入风速(单位:m/s)" />
+            </el-form-item>
+          </el-row>
+          <el-row type="flex" justify="space-around">
+            <el-form-item label="湿度" prop="humidity">
+              <el-input v-model="form.humidity" placeholder="请输入湿度(单位:%)" />
+            </el-form-item>
+            <el-form-item label="CO₂浓度" prop="concentration">
+              <el-input v-model="form.concentration" placeholder="请输入浓度(单位:mol)" />
+            </el-form-item>
+            <el-col :span="8"></el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <div class="box">
+        <span class="title">光谱辐射计测量数据</span>
+        <el-form ref="radiationForm" size="mini" :model="radiationForm" :rules="rules" label-width="80px">
+          <el-row type="flex" justify="space-around">
+            <el-form-item label="型号" prop="model">
+              <el-input v-model="radiationForm.model" placeholder="请输入型号" />
+            </el-form-item>
+            <el-form-item label="镜头视场角" prop="lensFView" label-width="100px">
+              <el-input v-model="radiationForm.lensFView" placeholder="请输入镜头视场角(单位:mrad)" />
+            </el-form-item>
+            <el-form-item label="增益" prop="gain">
+              <el-input v-model.number="radiationForm.gain" placeholder="请输入增益(单位:x)" />
+            </el-form-item>
+          </el-row>
+          <el-row type="flex" justify="space-around">
+
+            <el-form-item label="背景数据" prop="backgroundData">
+              <file-upload :fileSize="0" :limit="1" :fileType="['lgm']" v-model="radiationForm.backgroundData" />
+            </el-form-item>
+            <el-form-item label="标定温度" prop="calTemp">
+              <el-input v-model="radiationForm.calTemp" placeholder="请输入标定温度" />
+            </el-form-item>
+            <el-form-item label="标定曲线" prop="calCurve">
+              <file-upload :fileSize="0" :limit="5" :fileType="['txt']" v-model="radiationForm.calCurve" />
+            </el-form-item>
+          </el-row>
+          <div class="box" style="margin-bottom: 15px;">
+            <span class="title">目标数据</span>
+            <el-row type="flex" justify="space-around">
+              <el-form-item label="原始数据" prop="rawData">
+                <file-upload :fileSize="0" :limit="5" :fileType="['txt']" v-model="radiationForm.rawData" />
+              </el-form-item>
+              <el-form-item label="辐射亮度" prop="radiance1">
+                <file-upload :fileSize="0" :limit="1" :fileType="['txt']" v-model="radiationForm.radiance1" />
+              </el-form-item>
+              <el-form-item label="辐射亮度" prop="radiance2">
+                <file-upload :fileSize="0" :limit="1" :fileType="['txt']" v-model="radiationForm.radiance2" />
+              </el-form-item>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+      <div class="box">
+        <span class="title">热像仪测量数据</span>
+
+        <el-form ref="TIForm" :model="TIForm" size="mini" :rules="rules" label-width="80px">
+          <el-row type="flex" justify="space-around">
+            <el-form-item label="型号" prop="model">
+              <el-input v-model="TIForm.model" placeholder="请输入型号" />
+            </el-form-item>
+            <el-form-item label="镜头视场角" label-width="100px" prop="lensFView">
+              <el-select v-model="TIForm.lensFView" placeholder="请选择镜头视场角">
+                <el-option v-for="item in lensFViewOptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="滤镜编号" prop="filterNo">
+              <el-select v-model="TIForm.filterNo" placeholder="请选择滤镜编号">
+                <el-option v-for="item in filterNoOptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-row>
+          <el-row type="flex" justify="space-around">
+            <el-form-item label="帧率" prop="fps">
+              <el-select v-model="TIForm.fps" placeholder="请选择帧率">
+                <el-option v-for="item in fpsOptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item><el-form-item label="波段" prop="spectralBand">
+              <el-select v-model="TIForm.spectralBand" placeholder="请选择波段">
+                <el-option v-for="item in spectralBandOptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="积分时间" prop="integrationTime">
+            <el-input v-model.number="TIForm.integrationTime" placeholder="请输入积分时间(单位:s)" />
+          </el-form-item>
+          </el-row>
+          <el-row type="flex" justify="space-around">
+            <el-form-item label="温度标定" prop="tempCal">
+            <file-upload :fileSize="0" :limit="1" :fileType="['txt']" v-model="TIForm.tempCal" />
+          </el-form-item>
+          <el-form-item label="辐射亮度" prop="radiance">
+            <file-upload :fileSize="0" :limit="1" :fileType="['txt']" v-model="TIForm.radiance" />
+          </el-form-item>
+          <el-form-item label="辐射照度" prop="radIllumination">
+            <file-upload :fileSize="0" :limit="1" :fileType="['txt']" v-model="TIForm.radIllumination" />
+          </el-form-item>
+          </el-row>
+          <el-row type="flex" justify="space-around">
+            <el-form-item label="辐射温度" prop="radTemp">
+            <file-upload :fileSize="0" :limit="1" :fileType="['txt']" v-model="TIForm.radTemp" />
+          </el-form-item>
+          <el-col :span="7"></el-col>
+          <el-col :span="7"></el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <div class="box">
+        <span class="title">透过率数据</span>
+        <el-form ref="TransmittanceForm" :model="TransmittanceForm" :rules="rules" label-width="80px">
+          <el-row type="flex" justify="space-around">
+        <el-form-item label="原始数据" prop="rawData">
+          <file-upload :fileSize="0" :limit="1" :fileType="['txt']" v-model="TransmittanceForm.rawData"/>
         </el-form-item>
-        <el-form-item label="湿度" prop="humidity">
-          <el-input v-model="form.humidity" placeholder="请输入湿度(单位:%)" />
+        <el-form-item label="透过率曲线3~5μm" label-width="130px" prop="curve1">
+          <file-upload :fileSize="0" :limit="1" :fileType="['txt']"  v-model="TransmittanceForm.curve1"/>
         </el-form-item>
-        <el-form-item label="CO₂浓度" prop="concentration">
-          <el-input v-model="form.concentration" placeholder="请输入浓度(单位:mol)" />
+        <el-form-item label="透过率曲线8~14μm" label-width="135px" prop="curve2">
+          <file-upload :fileSize="0" :limit="1" :fileType="['txt']"  v-model="TransmittanceForm.curve2"/>
         </el-form-item>
+        </el-row>
       </el-form>
+        
+      </div>
+      
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -266,7 +304,13 @@
 </template>
 
 <script>
-import { listEnvData, getEnvData, delEnvData, addEnvData, updateEnvData } from "@/api/meas/envData";
+import {
+  listEnvData,
+  getEnvData,
+  delEnvData,
+  addEnvData,
+  updateEnvData,
+} from "@/api/meas/envData";
 
 export default {
   name: "EnvData",
@@ -309,58 +353,91 @@ export default {
       },
       // 表单参数
       form: {},
+      radiationForm: {},
+      TIForm: {},
+      TransmittanceForm: {},
       // 表单校验和验证
       rules: {
         measurementBatchId: [
-          { required: true, message: "测量批次id不能为空", trigger: "blur" }
+          { required: true, message: "测量批次id不能为空", trigger: "blur" },
         ],
         engineStatus: [
-          { required: true, message: "发动机状态不能为空", trigger: "change" }
-        ],
-        angle: [
-          { required: true, message: "角度不能为空", trigger: "change" }
+          { required: true, message: "发动机状态不能为空", trigger: "change" },
         ],
+        angle: [{ required: true, message: "角度不能为空", trigger: "change" }],
         testDistance: [
-          { pattern: /^(0(\.\d{1,2})?|[1-9]\d{0,2}(\.\d{1,2})?|1000(\.00?)?)$/, message: '请输入0.00-1000.00之间的数字,最多可保留两位小数',trigger: 'blur'} 
-        ],
-        time: [
-          { required: true, message: "时间不能为空", trigger: "change" }
+          {
+            pattern: /^(0(\.\d{1,2})?|[1-9]\d{0,2}(\.\d{1,2})?|1000(\.00?)?)$/,
+            message: "请输入0.00-1000.00之间的数字,最多可保留两位小数",
+            trigger: "blur",
+          },
         ],
+        time: [{ required: true, message: "时间不能为空", trigger: "change" }],
         location: [
           { required: true, message: "地点不能为空", trigger: "blur" },
-          { min: 0, max: 50, message: '长度在 0 到 50 个字符', trigger: 'blur' }
+          {
+            min: 0,
+            max: 50,
+            message: "长度在 0 到 50 个字符",
+            trigger: "blur",
+          },
+        ],
+        atmosPress: [
+          {
+            pattern:
+              /^(0(\.\d{1,2})?|[1-9]\d{0,2}(\.\d{1,2})?|1[0-4]\d{2}(\.\d{1,2})?|1500(\.00?)?)$/,
+            message: "请输入0.00-1500.00pa之间的数字,最多可保留两位小数",
+            trigger: "blur",
+          },
         ],
-        atmosPress:[
-          { pattern: /^(0(\.\d{1,2})?|[1-9]\d{0,2}(\.\d{1,2})?|1[0-4]\d{2}(\.\d{1,2})?|1500(\.00?)?)$/, message: '请输入0.00-1500.00pa之间的数字,最多可保留两位小数',trigger: 'blur'}
+        temperature: [
+          {
+            pattern: /^(230|2[3-9]\d|30\d|31\d|320)(\.\d{2})?$/,
+            message: "请输入230.00-320.00K之间的数字,最多可保留两位小数",
+            trigger: "blur",
+          },
         ],
-        temperature:[
-          { pattern: /^(230|2[3-9]\d|30\d|31\d|320)(\.\d{2})?$/, message: '请输入230.00-320.00K之间的数字,最多可保留两位小数',trigger: 'blur'}
+        windSpeed: [
+          {
+            pattern: /^(0(\.\d{1,2})?|[1-9]\d{0,2}(\.\d{1,2})?|1000(\.00?)?)$/,
+            message: "请输入0.00-1000.00m/s之间的数字,最多可保留两位小数",
+            trigger: "blur",
+          },
         ],
-        windSpeed:[
-          { pattern: /^(0(\.\d{1,2})?|[1-9]\d{0,2}(\.\d{1,2})?|1000(\.00?)?)$/, message: '请输入0.00-1000.00m/s之间的数字,最多可保留两位小数',trigger: 'blur'} 
+        humidity: [
+          {
+            pattern: /(^(\d|[1-9]\d)(\.\d{1,2})?$)|(^100$)/,
+            message: "请输入0.00-100.00%之间的数字,最多可保留两位小数",
+            trigger: "blur",
+          },
         ],
-        humidity:[
-          { pattern: /(^(\d|[1-9]\d)(\.\d{1,2})?$)|(^100$)/, message: '请输入0.00-100.00%之间的数字,最多可保留两位小数',trigger: 'blur'} 
+        concentration: [
+          {
+            pattern: /^(0(\.\d{1,2})?|[1-9]\d{0,2}(\.\d{1,2})?|1000(\.00?)?)$/,
+            message: "请输入0.00-1000.00mol之间的数字,最多可保留两位小数",
+            trigger: "blur",
+          },
         ],
-        concentration:[
-          { pattern: /^(0(\.\d{1,2})?|[1-9]\d{0,2}(\.\d{1,2})?|1000(\.00?)?)$/, message: '请输入0.00-1000.00mol之间的数字,最多可保留两位小数',trigger: 'blur'}
-        ]
       },
 
       // 发动机状态
-      engineStatusOptions:[
-        { label:'最大',value:1 },
-        { label:'连续',value:2 },
-        { label:'最小',value:3 },
+      engineStatusOptions: [
+        { label: "最大", value: 1 },
+        { label: "连续", value: 2 },
+        { label: "最小", value: 3 },
       ],
       // 角度状态
-      angleOptions:[
-        { label:'15°',value:1 },
-        { label:'20°',value:2 },
-        { label:'30°',value:3 },
-      ]
+      angleOptions: [
+        { label: "15°", value: 1 },
+        { label: "20°", value: 2 },
+        { label: "30°", value: 3 },
+      ],
+      // 热像仪测试
+      lensFViewOptions: [],
+      filterNoOptions: [],
+      fpsOptions: [],
+      spectralBandOptions: [],
     };
-    
   },
   created() {
     this.getList();
@@ -369,7 +446,7 @@ export default {
     /** 查询测量环境数据列表 */
     getList() {
       this.loading = true;
-      listEnvData(this.queryParams).then(response => {
+      listEnvData(this.queryParams).then((response) => {
         this.envDataList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -399,7 +476,7 @@ export default {
         createBy: null,
         createTime: null,
         updateBy: null,
-        updateTime: null
+        updateTime: null,
       };
       this.resetForm("form");
     },
@@ -415,9 +492,9 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
-      this.multiple = !selection.length
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd() {
@@ -428,8 +505,8 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id || this.ids
-      getEnvData(id).then(response => {
+      const id = row.id || this.ids;
+      getEnvData(id).then((response) => {
         this.form = response.data;
         this.open = true;
         this.title = "修改测量环境数据";
@@ -437,16 +514,16 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.id != null) {
-            updateEnvData(this.form).then(response => {
+            updateEnvData(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            addEnvData(this.form).then(response => {
+            addEnvData(this.form).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -458,19 +535,45 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除测量环境数据编号为"' + ids + '"的数据项?').then(function() {
-        return delEnvData(ids);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      this.$modal
+        .confirm('是否确认删除测量环境数据编号为"' + ids + '"的数据项?')
+        .then(function () {
+          return delEnvData(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => { });
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download('meas/envData/export', {
-        ...this.queryParams
-      }, `envData_${new Date().getTime()}.xlsx`)
-    }
-  }
+      this.download(
+        "meas/envData/export",
+        {
+          ...this.queryParams,
+        },
+        `envData_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
 };
 </script>
+<style scoped lang="scss">
+.box {
+  border: 1px solid #dcdfe6;
+  border-radius: 10px;
+  padding: 20px 15px 0px 15px;
+  margin-top: 20px;
+  position: relative;
+
+  .title {
+    padding: 10px;
+    background-color: white;
+    position: absolute;
+    top: -20px;
+    font-weight: 700;
+    font-size: 1rem;
+  }
+}
+</style>