From 29f64ddebc6ca8d5bd6cd03dc791fedd430c0df3 Mon Sep 17 00:00:00 2001
From: zhangzhang <1747194829@qq.com>
Date: Tue, 12 Mar 2024 15:52:55 +0800
Subject: [PATCH] =?UTF-8?q?bug=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/RoadStateCard/index.vue        | 104 ++++++++++--------
 .../components/AddNEditDialog.vue             |  74 +++++++------
 2 files changed, 98 insertions(+), 80 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
index bdbee4b9..67d4a0be 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
@@ -1,11 +1,18 @@
 <template>
-  <BorderRadiusImage class='RoadStateCard' borderRadius="2px"
-    borderColor="linear-gradient(360deg, rgba(55, 231, 255, 0.3), rgba(55, 231, 255, 0))" borderWidth="2px">
+  <BorderRadiusImage
+    class="RoadStateCard"
+    borderRadius="2px"
+    borderColor="linear-gradient(360deg, rgba(55, 231, 255, 0.3), rgba(55, 231, 255, 0))"
+    borderWidth="2px"
+  >
     <div class="left">
       <!-- <img :src="(cardData.pictures ? cardData.pictures[0] : null) || require(`./test.png`)"> -->
       <!-- <img :src="require(`./test.png`)"> -->
-      <ElImage style="width: 212px; height: 159px;" :src="cardData.pictures ? cardData.pictures[0] : null"
-        :preview-src-list="cardData.pictures || []">
+      <ElImage
+        style="width: 212px; height: 159px"
+        :src="cardData.pictures ? cardData.pictures[0] : null"
+        :preview-src-list="cardData.pictures || []"
+      >
         <div slot="error">
           <i class="el-icon-picture-outline icon"></i>
         </div>
@@ -19,27 +26,35 @@
         </p>
       </div>
       <div class="controls">
-        <Button :style="{ background: firstBtnColor, width: '50%' }"
-          @click.native="$emit('firstBtnClick', cardData.id)">{{
-        getFirstBtnText(cardData.state)
-      }}</Button>
-        <Button v-if="cardData.state == 4" :style="{ background: lastBtnColor, width: '50%' }"
-          @click.native="$emit('lastBtnClick', cardData.id)">{{ getLastBtnText(cardData.state)
-          }}</Button>
+        <Button
+          :style="{ background: firstBtnColor, width: '50%' }"
+          @click.native="$emit('firstBtnClick', cardData.id)"
+          >{{ getFirstBtnText(cardData.state) }}</Button
+        >
+        <Button
+          v-if="cardData.state == 4"
+          :style="{ background: lastBtnColor, width: '50%' }"
+          @click.native="$emit('lastBtnClick', cardData.id)"
+          >{{ getLastBtnText(cardData.state) }}</Button
+        >
       </div>
     </div>
 
-    <img v-if="cardData.state" class="status" :src="require(`./images/${statusMap[cardData.state]}.svg`) " />
+    <img
+      v-if="cardData.state"
+      class="status"
+      :src="require(`./images/${statusMap[cardData.state]}.svg`)"
+    />
   </BorderRadiusImage>
 </template>
 
 <script>
 import Button from "@screen/components/Buttons/Button.vue";
 import BorderRadiusImage from "@screen/components/BorderRadiusImage.vue";
-import { statusMap } from "./data.js"
+import { statusMap } from "./data.js";
 
 export default {
-  name: 'RoadStateCard',
+  name: "RoadStateCard",
   props: {
     cardData: {
       type: Object,
@@ -48,80 +63,80 @@ export default {
         source: "视频智能识别",
         location: "k100+000",
         direction: "济南方向",
-      })
+      }),
     },
     firstBtnText: {
       type: String,
-      default: "详情"
+      default: "详情",
     },
     lastBtnText: {
       type: String,
-      default: "调度记录"
+      default: "调度记录",
     },
     firstBtnColor: {
       type: String,
-      default: "#00B3CC"
+      default: "#00B3CC",
     },
     lastBtnColor: {
       type: String,
-      default: "#CB7A00"
+      default: "#CB7A00",
     },
     keyMap: {
       type: Array,
-      default: () => ([
+      default: () => [
         {
           key: "stringEventType",
-          label: "事件"
+          label: "事件",
         },
         {
           key: "stringEventSource",
-          label: "来源"
+          label: "来源",
         },
         {
           key: "stakeMark",
-          label: "位置"
+          label: "位置",
         },
         {
           key: "stringDirection",
-          label: "方向"
+          label: "方向",
         },
         {
           key: "startTime",
-          label: "时间"
+          label: "时间",
         },
-      ])
-    }
+      ],
+    },
   },
   data() {
     return {
-      picUrl: './test.png'
-    }
+      picUrl: "./test.png",
+    };
   },
