修改

src/views/systemSettings/warningEdit/index.vue

@@ -9,134 +9,50 @@
         </template>
       </Minheader>
       <div class="diacont">
-        <el-form
-          :model="tableForm"
-          class="w100 fw"
-          :rules="formRules"
-          ref="warningEditsForm"
-        >
+        <el-form :model="tableForm" class="w100 fw" :rules="formRules" ref="warningEditsForm">
           <!-- <div class="outersurface pd30">
             <el-form-item label="策略名称" size="default">
               <el-input v-model="tableForm.name" placeholder="请输入策略名称" />
             </el-form-item>
           </div> -->
           <div class="outersurface pd30">
-            <el-form-item
-              label="航司二字码"
-              size="default"
-              prop="IATACode"
-              :rules="formRules.isNotNull"
-            >
-              <el-select
-                style="width: 100%"
-                v-model="tableForm.IATACode"
-                class="input-shadow"
-                filterable
-                allow-create
-                default-first-option
-                clearable
-                placeholder="请选择航司二字码"
-              >
-                <el-option
-                  v-for="item in iaCodeArr"
-                  :key="item.airlineCompanyID"
-                  :label="item.ITATCode"
-                  :value="item.ITATCode"
-                >
+            <el-form-item label="航司二字码" size="default" prop="IATACode">
+              <el-select style="width: 100%" v-model="tableForm.IATACode" class="input-shadow" filterable allow-create default-first-option clearable placeholder="请选择航司二字码">
+                <el-option v-for="item in iaCodeArr" :key="item.airlineCompanyID" :label="item.ITATCode" :value="item.ITATCode">
                 </el-option>
               </el-select>
             </el-form-item>
           </div>
           <div class="outersurface pd30">
-            <el-form-item label="起飞机场" size="default">
-              <el-select
-                style="width: 100%"
-                v-model="tableForm.departmentAirport"
-                class="input-shadow"
-                filterable
-                allow-create
-                default-first-option
-                clearable
-                placeholder="请选择起飞机场"
-              >
-                <el-option
-                  v-for="item in tableOption"
-                  :key="item.airportID"
-                  :label="item.IATACode"
-                  :value="item.IATACode"
-                >
+            <el-form-item label="起飞机场" size="default" prop="departmentAirport" :rules="formRules.isNotNull">
+              <el-select style="width: 100%" v-model="tableForm.departmentAirport" class="input-shadow" filterable allow-create default-first-option clearable placeholder="请选择起飞机场">
+                <el-option v-for="item in tableOption" :key="item.airportID" :label="item.IATACode" :value="item.IATACode">
                 </el-option>
               </el-select>
             </el-form-item>
           </div>
           <div class="outersurface pd30">
             <el-form-item label="降落机场" size="default">
-              <el-select
-                style="width: 100%"
-                v-model="tableForm.landingAirport"
-                class="input-shadow"
-                filterable
-                allow-create
-                default-first-option
-                clearable
-                placeholder="请选择降落机场"
-              >
-                <el-option
-                  v-for="item in tableOption"
-                  :key="item.airportID"
-                  :label="item.IATACode"
-                  :value="item.IATACode"
-                >
+              <el-select style="width: 100%" v-model="tableForm.landingAirport" class="input-shadow" filterable allow-create default-first-option clearable placeholder="请选择降落机场">
+                <el-option v-for="item in tableOption" :key="item.airportID" :label="item.IATACode" :value="item.IATACode">
                 </el-option>
               </el-select>
             </el-form-item>
           </div>
           <div class="outersurface">
-            <el-form-item
-              label="航班号"
-              size="default"
-              prop="flightNo"
-              :rules="formRules.isNotNull"
-            >
-              <el-input
-                v-model="tableForm.flightNo"
-                placeholder="请输入航班号"
-              />
+            <el-form-item label="航班号" size="default" prop="flightNo">
+              <el-input v-model="tableForm.flightNo" placeholder="请输入航班号" />
             </el-form-item>
           </div>
           <div class="outersurface pd30">
