doors-windows-web/src/views/production/productionTotalOrder/modules/material.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="outsourcing" slot-scope="text, record, index">
                    <a-form-model-item prop="outsourcing" class='sonItem'>
                        <a-select v-model="record.outsourcing"  style='width:100%' @change="changeOut" :disabled="allowEdit=='no'&&allowEditMaterial=='no'&&!record.newRow" >
                            <a-select-option value='是'> 是</a-select-option>
                            <a-select-option value='否'> 否</a-select-option>
                        </a-select>
                    </a-form-model-item>
                </template>
                <template slot="projectCode" slot-scope="text, record, index">
                    <a-form-model-item prop="projectCode" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.projectCode" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                    </a-form-model-item>
                </template>
                <template slot="projectName" slot-scope="text, record, index">
                    <a-form-model-item prop="projectName" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.projectName" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                    </a-form-model-item>
                </template>
                <template slot="batch" slot-scope="text, record, index">
                    <a-form-model-item prop="batch" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.batch" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                    </a-form-model-item>
                </template> 
                <template slot="inventoryCode" slot-scope="text, record, index">
                    <a-form-model-item prop="inventoryCode" class='sonItem'>
                        <a-input-search placeholder="请输入" v-model="record.inventoryCode" @search="onSearchInven(record)" readOnly ></a-input-search>
                    </a-form-model-item>
                </template>
                <template slot="inventoryName" slot-scope="text, record, index">
                    <a-form-model-item prop="inventoryName" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.inventoryName" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                    </a-form-model-item>
                </template>
                <template slot="unit" slot-scope="text, record, index">
                    <a-form-model-item prop="unit" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.unit" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="quantity" slot-scope="text, record, index">
                    <a-form-model-item prop="quantity" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.quantity" :disabled="allowEdit=='no'&&!record.newRow&&!record.copied" @blur="changeQuantity(record)"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="auxiliaryUnit" slot-scope="text, record, index">
                    <a-form-model-item prop="auxiliaryUnit" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.auxiliaryUnit" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="unQuantity" slot-scope="text, record, index">
                    <a-form-model-item prop="unQuantity" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.unQuantity" :disabled="allowEdit=='no'&&!record.newRow&&!record.copied" @blur="changeUQuantity(record)"></a-input>
                     </a-form-model-item>
                </template>
                <!-- <template slot="unQuantityExecute" slot-scope="text, record, index">
                    <a-form-model-item prop="unQuantityExecute" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.unQuantityExecute"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="quantityExecute" slot-scope="text, record, index">
                    <a-form-model-item prop="quantityExecute" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.quantityExecute"></a-input>
                     </a-form-model-item>
                </template> -->
                <template slot="specs" slot-scope="text, record, index">
                    <a-form-model-item prop="specs" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.specs" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="model" slot-scope="text, record, index">
                    <a-form-model-item prop="model" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.model" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="color" slot-scope="text, record, index">
                    <a-form-model-item prop="color" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.color" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="colorStorage" slot-scope="text, record, index">
                    <a-form-model-item prop="colorStorage" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.colorStorage" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="fixedLength" slot-scope="text, record, index">
                    <a-form-model-item prop="fixedLength" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.fixedLength" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="alloy" slot-scope="text, record, index">
                    <a-form-model-item prop="alloy" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.alloy" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="standard" slot-scope="text, record, index">
                    <a-form-model-item prop="standard" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.standard" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="meterWeight" slot-scope="text, record, index">
                    <a-form-model-item prop="meterWeight" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.meterWeight" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="decorationLength" slot-scope="text, record, index">
                    <a-form-model-item prop="decorationLength" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.decorationLength" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="windowNo" slot-scope="text, record, index">
                    <a-form-model-item prop="windowNo" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.windowNo" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="exclusiveZone" slot-scope="text, record, index">
                    <a-form-model-item prop="exclusiveZone" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.exclusiveZone" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="width" slot-scope="text, record, index">
                    <a-form-model-item prop="width" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.width" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="height" slot-scope="text, record, index">
                    <a-form-model-item prop="height" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.height" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="buildingNumber" slot-scope="text, record, index">
                    <a-form-model-item prop="buildingNumber" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.buildingNumber" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="framesTang" slot-scope="text, record, index">
                    <a-form-model-item prop="framesTang" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.framesTang" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="framesCount" slot-scope="text, record, index">
                    <a-form-model-item prop="framesCount" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.framesCount" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="leafCount" slot-scope="text, record, index">
                    <a-form-model-item prop="leafCount" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.leafCount" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="semiClass" slot-scope="text, record, index">
                    <a-form-model-item prop="semiClass" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.semiClass" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="area" slot-scope="text, record, index">
                    <a-form-model-item prop="area" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.area" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="cuttingLength" slot-scope="text, record, index">
                    <a-form-model-item prop="cuttingLength" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.cuttingLength" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="cuttingLeftDown" slot-scope="text, record, index">
                    <a-form-model-item prop="cuttingLeftDown" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.cuttingLeftDown" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="cuttingRightTop" slot-scope="text, record, index">
                    <a-form-model-item prop="cuttingRightTop" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.cuttingRightTop" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="remarks" slot-scope="text, record, index">
                    <a-form-model-item prop="remarks" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.remarks" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="series" slot-scope="text, record, index">
                    <a-form-model-item prop="series" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.series" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="glassNumber" slot-scope="text, record, index">
                    <a-form-model-item prop="glassNumber" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.glassNumber" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
                <template slot="storageLocation" slot-scope="text, record, index">
                    <a-form-model-item prop="storageLocation" class='sonItem'>
                        <a-input placeholder="请输入" v-model="record.storageLocation" :disabled="allowEdit=='no'&&!record.newRow"></a-input>
                     </a-form-model-item>
                </template>
            </a-table>
        </a-form-model>
        <inventoryPopup ref="inventoryPopup" @okData="okDataInvent"></inventoryPopup>
    </div>
  </template>
  
  <script>
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import JEllipsis from '@/components/jeecg/JEllipsis'
  import inventoryPopup from '../../Popup/inventoryPopup.vue'
  import moment from 'moment'
  export default {
    name: 'material', //  Tabs 详情
    mixins: [JeecgListMixin],
    components: {
      JEllipsis,
      moment,
      inventoryPopup
    },
    data() {
      return {
        selectedRowKeys:[],
        selectedRows:[],
        dataSource:[],
        allowEdit:'yes',
        allowEditMaterial:'no',
        columns: [
                {
                    title: '#',
                    dataIndex: '',
                    key: 'rowIndex',
                    width: 60,
                    align: "center",
                    customRender:function (t, r, index) {
                        return parseInt(index)+1;
                    }
                },
                {
                    title: '是否委外',
                    align:"center",
                    dataIndex: 'outsourcing',
                    ellipsis: true,
                    scopedSlots: { customRender: 'outsourcing' } 
                },
                {
                    title: '项目编码',
                    align:"center",
                    dataIndex: 'projectCode',
                    ellipsis: true,
                    // scopedSlots: { customRender: 'projectCode' } 
                },
                {
                    title: '项目名称',
                    align:"center",
                    dataIndex: 'projectName',
                    ellipsis: true,
                    // scopedSlots: { customRender: 'projectName' } 
                },
                {
                    title: '批次',
                    align:"center",
                    dataIndex: 'batch',
                    ellipsis: true,
                    scopedSlots: { customRender: 'batch' } 
                },
                {
                    title: '存货编码',
                    align:"center",
                    dataIndex: 'inventoryCode',
                    ellipsis: true,
                    scopedSlots: { customRender: 'inventoryCode' } 

                },
                {
                    title: '存货名称',
                    align:"center",
                    dataIndex: 'inventoryName',
                    ellipsis: true,
                    // scopedSlots: { customRender: 'inventoryName' } 

                },
                {
                    title: '计量单位',
                    align:"center",
                    dataIndex: 'unit',
                    ellipsis: true,
                    // scopedSlots: { customRender: 'unit' } 

                },
                {
                    title: '主数量',
                    align:"center",
                    dataIndex: 'quantity',
                    ellipsis: true,
                    scopedSlots: { customRender: 'quantity' } 

                },
                {
                    title: '辅计量单位',
                    align:"center",
                    dataIndex: 'auxiliaryUnit',
                    ellipsis: true,
                    // scopedSlots: { customRender: 'auxiliaryUnit' } 
                },
                {
                    title: '辅数量',
                    align:"center",
                    dataIndex: 'unQuantity',
                    ellipsis: true,
                    scopedSlots: { customRender: 'unQuantity' } 
                },
                {
                    title: '已执行辅数量',
                    align:"center",
                    dataIndex: 'unQuantityExecute',
                    ellipsis: true,
                    // scopedSlots: { customRender: 'unQuantityExecute' } 
                },
                {
                    title: '已执行主数量',
                    align:"center",
                    dataIndex: 'quantityExecute',
                    ellipsis: true,
                    // scopedSlots: { customRender: 'quantityExecute' } 
                },
                {
                    title: '规格',
                    align:"center",
                    dataIndex: 'specs',
                    ellipsis: true,
                    // scopedSlots: { customRender: 'specs' } 
                },
                {
                    title: '型号',
                    align:"center",
                    dataIndex: 'model',
                    ellipsis: true,
                    scopedSlots: { customRender: 'model' } 
                },
                {
                    title: '颜色',
                    align:"center",
                    dataIndex: 'color',
                    ellipsis: true,
                    scopedSlots: { customRender: 'color' } 

                },
                {
                    title: '入库颜色',
                    align:"center",
                    dataIndex: 'colorStorage',
                    ellipsis: true,
                    scopedSlots: { customRender: 'colorStorage' } 

                },
                {   
                    title: '定尺',
                    align:"center",
                    dataIndex: 'fixedLength',
                    ellipsis: true,
                    scopedSlots: { customRender: 'fixedLength' } 
                },
                {
                    title: '合金',
                    align:"center",
                    dataIndex: 'alloy',
                    ellipsis: true,
                    scopedSlots: { customRender: 'alloy' } 
                },
                {   
                    title: '标准',
                    align:"center",
                    dataIndex: 'standard',
                    ellipsis: true,
                    scopedSlots: { customRender: 'standard' } 
                },
                {
                    title: '米重',
                    align:"center",
                    dataIndex: 'meterWeight',
                    ellipsis: true,
                    scopedSlots: { customRender: 'meterWeight' } 
                },
                {
                    title: '装饰面周长',
                    align:"center",
                    dataIndex: 'decorationLength',
                    ellipsis: true,
                    scopedSlots: { customRender: 'decorationLength' } 
                },
                {
                    title: '窗号',
                    align:"center",
                    dataIndex: 'windowNo',
                    ellipsis: true,
                    scopedSlots: { customRender: 'windowNo' } 
                },
                {
                    title: '专用区',
                    align:"center",
                    dataIndex: 'exclusiveZone',
                    ellipsis: true,
                    scopedSlots: { customRender: 'exclusiveZone' } 
                },
                {
                    title: '宽度',
                    align:"center",
                    dataIndex: 'width',
                    ellipsis: true,
                    scopedSlots: { customRender: 'width' } 
                },
                {
                    title: '高度',
                    align:"center",
                    dataIndex: 'height',
                    ellipsis: true,
                    scopedSlots: { customRender: 'height' } 
                },
                {
                    title: '楼层楼号',
                    align:"center",
                    dataIndex: 'buildingNumber',
                    ellipsis: true,
                    scopedSlots: { customRender: 'buildingNumber' } 
                },
                {
                    title: '樘数(数量)',
                    align:"center",
                    dataIndex: 'framesTang',
                    ellipsis: true,
                    scopedSlots: { customRender: 'framesTang' } 
                },
                
                {
                    title: '框统计',
                    align:"center",
                    dataIndex: 'framesCount',
                    ellipsis: true,
                    scopedSlots: { customRender: 'framesCount' } 
                 },
                {
                    title: '扇统计',
                    align:"center",
                    dataIndex: 'leafCount',
                    ellipsis: true,
                    scopedSlots: { customRender: 'leafCount' } 
                },
                {
                    title: '半成品分类',
                    align:"center",
                    dataIndex: 'semiClass',
                    ellipsis: true,
                    scopedSlots: { customRender: 'semiClass' } 
                },
                {
                    title: '面积',
                    align:"center",
                    dataIndex: 'area',
                    ellipsis: true,
                    scopedSlots: { customRender: 'area' } 
                },
                {
                    title: '切割长度',
                    align:"center",
                    dataIndex: 'cuttingLength',
                    ellipsis: true,
                    scopedSlots: { customRender: 'cuttingLength' } 
                },
                {
                    title: '切割角度左下',
                    align:"center",
                    dataIndex: 'cuttingLeftDown',
                    ellipsis: true,
                    scopedSlots: { customRender: 'cuttingLeftDown' } 
                },
                {
                    title: '切割角度右上',
                    align:"center",
                    dataIndex: 'cuttingRightTop',
                    ellipsis: true,
                    scopedSlots: { customRender: 'cuttingRightTop' } 
                },
                {
                    title: '备注',
                    align:"center",
                    dataIndex: 'remarks',
                    ellipsis: true,
                    scopedSlots: { customRender: 'remarks' } 
                },
                {
                    title: '系列',
                    align:"center",
                    dataIndex: 'series',
                    ellipsis: true,
                    scopedSlots: { customRender: 'series' } 
                },
                {
                    title: '玻璃编号',
                    align:"center",
                    dataIndex: 'glassNumber',
                    ellipsis: true,
                    scopedSlots: { customRender: 'glassNumber' } 
                },
                {
                    title: '换算率',
                    align:"center",
                    dataIndex: 'rate',
                    ellipsis: true,
                },
                {
                    title: '货位',
                    align:"center",
                    dataIndex: 'storageLocation',
                    ellipsis: true,
                    scopedSlots: { customRender: 'storageLocation' } 
                },
          ],
      }
    },
     props: {
      
    },
  
    created() {},
    methods: {
        onSelectChange(selectedRowKeys, selectionRows) {
            this.selectedRowKeys = selectedRowKeys;
            this.selectedRows = selectionRows;
        },
        addList(projectCode,projectName){
            this.dataSource.unshift({rowNo: this.dataSource.length+1,projectCode:projectCode,projectName:projectName})
        },
        delectRow(){
            if( this.selectedRowKeys.length==0){
                this.$message.warning('请勾选子表数据！')
            }else{
                this.selectedRowKeys.map(event=>{
                    this.dataSource =  this.dataSource.filter( (x)=> {return x.rowNo !== event});
                })
            }
        },
        delecteCopyRow(){
            if( this.selectedRowKeys.length==0){
                this.$message.warning('请勾选子表数据！')
            }else{
               var delectAllow = 'yes'
               this.selectedRows.map(item=>{
                if(item.id){delectAllow = 'no'}
               })
               if(delectAllow=='no'){
                this.$emit('clearn')
                this.$message.warning('勾选数据中有不可删除数据！')
               }else{
                this.selectedRowKeys.map(event=>{
                    this.dataSource =  this.dataSource.filter( (x)=> {return x.rowNo !== event});
                })
               }
            }
        },
        copyRow(){
            if(this.selectedRowKeys.length!==1){
                this.$emit('clearn')
                this.$message.warning('请勾选一条数据！')
            }else{
              var obj ={},
              num = 0
              this.dataSource.map((item,index)=>{
                if(item.id== this.selectedRows[0].id){
                    item.copied = '1'
                    obj = {...item}
                    obj.projectCode = '6'
                    obj.newRow = '1'
                    obj.id = ''
                    num = index+1

                } 
              })
              this.dataSource.splice(num, 0, obj);
              this.dataSource.map((item,index )=>{item.rowNo = index})
              this.selectedRows = []
              this.selectedRowKeys=[]
            }
        },
        changeOut(){   
            if(this.allowEdit=='no'&&this.allowEditMaterial=='yes'){
                this.$emit('changeEdit')
            }
        },
        addMaterial(){
            this.dataSource.push({newRow:'1'})
        },
        changeQuantity(record){
            if(record.copied&&record.quantity&&record.quantityExecute&&(Number(record.quantity)<Number(record.quantityExecute))){
                record.quantity = ''
                this.$message.warning('主数量不可小于已执行主数量！')
            }
        },
        changeUQuantity(record){
            if(record.copied&&record.unQuantity&&record.unQuantityExecute&&(Number(record.unQuantity)<Number(record.unQuantityExecute))){
                record.unQuantity = ''
                this.$message.warning('辅数量不可小于已执行辅数量！')
            }
        },
        onSearchInven(record){
            if(this.allowEdit=='no'&&!record.newRow){
                this.$message.warning('不可编辑！')
            }else{
                this.$refs.inventoryPopup.visible = true
                this.$refs.inventoryPopup.getData()
                this.$refs.inventoryPopup.record=record
            }
        },
        okDataInvent(data,recoerd){
            this.$set(recoerd,'inventoryCode',data.Code)
            this.$set(recoerd,'inventoryName',data.Name)
            this.$set(recoerd,'specs',data.SPECS)
            this.$set(recoerd,'unit',data.unit)
            this.$set(recoerd,'auxiliaryUnit',data.auxiliaryUnit )
        },
    },
  
    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>