doors-windows-web/src/views/production/productionTotalOrder/modules/materialDetail.vue

<template>
    <div >
        <a-form-model ref="formRef">
            <a-table
            ref="table"
            size="middle"
            bordered
            id='sonList'
            :columns="columns"
            rowKey="rowNo"
            :dataSource="dataSource"
            :pagination="false"
            :scroll="{ x: 6500, y: 300 }"
            :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
            >
            </a-table>
        </a-form-model>
    </div>
  </template>
  
  <script>
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import JEllipsis from '@/components/jeecg/JEllipsis'
  import moment from 'moment'
  export default {
    name: 'materialDetai', //  Tabs 详情
    mixins: [JeecgListMixin],
    components: {
      JEllipsis,
      moment,
    },
    data() {
      return {
        selectedRowKeys:[],
        disableMixinCreated:'1',
        selectedRows:[],
        dataSource:[],
        columns: [
        {
                    title: '行号',
                    dataIndex: '',
                    key: 'rowIndex',
                    width: 60,
                    align: "center",
                    customRender:function (t, r, index) {
                        return parseInt(index)+1;
                    }
                },
                {
                    title: '项目编码',
                    align:"center",
                    dataIndex: 'projectCode',
                    ellipsis: true,
                },
                {
                    title: '项目名称',
                    align:"center",
                    dataIndex: 'projectName',
                    ellipsis: true,
                },
                // {
                //     title: '批次',
                //     align:"center",
                //     dataIndex: 'batch',
                //     ellipsis: true,
                // },
                {
                    title: '料品编码',
                    align:"center",
                    dataIndex: 'inventoryCode',
                    ellipsis: true,
                },
                {
                    title: '料品名称',
                    align:"center",
                    dataIndex: 'inventoryName',
                    ellipsis: true,
                },
                {
                    title: '料品属性',
                    align:"center",
                    dataIndex: 'attribute',
                    ellipsis: true,
                },
                {
                    title: '计量单位',
                    align:"center",
                    dataIndex: 'unit',
                    ellipsis: true,
                },
                {
                    title: '辅计量单位',
                    align:"center",
                    dataIndex: 'auxiliaryUnit',
                    ellipsis: true,
                },
                {
                    title: '主数量',
                    align:"center",
                    dataIndex: 'quantity',
                    ellipsis: true
                },
                {
                    title: '辅数量',
                    align:"center",
                    dataIndex: 'unQuantity',
                    ellipsis: true,
                },
                {
                    title: '税率',
                    align:"center",
                    dataIndex: 'rate',
                    ellipsis: true,
                },
                {
                    title: '已执行辅数量',
                    align:"center",
                    dataIndex: 'unQuantityExecute',
                    ellipsis: true,
                },
                {
                    title: '已执行主数量',
                    align:"center",
                    dataIndex: 'quantityExecute',
                    ellipsis: true,
                },
                {
                    title: '规格',
                    align:"center",
                    dataIndex: 'specs',
                    ellipsis: true,
                },
                {
                    title: '型号',
                    align:"center",
                    dataIndex: 'model',
                    ellipsis: true,
                },
                {
                    title: '颜色',
                    align:"center",
                    dataIndex: 'color',
                    ellipsis: true,
                },
                {
                    title: '支数',
                    align:"center",
                    dataIndex: 'fixedNum',
                    ellipsis: true,
                },
                {   
                    title: '定尺',
                    align:"center",
                    dataIndex: 'fixedLength',
                    ellipsis: true,
                },
                {
                    title: '宽/高',
                    align:"center",
                    dataIndex: 'widthHeight',
                    ellipsis: true,
                },
                {   
                    title: '片数',
                    align:"center",
                    dataIndex: 'pieces',
                    ellipsis: true,
                },
                {
                    title: '备注',
                    align:"center",
                    dataIndex: 'remarks',
                    ellipsis: true,
                },
                {
                    title: '米重',
                    align:"center",
                    dataIndex: 'meterWeight',
                    ellipsis: true,
                },
                {
                    title: '装饰面周长',
                    align:"center",
                    dataIndex: 'decorationLength',
                    ellipsis: true,
                },
                {
                    title: '窗号',
                    align:"center",
                    dataIndex: 'windowNo',
                    ellipsis: true,
                },
                {
                    title: '专用区',
                    align:"center",
                    dataIndex: 'exclusiveZone',
                    ellipsis: true,
                },
                {
                    title: '宽度/长度',
                    align:"center",
                    dataIndex: 'widthLength',
                    ellipsis: true,
                },
                {
                    title: '高度',
                    align:"center",
                    dataIndex: 'height',
                    ellipsis: true,
                },
                {
                    title: '楼层楼号',
                    align:"center",
                    dataIndex: 'buildingNumber',
                    ellipsis: true,
                },
                {
                    title: '樘数(数量)',
                    align:"center",
                    dataIndex: 'framesTang',
                    ellipsis: true,
                },
                {
                    title: '半成品分类',
                    align:"center",
                    dataIndex: 'semiClass',
                    ellipsis: true,
                },
                {
                    title: '面积',
                    align:"center",
                    dataIndex: 'area',
                    ellipsis: true,
                },
                {
                    title: '切割长度',
                    align:"center",
                    dataIndex: 'cuttingLength',
                    ellipsis: true,
                },
                {
                    title: '切割角度左下',
                    align:"center",
                    dataIndex: 'cuttingLeftDown',
                    ellipsis: true,
                },
                {
                    title: '切割角度右上',
                    align:"center",
                    dataIndex: 'cuttingRightTop',
                    ellipsis: true,
                },
                
                {
                    title: '系列',
                    align:"center",
                    dataIndex: 'series',
                    ellipsis: true,
                },
                {
                    title: '玻璃编号',
                    align:"center",
                    dataIndex: 'glassNumber',
                    ellipsis: true,
                },
                {
                    title: '同步状态',
                    align:"center",
                    dataIndex: 'sync',
                    ellipsis: true,
                }, 
                {
                    title: '同步信息',
                    align:"center",
                    dataIndex: 'syncInfo',
                    ellipsis: true,
                    width:460,
                },
          ],
      }
    },
     props: {
      
    },
  
    created() {},
    methods: {
        onSelectChange(selectedRowKeys, selectionRows) {
            this.selectedRowKeys = selectedRowKeys;
            this.selectedRows = selectionRows;
        },
    },
  
    computed: {
      // 合计数据
      // sumInfoSource() {}
    }
  }
  </script>
  
  <style lang="less" scoped>
  /* @import '~@assets/less/common.less' */
    /deep/.ant-input{
        height:29px;
    }
    /deep/.ant-select-selection--single {
        height: 29px;
    }
    /deep/.ant-select{
        font-size: 12px;
    }
    /deep/.ant-form label{
        font-size: 12px;
    }
    /deep/.table-page-search-wrapper .ant-form-inline .ant-form-item{
        margin-bottom:9px
    }
    /deep/.moddle>.ant-card-body{
        padding-bottom:0px;
        padding-top: 12px;
    }
    /deep/.top>.ant-card-body{
        padding-bottom:0px;
        padding-top: 12px;
    }
    /deep/.ant-btn{
        height:28px
    }
    /deep/.ant-modal-body{
        padding-bottom: 0px;
        padding-top: 0px;
    }
    // /deep/.ant-modal-body{
    //     background: #f0f2f5;
    // }
    /deep/.ant-modal-content{
        background: #f0f2f5;
    }
    /deep/.ant-card-body .table-operator {
        margin-bottom: 0px;
    }
    /deep/.three>.ant-card-body{
        padding-bottom:12px;
        padding-top: 12px;
    }
    /deep/.bottom>.ant-card-body{
        padding-bottom:0px;
        padding-top: 12px;
    }

    /deep/.ant-calendar-picker{
        min-width: 0px !important;  
    }
    /deep/.sonItem {
        margin-bottom:0px !important
    }
    // /deep/#sonList>.ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-content>.ant-table-scroll>.ant-table-body>.ant-table-fixed>.ant-table-tbody > tr > td {
    //     padding: 0px 8px !important;
    // }
  </style>