|
|
@@ -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,
|