-            <el-form-item
-              label="生效时间"
-              size="default"
-              prop="startDate"
-              :rules="formRules.isNotNull"
-            >
-              <el-date-picker
-                v-model="tableForm.startDate"
-                :rows="1"
-                type="datetime"
-                format="YYYY-MM-DD HH:mm:ss"
-                value-format="YYYY-MM-DD HH:mm:ss"
-                placeholder="选择日期时间"
-              >
+            <el-form-item label="生效时间" size="default" prop="startDate" :rules="formRules.isNotNull">
+              <el-date-picker v-model="tableForm.startDate" :rows="1" type="datetime" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择日期时间">
               </el-date-picker>
             </el-form-item>
           </div>
           <div class="outersurface pd30">
-            <el-form-item
-              label="失效时间"
-              size="default"
-              prop="endDate"
-              :rules="formRules.isNotNull"
-            >
-              <el-date-picker
-                format="YYYY-MM-DD HH:mm:ss"
-                value-format="YYYY-MM-DD HH:mm:ss"
-                v-model="tableForm.endDate"
-                :rows="1"
-                type="datetime"
-                placeholder="选择日期时间"
-              >
+            <el-form-item label="失效时间" size="default" prop="endDate">
+              <el-date-picker format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" v-model="tableForm.endDate" :rows="1" type="datetime" placeholder="选择日期时间">
               </el-date-picker>
             </el-form-item>
           </div>
@@ -144,14 +60,7 @@
       </div>
     </div>
     <div class="centerBox">
-      <Minheader
-        :is-auth="true"
-        :is-statuser="true"
-        :is-Search="false"
-        powerData="add_alert_policy_button"
-        @addForm="addForm"
-        style="margin-top: 20px"
-      >
+      <Minheader :is-auth="true" :is-statuser="true" :is-Search="false" powerData="add_alert_policy_button" @addForm="addForm" style="margin-top: 20px">
         <template #header>
           <div class="status flex-wrap">
             <div class="manageTitle">预警告警策略</div>
@@ -160,186 +69,70 @@
       </Minheader>
     </div>
     <div class="containers scroll-y">
-      <DataTable
-        :tableHeader="tableCols"
-        :tableData="tableData"
-        :tableBtnGroup="tableBtnGroup"
-        :tableProperty="{ rowKey: 'ID' }"
-        @btnClick="btnClick"
-      />
+      <DataTable :tableHeader="tableCols" :tableData="tableData" :tableBtnGroup="tableBtnGroup" :tableProperty="{ rowKey: 'ID' }" @btnClick="btnClick" />
     </div>
-    <Dialog
-      width="600px"
-      :flag="flag"
-      :type="type"
-      :msgTitle="msgTitle"
-      :delName="delName"
-      @resetForm="resetForm"
-      @delRest="delRest"
-      @submitForm="submitForm"
-      @delRemove="delRemove"
-    >
+    <Dialog width="600px" :flag="flag" :type="type" :msgTitle="msgTitle" :delName="delName" @resetForm="resetForm" @delRest="delRest" @submitForm="submitForm" @delRemove="delRemove">
       <div class="diacont">
         <el-form :model="tableForms" :rules="formRules" ref="warningEditForm">
           <el-row :gutter="24">
             <el-col :span="12">
