事件列表-去确认更换接口

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

@@ -1,74 +1,32 @@
 <template>
   <Dialog v-model="modelVisible" title="事件详情" width="890px" top="11%">
-    <div
+    <div class="EventDetail" :style="{
-      class="EventDetail"
+    height: activeName == '-1' || activeName == '0' ? '380px' : '598px',
-      :style="{
+  }">
-        height: activeName == '-1' || activeName == '0' ? '380px' : '598px',
-      }"
-    >
       <Form :formList="formList" :dFormData="formData" label-width="100px" />
 
-      <div
+      <div class="video-pic" :style="{
-        class="video-pic"
+    height: formData.component === 'VideoMulti' ? '242px' : undefined,
-        :style="{
+  }">
-          height: formData.component === 'VideoMulti' ? '242px' : undefined,
+        <component :is="formData.component" v-if="activeName != '-1'" style="height: 100%; width: 380px"
-        }"
+          :showHeader="false" :url="formData.videoList && formData.videoList.length > 0
-      >
+    ? formData.videoList[0]
-        <component
+    : ''
-          :is="formData.component"
+    " :camId="formData.upCamId" :pileNum="formData.stakeMark" rangeIndex="upCamera" :videoType="formData.videoType" />
-          v-if="activeName != '-1'"
-          style="height: 100%; width: 380px"
-          :showHeader="false"
-          :url="
-            formData.videoList && formData.videoList.length > 0
-              ? formData.videoList[0]
-              : ''
-          "
-          :camId="formData.upCamId"
-          :pileNum="formData.stakeMark"
-          rangeIndex="upCamera"
-          :videoType="formData.videoType"
-        />
 
-        <component
+        <component :is="formData.component" v-if="activeName != '-1'" style="height: 100%; width: 380px"
-          :is="formData.component"
+          :showHeader="false" :url="formData.videoList && formData.videoList.length > 0
-          v-if="activeName != '-1'"
+    ? formData.videoList[1]
-          style="height: 100%; width: 380px"
+    : ''
-          :showHeader="false"
+    " :camId="formData.downCamId" :pileNum="formData.stakeMark" rangeIndex="downCamera"
-          :url="
+          :videoType="formData.videoType" />
-            formData.videoList && formData.videoList.length > 0
-              ? formData.videoList[1]
-              : ''
-          "
-          :camId="formData.downCamId"
-          :pileNum="formData.stakeMark"
-          rangeIndex="downCamera"
-          :videoType="formData.videoType"
-        />
 
-        <Carousel
+        <Carousel v-if="activeName == '-1'" style="flex: 1" :videos="formData.videoList" :pictures="[]" />
-          v-if="activeName == '-1'"
+        <Carousel v-if="activeName == '-1'" style="flex: 1" :pictures="formData.pictures" :videos="[]" />
-          style="flex: 1"
-          :videos="formData.videoList"
-          :pictures="[]"
-        />
-        <Carousel
-          v-if="activeName == '-1'"
-          style="flex: 1"
-          :pictures="formData.pictures"
-          :videos="[]"
-        />
       </div>
       <!-- <div>{{ formData.videoList[0] }}</div> -->
-      <TimeLine1
+      <TimeLine1 v-if="activeName == '1' || activeName == '2'" :data="timeLine1List" />
-        v-if="activeName == '1' || activeName == '2'"
+      <TimeLine2 v-if="activeName == '1' || activeName == '2'" :data="timeLine2List" style="flex: 1" />
-        :data="timeLine1List"
-      />
-      <TimeLine2
-        v-if="activeName == '1' || activeName == '2'"
-        :data="timeLine2List"
-        style="flex: 1"
-      />
     </div>
 
     <!-- 确认弹窗 -->
@@ -321,6 +279,18 @@ export default {
           if (result.code != 200) return Message.error(result?.msg);
           else Message.success("成功！");
 
+          this.modelVisible = false;
+          this.$emit("queryData", true);
+        });
+      } else if (this.activeName == '0') {
+        request({
+          url: `/dc/system/event/dcEventState/${this.formData.id}/1`,
+          method: "put",
+          data: reData,
+        }).then((result) => {
+          if (result.code != 200) return Message.error(result?.msg);
+          else Message.success("成功！");
+
           this.modelVisible = false;
           this.$emit("queryData", true);
         });