From 7b2f20f1299306f087d89aa202b52708df7ec4e6 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期三, 07 四月 2021 09:14:44 +0800
Subject: [PATCH] 统一样式修改部分完成。

---
 src/components/table/summarySheets.vue |   32 ++++++++++++++++----------------
 1 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/table/summarySheets.vue b/src/components/table/summarySheets.vue
index 71f404e..c030827 100644
--- a/src/components/table/summarySheets.vue
+++ b/src/components/table/summarySheets.vue
@@ -1,6 +1,9 @@
 <template>
     <div class="summary-sheets">
-        <div :class='["iconBtn",summaryVisible ? "active" : ""]' @click="closeBtn"><span><img src="@assets/images/map-pages/icon/toolbox/table.png" alt="" width="26px" style="display: block;margin: auto"><span class="icon-name">缁熻琛�</span></span></div>
+        <div :class='["iconBtn",summaryVisible ? "active-button" : ""]' @click="closeBtn">
+            <img src="@assets/images/map-pages/icon/toolbox/table.png" alt="" class="icon">
+            <span class="icon-name">缁熻琛�</span>
+        </div>
         <Dialog ref="summarySheets" title="浼佷笟鎸囨爣鍒嗙被缁熻">
           <tab-handover></tab-handover>
         </Dialog >
@@ -26,7 +29,16 @@
       // const summary = document.getElementById('summary')
       // summary.style.display = 'none'
       this.$refs.summarySheets.show()
+      this.summaryVisible = true
     }
+  },
+  mounted () {
+    const that = this
+    this.$nextTick(() => {
+      this.$refs.summarySheets.$on('closeDialog', () => {
+        that.summaryVisible = false
+      })
+    })
   }
 }
 </script>
@@ -34,29 +46,17 @@
 <style scoped lang="less">
     .summary-sheets {
         position: absolute;
-        top: 70px;
-        left: 1px;
+        top: 0.46rem;
+        left: 0.14583rem;
         /*width: 850px;*/
         /*height: 265px;*/
         z-index:500;
+
         /*color: #fff;*/
        .el-icon-c-scale-to-original {
          width: 30px;
          height: 30px;
          font-size: 30px;
        }
-        .iconBtn {
-            width:45px;
-            text-align: center;
-            background: rgba(0, 16, 30, 0.5);
-            cursor: pointer;
-            color: #00fff6;
-            border: 0.00521rem solid #00fff6;
-            box-shadow: 0 0 0.03rem #00fff6;
-        }
-        .active {
-            border: 0.00521rem solid #fff700;
-            box-shadow: 0 0 0.03rem #fff700;
-        }
     }
 </style>

--
Gitblit v1.8.0