-              <el-form-item
-                label="策略名称"
-                size="default"
-                prop="StrategyName"
-                :rules="formRules.isNotNull"
-              >
-                <el-input
-                  v-model="tableForms.StrategyName"
-                  placeholder="请输入策略名称"
-                />
+              <el-form-item label="策略名称" size="default" prop="StrategyName" :rules="formRules.isNotNull">
+                <el-input v-model="tableForms.StrategyName" placeholder="请输入策略名称" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="计算依据" size="default">
-                <el-select
-                  style="width: 100%"
-                  v-model="tableForms.calculationBasis"
-                  class="input-shadow"
-                  filterable
-                  default-first-option
-                  clearable
-                  placeholder="请选择计算依据"
-                >
-                  <el-option
-                    v-for="item in calculationBasis"
-                    :key="item.v ? item.v : item.planDepartureApt"
-                    :label="item.k ? item.k : item.planDepartureApt"
-                    :value="item.v ? item.v : item.planDepartureApt"
-                  >
+                <el-select style="width: 100%" v-model="tableForms.calculationBasis" class="input-shadow" filterable default-first-option clearable placeholder="请选择计算依据">
+                  <el-option v-for="item in calculationBasis" :key="item.v ? item.v : item.planDepartureApt" :label="item.k ? item.k : item.planDepartureApt" :value="item.v ? item.v : item.planDepartureApt">
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="预警时长"
-                size="default"
-                prop="warningDuration"
-                :rules="formRules.isNotNull"
-              >
-                <el-input
-                  v-model="tableForms.warningDuration"
-                  placeholder="请输入预警时长"
-                />
+              <el-form-item label="预警时长" size="default" prop="warningDuration" :rules="formRules.isNotNull">
+                <el-input v-model="tableForms.warningDuration" placeholder="请输入预警时长" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="报警时长"
-                size="default"
-                prop="alarmDuration"
-                :rules="formRules.isNotNull"
-              >
-                <el-input
-                  v-model="tableForms.alarmDuration"
-                  placeholder="请输入报警时长"
-                />
+              <el-form-item label="报警时长" size="default" prop="alarmDuration" :rules="formRules.isNotNull">
+                <el-input v-model="tableForms.alarmDuration" placeholder="请输入报警时长" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="开始节点" size="default">
-                <el-select
-                  style="width: 100%"
-                  v-model="tableForms.beginNode"
-                  class="input-shadow"
-                  filterable
-                  default-first-option
-                  clearable
-                  placeholder="请选择开始节点"
-                  @change="changeSelect"
-                >
-                  <el-option
-                    v-for="item in tableOptionser"
-                    :key="item.nodeID"
-                    :label="item.nodeName"
-                    :value="item.nodeCode"
-                  >
+                <el-select style="width: 100%" v-model="tableForms.beginNode" class="input-shadow" filterable default-first-option clearable placeholder="请选择开始节点" @change="changeSelect">
+                  <el-option v-for="item in tableOptionser" :key="item.nodeID" :label="item.nodeName" :value="item.nodeCode">
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="开始位置" size="default">
-                <el-select
-                  style="width: 100%"
-                  v-model="tableForms.beginPosition"
-                  class="input-shadow"
-                  filterable
-                  default-first-option
-                  clearable
-                  placeholder="请选择开始位置"
-                  @change="changebegin"
-                >
-                  <el-option
-                    v-for="item in tableOptionbegin"
-                    :key="item.positionID"
-                    :label="item.positionDescribe"
-                    :value="item.locationCode"
-                  >
+                <el-select style="width: 100%" v-model="tableForms.beginPosition" class="input-shadow" filterable default-first-option clearable placeholder="请选择开始位置" @change="changebegin">
+                  <el-option v-for="item in tableOptionbegin" :key="item.positionID" :label="item.positionDescribe" :value="item.locationCode">
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="结束节点" size="default">
-                <el-select
-                  style="width: 100%"
-                  v-model="tableForms.endNode"
-                  class="input-shadow"
-                  filterable
-                  default-first-option
-                  clearable
-                  placeholder="请选择结束节点"
-                  @change="changeSelected"
-                >
-                  <el-option
-                    v-for="item in tableOptionser"
-                    :key="item.nodeID"
-                    :label="item.nodeName"
-                    :value="item.nodeCode"
-                  >
+                <el-select style="width: 100%" v-model="tableForms.endNode" class="input-shadow" filterable default-first-option clearable placeholder="请选择结束节点" @change="changeSelected">
+                  <el-option v-for="item in tableOptionser" :key="item.nodeID" :label="item.nodeName" :value="item.nodeCode">
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="结束位置" size="default">
-                <el-select
-                  style="width: 100%"
-                  v-model="tableForms.endPosition"
-                  class="input-shadow"
-                  filterable
-                  default-first-option
-                  clearable
-                  placeholder="请选择结束位置"
-                  @change="changeEndPos"
-                >
-                  <el-option
-                    v-for="item in tableOptionbegin"
-                    :key="item.positionID"
-                    :label="item.positionDescribe"
-                    :value="item.locationCode"
-                  >
+                <el-select style="width: 100%" v-model="tableForms.endPosition" class="input-shadow" filterable default-first-option clearable placeholder="请选择结束位置" @change="changeEndPos">
+                  <el-option v-for="item in tableOptionbegin" :key="item.positionID" :label="item.positionDescribe" :value="item.locationCode">
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="24">
-              <el-form-item
-                label="数量报警百分比"
-                label-width="120"
-                size="default"
-              >
-                <el-input
-                  v-model="tableForms.percentage"
-                  placeholder="请输入数量报警百分比"
-                />
+              <el-form-item label="数量报警百分比" label-width="120" size="default">
+                <el-input v-model="tableForms.percentage" placeholder="请输入数量报警百分比" />
               </el-form-item>
             </el-col>
           </el-row>
