1

src/views/systemSettings/views/warningSet/warningEdit.vue

@@ -15,38 +15,60 @@
             <el-col :span="6">
               <div class="aviName">
                 <span class="aviP">场景编号</span>
-                <el-input v-model="tableFormer.alarmSceneId" placeholder="请输入场景编号"></el-input>
+                <el-input
+                  v-model="tableFormer.alarmSceneId"
+                  placeholder="请输入场景编号"
+                ></el-input>
               </div>
             </el-col>
             <el-col :span="6">
               <div class="aviName">
                 <span class="aviP">航司二字码</span>
-                <el-input v-model="tableFormer.IATACode" placeholder="请输入航司二字码"></el-input>
+                <el-input
+                  v-model="tableFormer.IATACode"
+                  placeholder="请输入航司二字码"
+                ></el-input>
               </div>
             </el-col>
             <el-col :span="6">
               <div class="aviName" style="margin-left: 20px">
                 <span class="aviP">起飞机场</span>
-                <el-input v-model="tableFormer.departmentAirport" placeholder="请输入起飞机场"></el-input>
+                <el-input
+                  v-model="tableFormer.departmentAirport"
+                  placeholder="请输入起飞机场"
+                ></el-input>
               </div>
             </el-col>
             <el-col :span="6">
               <div class="aviName" style="margin-left: 20px">
                 <span class="aviP">降落机场</span>
-                <el-input v-model="tableFormer.landingAirport" placeholder="请输入起飞机场"></el-input>
+                <el-input
+                  v-model="tableFormer.landingAirport"
+                  placeholder="请输入起飞机场"
+                ></el-input>
               </div>
             </el-col>
             <el-col :span="6">
               <div class="digName4">
                 <div class="aviP1">航班号</div>
-                <el-input placeholder="请输入航班号" v-model="tableFormer.flightNo"></el-input>
+                <el-input
+                  placeholder="请输入航班号"
+                  v-model="tableFormer.flightNo"
+                ></el-input>
               </div>
             </el-col>
             <el-col :span="6">
               <div class="digName1">
                 <div class="aviName1">
                   <div class="aviP2">起飞时间</div>
-                  <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="tableFormer.startDate" :rows="1" type="datetime" placeholder="选择日期时间" @change="inputChangeHandler(item.columnName)">
+                  <el-date-picker
+                    value-format="yyyy-MM-dd HH:mm:ss"
+                    v-model="tableFormer.startDate"
+                    :rows="1"
+                    type="datetime"
+                    placeholder="选择日期时间"
+                    @change="inputChangeHandler(item.columnName)"
+                  >
                   </el-date-picker>
                 </div>
               </div>
@@ -54,7 +76,14 @@
             <el-col :span="6">
               <div class="aviName1">
                 <div class="aviP5">降落时间</div>
-                <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="tableFormer.endDate" :rows="1" type="datetime" placeholder="选择日期时间" @change="inputChangeHandler(item.columnName)">
+                <el-date-picker
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  v-model="tableFormer.endDate"
+                  :rows="1"
+                  type="datetime"
+                  placeholder="选择日期时间"
+                  @change="inputChangeHandler(item.columnName)"
+                >
                 </el-date-picker>
               </div>
             </el-col>
@@ -94,14 +123,23 @@
                 <!-- <div class="title flower">
                   {{ item.name }}
                 </div> -->
-                <el-tooltip effect="dark" :content="item.StrategyName" placement="bottom">
+                <el-tooltip
+                  effect="dark"
+                  :content="item.StrategyName"
+                  placement="bottom"
+                >
                   <div class="title flower">{{ item.StrategyName }}</div>
                 </el-tooltip>
-                <div @click="delBox(item, index)" class="el-icon-close icon"></div>
+                <div
+                  @click="delBox(item, index)"
+                  class="el-icon-close icon"
+                ></div>
               </div>
               <div class="text item" style="margin-top: 15px">
                 <div class="adTime fwgh" style="margin-bottom: 15px">
-                  预警时长:<span class="timeER">{{ item.warningDuration }}</span>
+                  预警时长:<span class="timeER">{{
+                    item.warningDuration
+                  }}</span>
                 </div>
                 <div class="adTime fwgh">
                   报警时长:<span class="timeER">{{ item.alarmDuration }}</span>
@@ -136,11 +174,21 @@
         <div class="content er">
           <div class="log"></div>
           是否确认删除
-          <p style="color: #eb2f3b; margin-top: 0px; margin-bottom: 0px">{{ this.delName }}?</p>
+          <p style="color: #eb2f3b; margin-top: 0px; margin-bottom: 0px">
+            {{ this.delName }}?
+          </p>
         </div>
         <div class="DelFoot right t30" style="background: #ffffff">
-          <el-button size="medium" @click="tableRemove" class="r25 buwitch" type="danger">删除</el-button>
-          <el-button size="medium" class="r26" @click="rmFlag = false">取消</el-button>
+          <el-button
+            size="medium"
+            @click="tableRemove"
+            class="r25 buwitch"
+            type="danger"
+            >删除</el-button
+          >
+          <el-button size="medium" class="r26" @click="rmFlag = false"
+            >取消</el-button
+          >
         </div>
       </div>
     </Dialog>
@@ -206,13 +254,36 @@
             <el-row :gutter="20">
               <el-col v-for="(item, index) in tableColsCopy" :key="index">
                 <el-form-item :label="item.columnLabel">
