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

<!-- 框/扇出库 -->
<template>
    <a-modal
      title="框/扇出库"
       width="95%"
      :visible="visible"
      :maskClosable="false"
      switchFullscreen
      @cancel="handleCancel"
      @ok='handleOk'
      >
      <a-card :bordered="false" class="top" style="margin-bottom:1%;margin-top:1%" :loading = 'loading'>
        <div >
            <a-form-model ref="formRef" :model="form">
                <a-table
                    ref="table"
                    size="middle"
                    bordered
                    id='sonList'
                    :columns="columns"
                    rowKey="rowNo"
                    :dataSource="form.dataSource"
                    :pagination="false"
                    :scroll="{ x: 6500, y: 300 }"
                    :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
                >
                
                    <span slot="boxFreightTitle" class="form-table-heard">
                        框运费
                    </span>
                    <span slot="executeOutFramesNowTitle" class="form-table-heard">
                        本次执行框数量
                    </span>
                    <span slot="executeOutLeafNowTitle" class="form-table-heard">
                        本次执行扇数量
                    </span>
                    
                    <template slot="boxFreight" slot-scope="text, record, index">
                        <a-form-model-item :prop="'dataSource.'+index+'.boxFreight'" class='sonItem' :rules="rules.boxFreight">
                            <a-input-number placeholder="请输入" v-model="record.boxFreight"  style="width: 100%;"></a-input-number>
                        </a-form-model-item>
                    </template> 
                    <span slot="fanFreightTitle" class="form-table-heard">
                       扇运费
                    </span>
                    <template slot="fanFreight" slot-scope="text, record, index">
                        <a-form-model-item :prop="'dataSource.'+index+'.fanFreight'" class='sonItem' :rules="rules.fanFreight">
                            <a-input-number placeholder="请输入" v-model="record.fanFreight" style="width: 100%;"></a-input-number>
                        </a-form-model-item>
                    </template> 
                    <template slot="executeOutLeafNow" slot-scope="text, record, index">
                        <a-form-model-item :prop="'dataSource.'+index+'.executeOutLeafNow'" class='sonItem' :rules="rules.executeOutLeafNow">
                            <a-input-number placeholder="请输入" v-model="record.executeOutLeafNow" style="width: 100%;"></a-input-number>
                        </a-form-model-item>
                    </template> 
                    <template slot="executeOutFramesNow" slot-scope="text, record, index">
                        <a-form-model-item :prop="'dataSource.'+index+'.executeOutFramesNow'" class='sonItem' :rules="rules.executeOutFramesNow">
                            <a-input-number placeholder="请输入" v-model="record.executeOutFramesNow" style="width: 100%;"></a-input-number>
                        </a-form-model-item>
                    </template> 
                </a-table>
            </a-form-model>
        </div>
    </a-card>
    </a-modal>
  </template>
  
  <script>
  import alertModal from '../../../../plugins/modal'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import JEllipsis from '@/components/jeecg/JEllipsis'
  import { httpAction ,getAction,postAction,putAction} from '@/api/manage'
  import moment from 'moment'
  export default {
    name: 'KSOutbound', //  Tabs 详情
    mixins: [JeecgListMixin],
    components: {
      JEllipsis,
      moment,
    },
    data() {
      return {
        form:{
            dataSource:[],
        },
        loading:false,
        columns: [
                {
                    title: '行号',
                    dataIndex: '',
                    key: 'rowIndex',
                    width: 60,
                    align: "center",
                    customRender:function (t, r, index) {
                        return parseInt(index)+1;
                    }
                },
                {
                    title: '开票类型',
                    align:"center",
                    dataIndex: 'billingType',
                    ellipsis: true,
                },
                {
                    title: '项目编码',
                    align:"center",
                    dataIndex: 'projectCode',
                    ellipsis: true,
                },
                {
                    title: '项目名称',
                    align:"center",
                    dataIndex: 'projectName',
                    ellipsis: true,
                },
                
                {
                    title: '料品编码',
                    align:"center",
                    dataIndex: 'inventoryCode',
                    ellipsis: true,
                },
                {
                    title: '料品名称',
                    align:"center",
                    dataIndex: 'inventoryName',
                    ellipsis: true,
                },
               
                {
                    // title: '本次执行扇数量',
                    align:"center",
                    dataIndex: 'executeOutLeafNow',
                    ellipsis: true,
                    scopedSlots: { customRender: 'executeOutLeafNow' } ,
                    slots:{title:'executeOutLeafNowTitle'},
                },
                {
                    // title: '本次执行框数量',
                    align:"center",
                    dataIndex: 'executeOutFramesNow',
                    ellipsis: true,
                    scopedSlots: { customRender: 'executeOutFramesNow' } ,
                    slots:{title:'executeOutFramesNowTitle'},
                },
                {
                    // title: '框运费',
                    align:"center",
                    dataIndex: 'boxFreight',
                    ellipsis: true,
                    scopedSlots: { customRender: 'boxFreight' } ,
                    slots:{title:'boxFreightTitle'},
                },
                {
                    // title: '扇运费',
                    align:"center",
                    dataIndex: 'fanFreight',
                    ellipsis: true,
                    scopedSlots: { customRender: 'fanFreight' } ,
                    slots:{title:'fanFreightTitle'},
                },
                {
                    title: '批次',
                    align:"center",
                    dataIndex: 'batch',
                    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: 'quantityExecuteIn',
                    ellipsis: true,
                },
                {
                    title: '框数量',
                    align:"center",
                    dataIndex: 'framesCount',
                    ellipsis: true,
                 },
                {
                    title: '扇数量',
                    align:"center",
                    dataIndex: 'leafCount',
                    ellipsis: true,
                },
               
                {
                    title: '已入库框数量',
                    align:"center",
                    dataIndex: 'executeInFrames',
                    ellipsis: true,
                },
                {
                    title: '已入库扇数量',
                    align:"center",
                    dataIndex: 'executeInLeaf',
                    ellipsis: true,
                },
                {
                    title: '已出库框数量',
                    align:"center",
                    dataIndex: 'executeOutFrames',
                    ellipsis: true,
                },
                {
                    title: '已出库扇数量',
                    align:"center",
                    dataIndex: 'executeOutLeaf',
                    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,
                },
          ],
          visible:false,
          selectedRowKeys:[],
          selectedRows:[],
          disableMixinCreated:'1',
          rules:{
            // boxFreight:{required:true,message:"不可为空"},
            // fanFreight:{required:true,message:"不可为空"},
            // executeOutLeafNow:{required:true,message:"不可为空"},
            // executeOutFramesNowTitle:{required:true,message:"不可为空"},
        },
      }
    },
     props: {
      
    },
  
    created() {},
    methods: {
        onSelectChange(selectedRowKeys, selectionRows) {
            this.selectedRowKeys = selectedRowKeys;
            this.selectedRows = selectionRows;
        },
        handleOk(){
            var mandatoryField  = '1'
            this.selectedRows.map(item=>{
                if(!item.boxFreight||!item.fanFreight||!item.executeOutLeafNow||!item.executeOutFramesNow){
                    mandatoryField = '0'
                }                
            })
            if(this.selectedRows.length==0){
                this.$message.warning('请勾选数据')
            }else if(mandatoryField=='0'){
                this.$message.warning('请输入框运费、扇运费、本次执行扇数量、本次执行框数量')
            }else{
                this.loading =true
                alertModal.loading("执行中，请稍后！")
                postAction('/productionOrder/madeProductionOrders/outMadeProductionOrdersOutList', {madeProductionOrdersInList:this.selectedRows}).then((res) => {
                    alertModal.closeLoading();
                    if (res.success) {
                        this.$emit('ok')
                        this.$message.success('执行成功');
                    } else {
                        this.$message.error(res.message);
                        this.handleCancel()
                    }
                }).finally(() => {
                    this.loading = false
                })
            }
        },
        handleCancel(){
            this.visible = false
            this.selectedRowKeys = []
            this.selectedRows = []
        }
    },
  
    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;
    }
    .form-table-heard:before {
    content:'*';
    color:red
   }
   /deep/.ant-form-explain, .ant-form-split {
        display: none;
   }
  </style>