cxw-010203

src/lycomponents/iHeaderBrand/index.vue

@@ -89,7 +89,7 @@ export default {
      watch: {
         $route: {
             handler(val) {
-                if (val.path === "/eventDEC") {
+                if (val.path === "/eventDEC" || val.path === "/eventComparison") {
                     this.timeShow = false;
                 } else {
                     this.timeShow = true;

src/styles/antd.less

@@ -270,3 +270,20 @@ li.ant-calendar-time-picker-select-option-selected {
   left: 0px !important;
   top: 50px;
 }
+.ant-modal-content {
+  background-color:#010B19 !important;
+  box-shadow: 0px 0px 10px 0px #3373CC !important;
+}
+.ant-modal-header {
+  background-color:#010B19 !important;
+  border-bottom: 1px solid #3373CC !important;
+}
+.ant-modal-footer {
+  border-top: 1px solid #3373CC !important;
+}
+.ant-modal-title {
+  color: #fff !important;
+}
+.ant-modal-body {
+  color: #fff !important;
+}

src/views/Index/realTimeEvent/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: xw
  * @Date: 2021-10-08 15:56:35
- * @LastEditTime: 2021-11-05 11:39:16
+ * @LastEditTime: 2021-11-17 16:59:34
  * @LastEditors: Please set LastEditors
  * @Description: 实时事件
  * @FilePath: /data-show/src/views/Index/realTimeEvent/index.vue
@@ -11,8 +11,11 @@
     <div class="rte-outter" v-loading="load" v-highly="0.83">
         <v-label-div title="实时事件"></v-label-div>
         <div class="rte-tb" v-highly>
-            <dv-scroll-board :config="config" :style="{ width: '100%', height: '100%' }" @click="handlerSs"/>
+            <dv-scroll-board :config="config" :style="{ width: '100%', height: '100%' }" @click="handlerSs" />
         </div>
+        <a-modal title="提示" :visible="visible"  @ok="handleOk" @cancel="handleCancel">
+            <p>{{ ModalText }}</p>
+        </a-modal>
     </div>
 </template>
 
@@ -24,6 +27,9 @@ export default {
         return {
             load: false,
             config: {},
+            darr: [],
+            visible: false,
+            ModalText: ""
         };
     },
     created() {
@@ -31,18 +37,27 @@ export default {
     },
     methods: {
         getData() {
-          this.load = true;
+            this.load = true;
             getEventsListH(this.getCommTime).then((res) => {
                 let arr = [];
+                let arr2 = [];
                 if (Array.isArray(res.data)) {
                     res.data.forEach((ele) => {
                         let a = [
-                           `<span style="cursor: pointer;">${ele.events_title}</span>`,
+                            `<span style="cursor: pointer;">${ele.events_title}</span>`,
                             ele.events_influence,
                             ele.events_brand,
                         ];
+                        let b = [
+                            `<span style="cursor: pointer;">${ele.events_title}</span>`,
+                            ele.events_influence,
+                            ele.events_brand,
+                            ele.events_id,
+                        ];
                         arr.push(a);
+                        arr2.push(b);
                     });
+                    this.darr = arr2;
                     this.config = {
                         headerBGC: "#0c203b",
                         oddRowBGC: "#173b6d",
@@ -56,9 +71,27 @@ export default {
                 this.load = false;
             });
         },
+        handleCancel() {
+            this.visible = false;
+        },
+        handleOk() {
+            this.$router.push('/login')
+        },
         handlerSs(row) {
-          console.log(row)
-        }
+            if (!this.getToken) {
+                this.visible = true;
+                this.ModalText = "您还未登录，是否前往登录"
+                return;
+            }
+            let ele = this.darr[row.rowIndex];
+            if (row.columnIndex === 0) {
+                let id = ele[3];
+                this.$router.push({
+                    path: "/eventDEC",
+                    query: { events_id: id },
+                });
+            }
+        },
     },
 };
 </script>