-  emit: ['firstBtnClick', "lastBtnClick"],
+  emit: ["firstBtnClick", "lastBtnClick"],
   components: {
     Button,
-    BorderRadiusImage
+    BorderRadiusImage,
   },
   created() {
     this.statusMap = statusMap;
   },
   methods: {
     getFirstBtnText(state) {
-      let text = '详情';
-      if (state == 5) text = '去确认'
-      if (state == 4) text = '详情'
-      if (state == 3) text = '处置记录'
+      let text = "详情";
+      if (state == 5) text = "去确认";
+      if (state == 4) text = "详情";
+      if (state == 3) text = "处置记录";
       return text;
     },
     getLastBtnText(state) {
-      let text = '去处置';
+      let text = "去处置";
       return text;
     },
-  }
-}
+  },
+};
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .RoadStateCard {
   color: #fff;
   display: flex;
@@ -143,7 +158,7 @@ export default {
     }
 
     .icon {
-      display:inline-block;
+      display: inline-block;
       width: 212px;
       height: 159px;
       line-height: 157px;
@@ -165,13 +180,13 @@ export default {
       display: flex;
       flex-direction: column;
 
-      >p {
+      > p {
         font-size: 12px;
         color: #f4f4f4;
         line-height: 24px;
 
-        &:nth-child(-n+2) {
-          color: #37E7FF;
+        &:nth-child(-n + 2) {
+          color: #37e7ff;
           font-size: 16px;
           font-weight: bold;
         }
@@ -179,7 +194,6 @@ export default {
         &:nth-child(2) {
           margin-bottom: 3px;
         }
-
       }
 
       .linText {
@@ -198,7 +212,7 @@ export default {
       display: flex;
       gap: 9px;
 
-      >div {
+      > div {
         // flex: 1;
       }
     }
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue
index ac61a401..7f75001e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue
@@ -1,24 +1,32 @@
 <template>
   <Dialog v-model="modelVisible" :title="data ? '修改' : '新增'">
-    <div class='AddNEditDialog'>
-      <Form v-model="formData" class="form" ref="FormConfigRef" :formList="formList" column="1" labelWidth="90px" />
+    <div class="AddNEditDialog">
+      <Form
+        v-model="formData"
+        class="form"
+        ref="FormConfigRef"
+        :formList="formList"
+        column="1"
+        labelWidth="90px"
+      />
     </div>
 
     <template #footer>
-      <Button style="background-color: rgba(0, 179, 204, .3);" @click.native="modelVisible = false, submitting = false">
+      <Button
+        style="background-color: rgba(0, 179, 204, 0.3)"
+        @click.native="(modelVisible = false), (submitting = false)"
+      >
         取消
       </Button>
-      <Button @click.native="handleSubmit" :loading="submitting">
-        确定
-      </Button>
+      <Button @click.native="handleSubmit" :loading="submitting"> 确定 </Button>
     </template>
   </Dialog>
 </template>
 
 <script>
 import Dialog from "@screen/components/Dialog/index.vue";
-import Button from "@screen/components/Buttons/Button.vue"
-import Form from '@screen/components/FormConfig';
+import Button from "@screen/components/Buttons/Button.vue";
+import Form from "@screen/components/FormConfig";
 
 import request from "@/utils/request";
 import { getSelectOptionsStation } from "@screen/pages/control/event/businessDataManagement/utils.js";
@@ -26,21 +34,21 @@ import { Message } from "element-ui";
 import * as PresetFormItems from "@screen/common/PresetFormItems.js";
 
 export default {
-  name: 'AddNEditDialog',
+  name: "AddNEditDialog",
   components: {
     Dialog,
     Button,
-    Form
+    Form,
   },
   model: {
-    prop: 'visible',
-    event: "update:value"
+    prop: "visible",
+    event: "update:value",
   },
   props: {
     visible: Boolean,
-    data: Object
+    data: Object,
   },
-  inject: ['setCurrentPage'],
+  inject: ["setCurrentPage"],
   data() {
     return {
       submitting: false,
@@ -68,7 +76,7 @@ export default {
         PresetFormItems.releaseChannel,
         {
           label: "审核方式:",
-          key: "level",
+          key: "process",
           type: "RadioGroup",
           isAlone: true,
           options: {
@@ -89,21 +97,20 @@ export default {
           label: "启用日期:",
           key: "startDate",
           type: "DatePicker",
-          required: true
-        }
-
-      ]
-    }
+          required: true,
+        },
+      ],
+    };
   },
   computed: {
     modelVisible: {
       get() {
-        return this.visible
+        return this.visible;
       },
       set(val) {
-        this.$emit('update:value', val)
-      }
-    }
+        this.$emit("update:value", val);
+      },
+    },
   },
   watch: {
     modelVisible: {
@@ -112,24 +119,21 @@ export default {
         if (!bool) return;
 
         this.formData = {
-          ...this.data
-        }
+          ...this.data,
+        };
 
         this.getOptions();
-      }
-    }
+      },
+    },
   },
   methods: {
-    getOptions() {
-    },
-    handleSubmit() {
-
-    }
+    getOptions() {},
+    handleSubmit() {},
   },
-}
+};
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .AddNEditDialog {
   width: 450px;
   height: 200px;