-                  <template v-if="item.listqueryTemplateID || item.listqueryTemplateID == 0">
-                    <el-select size="small" clearable style="width: 100%" v-model="tableForm[item.columnName]" @change="changeSelect(item.columnName)" placeholder="请选择">
-                      <el-option v-for="item in tableOptions[item.columnName]" :key="item.v" :label="item.k" :value="item.v"> </el-option>
+                  <template
+                    v-if="
+                      item.listqueryTemplateID || item.listqueryTemplateID == 0
+                    "
+                  >
+                    <el-select
+                      size="small"
+                      clearable
+                      style="width: 100%"
+                      v-model="tableForm[item.columnName]"
+                      @change="changeSelect(item.columnName)"
+                      placeholder="请选择"
+                    >
+                      <el-option
+                        v-for="item in tableOptions[item.columnName]"
+                        :key="item.v"
+                        :label="item.k"
+                        :value="item.v"
+                      >
+                      </el-option>
                     </el-select>
                   </template>
                   <template v-else-if="item.dataType == 'longtext'">
-                    <el-input size="small" :rows="1" type="textarea" @change="inputChangeHandler(item.columnName)" v-model="tableForm[item.columnName]"></el-input>
+                    <el-input
+                      size="small"
+                      :rows="1"
+                      type="textarea"
+                      @change="inputChangeHandler(item.columnName)"
+                      v-model="tableForm[item.columnName]"
+                    ></el-input>
                   </template>
                   <template v-else-if="item.dataType == 'datetime'">
                     <el-date-picker
@@ -226,7 +297,11 @@
                     </el-date-picker>
                   </template>
                   <template v-else>
-                    <el-input size="small" v-model="tableForm[item.columnName]" @change="inputChangeHandler(item.columnName)"></el-input>
+                    <el-input
+                      size="small"
+                      v-model="tableForm[item.columnName]"
+                      @change="inputChangeHandler(item.columnName)"
+                    ></el-input>
                   </template>
                 </el-form-item>
               </el-col>
@@ -234,7 +309,9 @@
           </el-form>
         </div>
         <div class="foot right">
-          <el-button size="medium" @click="handleOk" class="r24" type="primary">确定</el-button>
+          <el-button size="medium" @click="handleOk" class="r24" type="primary"
+            >确定</el-button
+          >
           <el-button @click="flag = false" size="medium">取消</el-button>
         </div>
       </div>
@@ -245,8 +322,22 @@
 <script>
 import Dialog from "@/layout/components/Dialog/index.vue";
 import Search from "@/layout/components/Search/index.vue";
-import { Query, GeneralDataReception, Start, Stop } from "@/api/dataIntegration";
-import { AddWarning, AirlinesInquiry, AirportsList, UserWarningList, AddUserWarning, DelUserWarning, traceNodeslist, Alarmlocation } from "@/api/SystemSettings.js";
+import {
+  Query,
+  GeneralDataReception,
+  Start,
+  Stop,
+} from "@/api/dataIntegration";
+import {
+  AddWarning,
+  AirlinesInquiry,
+  AirportsList,
+  UserWarningList,
+  AddUserWarning,
+  DelUserWarning,
+  traceNodeslist,
+  Alarmlocation,
+} from "@/api/SystemSettings.js";
 export default {
   components: { Dialog, Search },
   data() {
@@ -398,7 +489,10 @@ export default {
           this.loading = false;
           this.page--;
           this.tableFormer = returnData.listValues[0];
-          this.tableFormer.BeginTime1 = [returnData.listValues[0].startDate, returnData.listValues[0].endDate];
+          this.tableFormer.BeginTime1 = [
+            returnData.listValues[0].startDate,
+            returnData.listValues[0].endDate,
+          ];
         } else {
           this.page--;
           this.$message.error.message;
@@ -881,7 +975,7 @@ export default {
 .formBox {
   display: flex;
   flex-wrap: wrap;
-  width: 90%;
+  width: 100%;
   ::v-deep .el-input__suffix {
     top: 4px;
   }
@@ -893,7 +987,7 @@ export default {
   .digName {
     width: 100%;
     display: flex;
-    margin-left: 70px;
+    // margin-left: 70px;
   }
   .digName .el-input__inner {
     margin-left: 15px;
@@ -914,6 +1008,9 @@ export default {
   }
   .digName4 {
     display: flex;
+    .el-input {
+      width: 58%;
+    }
   }
   .digName4 .el-input__inner {
     // width: 400px;
@@ -937,20 +1034,25 @@ export default {
     width: 100%;
     margin-right: 10px;
     text-align: right;
+    .el-input {
+      width: 58%;
+    }
   }
   .aviName1 {
     // width: 25%;
+    width: 100%;
     display: flex;
     flex-direction: row;
     margin-bottom: 24px;
-    margin-right: 10px;
+    margin-right: 38px;
     text-align: right;
+    justify-content: center;
     .aviP5 {
-      width: 110px;
+      width: 82px;
       line-height: 30px;
     }
     .el-input__inner {
-      width: 254px;
+      width: 231px;
       height: 32px;
       background: #fff;
     }
@@ -1011,7 +1113,7 @@ export default {
   }
 }
 .centerBox {
-  height: 495px;
+  height: 610px;
   padding: 32px 0 44px 0;
   // background: #ffffff;
   // box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.06);
@@ -1053,6 +1155,7 @@ export default {
   font-size: 60px;
 }
 .LBox {
+  height: 100%;
   display: flex;
   flex-wrap: wrap;
   width: 100%;