|
@ -4,47 +4,24 @@ |
|
|
<ElForm :model="formData" inline :rules="rules" ref="ruleForm"> |
|
|
<ElForm :model="formData" inline :rules="rules" ref="ruleForm"> |
|
|
<div class="first"> |
|
|
<div class="first"> |
|
|
<el-form-item prop="eventCategory"> |
|
|
<el-form-item prop="eventCategory"> |
|
|
<el-radio-group |
|
|
<el-radio-group v-model="formData.eventCategory" @input="changeRadio"> |
|
|
v-model="formData.eventCategory" |
|
|
|
|
|
@input="changeRadio" |
|
|
|
|
|
> |
|
|
|
|
|
<el-radio-button :label="1">交通事件</el-radio-button> |
|
|
<el-radio-button :label="1">交通事件</el-radio-button> |
|
|
<el-radio-button :label="2">感知事件</el-radio-button> |
|
|
<el-radio-button :label="2">感知事件</el-radio-button> |
|
|
</el-radio-group> |
|
|
</el-radio-group> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item required label="预案名称:" prop="planName"> |
|
|
<el-form-item required label="预案名称:" prop="planName"> |
|
|
<el-input |
|
|
<el-input v-model="formData.planName" placeholder="请输入预案名称"></el-input> |
|
|
v-model="formData.planName" |
|
|
|
|
|
placeholder="请输入预案名称" |
|
|
|
|
|
></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item required label="事件类型:" prop="eventType"> |
|
|
<el-form-item required label="事件类型:" prop="eventType"> |
|
|
<el-select |
|
|
<el-select v-model="formData.eventType" placeholder="请选择事件类型" @change="changeEventType"> |
|
|
v-model="formData.eventType" |
|
|
<el-option v-for="item in eventOptions" :key="item.value" :label="item.label" :value="item.value"> |
|
|
placeholder="请选择事件类型" |
|
|
|
|
|
@change="changeEventType" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in eventOptions" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
> |
|
|
|
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="触发类型:" prop="triggerMechanism"> |
|
|
<el-form-item label="触发类型:" prop="triggerMechanism"> |
|
|
<el-select |
|
|
<el-select v-model="formData.triggerMechanism" placeholder="请选择触发类型"> |
|
|
v-model="formData.triggerMechanism" |
|
|
<el-option v-for="item in mechanismOptions" :key="item.value" :label="item.label" :value="item.value"> |
|
|
placeholder="请选择触发类型" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in mechanismOptions" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
> |
|
|
|
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
@ -56,11 +33,7 @@ |
|
|
<div class="text"><i style="color: red">*</i>执行操作:</div> |
|
|
<div class="text"><i style="color: red">*</i>执行操作:</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="22"> |
|
|
<el-col :span="22"> |
|
|
<FormTable |
|
|
<FormTable ref="secondFormTable" :tableData="secondFormData" :type="1"></FormTable> |
|
|
ref="secondFormTable" |
|
|
|
|
|
:tableData="secondFormData" |
|
|
|
|
|
:type="1" |
|
|
|
|
|
></FormTable> |
|
|
|
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
</div> |
|
|
</div> |
|
@ -70,11 +43,7 @@ |
|
|
<div class="text"><i style="color: red">*</i>恢复操作:</div> |
|
|
<div class="text"><i style="color: red">*</i>恢复操作:</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="22"> |
|
|
<el-col :span="22"> |
|
|
<FormTable |
|
|
<FormTable ref="thirdFormTable" :tableData="thirdFormData" :type="2"></FormTable> |
|
|
ref="thirdFormTable" |
|
|
|
|
|
:tableData="thirdFormData" |
|
|
|
|
|
:type="2" |
|
|
|
|
|
></FormTable> |
|
|
|
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
</div> |
|
|
</div> |
|
@ -82,17 +51,9 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<template #footer> |
|
|
<template #footer> |
|
|
<Button |
|
|
<Button style="background: #c9c9c9; padding: 0 24px" |
|
|
style="background: #c9c9c9; padding: 0 24px" |
|
|
@click.native="(modelVisible = false), (submitting = false)">取消</Button> |
|
|
@click.native="(modelVisible = false), (submitting = false)" |
|
|
<Button style="padding: 0 24px" @click.native="handleSubmit" :loading="submitting">保存</Button> |
|
|
>取消</Button |
|
|
|
|
|
> |
|
|
|
|
|
<Button |
|
|
|
|
|
style="padding: 0 24px" |
|
|
|
|
|
@click.native="handleSubmit" |
|
|
|
|
|
:loading="submitting" |
|
|
|
|
|
>保存</Button |
|
|
|
|
|
> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</Dialog> |
|
|
</Dialog> |
|
|
</template> |
|
|
</template> |
|
@ -111,7 +72,7 @@ import { |
|
|
gzmsMap, |
|
|
gzmsMap, |
|
|
eventSubClassMap, |
|
|
eventSubClassMap, |
|
|
trafficKV, |
|
|
trafficKV, |
|
|
perceptionKV, |
|
|
WarningTypeList as perceptionKV, |
|
|
} from "@screen/utils/enum.js"; |
|
|
} from "@screen/utils/enum.js"; |
|
|
|
|
|
|
|
|
const typeMap = { |
|
|
const typeMap = { |
|
@ -141,7 +102,7 @@ export default { |
|
|
visible: Boolean, |
|
|
visible: Boolean, |
|
|
detail: { |
|
|
detail: { |
|
|
type: Object, |
|
|
type: Object, |
|
|
default: () => {}, |
|
|
default: () => { }, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
@ -201,7 +162,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
mounted() {}, |
|
|
mounted() { }, |
|
|
computed: { |
|
|
computed: { |
|
|
modelVisible: { |
|
|
modelVisible: { |
|
|
get() { |
|
|
get() { |
|
@ -327,7 +288,7 @@ export default { |
|
|
this.eventOptions = typeMap[value]; |
|
|
this.eventOptions = typeMap[value]; |
|
|
this.changeEventType(1); |
|
|
this.changeEventType(1); |
|
|
}, |
|
|
}, |
|
|
handleChange() {}, |
|
|
handleChange() { }, |
|
|
formatData(it, value = 1, id = "") { |
|
|
formatData(it, value = 1, id = "") { |
|
|
let data = { ...it, actionType: value, emergencyPlansId: id }; |
|
|
let data = { ...it, actionType: value, emergencyPlansId: id }; |
|
|
if ( |
|
|
if ( |
|
|