doors-windows-web/src/views/production/mrp/modules/ProRequirements.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: 5500, y: 300 }"
            :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
            @change="handleTableChange"
            >
            <template slot="purchaseQuantity" slot-scope="text, record, index">
                <a-form-model-item prop="purchaseQuantity" class='sonItem'>
                    <a-input placeholder="请输入" v-model="record.purchaseQuantity"></a-input>
                </a-form-model-item>
            </template>
            <template slot="purchaseUnQuantity" slot-scope="text, record, index">
                <a-form-model-item prop="purchaseUnQuantity" class='sonItem'>
                    <a-input placeholder="请输入" v-model="record.purchaseUnQuantity"></a-input>
                </a-form-model-item>
            </template>
            </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: 'ProRequirements', //  Tabs 详情
    mixins: [JeecgListMixin],
    components: {
      JEllipsis,
      moment,
    },
    data() {
      return {
        selectedRowKeys:[],
        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: 'warehouse',
                    ellipsis: true,

                },
                {
                    title: '建议执行数量',
                    align:"center",
                    dataIndex: 'adviseExecuteNum',
                    ellipsis: true,
                 },
                 {
                    title: '本次采购主数量',
                    align:"center",
                    dataIndex: 'purchaseQuantity',
                    ellipsis: true,
                    scopedSlots: { customRender: 'purchaseQuantity' } 
                 },
                 {
                    title: '本次采购辅数量',
                    align:"center",
                    dataIndex: 'purchaseUnQuantity',
                    ellipsis: true,
                    scopedSlots: { customRender: 'purchaseUnQuantity' } 
                 },
                 {
                    title: '材料请购单主数量',
                    align:"center",
                    dataIndex: 'requisitionQuantity',
                    ellipsis: true,
                 },
                 {
                    title: '材料请购单辅数量',
                    align:"center",
                    dataIndex: 'requisitionUnQuantity',
                    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: '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: '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: 'framesTang',
                    ellipsis: true,
                },
                
                {
                    title: '框数量',
                    align:"center",
                    dataIndex: 'framesCount',
                    ellipsis: true,
                },
                {
                    title: '扇数量',
                    align:"center",
                    dataIndex: 'leafCount',
                    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,
                },
        ]
    }
    },
     props: {
      
    },
  
    created() {},
    methods: {
        onSelectChange(selectedRowKeys, selectionRows) {
            this.selectedRowKeys = selectedRowKeys;
            this.selectedRows = selectionRows;
        },
        handleTableChange(){

        }
       
    },
  
    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>