修改生命周期

ruoyi-ui/src/views/components/table/liuTable.vue

@@ -1,166 +1,165 @@
 <template>
   <div class="app-container">
-     <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">
-     <el-row type="flex">
-                <el-col :span="2" >
-                     <el-form-item label="开始时间" style="float:right">
-                    </el-form-item>
-                </el-col>
-                <el-col :span="3">
-                  <el-date-picker
-                        v-model="queryParams.startTime"
-                        type="datetime"
-                        placeholder="选择日期时间">
-                      </el-date-picker>
-                </el-col>
-                <el-col :span="2">
-                    <el-form-item label="结束时间" style="float:right">
-                    </el-form-item>
-                </el-col>
-                 <el-col :span="3">
-                    <el-date-picker
-                            v-model="queryParams.endTime"
-                            type="datetime"
-                            placeholder="选择日期时间">
-                          </el-date-picker>
-                </el-col>
-                <el-col :span="2">
-                    <el-form-item label="船名" prop="shipName" style="float:right">
-                    </el-form-item> 
-                </el-col>
-                 <el-col :span="3">
-                 <el-input
-                        v-model="queryParams.shipName"
-                        placeholder="船舶名"
-                        clearable
-                        size="small"
-                        style="width: 80rem"
-                        @keyup.enter.native="handleQuery"
-                      />
-                 </el-col>
-                <el-col :span="2">
-                      <el-form-item label="MMSI" prop="mmsi" style="float:right">
-                        </el-form-item>
-                </el-col>
-                  <el-col :span="3">
-                     <el-input
-                            v-model="queryParams.mmsi"
-                            placeholder="请输入关键字"
-                            clearable
-                            size="small"
-                            style="width: 100rem"
-                            @keyup.enter.native="handleQuery"
-                          />
-                  </el-col>
-              </el-row>
-
-
-              <el-row type="flex"> 
-                 <el-col :span="2">
-                       <el-form-item label="海船/内河船" prop="name" style="float:right">
-                        </el-form-item>
-                 </el-col>
-                  <el-col :span="3">
-                         <el-select v-model="queryParams.shipRegionType" clearable placeholder="请选择">
-                              <el-option
-                                v-for="item in shipTypeOptions"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value">
-                              </el-option>
-                            </el-select>
-                 </el-col>
-                   <el-col :span="2">
-                       <el-form-item label="监测点" prop="monitorPointName" style="float:right">
-                       </el-form-item>
-                 </el-col>
-                  <el-col :span="3">
-                        <el-select v-model="queryParams.monitorPointName" clearable placeholder="请选择">
-                            <el-option
-                              v-for="item in jianceOptions"
-                              :key="item.dictValue"
-                              :label="item.dictLabel"
-                              :value="item.dictValue">
-                            </el-option>
-                          </el-select>
-                 </el-col>
-                
-                  <el-col :span="2">
-                       <el-form-item label="目的港" prop="destination" style="float:right">
-                       </el-form-item>
-                 </el-col>
-                  <el-col :span="3">
-                        <el-input
-                          v-model="queryParams.destination"
-                          placeholder="目的港"
-                          clearable
-                          size="small"
-                          style="width: 80rem"
-                        />
-                 </el-col>
-                  <el-col :span="2">
-                         <el-form-item label="管辖机构" prop="orgName" style="float:right">
-                        </el-form-item>
-                 </el-col>
-                  <el-col :span="3">
-                         <el-select v-model="queryParams.orgName" clearable placeholder="请选择">
-                              <el-option
-                                v-for="item in orgOptions"
-                                :key="item.dictValue"
-                                :label="item.dictLabel"
-                                :value="item.dictValue">
-                              </el-option>
-                            </el-select>
-                 </el-col>
-           </el-row>
-
-          <el-row type="flex"> 
-                 <el-col :span="2">
-                      <el-form-item label="处置结果" prop="name" style="float:right"> 
-                      </el-form-item>
-                 </el-col>
-                  <el-col :span="3">
-                         <el-select v-model="queryParams.dealResult" clearable placeholder="请选择">
-                            <el-option
-                              v-for="item in options"
-                              :key="item.value"
-                              :label="item.label"
-                              :value="item.value">
-                            </el-option>
-                          </el-select>
-                 </el-col>
-                   <el-col :span="2">
-                         <el-form-item label="快检结果" prop="fastResult" style="float:right">
-                         </el-form-item>
-                 </el-col>
-                  <el-col :span="3">
-                        <el-select v-model="queryParams.fastResult" clearable placeholder="请选择">
-                            <el-option
-                              v-for="item in options"
-                              :key="item.value"
-                              :label="item.label"
-                              :value="item.value">
-                            </el-option>
-                          </el-select>
-                 </el-col>
-                
-                  <el-col :span="2">
-                         <el-form-item label="送检结果" prop="uploadResult" style="float:right">
-                         </el-form-item>
-                 </el-col>
-                  <el-col :span="3">
-                      <el-select v-model="queryParams.uploadResult" clearable placeholder="请选择">
-                        <el-option
-                          v-for="item in options"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value">
-                        </el-option>
-                      </el-select>
-                 </el-col>
-           </el-row>
-
-    
+    <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">
+      <el-row type="flex">
+        <el-col :span="2">
+          <el-form-item label="开始时间" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-date-picker
+            v-model="queryParams.startTime"
+            type="datetime"
+            placeholder="选择日期时间">
+          </el-date-picker>
+        </el-col>
+        <el-col :span="2">
+          <el-form-item label="结束时间" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-date-picker
+            v-model="queryParams.endTime"
+            type="datetime"
+            placeholder="选择日期时间">
+          </el-date-picker>
+        </el-col>
+        <el-col :span="2">
+          <el-form-item label="船名" prop="shipName" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-input
+            v-model="queryParams.shipName"
+            placeholder="船舶名"
+            clearable
+            size="small"
+            style="width: 80rem"
+            @keyup.enter.native="handleQuery"
+          />
+        </el-col>
+        <el-col :span="2">
+          <el-form-item label="MMSI" prop="mmsi" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-input
+            v-model="queryParams.mmsi"
+            placeholder="请输入关键字"
+            clearable
+            size="small"
+            style="width: 100rem"
+            @keyup.enter.native="handleQuery"
+          />
+        </el-col>
+      </el-row>
+
+
+      <el-row type="flex">
+        <el-col :span="2">
+          <el-form-item label="海船/内河船" prop="name" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-select v-model="queryParams.shipRegionType" clearable placeholder="请选择">
+            <el-option
+              v-for="item in shipTypeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-col>
+        <el-col :span="2">
+          <el-form-item label="监测点" prop="monitorPointName" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-select v-model="queryParams.monitorPointName" clearable placeholder="请选择">
+            <el-option
+              v-for="item in jianceOptions"
+              :key="item.dictValue"
+              :label="item.dictLabel"
+              :value="item.dictValue">
+            </el-option>
+          </el-select>
+        </el-col>
+
+        <el-col :span="2">
+          <el-form-item label="目的港" prop="destination" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-input
+            v-model="queryParams.destination"
+            placeholder="目的港"
+            clearable
+            size="small"
+            style="width: 80rem"
+          />
+        </el-col>
+        <el-col :span="2">
+          <el-form-item label="管辖机构" prop="orgName" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-select v-model="queryParams.orgName" clearable placeholder="请选择">
+            <el-option
+              v-for="item in orgOptions"
+              :key="item.dictValue"
+              :label="item.dictLabel"
+              :value="item.dictValue">
+            </el-option>
+          </el-select>
+        </el-col>
+      </el-row>
+
+      <el-row type="flex">
+        <el-col :span="2">
+          <el-form-item label="处置结果" prop="name" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-select v-model="queryParams.dealResult" clearable placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-col>
+        <el-col :span="2">
+          <el-form-item label="快检结果" prop="fastResult" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-select v-model="queryParams.fastResult" clearable placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-col>
+
+        <el-col :span="2">
+          <el-form-item label="送检结果" prop="uploadResult" style="float:right">
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-select v-model="queryParams.uploadResult" clearable placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-col>
+      </el-row>
+
 
       <!--      <el-form-item label="受否中国国籍" prop="name">-->
       <!--          <el-radio v-model="queryParams.radio" label="1">是</el-radio>-->
@@ -189,7 +188,7 @@
       :header-cell-style="{ background: 'linear-gradient(white, #ccebf9)'}"
       style="width: 100%"
       height=400>
-       <el-table-column
+      <el-table-column
         label='序号'
         type="index"
         width="50">
@@ -358,7 +357,12 @@ export default {
       }]
     }
   },
-  mounted() {
+  // mounted() {
+  //   this.getLiuLists();
+  //   this.getThresholdList();
+  //   this.getDicts();
+  // },
+  created() {
     this.getLiuLists();
     this.getThresholdList();
     this.getDicts();