loulijun2021
2022-08-04 1e9fa82cb2fe2c15f46bd1dd73f5c878c74b83b8
src/views/kb/ckgl.vue
@@ -16,14 +16,14 @@
          <!-- 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"
                  style="width: 100%;"
                  :header-cell-style="headerCellStyle"
                  :cell-style="cellStyle"
                  height="214"
                  height="240"
                >
                  <el-table-column
                    prop="xh"
@@ -99,14 +99,14 @@
              </div>
            </div>
            <div class="kb_left_top_block">
              <div class="headTitle">成品出库单</div>
              <div class="headTitle">成品出库单:</div>
              <div class="content">
                <el-table
                  :data="tableData"
                  style="width: 100%;"
                  :header-cell-style="headerCellStyle"
                  :cell-style="cellStyle"
                  height="214"
                  height="240"
                >
                  <el-table-column
                    prop="xh"
@@ -197,7 +197,7 @@
        <div class="kb_right kb_pd10">
          <div class="kb_right_top kb_pd10">
            <div class="kb_right_top_content">
              <div class="content_head">库存排行</div>
              <div class="content_head">库存排行:</div>
              <div class="content_body">
                <el-table
                  ref="tableDataRank"
@@ -205,7 +205,7 @@
                  style="width: 100%;"
                  :header-cell-style="headerCellStyle"
                  :cell-style="cellStyle"
                  height="888"
                  height="923"
                >
                  <el-table-column
                    prop="xh"
@@ -460,20 +460,21 @@
    },
    headerCellStyle() {
      return {
        backgroundColor: '#000',
        backgroundColor: 'rgb(30 ,33, 46)',
        padding: '10px 0',
        textAlign: 'center',
        color: '#fff',
        borderRight: '1px solid rgba(255,255,255,0.6)'
        color: '#07acc2',
        border: 'none'
      }
    },
    cellStyle() {
      return {
        padding: '8px 0',
        textAlign: 'center',
        backgroundColor: '#000',
        backgroundColor: 'rgba(30, 33, 46  )',
        // backgroundColor: 'transparent',
        color: '#fff',
        borderRight: '1px solid rgba(255,255,255,0.6)'
        border: 'none'
      }
    }
  }
@@ -481,6 +482,7 @@
</script>
<style scoped lang="scss">
$kbBorderColor: #09d8f2;
.kb_content {
  display: flex;
@@ -505,19 +507,22 @@
        width: 100%;
        height: 267px;
        display: flex;
        border: 1px solid rgba(255, 255, 255, 0.6);
        flex-direction: column;
        .headTitle{
          line-height: 54px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.6);
          text-align: center;
          font-size: 26px;
          //line-height: 54px;
          //border-bottom: 1px solid rgba(255, 255, 255, 0.6);
          //text-align: center;
          //font-size: 26px;
          line-height: 20px;
          font-size: 18px;
          margin-bottom: 10px;
          margin-top: -10px;
        }
        .content{
          border: 1px solid $kbBorderColor;
        }
      }
@@ -534,7 +539,8 @@
        .content01{
          width: 48%;
          height: 100%;
          border: 1px solid rgba(255,255,255,0.6);
          border: 1px solid $kbBorderColor;
          border-radius: 5px;
        }
      }
    }
@@ -549,17 +555,19 @@
      width: 100%;
      .kb_right_top_content {
        border: 1px solid rgba(255, 255, 255, 0.6);
        height: 100%;
        display: flex;
        flex-direction: column;
        .content_head {
          font-size: 26px;
          height: 55px;
          line-height: 55px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.6);
          text-align: center;
          line-height: 20px;
          font-size: 18px;
          margin-bottom: 10px;
          margin-top: -10px;
        }
        .content_body {
          border: 1px solid $kbBorderColor;
        }
      }
    }
@@ -575,4 +583,7 @@
  /* width: 0;宽度为0暗藏 */
  width: 0;
}
::v-deep .el-table::before {
  height: 0;
}
</style>