Merge branch 'develop' of http://39.106.31.193:9211/mengff/jihe-hs into develop

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

@@ -1,109 +1,169 @@
 <template>
-  <ElPopover ref="PopoverRef" placement="bottom" popper-class="global-input-search-popover" :popperOptions="popperOptions"
-    :visibleArrow="false" :width="this.width" trigger="click" @show="handleShow">
-    <div class='InputSearch' slot="reference" ref="ReferenceInputRef">
-      <span>{{ placeholder }}</span>
-      <img src="./search.svg">
+  <div class="from-content" style="width: 100%">
+    <div class="InputSearch input" v-if="params && types == 'input'">
+      <ElInput
+        style="width: 100%"
+        v-model="value"
+        :placeholder="placeholder"
+        @change="handleSearch"
+      ></ElInput>
+      <img src="./search.svg" @click="handleFormShow" />
     </div>
+    <ElPopover
+      v-else
+      ref="PopoverRef"
+      placement="bottom"
+      popper-class="global-input-search-popover"
+      :popperOptions="popperOptions"
+      :visibleArrow="false"
+      :width="this.width"
+      trigger="click"
+      @show="handleShow"
+      style="width: 100%"
+    >
+      <div class="InputSearch" slot="reference" ref="ReferenceInputRef">
+        <span>{{ placeholder }}</span>
+        <img src="./search.svg" @click="handleFormShow" />
+      </div>
 
-    <div style="width: 100%;max-height: 360px;">
-      <slot>
-        <Form v-if="formList && formList.length" class="form" ref="FormConfigRef" :formList="formList"
-          v-bind="getFormConfigOptions" />
-        <!-- <ElEmpty v-else description="暂无搜索内容"></ElEmpty> -->
-        <div v-else class="no-data">暂无数据</div>
-      </slot>
+      <div style="width: 100%; max-height: 360px">
+        <slot>
+          <Form
+            v-if="formList && formList.length"
+            class="form"
+            ref="FormConfigRef"
+            :formList="formList"
+            v-bind="getFormConfigOptions"
+          />
+          <!-- <ElEmpty v-else description="暂无搜索内容"></ElEmpty> -->
+          <div v-else class="no-data">暂无数据</div>
+        </slot>
 
-      <div class="footer">
-        <Button style="background-color: rgba(0, 179, 204, .3);" @click.native="handleResetForm">
-          重置
-        </Button>
-        <Button @click.native="handleSearch">
-          搜索
-        </Button>
+        <div class="footer">
+          <Button
+            style="background-color: rgba(0, 179, 204, 0.3)"
+            @click.native="handleResetForm"
+          >
+            重置
+          </Button>
+          <Button @click.native="handleSearch"> 搜索 </Button>
+        </div>
       </div>
-    </div>
-  </ElPopover>
+    </ElPopover>
+  </div>
 </template>
 
 <script>
-import Button from '@screen/components/Buttons/Button.vue';
-import Form from '@screen/components/FormConfig';
-import { cloneDeep } from "lodash"
+import Button from "@screen/components/Buttons/Button.vue";
+import Form from "@screen/components/FormConfig";
+import { cloneDeep } from "lodash";
 
 export default {
-  name: 'InputSearch',
+  name: "InputSearch",
   components: {
     Button,
-    Form
+    Form,
   },
   props: {
+    type: {
+      type: String,
+      default: "form",
+    },
     placeholder: {
       type: String,
-      default: "请点击右侧图标筛选"
+      default: "请点击右侧图标筛选",
+    },
+    valueData: {
+      type: String,
+    },
+    params: {
+      type: String,
+    },
+    queryParams: {
+      type: Array,
     },
     formConfigOptions: {
       type: Object,
-      default: null
+      default: null,
     },
     formList: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
   },
   data() {
     return {
+      types: this.type,
+      value: this.valueData,
       width: null,
       popperOptions: {
         popHideCallBack: () => {
           // console.log("---")
-        }
-      }
-    }
+        },
+      },
+    };
   },
