重要事件上报完善

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

@@ -1,23 +1,41 @@
 <template>
   <Teleport>
     <Transition name="fade">
-      <div :class="['mask-layer', { 'none-mask': noneMask }]" v-if="modelVisible">
+      <div
-        <BackgroundClip class="dialog"
+        :class="['mask-layer', { 'none-mask': noneMask }]"
+        v-if="modelVisible"
+      >
+        <BackgroundClip
+          class="dialog"
           clipPath="polygon(calc(100% - var(--clip-width)) 0, 100% var(--clip-width), 100% 100%, var(--clip-width) 100%, 0 calc(100% - var(--clip-width)), 0 0)"
           borderColor="linear-gradient(180deg, rgba(78, 174, 204, .9), rgba(78, 174, 204, 0))"
           bgColor="linear-gradient(180deg, rgba(14, 69, 92, 0.9) 0%, rgba(20, 89, 119, 0.9) 100%)"
-          ref="DialogContentRef" :width="width" :top="top" :right="right">
+          ref="DialogContentRef"
+          :width="width"
+          :top="top"
+          :right="right"
+        >
           <div class="dialog-title">
-            <img class="title-icon" src="@screen/images/dialog/title-icon.svg" />
+            <img
+              class="title-icon"
+              src="@screen/images/dialog/title-icon.svg"
+            />
             <span>{{ title }}</span>
-            <img class="icon-close" @click.stop="close()" src="@screen/images/dialog/icon-close.svg" />
+            <img
+              class="icon-close"
+              @click.stop="close()"
+              src="@screen/images/dialog/icon-close.svg"
+            />
           </div>
 
           <div class="dialog-content">
             <slot />
           </div>
 
-          <img class="bottom-right" src="@screen/images/dialog/right-bottom.svg" />
+          <img
+            class="bottom-right"
+            src="@screen/images/dialog/right-bottom.svg"
+          />
 
           <div class="footer" v-if="$slots.footer">
             <slot name="footer"></slot>
