修复bug

src/views/modules/communityService/dqfwzx/index.vue

@@ -2,23 +2,26 @@
   <div>
     <el-card class="resi-card-table">
       <div class="resi-row-btn">
-        <el-button class="diy-button--add"
+        <el-button class="diy-button--add" size="small" @click="handleAdd"
-                   size="small"
+          >新增</el-button
-                   @click="handleAdd">新增</el-button>
+        >
       </div>
 
-      <div class="m-center"
+      <div class="m-center" v-if="tableData.length > 0">
-           v-if="tableData.length > 0">
         <div class="center-left">
           <div class="list">
-            <div @click="currentIndex = index"
+            <div
+              @click="currentIndex = index"
               class="item"
               :class="{ 'z-on': currentIndex == index }"
               :key="'ct' + index"
-                 v-for="(item, index) in tableData">
+              v-for="(item, index) in tableData"
-              <div class="item-btn"
+            >
+              <div
+                class="item-btn"
                 v-if="currentIndex == index"
-                   @click="handleEdit">
+                @click="handleEdit"
+              >
                 修改
               </div>
               <div class="item-name">{{ item.centerName }}</div>
@@ -48,88 +51,107 @@
             >
           </div> -->
 
-          <div id="centerIndexApp"
+          <div id="centerIndexApp" class="div_map"></div>
-               class="div_map"></div>
 
-          <el-table :data="tableData[currentIndex].matterList"
+          <el-table
+            :data="tableData[currentIndex].matterList"
             border
             style="width: 100%"
             class="resi-table"
-                    :max-height="maxTableHeight">
+            :max-height="maxTableHeight"
-            <el-table-column label="序号"
+          >
+            <el-table-column
+              label="序号"
               type="index"
               align="center"
-                             width="50" />
+              width="50"
-            <el-table-column prop="matterName"
+            />
-                             label="事项名称">
+            <el-table-column prop="matterName" label="事项名称">
             </el-table-column>
-            <el-table-column prop="allowTime"
+            <el-table-column prop="allowTime" label="可预约时间	">
-                             label="可预约时间	">
             </el-table-column>
-            <el-table-column fixed="right"
+            <el-table-column
+              fixed="right"
               label="操作"
               align="center"
-                             width="120">
+              width="120"
+            >
               <template slot-scope="scope">
-                <el-button @click="handleOrder(scope.$index)"
+                <el-button
+                  @click="handleOrder(scope.$index)"
                   type="text"
-                           size="small">预约</el-button>
+                  size="small"
+                  >预约</el-button
+                >
 
-                <el-button @click="handleOrderList(scope.$index)"
+                <el-button
+                  @click="handleOrderList(scope.$index)"
                   type="text"
                   size="small"
-                           style="margin-right: 10px; color: #00a7a9">预约记录</el-button>
+                  style="margin-right: 10px; color: #00a7a9"
+                  >预约记录</el-button
+                >
               </template>
             </el-table-column>
           </el-table>
         </div>
       </div>
-      <div class="m-hint"
+      <div class="m-hint" v-else>
-           v-else>
+        <el-empty description="暂无内容" :image-size="200"></el-empty>
-        <el-empty description="暂无内容"
-                  :image-size="200"></el-empty>
       </div>
     </el-card>
 
     <!-- 修改弹出框 -->
-    <el-dialog :visible.sync="formShow"
+    <el-dialog
+      :visible.sync="formShow"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
       :title="formTitle"
       width="850px"
       top="5vh"
       class="dialog-h"
-               @closed="handleClose">
+      @closed="handleClose"
-      <edit-form ref="eleEditForm"
+    >
+      <edit-form
+        ref="eleEditForm"
         @dialogCancle="handleClose"
-                 @dialogOk="handleEditSuccess"></edit-form>
+        @dialogOk="handleEditSuccess"
+      ></edit-form>
     </el-dialog>
 
     <!-- 修改弹出框 -->
-    <el-dialog :visible.sync="form2Show"
+    <el-dialog
+      :visible.sync="form2Show"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
       title="预约"
       width="850px"
       top="5vh"
       class="dialog-h"
-               @closed="handleCloseForm2">
+      @closed="handleCloseForm2"
-      <order-form ref="eleOrderForm"
+    >
+      <order-form
+        ref="eleOrderForm"
         @dialogCancle="handleCloseForm2"
-                  @dialogOk="handleOrderSuccess"></order-form>
+        @dialogOk="handleOrderSuccess"
+      ></order-form>
     </el-dialog>
 
     <!-- 修改弹出框 -->
-    <el-dialog :visible.sync="orderListShow"
+    <el-dialog
+      :visible.sync="orderListShow"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
       title="预约记录"
       width="850px"
       top="5vh"
       class="dialog-h"
-               @closed="handleCloseOrderList">
+      @closed="handleCloseOrderList"
-      <order-list ref="eleOrderList"
+    >
-                  @dialogCancle="handleCloseOrderList"></order-list>
+      <order-list
+        ref="eleOrderList"
+        @dialogCancle="handleCloseOrderList"
+      ></order-list>
     </el-dialog>
   </div>
 </template>
@@ -168,7 +190,7 @@ export default {
   },
   computed: {
     maxTableHeight() {
-      return this.clientHeight - 410;
+      return this.clientHeight - 520;
     },
     ...mapGetters(["clientHeight"]),
   },
@@ -358,6 +380,27 @@ export default {
   .center-left {
     width: 25%;
     .list {
+      padding-right: 10px;
+      height: calc(100vh - 210px);
+      overflow-y: auto;
+      &::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
+        height: 1px;
+      }
+      &::-webkit-scrollbar-thumb {
+        /*滚动条里面小方块*/
+        border-radius: 8px;
+        box-shadow: inset 0 0 5px rgba(#333, 0.1);
+        background: linear-gradient(270deg, #eee, #aaa);
+      }
+      &::-webkit-scrollbar-track {
+        /*滚动条里面轨道*/
+        box-shadow: inset 0 0 5px rgba(#333, 0.1);
+        border-radius: 8px;
+        background: #eee;
+      }
+
       .item {
         position: relative;
         box-sizing: border-box;
@@ -420,6 +463,7 @@ export default {
     }
     .div_map {
       margin-bottom: 10px;
+      height: 300px;
     }
   }
 }
@@ -448,7 +492,7 @@ export default {
 }
 
 .resi-card-table {
-  margin-top: 20px;
+  // margin-top: 20px;
 }
 .resi-row-btn {
   margin-bottom: 13px;

src/views/modules/communityService/sqzzz/index.vue

@@ -54,7 +54,7 @@
         </el-upload>
 
         <el-button @click="handleChu" class="diy-button--reset" size="small"
-          >excel导出</el-button
+          >导出</el-button
         >
       </div>
       <el-table
@@ -203,7 +203,7 @@ export default {
         createTime: ["", ""],
       },
 
-      importBtnTitle: "excel导入",
+      importBtnTitle: "导入",
       importLoading: false,
 
       //积分记录
@@ -293,7 +293,7 @@ export default {
       // })
       //   .then((res) => {
       //     this.importLoading = false;
-      //     this.importBtnTitle = "excel导入";
+      //     this.importBtnTitle = "导入";
       //     console.log("resresresresresresres", res);
 
       //     this.getTableData();
@@ -307,7 +307,7 @@ export default {
       //     console.log("失败", err);
       //   });
         this.importLoading = false
-      this.importBtnTitle = 'excel导入'
+      this.importBtnTitle = '导入'
       this.$refs.upload.clearFiles();
     },