qushaowei
2024-01-15 017886be8a6c07ccaaf6300b8c7652ddbd41d734
src/views/mdc/base/modules/mdcPassRate/mdcPassRateList.vue
@@ -60,9 +60,9 @@
    </div>
    <!-- table区域-begin -->
    <div id="DeviceList">
    <div id="DeviceList" style="flex: 1;overflow: hidden">
      <a-table ref="table" bordered size="middle" rowKey="id" :columns="columns"
               :scroll="{x:1000}" :dataSource="dataSource" :pagination="ipagination" :loading="loading"
               :scroll="{x:'max-content',y:scrollY}" :dataSource="dataSource" :pagination="ipagination" :loading="loading"
               :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
               @change="handleTableChange">
@@ -107,8 +107,6 @@
  } from '@/api/manage'
  import mdcPassRateModal from './mdcPassRateModal'
  import mdcPassRateEdit from './mdcPassRateEdit'
  // import DeviceRepairModelAdd from './DeviceRepairModelAdd'
  // import DeviceRepairModelEdit from './DeviceRepairModelEdit'
  import '@/components/table2excel/table2excel'
  import {
    JeecgListMixin
@@ -117,17 +115,14 @@
  import JEllipsis from '@/components/jeecg/JEllipsis'
  import Tooltip from 'ant-design-vue/es/tooltip'
  import { ajaxGetDictItems, getDictItemsFromCache, duplicateCheck } from '@/api/api'
  import ACol from 'ant-design-vue/es/grid/Col'
  export default {
    name: 'mdcPassRateList',
    mixins: [JeecgListMixin],
    components: {
      ACol,
      Tooltip,
      mdcPassRateModal,
      mdcPassRateEdit,
      // DeviceRepairModelAdd,
      // DeviceRepairModelEdit,
      JDictSelectTag,
      JInput,
      JDate,
@@ -147,16 +142,19 @@
        queryParamEquip:{},
        queryParamPeople:{},
        dataStartsoucre:[],
        scrollY:465,
        columns: [
          {
            title: '设备编号',
            align: 'center',
            dataIndex: 'equipmentId'
            dataIndex: 'equipmentId',
            width:200
          },
          {
            title: '设备名称',
            align: 'center',
            dataIndex: 'equipmentName',
            width:200
            // defaultSortOrder:'descend',
            // sorter: (a, b) => {return a.equipmentName>b.equipmentName?1:-1}
          },
@@ -164,6 +162,7 @@
            title: '日期',
            align: 'center',
            dataIndex: 'efficientDate',
            width:200
            // scopedSlots:{customRender:'startTime'},
            // customRender:(text,row,index) => {
            //   return moment(text).format("YYYY-MM-DD HH:mm:ss")
@@ -172,30 +171,35 @@
          {
            title: '加工数量',
            align: 'center',
            dataIndex: 'processQuantity'
            dataIndex: 'processQuantity',
            width:150
          },
          {
            title: '不合格数量',
            align: 'center',
            dataIndex: 'unqualifiedQuantity'
            dataIndex: 'unqualifiedQuantity',
            width:150
          },
          {
            title: '合格率',
            align: 'center',
            dataIndex: 'passRate',
            scopedSlots:{customRender:'discount1'}
            scopedSlots:{customRender:'discount1'},
            width:150
          },
          {
            title: '备注',
            align: 'center',
            dataIndex: 'remark'
            dataIndex: 'remark',
            width:200
          },
          {
            title: '操作',
            dataIndex: 'action',
            scopedSlots: {customRender: 'action'},
            align: "center",
            fixed:'right',
            width: 150
          }
        ],
@@ -685,9 +689,25 @@
          exclude_inputs: true
        });
      },
      /**
       * 当浏览器可视窗口尺寸发生改变时触发
       */
      handleWindowResize(){
        const boxHeight = +window.getComputedStyle(document.getElementById('DeviceList')).height.slice(0,-2)
        const tableHeadHeight = +window.getComputedStyle(document.querySelector('.ant-table-thead th')).height.slice(0,-2)
        this.scrollY = boxHeight - tableHeadHeight - 50
      }
    },
    created() {
      this.queryParam.typeTree = "1"
    },
    mounted(){
      window.addEventListener('resize',this.handleWindowResize)
      this.handleWindowResize()
    },
    beforeDestroy(){
      window.removeEventListener('resize',this.handleWindowResize)
    }
  }
</script>
@@ -695,34 +715,35 @@
<style lang="less" scoped>
  @import '~@assets/less/common.less';
  .device_list{
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  @media screen and (min-width: 1920px){
    .device_list{
      height: 811px!important;
      overflow: scroll;
    }
  }
  @media screen and (min-width: 1680px) and (max-width: 1920px){
    .device_list{
      height: 811px!important;
      overflow: scroll;
    }
  }
  @media screen and (min-width: 1400px) and (max-width: 1680px){
    .device_list{
      height: 663px!important;
      overflow: scroll;
    }
  }
  @media screen and (min-width: 1280px) and (max-width: 1400px){
    .device_list{
      height: 564px!important;
      overflow: scroll;
    }
  }
  @media screen and (max-width: 1280px){
    .device_list{
      height: 564px!important;
      overflow: scroll;
    }
  }
</style>