@@ -87,8 +105,8 @@ export default {
   },
   methods: {
     close() {
-      console.log('------')
+      console.log("------");
-      this.modelVisible = false
+      this.modelVisible = false;
     },
     updateDialogVisible(bool) {
       this.modelVisible = bool;
@@ -195,7 +213,7 @@ export default {
 
   .dialog-content {
     padding: 9px 21px 27px 21px;
-    max-height: 75vh;
+    max-height: 95vh;
     overflow-y: auto;
   }
 

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DisposalProcess/DialogVisible/index.vue

@@ -37,7 +37,7 @@
         </div>
       </el-tab-pane>
       <el-tab-pane label="初报" name="second">
-        <div class="file" ref="file">
+        <div class="file" ref="file" id="export-box">
           <div class="file-box">
             <el-form>
               <div class="file-title">重要事件</div>
@@ -103,6 +103,234 @@
       </el-tab-pane>
       <el-tab-pane label="续报" name="third"> </el-tab-pane>
       <el-tab-pane label="终报" name="fourth"> </el-tab-pane>
+      <Dialog style="" v-model="showDocx" width="1085px" top="60px">
+        <div class="docx-wrapper">
+          <section
+            ref="initFile"
+            class="docx"
+            style="
+              padding: 72pt 90.15pt;
+              width: 595.3pt;
+              min-height: 741.9pt;
+              column-count: 1;
+              column-gap: 36pt;
+            "
+          >
+            <article>
+              <p
+                style="
+                  line-height: 1;
+                  text-align: center;
+                  vertical-align: baseline;
+                  margin-bottom: 10px;
+                "
+              >
+                <span
+                  lang="en-US"
+                  style="
+                    font-family: 方正小标宋简体;
+                    color: rgb(255, 0, 0);
+                    min-height: 44pt;
+                    font-size: 44pt;
+                    font-weight: bold;
+                  "
+                  >重要事件</span
+                >
+              </p>
+              <p
+                style="
+                  margin-bottom: 2pt;
+                  min-height: 15pt;
+                  line-height: 15pt;
+                  text-align: center;
+                  vertical-align: baseline;
+                "
+              >
+                <span
+                  lang="null"
+                  style="
+                    font-family: 仿宋_GB2312;
+                    font-weight: normal;
+                    min-height: 10.5pt;
+                    font-size: 10.5pt;
+                  "
+                  >报送单位：</span
+                ><span
+                  lang="en-US"
+                  style="
+                    font-family: 仿宋_GB2312;
+                    font-weight: normal;
+                    min-height: 10.5pt;
+                    font-size: 10.5pt;
+                  "
+                  >山东高速青岛发展有限公司运营管理事业部 </span
+                ><span
+                  lang="null"
+                  style="
+                    font-family: 仿宋_GB2312;
+                    font-weight: normal;
+                    min-height: 10.5pt;
+                    font-size: 10.5pt;
+                  "
+                  >报送时间：</span
+                ><span
+                  lang="en-US"
+                  style="
+                    font-family: 仿宋_GB2312;
+                    font-weight: normal;
+                    min-height: 10.5pt;
+                    font-size: 10.5pt;
+                  "
+                  >2024年05月09日15时40分</span
+                >
+              </p>
+              <p
+                style="
+                  margin-bottom: 1pt;
+                  min-height: 10pt;
+                  line-height: 10pt;
+                  text-align: center;
+                  vertical-align: baseline;
+                "
+              >
+                <span
+                  style="
+                    font-family: 'Times New Roman';
+                    font-weight: bold;
+                    color: rgb(255, 0, 0);
+                    min-height: 22pt;
+                    font-size: 22pt;
+                  "
+                  >——————————————————</span
+                >
+              </p>
+              <p
+                style="
+                  margin-bottom: 6pt;
+                  min-height: 25pt;
+                  line-height: 25pt;
+                  text-align: center;
+                  vertical-align: baseline;
+                "
+              >
+                <span
+                  lang="en-US"
+                  style="
+                    font-family: 方正小标宋简体;
+                    min-height: 22pt;
+                    font-size: 22pt;
+                    font-weight: bold;
+                  "
+                  >关于G15沈海高速K502+222交通事故的初报</span
+                >
+              </p>
+              <p
+                style="
+                  text-indent: 0pt;
+                  text-align: left;
+                  vertical-align: baseline;
+                "
+              >
+                <span
+                  lang="en-US"
+                  style="
+                    font-family: 仿宋_GB2312;
+                    font-weight: normal;
+                    color: black;
+                    min-height: 16pt;
+                    font-size: 16pt;
+                  "
+                  >智慧管理中心：</span
+                >
+              </p>
+              <p
+                style="
+                  line-height: 1.5;
+                  text-indent: 0pt;
+                  vertical-align: baseline;
+                "
+              >
+                <span
+                  lang="en-US"
+                  style="
+                    font-family: 仿宋_GB2312;
+                    font-weight: normal;
+                    color: black;
+                    min-height: 16pt;
+                    font-size: 16pt;
+                  "
+                >
+                  2024年05月09日11时02分，G15沈海高速K502+222沈阳方向发生侧翻事故，行1车道、行2车道、应急车道正常通行，无压车。</span
+                ><span><br /></span
+                ><span
+                  lang="en-US"
+                  style="
+                    font-family: 仿宋_GB2312;
+                    font-weight: normal;
+                    color: black;
+                    min-height: 16pt;
+                    font-size: 16pt;
+                  "
+                >
+                  未到达现场的情况：路管、交警、消防、医疗等单位正在赶往现场，具体情况稍后报告。</span
+                >
+              </p>
+              <p style="vertical-align: baseline"><span id="_GoBack"></span></p>
+              <p style="vertical-align: baseline"></p>
+              <p style="vertical-align: baseline"></p>
+              <p style="vertical-align: baseline"></p>
+              <p
+                style="
+                  line-height: 1;
+                  text-indent: 0pt;
+                  vertical-align: baseline;
+                "
+              ></p>
+              <p style="vertical-align: baseline"></p>
+              <p
+                style="
+                  margin-bottom: 1pt;
+                  min-height: 10pt;
+                  line-height: 10pt;
+                  text-align: center;
+                  vertical-align: baseline;
+                "
+              >
+                <span
+                  style="
+                    font-family: 'Times New Roman';
+                    font-weight: bold;
+                    color: rgb(255, 0, 0);
+                    min-height: 22pt;
+                    font-size: 22pt;
+                  "
+                  >——————————————————</span
+                >
+              </p>
+              <p
+                class="docx-num-0-0"
+                style="
+                  margin-top: 0pt;
+                  text-align: center;
+                  vertical-align: baseline;
+                "
+              >
+                <span
+                  lang="en-US"
+                  style="
+                    font-family: 仿宋_GB2312;
+                    font-weight: normal;
+                    min-height: 14pt;
+                    font-size: 14pt;
+                  "
+                  >填报人:智慧高速菜单 联系电话:18678866677 签发人：郭璐明</span
+                >
+              </p>
+            </article>
+          </section>
+          <button @click="handleDownload">下载</button>
+        </div>
+      </Dialog>
     </el-tabs>
   </Dialog>
 </template>
@@ -144,6 +372,7 @@ export default {
   data() {
     return {
       // formList,
+      showDocx: false,
       fData: {},
       formConfigList: [],
       reportList,
@@ -345,16 +574,19 @@ export default {
       });
     },
     handlePreview() {
-      const fileContent = this.$refs.file.innerHTML;
+      this.showDocx = true;
-      console.log(77777);
+    },
-      console.log(fileContent);
+    handleDownload() {
-      // 将HTML转换为DOCX
+      console.log("下载");
+      // 获取HTML内容
+      const fileContent = this.$refs.initFile.innerHTML;
+      // // 将HTML转换为DOCX
       const doc = htmlDocx.asBlob(fileContent);
-
+      // // 下载生成的文档
-      // 下载生成的文档
+      FileSaver.saveAs(doc, "初报.docx");
-      FileSaver.saveAs(doc, "document.docx");
     },
   },
+
   mounted() {
     this.initData();
     this.getReportData();
@@ -513,9 +745,50 @@ export default {
 }
 .footer {
   display: flex;
+  width: 35%;
+  margin: auto;
+  margin-top: 30px;
+  justify-content: space-around;
+  // display: flex;
+  // flex-flow: row-reverse;
+  div {
+    margin-left: 20px;
+  }
 }
 ::v-deep .el-tabs__content {
   overflow: auto;
   position: relative;
 }
+.docx-wrapper {
+  background: #fff;
+  padding: 30px;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  > section.docx {
+    background: white;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+    margin-bottom: 30px;
+  }
+  .docx p,
+  p.docx_1 span {
+    font-family: var(--docx-minorHAnsi-font);
+    color: #00000a;
+    min-height: 11pt;
+    font-size: 11pt;
+  }
+  button {
+    cursor: pointer;
+    width: 100px;
+    height: 35px;
+    line-height: 35px;
+    color: #fff;
+    background: #00b3cc;
+    border-radius: 48px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: none;
+  }
+}
 </style>

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

@@ -212,7 +212,7 @@ export default {
             time: item.operationTime
               ? new Date(item.operationTime).toLocaleString()
               : null,
-            name: item.operator,
+            name: item.operatorName,
             desc: item.context,
             source: item.source,
             // posts: '淄博发展公司管理员'

ruoyi-ui/src/views/JiHeExpressway/pages/control/manual/statistic/components/Eventfiltering/index.vue

@@ -158,17 +158,17 @@ export default {
         gr.addColorStop(1, "rgba(92,197,255,0)");
         gr.addColorStop(0, "rgba(92,197,255,0.5)");
         context.lineWidth = 1; // 设置线段宽度
-        drawRoundRect(context, 410, 134, 380, 24, 12, gr);
+        drawRoundRect(context, 410, 128, 380, 24, 12, gr);
-        drawRoundRect(context, 410, 168, 320, 24, 10, gr);
+        drawRoundRect(context, 410, 162, 320, 24, 10, gr);
-        drawRoundRect(context, 410, 202, 320, 24, 10, gr);
+        drawRoundRect(context, 410, 196, 320, 24, 10, gr);
-        drawRoundRect(context, 410, 236, 320, 24, 10, gr);
+        drawRoundRect(context, 410, 230, 320, 24, 10, gr);
-        drawRoundRect(context, 410, 270, 320, 24, 10, gr);
+        drawRoundRect(context, 410, 264, 320, 24, 10, gr);
-        drawRoundRect(context, 410, 304, 320, 24, 10, gr);
+        drawRoundRect(context, 410, 298, 320, 24, 10, gr);
-        drawRoundRect(context, 410, 338, 320, 24, 10, gr);
+        drawRoundRect(context, 410, 332, 320, 24, 10, gr);
-        drawRoundRect(context, 410, 372, 320, 24, 10, gr);
+        drawRoundRect(context, 410, 366, 320, 24, 10, gr);
-        drawRoundRect(context, 410, 406, 320, 24, 10, gr);
+        drawRoundRect(context, 410, 400, 320, 24, 10, gr);
-        drawRoundRect(context, 410, 440, 320, 24, 10, gr);
+        drawRoundRect(context, 410, 434, 320, 24, 10, gr);
-        drawRoundRect(context, 410, 474, 320, 24, 10, gr);
+        drawRoundRect(context, 410, 468, 320, 24, 10, gr);
         console.log("this.formData", this.formData);
         await this.getNonAutomaticWarningType(this.formData);
         // drawRoundRect(context, 410, 508, 320, 24, 10, gr);

ruoyi-ui/src/views/JiHeExpressway/pages/control/manual/statistic/components/Sitefiltering/index.vue

@@ -181,16 +181,16 @@ export default {
           gr.addColorStop(1, "rgba(92,197,255,0)");
           gr.addColorStop(0, "rgba(92,197,255,0.5)");
           context.lineWidth = 1; // 设置线段宽度
-          drawRoundRect(context, 385, 134, 320, 24, 12, gr);
+          drawRoundRect(context, 385, 128, 320, 24, 12, gr);
-          drawRoundRect(context, 385, 168, 320, 24, 10, gr);
+          drawRoundRect(context, 385, 162, 320, 24, 10, gr);
-          drawRoundRect(context, 385, 202, 320, 24, 10, gr);
+          drawRoundRect(context, 385, 196, 320, 24, 10, gr);
-          drawRoundRect(context, 385, 236, 320, 24, 10, gr);
+          drawRoundRect(context, 385, 230, 320, 24, 10, gr);
-          drawRoundRect(context, 385, 270, 320, 24, 10, gr);
+          drawRoundRect(context, 385, 264, 320, 24, 10, gr);
-          drawRoundRect(context, 385, 304, 320, 24, 10, gr);
+          drawRoundRect(context, 385, 298, 320, 24, 10, gr);
-          drawRoundRect(context, 385, 338, 320, 24, 10, gr);
+          drawRoundRect(context, 385, 332, 320, 24, 10, gr);
-          drawRoundRect(context, 385, 372, 320, 24, 10, gr);
+          drawRoundRect(context, 385, 366, 320, 24, 10, gr);
-          drawRoundRect(context, 385, 406, 320, 24, 10, gr);
+          drawRoundRect(context, 385, 400, 320, 24, 10, gr);
-          drawRoundRect(context, 385, 440, 320, 24, 10, gr);
+          drawRoundRect(context, 385, 434, 320, 24, 10, gr);
           // drawRoundRect(context, 385, 474, 320, 24, 10, gr);
           // drawRoundRect(context, 385, 510, 320, 24, 10, gr);
           await this.getNonAutomaticWarningFacility(this.formData);

ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infoWarning/index.vue

@@ -123,21 +123,21 @@ export default {
           val === "Blue" &&
           ["White", "Blue", "Green"].includes(item.severityColor)
         ) {
-          item.severityColorText = "蓝色";
+          // item.severityColorText = "蓝色";
           this.warningList.push(item);
         } else if (
           val === "Red" &&
           ["Red", "Black"].includes(item.severityColor)
         ) {
-          item.severityColorText = "红色";
+          // item.severityColorText = "红色";
           this.warningList.push(item);
         } else if (val === "Yellow" && item.severityColor === "Yellow") {
-          item.severityColorText = "黄色";
+          // item.severityColorText = "黄色";
           this.warningList.push(item);
         } else if (val === "Orange" && item.severityColor === "Orange") {
-          item.severityColorText = "橙色";
+          // item.severityColorText = "橙色";
           this.warningList.push(item);
-        } else if (!["Blue", "Red", "Yellow", "Orange"].includes(val)) {
+        } else if (val === "all") {
           // 确保只有当val不是预定义颜色时才推送
           this.warningList.push(item);
         }
@@ -157,6 +157,18 @@ export default {
           }
         }
         this.warningData = data;
+        this.warningData.forEach((item) => {
+          if (["White", "Blue", "Green"].includes(item.severityColor)) {
+            item.severityColorText = "蓝色";
+          } else if (["Red", "Black"].includes(item.severityColor)) {
+            item.severityColorText = "红色";
+          } else if (item.severityColor === "Yellow") {
+            item.severityColorText = "黄色";
+          } else if (item.severityColor === "Orange") {
+            item.severityColorText = "橙色";
+          }
+        });
+
         this.warningList = this.warningData;
       });
     },
@@ -207,6 +219,7 @@ export default {
       flex-direction: column;
       width: 100%;
       height: calc(100% - 40px);
+      overflow-y: auto;
 
       > div::after {
         content: "";
@@ -317,6 +330,7 @@ export default {
 
           .right-text {
             color: #fff;
+            overflow-y: auto;
           }
         }
       }

ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/index.vue

@@ -443,7 +443,7 @@ export default {
   position: absolute;
   display: flex;
   justify-content: space-around;
-  height: 310px;
+  height: 307px;
   padding: 0 20px;
   overflow-y: hidden;
   overflow-x: auto;

ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/assets/charts3.js

@@ -180,32 +180,32 @@ let options = {
       },
       data: data2,
     },
-    {
+    // {
-      name: null,
+    //   name: null,
-      type: "scatter",
+    //   type: "scatter",
-      emphasis: {
+    //   emphasis: {
-        scale: false,
+    //     scale: false,
-      },
+    //   },
-      symbol:
+    //   symbol:
-        "image://data:image/png;base64,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",
+    //     "image://data:image/png;base64,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",
-      symbolSize: [20, 20],
+    //   symbolSize: [20, 20],
-      symbolOffset: ["-115%", 0],
+    //   symbolOffset: ["-115%", 0],
-      itemStyle: {
+    //   itemStyle: {
-        color: "#E2BA74",
+    //     color: "#E2BA74",
-        shadowColor: "#E2BA74",
+    //     shadowColor: "#E2BA74",
-        shadowBlur: 5,
+    //     shadowBlur: 5,
-        borderWidth: 1,
+    //     borderWidth: 1,
-        opacity: 1,
+    //     opacity: 1,
-      },
+    //   },
-      z: 1,
+    //   z: 1,
-      zlevel: 10,
+    //   zlevel: 10,
-      left: "-100%",
+    //   left: "-100%",
-      data: data2,
+    //   data: data2,
-      animationDelay: 100,
+    //   animationDelay: 100,
-      tooltip: {
+    //   tooltip: {
-        show: false,
+    //     show: false,
-      },
+    //   },
-    },
+    // },
     // 下半截柱状图linear-gradient(180deg, #61D8FF 0%, #003B4E 100%); linear-gradient(180deg, #06D7B1 0%, #003B4E 100%)
     {
       name: "交通特征",
@@ -267,32 +267,32 @@ let options = {
       data: data1,
     },
     // 进度条的小圆圈
-    {
+    // {
-      name: "",
+    //   name: "",
-      type: "scatter",
+    //   type: "scatter",
-      emphasis: {
+    //   emphasis: {
-        scale: false,
+    //     scale: false,
-      },
+    //   },
-      symbol:
+    //   symbol:
-        "image://data:image/png;base64,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",
+    //     "image://data:image/png;base64,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",
-      symbolSize: [20, 20],
+    //   symbolSize: [20, 20],
-      symbolOffset: ["1%", 0],
+    //   symbolOffset: ["1%", 0],
-      itemStyle: {
+    //   itemStyle: {
-        color: "#FFF",
+    //     color: "#FFF",
-        shadowColor: "#00E4BB53",
+    //     shadowColor: "#00E4BB53",
-        shadowBlur: 5,
+    //     shadowBlur: 5,
-        borderWidth: 1,
+    //     borderWidth: 1,
-        opacity: 1,
+    //     opacity: 1,
-      },
+    //   },
-      z: 2,
+    //   z: 2,
-      zlevel: 10,
+    //   zlevel: 10,
-      left: 10,
+    //   left: 10,
-      data: data1,
+    //   data: data1,
-      animationDelay: 500,
+    //   animationDelay: 500,
-      tooltip: {
+    //   tooltip: {
-        show: false,
+    //     show: false,
-      },
+    //   },
-    },
+    // },
     {
       name: "拥挤度",
       type: "bar",
@@ -351,32 +351,32 @@ let options = {
       },
       data: data2,
     },
-    {
+    // {
-      name: "",
+    //   name: "",
-      type: "scatter",
+    //   type: "scatter",
-      emphasis: {
+    //   emphasis: {
-        scale: false,
+    //     scale: false,
-      },
+    //   },
-      symbol:
+    //   symbol:
-        "image://data:image/png;base64,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",
+    //     "image://data:image/png;base64,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",
-      symbolSize: [20, 20],
+    //   symbolSize: [20, 20],
-      symbolOffset: ["110%", 0],
+    //   symbolOffset: ["110%", 0],
-      itemStyle: {
+    //   itemStyle: {
-        color: "#FCBE39",
+    //     color: "#FCBE39",
-        shadowColor: "#FCBE3953",
+    //     shadowColor: "#FCBE3953",
-        shadowBlur: 5,
+    //     shadowBlur: 5,
-        borderWidth: 1,
+    //     borderWidth: 1,
-        opacity: 1,
+    //     opacity: 1,
-      },
+    //   },
-      z: 1,
+    //   z: 1,
-      zlevel: 10,
+    //   zlevel: 10,
-      left: "-100%",
+    //   left: "-100%",
-      data: data2,
+    //   data: data2,
-      animationDelay: 100,
+    //   animationDelay: 100,
-      tooltip: {
+    //   tooltip: {
-        show: false,
+    //     show: false,
-      },
+    //   },
-    },
+    // },
   ],
 };
 

ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue

@@ -216,6 +216,7 @@ export default {
           this.formList[0].options.disabled = true;
         } else {
           this.formData = null;
+          this.formList[0].options.disabled = false;
         }
       },
       immediate: true,
@@ -230,19 +231,24 @@ export default {
       // }
       this.$refs.FormConfigRef.validate().then((data) => {
         this.submitting = true;
+
+        if (this.data && this.data.id) {
           let params = {
             ...this.formData,
             id: this.data.id,
-          publishChannels: publishChannels.toString(),
+            publishChannels: this.formData.publishChannels.toString(),
           };
-        if (this.data.id) {
           editChannels(params).then((res) => {
             this.modelVisible = false;
             this.submitting = false;
             this.$parent.handleSearch();
           });
         } else {
-          addChannels(this.formData).then((res) => {
+          let params = {
+            ...this.formData,
+            publishChannels: this.formData.publishChannels.toString(),
+          };
+          addChannels(params).then((res) => {
             this.modelVisible = false;
             this.submitting = false;
             this.$parent.handleSearch();