pc端样式修改

ybf_admin/src/pages/in/contact/components/addCounter.vue

@@ -3,6 +3,7 @@
     <el-dialog
       :visible.sync="counterDialog"
       width="65%"
+      class="dialog"
       :show-close="false"
       :before-close="handleClose"
     >
@@ -201,6 +202,10 @@ export default {
 </script>
 
 <style scoped>
+.dialog >>> .el-dialog {
+  height: calc(100vh - 208px);
+  overflow: auto;
+}
 .cs {
   display: flex;
 }

ybf_admin/src/pages/in/contact/components/addStore.vue

@@ -2,6 +2,7 @@
   <div class="ct">
     <el-dialog
       :visible.sync="addStoreDialog"
+      class="dialog"
       width="65%"
       :show-close="false"
      :before-close="handleClose"
@@ -250,6 +251,10 @@ export default {
 </script>
 
 <style scoped>
+.dialog >>> .el-dialog {
+  height: calc(100vh - 208px);
+  overflow: auto;
+}
 .choose {
   padding: 16px;
   font-size: 16px;

ybf_admin/src/pages/in/contact/counter.vue

@@ -27,13 +27,12 @@
     </div>
     <div class="lists">
       <el-table
-        stripe
-        class="list"
+        stripe  
         ref="multipleTable"
         :data="list.main"
         tooltip-effect="dark"
-        style="width: 100%"
-         :height="tableHeight"
+        style="width: 100%;"
+        height="calc(100vh - 360px)"
         @selection-change="listPick"
       >
         <el-table-column type="selection" width="60"></el-table-column>

ybf_admin/src/pages/in/contact/mail.vue

@@ -19,7 +19,6 @@
           <div class="tree">
             <el-tree
               :data="data1"
-              show-checkbox
               node-key="id"
               :expand-on-click-node="false"
             >
@@ -37,12 +36,12 @@
                     @click="() => remove(node, data)"
                   />
                 </span> -->
-                <span style="margin-left:8px;" class="btn">
+                <span style="margin-left:30px;" class="btn">
                   <el-button type="text" size="mini" @click="() => edit(data)">
                     <i class="el-icon-edit"></i>
                   </el-button>
                   <el-button type="text" size="mini" @click="() => remove(node, data)">
-                    <i class="el-icon-remove-outline"></i>
+                    <i class="el-icon-delete" ></i>
                   </el-button>
                 </span>
               </span>
@@ -558,4 +557,17 @@ export default {
 .fy {
   height: 35px;
 }
+.tree {
+  border-radius:10px;
+  background: #f8f8f8;
+}
+.tree >>> .el-tree {
+  background: transparent;
+}
+.el-icon-delete {
+  color: rgba(208,2,27,1);
+}
+.el-icon-delete,.el-icon-edit {
+  font-weight: bold;
+}
 </style>

ybf_admin/src/pages/in/contact/store.vue

@@ -39,7 +39,7 @@
         tooltip-effect="dark"
         style="width: 100%"        
         @selection-change="listPick"
-        :height="tableHeight"
+        height="calc(100vh - 360px)"
       >
         <el-table-column type="selection" width="60"></el-table-column>
         <el-table-column