1.去掉分页组件中的v-show条件

loulijun2021

2022-08-12 6319724e9872134f1c142d95ac589e498b2ad6c7

 src/views/kb/ckgl.vue

@@ -16,7 +16,7 @@
          <!-- 1-->
          <div class="kb_left_top kb_pd10">
            <div class="kb_left_top_block">
              <div class="headTitle">成品入库单：</div>
              <div class="headTitle">产品待入库：</div>
              <div class="content">
                <el-table
                  :data="tableData"
@@ -99,7 +99,7 @@
              </div>
            </div>
            <div class="kb_left_top_block">
              <div class="headTitle">成品出库单：</div>
              <div class="headTitle">产品待发货：</div>
              <div class="content">
                <el-table
                  :data="tableData"
@@ -194,7 +194,7 @@
            </div>
          </div>
        </div>
        <div class="kb_right kb_pd10">
        <div v-if="false" class="kb_right kb_pd10">
          <div class="kb_right_top kb_pd10">
            <div class="kb_right_top_content">
              <div class="content_head">库存排行：</div>
@@ -438,8 +438,8 @@

    // 获取echarts
    getEcharts() {
      loadEcharts('bar03', bar03('本周入库量汇总'))
      loadEcharts('bar04', bar03('本周出货量汇总'))
      loadEcharts('bar03', bar03('产品库存量排行Top5'))
      loadEcharts('bar04', bar03('原料库存量排行Top5'))
    },

    // 获取当前时间
@@ -483,6 +483,7 @@

<style scoped lang="scss">
$kbBorderColor: #09d8f2;
$kbBackgroundColor: rgba(30, 33, 46,0.6);

.kb_content {
  display: flex;
@@ -518,6 +519,7 @@
          font-size: 18px;
          margin-bottom: 10px;
          margin-top: -10px;
          color: #00ffff;

        }

@@ -540,6 +542,7 @@
          width: 48%;
          height: 100%;
          border: 1px solid $kbBorderColor;
          background-color:$kbBackgroundColor ;
          border-radius: 5px;
        }
      }
@@ -564,6 +567,7 @@
          font-size: 18px;
          margin-bottom: 10px;
          margin-top: -10px;
          color: #00ffff;
        }

        .content_body {
@@ -575,8 +579,8 @@
  }
}

::v-deep .el-table__body-wrapper{
  background-color: #000;
::v-deep .el-table__body-wrapper {
  background-color: rgba(30, 33, 46);
}

::v-deep .el-table__body-wrapper::-webkit-scrollbar {