表单完成

ruoyi-ui/src/views/JiHeExpressway/components/FormConfig/index.vue

@@ -16,7 +16,9 @@ const components = files.keys().reduce((prev, key) => {
   prev[key.match(/[^./]+/g)[0]] = files(key).default;
 
   return prev;
-}, {})
+}, {
+  Empty: 'div'
+})
 
 export default {
   name: 'FormConfig',

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

@@ -95,6 +95,50 @@ export const station = {
   },
 };
 
+export const startEndStation = {
+  label: "起止桩号:",
+  key: "key8",
+  required: true,
+  isAlone: true,
+  type: "MultipleLabelItem",
+  options: {
+    options: [
+      {
+        prefix: {
+          text: "K",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+      },
+      {
+        prefix: {
+          text: "+",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+      },
+      {
+        prefix: {
+          text: "至K",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+      },
+      {
+        prefix: {
+          text: "+",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+      },
+    ],
+  },
+};
+
 export const direction = {
   label: "方向:",
   key: "key7",
@@ -102,8 +146,383 @@ export const direction = {
   type: "select",
 };
 
+export const problemDescription = {
+  label: "问题描述:",
+  key: "key294",
+  isAlone: true,
+  options: {
+    type: "textarea",
+    autosize: true,
+    maxlength: 150,
+    autosize: { minRows: 6, maxRows: 6 },
+    showWordLimit: true,
+  },
+  required: true,
+};
+
+export const startTime = {
+  label: "开始时间:",
+  key: "key009",
+  required: true,
+  isAlone: true,
+  type: "datePicker",
+};
+
+export const expectedEndTime = {
+  label: "预计结束时间:",
+  key: "key09",
+  isAlone: true,
+  type: "datePicker",
+};
+
+export const eventLevel = {
+  label: "事件等级:",
+  key: "key024",
+  required: true,
+  type: "select",
+};
+
+export const laneOccupancy = {
+  label: "车道占用:",
+  key: "key027",
+  type: "CheckboxGroup",
+  isAlone: true,
+  default: [],
+  options: {
+    options: [
+      { key: "weChat", label: "行1" },
+      { key: "message", label: "行2" },
+      { key: "website", label: "行3" },
+      { key: "weibo", label: "行4" },
+      { key: "weibo2", label: "应急车道" },
+    ],
+  },
+};
+
+export const vehicleCondition = {
+  label: "车辆情况:",
+  key: "key25",
+  isAlone: true,
+  type: "MultipleLabelItem",
+  options: {
+    options: [
+      {
+        prefix: {
+          text: "小型车",
+        },
+        suffix: {
+          text: "辆",
+        },
+      },
+      {
+        prefix: {
+          text: "货车",
+        },
+        suffix: {
+          text: "辆",
+        },
+      },
+      {
+        prefix: {
+          text: "客车",
+        },
+        suffix: {
+          text: "辆",
+        },
+      },
+      {
+        prefix: {
+          text: "罐车",
+        },
+        suffix: {
+          text: "辆",
+        },
+      },
+    ],
+  },
+};
+
+export const casualties = {
+  label: "伤亡情况:",
+  key: "key0036",
+  isAlone: true,
+
+  type: "MultipleLabelItem",
+  options: {
+    options: [
+      {
+        prefix: {
+          text: "轻伤",
+        },
+        suffix: {
+          text: "人",
+        },
+      },
+      {
+        prefix: {
+          text: "重伤",
+        },
+        suffix: {
+          text: "人",
+        },
+      },
+      {
+        prefix: {
+          text: "死亡",
+        },
+        suffix: {
+          text: "人",
+        },
+      },
+    ],
+  },
+};
+
+export const eventTitle = {
+  label: "事件标题:",
+  key: "key27",
+  isAlone: true,
+  required: true,
+};
+
+export const eventDesc = {
+  label: "事件描述:",
+  key: "key28",
+  isAlone: true,
+  options: {
+    type: "textarea",
+    autosize: true,
+    maxlength: 150,
+    autosize: { minRows: 6, maxRows: 6 },
+    showWordLimit: true,
+  },
+  required: true,
+};
+
+export const remark = {
+  label: "备注:",
+  key: "key2811",
+  isAlone: true,
+  options: {
+    type: "textarea",
+    autosize: true,
+    maxlength: 150,
+    autosize: { minRows: 6, maxRows: 6 },
+    showWordLimit: true,
+  },
+  required: true,
+};
+
 export const isInTunnel = {
   label: "是否处在隧道:",
-  key: "key21",
+  key: "key6240",
+  isAlone: true,
+  required: true,
+  type: "RadioGroup",
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "是",
+        label: "是",
+      },
+      {
+        key: "否",
+        label: "否",
+      },
+    ],
+  },
+};
+
+export const freeway = {
+  label: "高速公路:",
+  required: true,
+  key: "key213",
+  type: "select",
+};
+
+export const weatherConditions = {
+  label: "天气情况:",
+  key: "key01236",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "雨雾",
+        label: "雨雾",
+      },
+      {
+        key: "雨雪",
+        label: "雨雪",
+      },
+      {
+        key: "中雨",
+        label: "中雨",
+      },
+      {
+        key: "小雨",
+        label: "小雨",
+      },
+      {
+        key: "大雨",
+        label: "大雨",
+      },
+      {
+        key: "暴雨",
+        label: "暴雨",
+      },
+    ],
+  },
+};
+
+export const additionalNotes = {
+  label: "补充说明:",
+  key: "key00036",
+  isAlone: true,
+  options: {
+    type: "textarea",
+    autosize: true,
+    maxlength: 150,
+    autosize: { minRows: 6, maxRows: 6 },
+    showWordLimit: true,
+  },
+};
+
+export const callPolicePersonName = {
+  label: "报警人姓名:",
+  key: "key1",
+  options: {
+    placeholder: "请输入报警人姓名",
+  },
+  required: true,
+};
+export const callPolicePersonPhone = {
+  label: "报警人电话:",
+  key: "key2",
+  options: {
+    placeholder: "请输入报警人电话(区号+号码)",
+  },
+  required: true,
+};
+
+export const trafficAccidentType = {
+  label: "交通事故类型:",
+  key: "key3",
+  type: "select",
+  required: true,
+  options: {
+    options: [
+      {
+        value: "选项1",
+        label: "黄金糕",
+      },
+      {
+        value: "选项2",
+        label: "双皮奶",
+      },
+      {
+        value: "选项3",
+        label: "蚵仔煎",
+      },
+      {
+        value: "选项4",
+        label: "龙须面",
+      },
+      {
+        value: "选项5",
+        label: "北京烤鸭",
+      },
+    ],
+  },
+};
+
+export const locationMode = {
+  label: "地点方式:",
+  key: "key5",
+  required: true,
+  type: "select",
+};
+
+export const route = {
+  label: "路线:",
+  key: "key6",
+  required: true,
   type: "select",
 };
+
+export const eventHappenTime = {
+  label: "事件发生时间:",
+  key: "key9",
+  required: true,
+  type: "datePicker",
+};
+
+export const aEstimatedReleaseTime = {
+  label: "预计解除时间:",
+  key: "key10",
+  type: "datePicker",
+};
+
+export const pressure = {
+  label: "压车(公里):",
+  key: "key11",
+};
+
+export const isCongestionAhead = {
+  label: "前方是否拥堵:",
+  key: "key18",
+  type: "RadioGroup",
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "是",
+        label: "是",
+      },
+      {
+        key: "否",
+        label: "否",
+      },
+    ],
+  },
+};
+
+export const isForkRoad = {
+  label: "是否分岔口:",
+  key: "key19",
+  type: "RadioGroup",
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "是",
+        label: "是",
+      },
+      {
+        key: "否",
+        label: "否",
+      },
+    ],
+  },
+};
+export const isCurveRoad = {
+  label: "是否处在弯道:",
+  key: "key20",
+  type: "RadioGroup",
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "是",
+        label: "是",
+      },
+      {
+        key: "否",
+        label: "否",
+      },
+    ],
+  },
+};