修复bug

src/views/modules/visual/command/cpts/popup.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="m-pop" v-show="!hidden">
+  <div class="m-pop" ref="pop" @mousewheel="handleWheel" v-show="!hidden">
     <div class="info">
       <div
         v-if="
@@ -440,6 +440,12 @@ export default {
   mounted() {},
 
   methods: {
+    handleWheel(e) {
+      if (this.$refs.pop.clientHeight >= 321) {
+        e.stopPropagation();
+      }
+    },
+
     handleClickBtn(type) {
       this.$emit("operate", type, {
         placeType: this.placeType,
@@ -846,7 +852,7 @@ export default {
   color: #fff;
   font-size: 14px;
   line-height: 20px;
-  max-height: 600px;
+  max-height: 321px;
   overflow-y: auto;
 
   .info {

src/views/modules/visual/command/cpts/qsydw.vue

@@ -7,14 +7,12 @@
           <span>企事业单位巡查详情</span>
         </div>
 
-        <div class="btn-close"
-             @click="handleClose">
+        <div class="btn-close" @click="handleClose">
           <img src="@/assets/img/shuju/people/close.png" />
         </div>
 
         <div class="list-wr">
           <div class="list">
-
             <div class="item">
               <span class="item-field">场所类型：</span>
               <span>{{ eventDetailData.placeTypeName }}</span>
@@ -31,12 +29,13 @@
               <span class="item-field">联系电话：</span>
               <span>{{ eventDetailData.mobile }}</span>
             </div>
-
           </div>
           <div class="list">
             <div class="item">
               <span class="item-field">场所区域：</span>
-              <span>{{ eventDetailData.agencyName+eventDetailData.gridName }}</span>
+              <span>{{
+                eventDetailData.agencyName + eventDetailData.gridName
+              }}</span>
             </div>
             <div class="item">
               <span class="item-field">场所地址：</span>
@@ -46,20 +45,18 @@
               <span class="item-field">负责人：</span>
               <span>{{ eventDetailData.personInCharge }}</span>
             </div>
-
           </div>
-
         </div>
         <div class="div_record">
-          <record :formType="'edit'"
-                  :source="'visiual'"
-                  :enterpriseId="enterpriseId"
-                  :enterpriseInfo="enterpriseInfo"></record>
+          <record
+            :formType="'edit'"
+            :source="'visiual'"
+            :enterpriseId="enterpriseId"
+            :enterpriseInfo="enterpriseInfo"
+          ></record>
         </div>
-        <div class="div-btn "
-             style="padding-bottom:10px">
-          <el-button size="small"
-                     @click="handleClose">关闭</el-button>
+        <div class="div-btn" style="padding-bottom: 10px">
+          <el-button size="small" @click="handleClose">关闭</el-button>
         </div>
       </cpt-card>
     </div>
@@ -72,47 +69,43 @@ import cptCard from "@/views/modules/visual/cpts/card";
 import { requestPost } from "@/js/dai/request";
 import record from "@/views/modules/shequzhili/tuceng/anquan/xuncha/cpts/record";
 
-
 export default {
   name: "dialogInfo",
   props: {
     enterpriseId: {
       type: String,
-      required: 'true'
+      required: "true",
     },
   },
 
   components: {
     cptCard,
-    record
+    record,
   },
 
-  data () {
+  data() {
     return {
       loading: false,
 
-      pageType: 'dispose',
+      pageType: "dispose",
 
       eventDetailData: {},
       enterpriseInfo: {},
 
       // enterpriseId: '',
-
-
     };
   },
 
-  async mounted () {
-    this.loading = false
+  async mounted() {
+    this.loading = false;
 
-    await this.loadInfo()
+    await this.loadInfo();
 
-    this.loading = true
+    this.loading = true;
   },
 
   methods: {
-    async loadInfo () {
-
+    async loadInfo() {
       const url = "/gov/org/enterprise/detail/" + this.enterpriseId;
 
       // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
@@ -120,28 +113,24 @@ export default {
       const { data, code, msg } = await requestPost(url);
 
       if (code === 0) {
-
         this.eventDetailData = { ...data };
-
       } else {
         this.$message.error(msg);
       }
     },
 
-    handleClose () {
+    handleClose() {
       this.pageType = "";
-      this.$emit("handleClose")
-
+      this.$emit("handleClose");
     },
-    handleOk () {
+    handleOk() {
       this.pageType = "";
 
-      this.pageNo = 1
+      this.pageNo = 1;
     },
 
-    handleEditSuccess () {
+    handleEditSuccess() {
       this.handleClose();
-
     },
   },
 };
@@ -223,4 +212,24 @@ export default {
 .div_record {
   // padding-bottom: 30px;
 }
+
+/deep/ .el-table {
+  color: #ffffff;
+  border-color: rgba(#000, 0.1) !important;
+
+  th {
+    background: rgba(8, 37, 134, 0.85) !important;
+  }
+  tr {
+    background: rgba(16, 75, 164, 0.85) !important;
+
+    &:hover,
+    td {
+      background: rgba(16, 75, 164, 0.85) !important;
+    }
+    .el-button {
+      color: #e4dc00;
+    }
+  }
+}
 </style>