优化边框线条

src/views/room/calendarfangtai.vue

@@ -21,14 +21,14 @@
               <template slot="content">
                 <a-calendar :fullscreen="false" v-model="mStartDate" @change="onPanelChange" />
               </template>
-              <div class="wrapper-td date-selection">
+              <div class="wrapper-td date-selection" style="border-left:none;border-right: 1px solid #CDCDCDCC;">
                 {{ startDate.format('yyyy-MM-dd') }}
               </div>
             </a-popover>
 
           </div>
           <div>
-            <div class="wrapper-td date-selection" style="border-right:1px solid #CDCDCDCC; cursor:pointer;"
+            <div class="wrapper-td date-selection" style="border-right:1px solid #CDCDCDCC; cursor:pointer;border-left: none;"
               @click="changeExpanded">
               {{ expandedStatus == 1 ? "收起" : "展开" }}
             </div>
@@ -36,12 +36,12 @@
         </div>
         <div style="overflow-x: auto;overflow-y: scroll;" ref='externalForm' class="wrapper-item wrapper-header no-scorll"
           @scroll="sysHandleScroll">
-          <div class="wrapper-item">
+          <div class="wrapper-item data-row">
             <div class="wrapper-td" :key="index" v-for="(item, index) in columns">
               {{ item.title }}
             </div>
           </div>
-          <div class="wrapper-item ">
+          <div class="wrapper-item data-row">
             <div class="wrapper-td" :key="index" v-for="(item, index) in columnsCount">
               剩{{ item.title }}间
             </div>
@@ -53,7 +53,7 @@
           style="flex-direction: column;width: fit-content;width: 210px; height:calc(500px - 9px);overflow-y:auto;overflow-x:hidden;">
           <div class="top-header" style="width: fit-content;" v-for="(item, index) in data" :key="index">
             <div class="left-wrapper">
-              <div class="wrapper-td date-selection left-content" :style="{ height: `${100 * (item.rooms.length)}px` }">
+              <div class="wrapper-td date-selection left-content" :style="{ height: `${100 * (item.rooms.length)}px`, borderLeft:'none' }">
                 <div class="wrapper-td-flex">
                   {{ item.name }}
                 </div>
@@ -106,7 +106,7 @@
           @scroll="exterHandleScroll" ref="systemForm">
           <div v-for="(sItem, sIndex) in data" :key="sIndex">
             <div v-for="(rItem, rIndex) in sItem.rooms" :key="rIndex" style="height:100px;">
-              <div class="wrapper-item">
+              <div class="wrapper-item data-row">
                 <div class="wrapper-td " :key="index" v-for="(item, index) in columns" style="height:100px;"
                   @mouseenter="onMouseenter($event, `${sIndex}_${rIndex}_${index}`)" @mouseleave="onMouseleave">
                   <div class="wrapper-td-flex align-left"
@@ -736,4 +736,7 @@ export default {
   align-items: center;
   justify-content: start !important;
 }
+.data-row>:first-child{
+  border-left: none !important;
+}
 </style>