sen-yu-new-web/src/views/reportForms/full-rate-table/subcomponent-rate.vue

<template>
  <a-modal
    title="子件齐套率"
    v-model="SubcomponentModVis"
    :confirmLoading="confirmLoading"
    width="86%"
    :footer="null"
  >
    <!-- tabel 加载 -->
    <a-spin :spinning="confirmLoading">

      <!-- table -->
      <div>
        <a-table
          ref="tableRef"
          :loading="loading"
           bordered
          :columns="SubcomponentRateCloumns"
          :data-source="SubcomponentRateData"
          :pagination="false"
          :scroll="{ y: 500,x:1500 }"
          :footer="showTotal"
        >
        </a-table>

        <!-- 导出 打印 返回  -->
        <a-row style="marginTop:20px;">
          <a-col :md="24" :sm="12">
            <span style="float: right;" class="table-operator">
              <a-button type="primary" @click="backDetailTable" icon="rollback">关闭</a-button>
            </span>
          </a-col>
        </a-row>
      </div>
    </a-spin>
  </a-modal>
</template>

<script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import JEllipsis from '@/components/jeecg/JEllipsis'
export default {
  name: 'SubcomponentRate', // 明细 弹框
  mixins: [JeecgListMixin],
  components: { JEllipsis},
  data() {
    return {      
      // 表头
      SubcomponentRateCloumns: [
        {
          title: '标准用量',
          dataIndex: 'quantityUsed',
          width: 80,
          className: 'replacecolor',
        },
        {
          title: '应领数据合计',
          dataIndex: 'totalQuantityReceivable',
          width: 80,
          className: 'replacecolor',
        },
        {
          title: '已领数据合计',
          dataIndex: 'totalCollectedQuantity',
          width: 80,
          className: 'replacecolor',
        },
        {
          title: '颜色',
          dataIndex: 'clour',
          width: 80,
          className: 'replacecolor',
        },
        {
          title: '克重',
          dataIndex: 'gramWeight',
          width: 80,
          className: 'replacecolor',
        },
        {
          title: '尺码',
          dataIndex: 'size',
          width: 80,
          className: 'replacecolor',
        },
        {
          title: '门幅',
          dataIndex: 'doorframe',
          width: 80,
          className: 'replacecolor',
        },
        {
          title: '齐套率',
          dataIndex: 'setRate',
          width: 80,
          className: 'replacecolor',
        },
      ],
      SubcomponentRateData: [
      ],
      loading: false, // 表格加载
      confirmLoading: false,
      SubcomponentModVis: false,
    }
  },
 
  methods: {
      backDetailTable(){
          this.SubcomponentModVis = false
      }
 }
}
</script>
<style lang="less" scoped>
@import '~@assets/less/common.less';
@import '~@assets/less/overwriter.less';
/deep/ .ant-table-thead > tr > th {
  text-align: center;
  // font-weight: 700;
}

/deep/ .ant-table-tbody {
  text-align: center;
}
 /deep/ .ant-table-footer .ant-table-body {
    overflow: hidden !important;
  }
// /deep/ th.replacecolor {
//   background-color: #ccc;
// }
</style>