-  emit: [
-    "handleSearch"
-  ],
+  emit: ["handleSearch"],
   computed: {
     getFormConfigOptions() {
       return {
         column: "1",
         labelWidth: "120px",
-        ...this.formConfigOptions
-      }
-    }
+        ...this.formConfigOptions,
+      };
+    },
   },
   methods: {
+    handleFormShow() {
+      console.log(this.params, this.types);
+      if (this.params) {
+        if (this.types == "form") {
+          this.types = "input";
+        } else {
+          this.types = "form";
+        }
+      } else {
+        this.types = "form";
+      }
+      console.log(this.params, this.types);
+    },
     handleShow() {
       if (this.width) return;
 
-      this.width = this.$refs.ReferenceInputRef.getBoundingClientRect().width
+      this.width = this.$refs.ReferenceInputRef.getBoundingClientRect().width;
     },
     handleResetForm() {
       this.$refs.FormConfigRef?.reset();
 
       this.$refs.PopoverRef.doClose();
 
-      this.$emit('handleSearch', cloneDeep(this.$refs.FormConfigRef?.formData));
+      this.$emit("handleSearch", cloneDeep(this.$refs.FormConfigRef?.formData));
     },
     handleSearch() {
-      this.$refs.FormConfigRef.validate()
-        .then((result) => {
-          this.$refs.PopoverRef.doClose();
-          this.$emit('handleSearch', result);
-        })
-        .catch((err) => {
-          console.log("catch")
-        });
-    }
-  }
-}
+      if (this.types == "form") {
+        this.$refs.FormConfigRef.validate()
+          .then((result) => {
+            this.$refs.PopoverRef.doClose();
+            this.$emit("handleSearch", result);
+          })
+          .catch((err) => {
+            console.log("catch");
+          });
+      } else {
+        let params = {};
+        params[this.params] = this.value;
+        this.$emit("handleSearch", params);
+      }
+    },
+  },
+};
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .InputSearch {
+  width: 100%;
   height: 26px;
-  background: linear-gradient(180deg, #005C79 0%, #009BCC 100%) !important;
+  background: linear-gradient(180deg, #005c79 0%, #009bcc 100%) !important;
   color: #fff;
   border-radius: 2px;
   display: flex;
@@ -116,7 +176,17 @@ export default {
   font-size: 12px;
   font-family: PingFang SC, PingFang SC;
   font-weight: 400;
-  color: #FFFFFF;
+  color: #ffffff;
+  line-height: 14px;
+}
+.input ::v-deep .el-input__inner {
+  background: none;
+  height: auto !important;
+  font-size: 12px;
+  padding: 0px 0;
   line-height: 14px;
 }
+::v-deep .el-input__inner::placeholder {
+  font-size: 12px;
+}
 </style>

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/firstResponders/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class='FirstResponders'>
+  <div class="FirstResponders">
     <div class="filter">
       <div>
         <ButtonGradient @click.native="handleOpenDialogAddEdit()">
@@ -22,15 +22,33 @@
         </ButtonGradient>
       </div>
 
-      <InputSearch style="width: 402px;" :formList="searchFormList" :formConfigOptions="{ labelWidth: '72px' }"
-        @handleSearch="handleSearch" />
+      <InputSearch
+        style="width: 402px"
+        :formList="searchFormList"
+        :formConfigOptions="{ labelWidth: '72px' }"
+        placeholder="请输入姓名、电话，回车搜索"
+        type="input"
+        :valueData="valueData"
+        :params="params"
+        :queryParams="queryParams"
+        @handleSearch="handleSearch"
+      />
     </div>
 
-    <div class='body'>
-      <ElEmpty v-if="!data.length && !isFirst" description="暂无数据" style="width: 100%;height: 100%;position: absolute;" />
+    <div class="body">
+      <ElEmpty
+        v-if="!data.length && !isFirst"
+        description="暂无数据"
+        style="width: 100%; height: 100%; position: absolute"
+      />
       <template v-else>
-        <PeopleCard v-for="(item, index) in data" :cardData="item" :key="index"
-          @edit="data => handleOpenDialogAddEdit(data)" @delete="handleDelete" />
+        <PeopleCard
+          v-for="(item, index) in data"
+          :cardData="item"
+          :key="index"
+          @edit="(data) => handleOpenDialogAddEdit(data)"
+          @delete="handleDelete"
+        />
       </template>
     </div>
 
@@ -40,27 +58,28 @@
 
 <script>
 import PeopleCard from "./../../components/PeopleCard/index.vue";
-import InputSearch from '@screen/components/InputSearch/index.vue';
-import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue';
-import AddNEditDialog from "./components/AddNEditDialog.vue"
+import InputSearch from "@screen/components/InputSearch/index.vue";
+import ButtonGradient from "@screen/components/Buttons/ButtonGradient.vue";
+import AddNEditDialog from "./components/AddNEditDialog.vue";
 
 import { Message } from "element-ui";
 import { searchFormList } from "./data";
 import request from "@/utils/request";
-import { setLoading } from "@screen/utils/index.js"
+import { setLoading } from "@screen/utils/index.js";
 import { delay, exportFile, confirm } from "@screen/utils/common";
 import { getSelectOptionsStation } from "@screen/pages/control/event/businessDataManagement/utils.js";
+import { values } from "lodash";
 
 // 应急人员
 export default {
-  name: 'FirstResponders',
+  name: "FirstResponders",
   components: {
     PeopleCard,
     ButtonGradient,
     InputSearch,
-    AddNEditDialog
+    AddNEditDialog,
   },
-  inject: ['getPagination', 'setTotal', 'setCurrentPage'],
+  inject: ["getPagination", "setTotal", "setCurrentPage"],
   data() {
     return {
       searchFormList,
@@ -68,7 +87,10 @@ export default {
       addNEditDialogVisible: false,
       dialogData: null,
       isFirst: true,
-    }
+      valueData: "",
+      params: "value",
+      queryParams: ["phone", "name"],
+    };
   },
   created() {
     this.getData();
@@ -81,11 +103,11 @@ export default {
       request({
         url: `/business/employees/${data.id}`,
         method: "DELETE",
-        data: {}
+        data: {},
       })
         .then((result) => {
           if (result.code != 200) return Message.error(`删除失败!`);
-          this.setCurrentPage(1)
+          this.setCurrentPage(1);
           Message.success(`删除成功!`);
         })
         .catch((err) => {
@@ -102,24 +124,28 @@ export default {
         request({
           url: `/business/employees/sysPost`,
           method: "post",
-          data: {}
+          data: {},
         }),
 
         // 机构
-        getSelectOptionsStation()
-      ])
-        .then(([post, organization]) => {
-          if (post.status === 'fulfilled' && post.value.code == 200) {
-            this.searchFormList[0].options.options = post.value.data.map(item => ({
+        getSelectOptionsStation(),
+      ]).then(([post, organization]) => {
+        if (post.status === "fulfilled" && post.value.code == 200) {
+          this.searchFormList[0].options.options = post.value.data.map(
+            (item) => ({
               key: item.postId,
               label: item.postName,
-            }))
-          }
+            })
+          );
+        }
 
-          if (organization.status === 'fulfilled' && Array.isArray(organization.value)) {
-            this.searchFormList[1].options.options = organization.value;
-          }
-        })
+        if (
+          organization.status === "fulfilled" &&
+          Array.isArray(organization.value)
+        ) {
+          this.searchFormList[1].options.options = organization.value;
+        }
+      });
     },
     handleExport() {
       exportFile({
@@ -127,11 +153,12 @@ export default {
         filename: "应急人员",
         data: {
           ...this.searchData,
-          ...this.getPagination()
-        }
+          ...this.getPagination(),
+        },
       });
     },
     handleSearch(data) {
+      console.log(88888, data);
       this.searchData = data;
       this.getData();
     },
@@ -145,26 +172,27 @@ export default {
         method: "get",
         params: {
           ...this.searchData,
-          ...this.getPagination()
-        }
-      }).then(result => {
-        if (result.code != 200) return;
+          ...this.getPagination(),
+        },
+      })
+        .then((result) => {
+          if (result.code != 200) return;
 
-        this.data = result.rows;
+          this.data = result.rows;
 
-        this.setTotal(result.total)
-      }).finally(() => {
-        this.isFirst = false;
-        closeLoading();
-      })
-    }
-  }
-}
+          this.setTotal(result.total);
+        })
+        .finally(() => {
+          this.isFirst = false;
+          closeLoading();
+        });
+    },
+  },
+};
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .FirstResponders {
-
   .body {
     display: grid;
     grid-template-columns: repeat(10, 1fr);

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue

@@ -2,7 +2,7 @@
   <div class="Carousel">
     <img src="./images/arrow.svg" @click="prevSlide" class="arrow" />
 
-    <VueSlickCarousel v-bind="settings" ref="CarouselRef" class="vueSlickCarousel">
+    <VueSlickCarousel v-if="pictures.length > 0" v-bind="settings" ref="CarouselRef" class="vueSlickCarousel">
       <div v-for="(item, index) in pictures" :key="index" class="item">
         <!-- <img :src="require(`@screen/images/${item}`)" style="height: 100%"> -->
         <!-- <img :src="item" style="height: 100%"> -->

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

@@ -1,5 +1,6 @@
 import request from '@/utils/request'
 import { Message } from "element-ui";
+import moment from "moment";
 
 export const source = {
   label: "来源:",
@@ -7,6 +8,7 @@ export const source = {
   type: "RadioGroup",
   isAlone: true,
   required: true,
+  default: '1',
   options: {
     activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
     options: [
@@ -48,6 +50,7 @@ export const illegalTriggeringType = {
   type: "RadioGroup",
   isAlone: true,
   required: true,
+  default: '5-1',
   options: {
     activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
     options: [
@@ -99,7 +102,7 @@ export const station = {
     ],
   },
   visible: (data) => {
-    if (data?.dcEventAccident?.locationType != 1) {
+    if (data.dcEventAccident && data.dcEventAccident.locationType != 1) {
       return false;
     }
     return true;
@@ -187,6 +190,7 @@ export const startTime = {
   required: true,
   isAlone: true,
   type: "datePicker",
+  default: moment(new Date()).format("YYYY-MM-DD HH:mm:ss"),
   options: {
     type: "datetime",
     format: "yyyy-MM-dd HH:mm:ss",
@@ -470,7 +474,7 @@ export const remark = {
     autosize: { minRows: 6, maxRows: 6 },
     showWordLimit: true,
   },
-  required: true,
+  // required: true,
 };
 
 export const isInTunnel = {
@@ -478,6 +482,7 @@ export const isInTunnel = {
   key: "inTunnel",
   // isAlone: true,
   required: true,
+  default: '0',
   type: "RadioGroup",
   options: {
     activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
@@ -575,52 +580,15 @@ export const weatherSituation = {
         key: "1-6",
         label: "暴雨",
       },
-      {
-        key: "2-1",
-        label: "小雪",
-      },
-      {
-        key: "2-2",
-        label: "中雪",
-      },
-      {
-        key: "2-3",
-        label: "大雪",
-      },
-      {
-        key: "2-4",
-        label: "暴雪",
-      },
-      {
-        key: "2-5",
-        label: "大暴雪",
-      },
-      {
-        key: "2-6",
-        label: "特大暴雪",
-      },
-      {
-        key: "3-1",
-        label: "轻雾",
-      },
-      {
-        key: "3-2",
-        label: "大雾",
-      },
-      {
-        key: "3-3",
-        label: "浓雾",
-      },
-      {
-        key: "3-4",
-        label: "强浓雾",
-      },
-      {
-        key: "3-5",
-        label: "团雾",
-      },
     ],
   },
+  visible: (data) => {
+    if (data?.eventSubclass == '10-1' || data?.eventSubclass == '10-2' || data?.eventSubclass == '10-3') {
+      return true;
+    }
+    return false;
+  },
+  
 };
 
 export const additionalNotes = {
@@ -770,6 +738,7 @@ export const eventHappenTime = {
   key: "occurrenceTime",
   required: true,
   type: "datePicker",
+  default: moment(new Date()).format("YYYY-MM-DD HH:mm:ss"),
   options: {
     type: "datetime",
     format: "yyyy-MM-dd HH:mm:ss",
@@ -971,6 +940,7 @@ export const constructionMeasurement = {
   type: "RadioGroup",
   isAlone: true,
   required: true,
+  default:'0',
   options: {
     activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
     options: [
@@ -1000,6 +970,7 @@ export const locationType = {
   type: "RadioGroup",
   isAlone: true,
   required: true,
+  default: '1',
   options: {
     activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
     options: [
@@ -1021,6 +992,7 @@ export const specialConstruction = {
   type: "RadioGroup",
   isAlone: true,
   required: true,
+  default: '1',
   options: {
     activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
     options: [

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

@@ -532,41 +532,44 @@ export const tabConfigList = [
                   },
                 ],
               };
-              classify.options.options = ad[data.dcEventTrafficControl.controlType];
+              classify.options.options =
+                ad[data.dcEventTrafficControl.controlType];
 
-              if(data.dcEventTrafficControl) {
+              if (data.dcEventTrafficControl) {
                 data.dcEventTrafficControl.facilityId = null;
               }
               let facilityType = 1;
-              if (value == '3-2') {
+              if (value == "3-2") {
                 facilityType = 1;
-              } else if (value == '3-3') {
+              } else if (value == "3-3") {
                 facilityType = 3;
-              } else if (value == '3-4') {
+              } else if (value == "3-4") {
                 facilityType = 6;
               }
-              if(value && value != '3-1'){
+              if (value && value != "3-1") {
                 //路网设施 1 收费站 2 桥梁 3 互通立交 4 枢纽立交 5 隧道 6 服务区
                 request({
                   url: `/business/facility/query?facilityType=${facilityType}`,
-                  method: "get"
-                }).then((result) => {
-                  if (result.code != 200) return Message.error(result?.msg);
-                  let lwss = [];
-                  result.data.forEach(it => lwss.push({ key: it.id, label: it.facilityName}))
+                  method: "get",
+                })
+                  .then((result) => {
+                    if (result.code != 200) return Message.error(result?.msg);
+                    let lwss = [];
+                    result.data.forEach((it) =>
+                      lwss.push({ key: it.id, label: it.facilityName })
+                    );
 
-                  formList.forEach((it) => {
-                    if(it.key == "dcEventTrafficControl.facilityId"){
-                      it.options.options = lwss;
-                    }
+                    formList.forEach((it) => {
+                      if (it.key == "dcEventTrafficControl.facilityId") {
+                        it.options.options = lwss;
+                      }
+                    });
+                  })
+                  .catch((err) => {
+                    console.log("err", err);
+                    Message.error("查询失败1", err);
                   });
-                  
-                }).catch((err) => {
-                  console.log('err',err)
-                  Message.error("查询失败1", err);
-                })
               }
-
             },
           },
         },
@@ -683,7 +686,8 @@ export const tabConfigList = [
               {
                 key: "1",
                 label: "主线关闭",
-              },],
+              },
+            ],
           },
         },
         {
@@ -1072,7 +1076,7 @@ export const tabConfigList = [
             ],
           },
           visible: (data) => {
-            if (data?.eventSubclass == '3-1') {
+            if (data?.eventSubclass == "3-1") {
               return true;
             }
             return false;
@@ -1614,6 +1618,7 @@ export const tabConfigList = [
           type: "RadioGroup",
           isAlone: true,
           required: true,
+          default: "6-1",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -1666,6 +1671,7 @@ export const tabConfigList = [
           type: "RadioGroup",
           isAlone: true,
           required: true,
+          default: "1",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -1739,6 +1745,7 @@ export const tabConfigList = [
           type: "RadioGroup",
           isAlone: true,
           required: true,
+          default: "7-1",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -1764,13 +1771,53 @@ export const tabConfigList = [
               },
             ],
           },
+          ons: {
+            input(value, ...args) {
+              const { data, formList } = args.slice(-1)[0];
+              if (data.dcEventConstruction) {
+                data.dcEventConstruction.facilityId = null;
+              }
+              let facilityType = 1;
+              if (value == "7-2" || value == "7-7") {
+                facilityType = 1;
+              } else if (value == "7-3" || value == "7-8") {
+                facilityType = 6;
+              } else if (value == "7-4" || value == "7-9") {
+                facilityType = 3;
+              }
+              if (value && (value != "7-1" && value != "7-6")) {
+                //路网设施 1 收费站 2 桥梁 3 互通立交 4 枢纽立交 5 隧道 6 服务区
+                request({
+                  url: `/business/facility/query?facilityType=${facilityType}`,
+                  method: "get",
+                })
+                  .then((result) => {
+                    if (result.code != 200) return Message.error(result?.msg);
+                    let lwss = [];
+                    result.data.forEach((it) =>
+                      lwss.push({ key: it.id, label: it.facilityName })
+                    );
+
+                    formList.forEach((it) => {
+                      if (it.key == "dcEventConstruction.facilityId") {
+                        it.options.options = lwss;
+                      }
+                    });
+                  })
+                  .catch((err) => {
+                    console.log("err", err);
+                    Message.error("查询失败1", err);
+                  });
+              }
+            },
+          },
         },
         {
           label: "管制方式:",
           key: "dcEventConstruction.controlMode",
           type: "RadioGroup",
-          isAlone: true,
           required: true,
+          default: "1",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -1787,13 +1834,264 @@ export const tabConfigList = [
         },
         PresetFormItems.isInTunnel,
         {
+          //地点类型
           ...PresetFormItems.locationType,
           key: "dcEventConstruction.locationType",
+          visible: (data) => {
+            if (data.eventSubclass == "7-1" || data.eventSubclass == "7-6") {
+              return true;
+            }
+            return false;
+          },
+        },
+        {
+          label: "施工方式:",
+          key: "dcEventConstruction.constructionMethod",
+          type: "RadioGroup",
+          isAlone: false,
+          required: true,
+          default: "1",
+          options: {
+            activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+            options: [
+              {
+                key: "1",
+                label: "车道",
+              },
+              {
+                key: "2",
+                label: "其他",
+              },
+            ],
+          },
+          visible: (data) => {
+            if (data.eventSubclass == "7-2" || data.eventSubclass == "7-7") {
+              return true;
+            }
+            return false;
+          },
+        },
+        {
+          label: "通行情况:",
+          key: "dcEventConstruction.trafficCondition",
+          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: "车辆正常通行",
+              },
+            ],
+          },
+          visible: (data) => {
+            if (
+              data.eventSubclass == "7-2" ||
+              data.eventSubclass == "7-7" ||
+              data.eventSubclass == "7-4" ||
+              data.eventSubclass == "7-9"
+            ) {
+              return true;
+            }
+            return false;
+          },
         },
         PresetFormItems.freeway,
         PresetFormItems.direction,
-        PresetFormItems.station,
-        PresetFormItems.emptyLine,
+        {
+          ...PresetFormItems.station,
+          visible: (data) => {
+            if (
+              (data.eventSubclass == "7-1" || data.eventSubclass == "7-6") &&
+              data?.dcEventConstruction.locationType == "1"
+            ) {
+              return true;
+            }
+            return false;
+          },
+        },
+        {
+          ...PresetFormItems.startEndStation,
+          visible: (data) => {
+            if (
+              (data.eventSubclass == "7-1" || data.eventSubclass == "7-6") &&
+              data?.dcEventConstruction.locationType == "2"
+            ) {
+              return true;
+            }
+            return false;
+          },
+        },
+        // PresetFormItems.emptyLine,
+        {
+          ...PresetFormItems.laneOccupancy,
+          required: true,
+          visible: (data) => {
+            if (data?.dcEventConstruction.controlMode == "2") {
+              return true;
+            }
+            return false;
+          },
+        },
+        {
+          label: "收费站:",
+          key: "dcEventConstruction.facilityId",
+          type: "select",
+          isAlone: false,
+          required: true,
+          options: {
+            options: [],
+          },
+          visible: (data) => {
+            if (data.eventSubclass == "7-2" || data.eventSubclass == "7-7") {
+              return true;
+            }
+            return false;
+          },
+        },
+        {
+          label: "出入口:",
+          key: "dcEventConstruction.exitsInlets",
+          type: "RadioGroup",
+          isAlone: false,
+          required: true,
+          default: "2",
+          options: {
+            activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+            options: [
+              {
+                key: "1",
+                label: "出口",
+              },
+              {
+                key: "2",
+                label: "入口",
+              },
+            ],
+          },
+          visible: (data) => {
+            if (data.eventSubclass == "7-2" || data.eventSubclass == "7-7") {
+              return true;
+            }
+            return false;
+          },
+        },
+        {
+          label: "服务区:",
+          key: "dcEventConstruction.facilityId",
+          type: "select",
+          isAlone: false,
+          required: true,
+          options: {
+            options: [],
+          },
+          visible: (data) => {
+            if (data.eventSubclass == "7-3" || data.eventSubclass == "7-8") {
+              return true;
+            }
+            return false;
+          },
+        },
+        {
+          label: "地点:",
+          key: "dcEventConstruction.location",
+          isAlone: false,
+          required: true,
+          options: {
+            placeholder: "服务区地点",
+          },
+          visible: (data) => {
+            if (data.eventSubclass == "7-3" || data.eventSubclass == "7-8") {
+              return true;
+            }
+            return false;
+          },
+        },
+        {
+          label: "立交桥:",
+          key: "dcEventConstruction.facilityId",
+          type: "select",
+          isAlone: false,
+          required: true,
+          options: {
+            options: [],
+          },
+          visible: (data) => {
+            if (data.eventSubclass == "7-4" || data.eventSubclass == "7-9") {
+              return true;
+            }
+            return false;
+          },
+          ons: {
+            change(value, ...args) {
+              const { formList } = args.slice(-1)[0];
+
+              //匝道
+              request({
+                url: `/system/ramp/listAll?facilityId=${value}`,
+                method: "get",
+              })
+                .then((result) => {
+                  if (result.code != 200) return Message.error(result?.msg);
+                  let zd = [];
+                  result.rows.forEach((it) =>
+                    zd.push({ key: it.id, label: it.rampName })
+                  );
+                  // console.log("zd", zd);
+                  formList.forEach((it) => {
+                    if (it.key == "dcEventConstruction.rampId") {
+                      // console.log("it", it);
+                      it.options.options = zd;
+                    }
+                  });
+                })
+                .catch((err) => {
+                  console.log("err", err);
+                  Message.error("查询失败3", err);
+                });
+            },
+          },
+        },
+        {
+          label: "匝道:",
+          key: "dcEventConstruction.rampId",
+          type: "select",
+          isAlone: false,
+          required: true,
+          options: {
+            options: [],
+          },
+          visible: (data) => {
+            if (data.eventSubclass == "7-4" || data.eventSubclass == "7-9") {
+              return true;
+            }
+            return false;
+          },
+        },
+        {
+          label: "地方道路名称:",
+          key: "dcEventConstruction.localRoadName",
+          isAlone: true,
+          required: true,
+          options: {},
+          visible: (data) => {
+            if (data.eventSubclass == "7-5" || data.eventSubclass == "7-10") {
+              return true;
+            }
+            return false;
+          },
+        },
         {
           label: "特殊地点描述:",
           key: "dcEventConstruction.specialPlaceDescription",
@@ -1810,9 +2108,27 @@ export const tabConfigList = [
           ...PresetFormItems.specialConstruction,
           key: "dcEventConstruction.specialConstruction",
         },
+        {
+          label: "专项施工名称:",
+          key: "dcEventConstruction.otherConstructionName",
+          isAlone: true,
+          options: {},
+          visible: (data) => {
+            if (data?.dcEventConstruction.specialConstruction == "4") {
+              return true;
+            }
+            return false;
+          },
+        },
         {
           ...PresetFormItems.constructionMeasurement,
           key: "dcEventConstruction.constructionMeasurement",
+          visible: (data) => {
+            if (data.eventSubclass == "7-1" || data.eventSubclass == "7-6") {
+              return true;
+            }
+            return false;
+          },
         },
         PresetFormItems.startTime,
         PresetFormItems.expectedEndTime,
@@ -1835,6 +2151,7 @@ export const tabConfigList = [
           type: "RadioGroup",
           isAlone: true,
           required: true,
+          default: "8-1",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -1859,7 +2176,7 @@ export const tabConfigList = [
           label: "服务区:",
           key: "dcEventServiceArea.facilityId",
           type: "select",
-          isAlone: true,
+          isAlone: false,
           required: true,
           options: {
             options: [
@@ -1870,12 +2187,50 @@ export const tabConfigList = [
             ],
           },
         },
+        {
+          label: "停用设施:",
+          key: "dcEventServiceArea.disableFacility",
+          type: "select",
+          isAlone: false,
+          required: true,
+          options: {
+            options: [
+              {
+                value: "1",
+                label: "卫生间",
+              },
+              {
+                value: "2",
+                label: "餐厅",
+              },
+              {
+                value: "3",
+                label: "停车场",
+              },
+              {
+                value: "4",
+                label: "加油站",
+              },
+              {
+                value: "5",
+                label: "充电桩",
+              },
+            ],
+          },
+          visible: (data) => {
+            if (data?.eventSubclass == "8-2") {
+              return true;
+            }
+            return false;
+          },
+        },
         {
           label: "出入口:",
           key: "dcEventServiceArea.exitsInlets",
           type: "RadioGroup",
           isAlone: true,
           required: true,
+          default: "2",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -1911,6 +2266,7 @@ export const tabConfigList = [
           type: "RadioGroup",
           isAlone: true,
           required: true,
+          default: "9-1",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -1979,6 +2335,7 @@ export const tabConfigList = [
           type: "RadioGroup",
           isAlone: true,
           required: true,
+          default: "10-1",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -2020,6 +2377,91 @@ export const tabConfigList = [
               },
             ],
           },
+          ons: {
+            input(value, ...args) {
+              const { formList } = args.slice(-1)[0];
+              const config = formList.find(
+                (it) => it.key == "dcEventAbnormalWeather.weatherSituation"
+              );
+              let ad = {
+                "10-1": [
+                  {
+                    key: "1-1",
+                    label: "雨雾",
+                  },
+                  {
+                    key: "1-2",
+                    label: "雨雪",
+                  },
+                  {
+                    key: "1-3",
+                    label: "中雨",
+                  },
+                  {
+                    key: "1-4",
+                    label: "小雨",
+                  },
+                  {
+                    key: "1-5",
+                    label: "大雨",
+                  },
+                  {
+                    key: "1-6",
+                    label: "暴雨",
+                  },
+                ],
+                "10-2": [
+                  {
+                    key: "2-1",
+                    label: "小雪",
+                  },
+                  {
+                    key: "2-2",
+                    label: "中雪",
+                  },
+                  {
+                    key: "2-3",
+                    label: "大雪",
+                  },
+                  {
+                    key: "2-4",
+                    label: "暴雪",
+                  },
+                  {
+                    key: "2-5",
+                    label: "大暴雪",
+                  },
+                  {
+                    key: "2-6",
+                    label: "特大暴雪",
+                  },
+                ],
+                "10-3": [
+                  {
+                    key: "3-1",
+                    label: "轻雾",
+                  },
+                  {
+                    key: "3-2",
+                    label: "大雾",
+                  },
+                  {
+                    key: "3-3",
+                    label: "浓雾",
+                  },
+                  {
+                    key: "3-4",
+                    label: "强浓雾",
+                  },
+                  {
+                    key: "3-5",
+                    label: "团雾",
+                  },
+                ],
+              };
+              config.options.options = ad[value];
+            },
+          },
         },
         {
           ...PresetFormItems.weatherSituation,

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

@@ -120,7 +120,7 @@ export default {
       // console.log('index',index)
       this.index = index;
       let formConfig = tabConfigList[index].formConfig;
-
+      console.log('formConfig', formConfig)
       formConfig.list.forEach(it => {
         if (it.key == 'direction') {
           it.options.options = this.direction;
@@ -128,7 +128,7 @@ export default {
         if (it.key == 'roadId') {
           it.options.options = this.roads;
         }
-        if (index == 7 || it.key === 'dcEventServiceArea.facilityId') {
+        if (index == 7 && it.key == 'dcEventServiceArea.facilityId') {
           it.options.options = this.lwss.filter(ss => ss.type == 6);
         }
         // if (index == 0 || index == 1 || index == 7) {
@@ -148,21 +148,32 @@ export default {
 
         if (this.index == 0 || this.index == 1) {
           formData.lang = formData.lang.join(',')
+        } else {
+          formData.lang = ''
         }
-        if (formData.endStakeMark) {
+        if (formData.endStakeMark && formData.endStakeMark[0] != null) {
           let endStakeMark = formData.endStakeMark;
           let strMark = (endStakeMark && endStakeMark.length > 0) ? ('K' + endStakeMark[0] + '+' + endStakeMark[1]) : '';
           if (this.index == 3) {
             formData.dcEventTrafficCongestion.endStakeMark = strMark;
           }
+          if (this.index == 6) {
+            formData.dcEventConstruction.endStakeMark = strMark;
+          }
           if (this.index == 9) {
             formData.dcEventAbnormalWeather.endStakeMark = strMark;
           }
           formData.endStakeMark = '';
+        } else {
+          formData.endStakeMark = '';
         }
-        // console.log('formData',formData)
-        // return;
         let stakeMark = formData.stakeMark;
+        // console.log('formData', {
+        //   ...formData,
+        //   eventType: Number(this.index) + 1,
+        //   stakeMark: (stakeMark && stakeMark[0] != null) ? ((stakeMark && stakeMark.length > 0) ? ('K' + stakeMark[0] + '+' + stakeMark[1]) : '') : '',
+        // })
+        // return;
 
         request({
           url: `/dc/system/event`,
@@ -170,7 +181,7 @@ export default {
           data: {
             ...formData,
             eventType: Number(this.index) + 1,
-            stakeMark: stakeMark ? ((stakeMark && stakeMark.length > 0) ? ('K' + stakeMark[0] + '+' + stakeMark[1]) : '') : '',
+            stakeMark: (stakeMark && stakeMark[0] != null) ? ((stakeMark && stakeMark.length > 0) ? ('K' + stakeMark[0] + '+' + stakeMark[1]) : '') : '',
           }
         }).then((result) => {
           if (result.code != 200) return Message.error(result?.msg);

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

@@ -199,6 +199,7 @@ export default {
             }
 
           })
+          // console.log('result.rows',result.rows[0])
           this.data = result.rows;
 
           this.total = result.total;

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js

@@ -128,13 +128,14 @@ var options = {
       if (!mainData) return "";
       for (let i = 0; i < window.mainData.length; i++) {
         if (window.mainData[i].name === name) {
-          target = window.mainData[i].percent;
+          target = window.mainData[i].value;
         }
       }
+      console.log('starget',target)
       var arr = [
         "{ast|" + name + "}",
-        "{bst|" + (target * 100).toFixed(0) + "%  }",
-        "{cst|" + target + "起}",
+        "{bst|" + Math.round((target * 100).toFixed(0)) + "%  }",
+        "{cst|" + Math.round(target) + "起}",
       ];
       return arr.join("  ");
     },