Browse Source

事件录入

wangqin
zhoule 1 year ago
parent
commit
47ae677dfa
  1. 73
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/PresetFormItems.js
  2. 272
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/data.js
  3. 14
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/index.vue

73
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/PresetFormItems.js

@ -97,6 +97,12 @@ export const station = {
}, },
], ],
}, },
visible: (data) => {
if (data?.dcEventAccident?.locationType != 1) {
return false;
}
return true;
},
}; };
export const startEndStation = { export const startEndStation = {
@ -234,7 +240,7 @@ export const eventLevel = {
export const laneOccupancy = { export const laneOccupancy = {
label: "车道占用:", label: "车道占用:",
key: "dcEventAccident.laneOccupancy", key: "lang",
type: "CheckboxGroup", type: "CheckboxGroup",
isAlone: true, isAlone: true,
default: [], default: [],
@ -655,23 +661,23 @@ export const trafficAccidentType = {
options: { options: {
options: [ options: [
{ {
value: "1-1", value: "1",
label: "追尾", label: "追尾",
}, },
{ {
value: "1-2", value: "2",
label: "侧翻", label: "侧翻",
}, },
{ {
value: "1-3", value: "3",
label: "撞护栏", label: "撞护栏",
}, },
{ {
value: "1-4", value: "4",
label: "自然", label: "自然",
}, },
{ {
value: "1-5", value: "5",
label: "其他事故", label: "其他事故",
}, },
], ],
@ -698,6 +704,7 @@ export const locationMode = {
key: "dcEventAccident.locationType", key: "dcEventAccident.locationType",
required: true, required: true,
type: "select", type: "select",
default: "1",
options: { options: {
options: [ options: [
{ key: "1", label: "高速主线" }, { key: "1", label: "高速主线" },
@ -1083,4 +1090,58 @@ export const congestionCause = {
}, },
], ],
}, },
ons: {
input(value, ...args) {
console.log(value);
const { formList } = args.slice(-1)[0];
const config = formList.find((it) => it.key == "xxyy");
let ad = {
1: [
{
key: "1",
label: "收费站广场拥堵导致出口压车",
},
{
key: "2",
label: "收费站设备故障",
},
{
key: "3",
label: "地方道路原因",
},
{
key: "4",
label: "省内非集团所辖高速原因",
},
{
key: "5",
label: "集团所辖道路拥堵",
},
{
key: "6",
label: "集团所辖枢纽立交异常导致主线压车",
},
{
key: "7",
label: "路侧起火",
},
{
key: "8",
label: "备注项添加",
},
],
2 : [
{
key: "1",
label: "主线车流量大",
},
{
key: "2",
label: "收费站出口车流量大导致主线压车",
},
]
}
config.options.options = (value != 1 ? ad[1] : ad[2]);
},
},
}; };

272
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/data.js

@ -12,6 +12,114 @@ export const tabConfigList = [
PresetFormItems.eventLevel, PresetFormItems.eventLevel,
{ ...PresetFormItems.locationMode, key: 'dcEventAccident.locationType' }, { ...PresetFormItems.locationMode, key: 'dcEventAccident.locationType' },
PresetFormItems.freeway, PresetFormItems.freeway,
{
label: "服务区:",
key: "dcEventAccident.facilityId",
type: "select",
isAlone: false,
required: true,
options: {
options: [
{
value: "选项1",
label: "黄金糕",
},
],
},
visible:(data) => {
if(data?.dcEventAccident?.locationType == 2){
return true;
}
return false;
}
},
{
label: "地点:",
key: "dcEventAccident.dd",
isAlone: false,
required: true,
options: {
placeholder: "服务区地点",
},
visible:(data) => {
if(data?.dcEventAccident?.locationType == 2){
return true;
}
return false;
}
},
{
label: "立交桥:",
key: "dcEventAccident.facilityId",
type: "select",
isAlone: false,
required: true,
options: {
options: [
{
value: "选项1",
label: "黄金糕",
},
],
},
visible:(data) => {
if(data?.dcEventAccident?.locationType == 3){
return true;
}
return false;
}
},
{
label: "匝道:",
key: "dcEventAccident.dd",
isAlone: false,
required: true,
options: {
placeholder: "服务区地点",
},
visible:(data) => {
if(data?.dcEventAccident?.locationType == 3){
return true;
}
return false;
}
},
{
label: "收费站:",
key: "dcEventAccident.facilityId",
type: "select",
isAlone: false,
required: true,
options: {
options: [
{
value: "选项1",
label: "黄金糕",
},
],
},
visible:(data) => {
if(data?.dcEventAccident?.locationType == 4){
return true;
}
return false;
}
},
{
label: "地点:",
key: "dcEventAccident.dd",
isAlone: false,
required: true,
options: {
placeholder: "服务区地点",
},
visible:(data) => {
if(data?.dcEventAccident?.locationType == 4){
return true;
}
return false;
}
},
PresetFormItems.direction, PresetFormItems.direction,
PresetFormItems.station, PresetFormItems.station,
PresetFormItems.eventHappenTime, PresetFormItems.eventHappenTime,
@ -29,7 +137,7 @@ export const tabConfigList = [
{ ...PresetFormItems.isInTunnel, key: 'dcEventAccident.inTunnel' }, { ...PresetFormItems.isInTunnel, key: 'dcEventAccident.inTunnel' },
{ ...PresetFormItems.spillName, key: 'dcEventAccident.spillageItem' }, { ...PresetFormItems.spillName, key: 'dcEventAccident.spillageItem' },
{ ...PresetFormItems.ownerPhone, key: 'dcEventAccident.vehicleOwnerPhone' }, { ...PresetFormItems.ownerPhone, key: 'dcEventAccident.vehicleOwnerPhone' },
{ ...PresetFormItems.laneOccupancy, key: 'dcEventAccident.laneOccupancy' }, PresetFormItems.laneOccupancy,
PresetFormItems.vehicleCondition('dcEventAccident'), PresetFormItems.vehicleCondition('dcEventAccident'),
PresetFormItems.casualties('dcEventAccident'), PresetFormItems.casualties('dcEventAccident'),
PresetFormItems.eventTitle, PresetFormItems.eventTitle,
@ -60,7 +168,7 @@ export const tabConfigList = [
{ ...PresetFormItems.isForkRoad, key: 'dcEventVehicleAccident.atIntersection' }, { ...PresetFormItems.isForkRoad, key: 'dcEventVehicleAccident.atIntersection' },
{ ...PresetFormItems.isCurveRoad, key: 'dcEventVehicleAccident.onCurve' }, { ...PresetFormItems.isCurveRoad, key: 'dcEventVehicleAccident.onCurve' },
{ ...PresetFormItems.isInTunnel, key: 'dcEventVehicleAccident.inTunnel' }, { ...PresetFormItems.isInTunnel, key: 'dcEventVehicleAccident.inTunnel' },
{ ...PresetFormItems.laneOccupancy, key: 'dcEventVehicleAccident.laneOccupancy' }, PresetFormItems.laneOccupancy,
PresetFormItems.vehicleCondition('dcEventVehicleAccident'), PresetFormItems.vehicleCondition('dcEventVehicleAccident'),
PresetFormItems.casualties('dcEventVehicleAccident'), PresetFormItems.casualties('dcEventVehicleAccident'),
PresetFormItems.eventTitle, PresetFormItems.eventTitle,
@ -304,6 +412,7 @@ export const tabConfigList = [
type: "RadioGroup", type: "RadioGroup",
isAlone: true, isAlone: true,
required: true, required: true,
default: "4-1",
options: { options: {
activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
options: [ options: [
@ -327,7 +436,166 @@ export const tabConfigList = [
}, },
}, },
{ ...PresetFormItems.congestionCause, key: 'dcEventTrafficCongestion.congestionCause' }, { ...PresetFormItems.congestionCause, key: 'dcEventTrafficCongestion.congestionCause' },
{
label: "详细原因:",
key: "xxyy",
type: "RadioGroup",
isAlone: true,
required: true,
// default: "1",
options: {
activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
options: [
{
key: "1",
label: "收费站广场拥堵导致出口压车",
},
{
key: "2",
label: "收费站设备故障",
},
{
key: "3",
label: "地方道路原因",
},
{
key: "4",
label: "省内非集团所辖高速原因",
},
{
key: "5",
label: "集团所辖道路拥堵",
},
{
key: "6",
label: "集团所辖枢纽立交异常导致主线压车",
},
{
key: "7",
label: "路侧起火",
},
{
key: "8",
label: "备注项添加",
},
],
},
visible:(data) => {
if(data?.dcEventTrafficCongestion?.congestionCause == 1 || data?.dcEventTrafficCongestion?.congestionCause == 6){
return true;
}
return false;
},
},
{ ...PresetFormItems.isInTunnel, isAlone: true }, { ...PresetFormItems.isInTunnel, isAlone: true },
{
label: "地点类型:",
key: "locationType",
type: "RadioGroup",
isAlone: true,
required: true,
default: "1",
options: {
activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
options: [
{
key: "1",
label: "单点",
},
{
key: "2",
label: "多点",
},
],
},
},
{
label: "桩号:",
key: "stakeMark",
required: true,
type: "MultipleLabelItem",
options: {
options: [
{
prefix: {
text: "K",
style: {
color: "#3DE8FF",
},
},
key: "stakeMark[0]",
},
{
prefix: {
text: "+",
style: {
color: "#3DE8FF",
},
},
key: "stakeMark[1]",
},
],
},
visible:(data) => {
if(data?.locationType != 1){
return false;
}
return true;
}
},
{
label: "起止桩号:",
key: "stakeMark",
required: true,
isAlone: true,
type: "MultipleLabelItem",
options: {
options: [
{
prefix: {
text: "K",
style: {
color: "#3DE8FF",
},
},
key: "stakeMark[0]",
},
{
prefix: {
text: "+",
style: {
color: "#3DE8FF",
},
},
key: "stakeMark[1]",
},
{
prefix: {
text: "至K",
style: {
color: "#3DE8FF",
},
},
key: "endStakeMark[0]",
},
{
prefix: {
text: "+",
style: {
color: "#3DE8FF",
},
},
key: "endStakeMark[1]",
},
],
},
visible:(data) => {
if(data?.locationType == 2){
return true;
}
return false;
}
},
{ {
label: "拥堵里程:", label: "拥堵里程:",
key: "dcEventTrafficCongestion.congestionMileage", key: "dcEventTrafficCongestion.congestionMileage",

14
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/index.vue

@ -108,7 +108,7 @@ export default {
this.index = index; this.index = index;
let formConfig = tabConfigList[index].formConfig; let formConfig = tabConfigList[index].formConfig;
if (index == 7) { if (index == 0 || index == 1 || index == 7) {
let fwq = []; let fwq = [];
request({ request({
@ -125,7 +125,7 @@ export default {
}); });
formConfig.list.forEach(it => { formConfig.list.forEach(it => {
if (it.key === 'dcEventServiceArea.facilityId') { if (it.key === 'dcEventServiceArea.facilityId' || it.key === 'dcEventAccident.facilityId') {
it.options.options = fwq; it.options.options = fwq;
} }
}) })
@ -148,15 +148,13 @@ export default {
this.$refs.FormConfigRef.validate().then((formData) => { this.$refs.FormConfigRef.validate().then((formData) => {
this.submitting = true; this.submitting = true;
if (this.index == 0) { if (this.index == 0 || this.index == 1) {
formData.dcEventAccident.laneOccupancy = formData.dcEventAccident.laneOccupancy.join(',') formData.lang = formData.lang.join(',')
} }
if (this.index == 1) { if (this.index == 9) {
formData.dcEventVehicleAccident.laneOccupancy = formData.dcEventVehicleAccident.laneOccupancy.join(',')
}
if (this.index == 8) {
let endStakeMark = formData.endStakeMark; let endStakeMark = formData.endStakeMark;
formData.dcEventAbnormalWeather.endStakeMark = (endStakeMark && endStakeMark.length > 0) ? ('K' + endStakeMark[0] + '+' + endStakeMark[1]) : ''; formData.dcEventAbnormalWeather.endStakeMark = (endStakeMark && endStakeMark.length > 0) ? ('K' + endStakeMark[0] + '+' + endStakeMark[1]) : '';
formData.endStakeMark = '';
} }
// console.log('formData',formData) // console.log('formData',formData)
// return; // return;

Loading…
Cancel
Save