@@ -375,7 +168,7 @@ const serviceId = ref<string | any>("");
 const beginPositionId = ref<string | any>("");
 const endPositionId = ref<string | any>("");
 const tableObj = ref({}); //增删改数据缓存
-const delName = ref<string>("");
+const delName = ref<string | any>("");
 const tableForm = reactive({
   alarmSceneId: null,
   IATACode: null,

src/views/systemSettings/warningSet/index.vue

@@ -1,13 +1,7 @@
 <template>
   <div class="airportInfo scroll-y">
     <div class="wrap">
-      <Minheader
-        :is-auth="true"
-        :is-statuser="true"
-        powerData="alert_alarm_settings_add_button"
-        @addForm="addForm"
-        @searchForms="searchForms"
-      >
+      <Minheader :is-auth="true" :is-statuser="true" powerData="alert_alarm_settings_add_button" @addForm="addForm" @searchForms="searchForms">
         <template #header>
           <div class="status flex-wrap">
             <div class="manageTitle">预警告警维护</div>
@@ -15,25 +9,9 @@
         </template>
       </Minheader>
       <div class="app-containers">
-        <DataTable
-          :tableHeader="tableCols"
-          :tableData="tableData"
-          :tableBtnGroup="tableBtnGroup"
-          :tableProperty="{ rowKey: 'ID' }"
-          @btnClick="btnClick"
-        />
+        <DataTable :tableHeader="tableCols" :tableData="tableData" :tableBtnGroup="tableBtnGroup" :tableProperty="{ rowKey: 'ID' }" @btnClick="btnClick" />
       </div>
-      <Dialog
-        width="600px"
-        :flag="flag"
-        :type="type"
-        :msgTitle="msgTitle"
-        :delName="delName"
-        @resetForm="resetForm"
-        @delRest="delRest"
-        @submitForm="submitForm"
-        @delRemove="delRemove"
-      >
+      <Dialog width="600px" :flag="flag" :type="type" :msgTitle="msgTitle" :delName="delName" @resetForm="resetForm" @delRest="delRest" @submitForm="submitForm" @delRemove="delRemove">
         <div class="diacont">
           <el-form :model="tableForm" :rules="formRules" ref="warningSetForm">
             <el-row :gutter="24">
@@ -46,117 +24,43 @@
                 </el-form-item>
               </el-col> -->
               <el-col :span="12">
-                <el-form-item
-                  label="航司二字码"
-                  size="default"
-                  prop="IATACode"
-                  :rules="formRules.isNotNull"
-                >
-                  <el-select
-                    style="width: 100%"
-                    v-model="tableForm.IATACode"
-                    class="input-shadow"
-                    filterable
-                    allow-create
-                    default-first-option
-                    clearable
-                    placeholder="请选择航司二字码"
-                  >
-                    <el-option
-                      v-for="item in iaCodeArr"
-                      :key="item.airlineCompanyID"
-                      :label="item.ITATCode"
-                      :value="item.ITATCode"
-                    >
+                <el-form-item label="起飞机场" size="default" prop="departmentAirport" :rules="formRules.isNotNull">
+                  <el-select style="width: 100%" v-model="tableForm.departmentAirport" class="input-shadow" filterable allow-create default-first-option clearable placeholder="请选择起飞机场">
+                    <el-option v-for="item in tableOptionser" :key="item.airportID" :label="item.IATACode" :value="item.IATACode">
                     </el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="起飞机场" size="default">
-                  <el-select
-                    style="width: 100%"
-                    v-model="tableForm.departmentAirport"
-                    class="input-shadow"
-                    filterable
-                    allow-create
-                    default-first-option
-                    clearable
-                    placeholder="请选择起飞机场"
-                  >
-                    <el-option
-                      v-for="item in tableOptionser"
-                      :key="item.airportID"
-                      :label="item.IATACode"
-                      :value="item.IATACode"
-                    >
+                <el-form-item label="降落机场" size="default">
+                  <el-select style="width: 100%" v-model="tableForm.landingAirport" class="input-shadow" filterable allow-create default-first-option clearable placeholder="请选择降落机场">
+                    <el-option v-for="item in tableOptionser" :key="item.airportID" :label="item.IATACode" :value="item.IATACode">
                     </el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="降落机场" size="default">
-                  <el-select
-                    style="width: 100%"
-                    v-model="tableForm.landingAirport"
-                    class="input-shadow"
-                    filterable
-                    allow-create
-                    default-first-option
-                    clearable
-                    placeholder="请选择降落机场"
-                  >
-                    <el-option
-                      v-for="item in tableOptionser"
-                      :key="item.airportID"
-                      :label="item.IATACode"
-                      :value="item.IATACode"
-                    >
+                <el-form-item label="航司二字码" size="default" prop="IATACode">
+                  <el-select style="width: 100%" v-model="tableForm.IATACode" class="input-shadow" filterable allow-create default-first-option clearable placeholder="请选择航司二字码">
+                    <el-option v-for="item in iaCodeArr" :key="item.airlineCompanyID" :label="item.ITATCode" :value="item.ITATCode">
                     </el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col>
                 <el-form-item label="航班号" size="default">
-                  <el-input
-                    v-model="tableForm.flightNo"
-                    placeholder="请输入航班号"
-                  />
+                  <el-input v-model="tableForm.flightNo" placeholder="请输入航班号" />
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item
-                  label="生效时间"
-                  size="default"
-                  prop="startDate"
-                  :rules="formRules.isNotNull"
-                >
-                  <el-date-picker
-                    v-model="tableForm.startDate"
-                    :rows="1"
-                    type="date"
-                    format="YYYY-MM-DD"
-                    value-format="YYYY-MM-DD"
-                    placeholder="选择日期时间"
-                  >
+                <el-form-item label="生效时间" size="default" prop="startDate" :rules="formRules.isNotNull">
+                  <el-date-picker v-model="tableForm.startDate" :rows="1" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="选择日期时间">
                   </el-date-picker>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item
-                  label="失效时间"
-                  size="default"
-                  prop="endDate"
-                  :rules="formRules.isNotNull"
-                >
-                  <el-date-picker
-                    format="YYYY-MM-DD"
-                    value-format="YYYY-MM-DD"
-                    v-model="tableForm.endDate"
-                    :rows="1"
-                    type="date"
-                    placeholder="选择日期时间"
-                  >
+                <el-form-item label="失效时间" size="default" prop="endDate">
+                  <el-date-picker format="YYYY-MM-DD" value-format="YYYY-MM-DD" v-model="tableForm.endDate" :rows="1" type="date" placeholder="选择日期时间">
                   </el-date-picker>
                 </el-form-item>
               </el-col>