sen-yu-new-web/src/views/reportForms/cost-allocation-table.vue

<template>
  <!--报表 成本分配表 （保存后数据到单证的成本分配汇总内）-->
  <div id="costAllocationTable">
    <a-spin :spinning="loading">
    <a-card :bordered="false">
      <!-- 主表信息 点击搜索后 回显--->
      <a-row :gutter="24">
      <div class="table-page-search-wrapper">
        <!-- ref="form" :model="costAllocationTable" -->
        <a-form-model layout="inline" class="kk">
            <a-col :md="6" :sm="8">
              <a-form-model-item label="计划单号" prop="plannum">
                <a-input-search
                  placeholder="请输入计划单号"
                  enter-button
                  v-model="detailsPlanNum.planNum"
                  @search="onSearch('query')"
                  :loading="this.loading"
                  v-show='showSelect==0'
                />
                <a-input-search
                  placeholder="请输入计划单号"
                  v-text="detailsPlanNum.planNum"
                  enter-button
                  @search="onSearch('query')"
                  v-show='showSelect==1'
                />
                <a-button type="primary" :disabled="edit == '0'" @click="onSearch('queryNew')" class="noprint">更新</a-button>
              </a-form-model-item>
            </a-col>
            <!-- 回显以下【备注】需要输入，后进行保存 disabled -->

            <a-col :md="6" :sm="8">
              <a-form-model-item label="产品款号" prop="poStyleNum">
                <span :title=" detailsPlanNum.poStyleNum">{{ detailsPlanNum.poStyleNum | ellipsis}}</span>
                <!-- {{ detailsPlanNum.poStyleNum }} -->
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="外销员" prop="exportSales">
                {{ detailsPlanNum.exportSales }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="成衣合同号" prop="garmentContractno">
                {{ detailsPlanNum.garmentContractno }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="部门" prop="department">
                {{ detailsPlanNum.department }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="客户简称" prop="customerShortame">
                {{ detailsPlanNum.customerShortame }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="加工单位" prop="processUnit">
                <span :title=" detailsPlanNum.processUnit">{{ detailsPlanNum.processUnit | ellipsis}}</span>
                <!-- {{ detailsPlanNum.processUnit }} -->
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="出运日期" prop="outdata">
                {{ detailsPlanNum.outdata }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="面料不含税成本(￥)" prop="fabriccostNotincludestax" >
                {{ detailsPlanNum.fabriccostNotincludestax }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="辅料不含税成本(￥)" prop="excipiencostNotincludestax">
                {{ detailsPlanNum.excipiencostNotincludestax }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="外销总价($)" prop="usdTotalexportprice">
                {{ detailsPlanNum.usdTotalexportprice }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="外销金额(￥)" prop="rmbExportamount">
                {{ detailsPlanNum.rmbExportamount }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="实际出货数量" prop="actualShipquantity">
                {{ detailsPlanNum.actualShipquantity }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="加工费(￥)" prop="rmbProcesscost">
                {{ detailsPlanNum.rmbProcesscost }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="加工费($)" prop="usdProcesscost">
                {{ detailsPlanNum.usdProcesscost }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="运杂费($)" prop="usdExpense" >
                <a href="javascript:void(0)" @click="mainTableExpenseUSD()" >{{ detailsPlanNum.usdExpense }}</a>
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="不含税运杂费(￥)" prop="rmbNorTaxExpense" >
                {{detailsPlanNum.rmbNorTaxExpense }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="事故金额($)" prop="accidentUsdamount" >
                {{ detailsPlanNum.accidentUsdamount }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="事故金额(￥)" prop="accidentcnyAmount" >
                {{ detailsPlanNum.accidentcnyAmount }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="计划数量" prop="planQuantity">
                {{ detailsPlanNum.planQuantity }}
              </a-form-model-item>
            </a-col>

            <a-col :md="6" :sm="8">
              <a-form-model-item label="短出数" prop="shortseveral" >
                {{ detailsPlanNum.shortseveral }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="短出货值" prop="shortvalue" >
                {{ detailsPlanNum.shortvalue }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="面料成本($)" prop="fabriccostIncludestaxUsd" >
                {{ detailsPlanNum.fabriccostIncludestaxUsd }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="面料成本(￥)" prop="fabriccostIncludestax" >
                {{ detailsPlanNum.fabriccostIncludestax }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="辅料成本($)" prop="excipiencostIncludestaxUsd">
                {{ detailsPlanNum.excipiencostIncludestaxUsd}}
                <!-- {{ detailsPlanNum.excipiencostIncludestaxUsd }} -->
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="辅料成本(￥)" prop="excipiencostIncludestax">
                {{ detailsPlanNum.excipiencostIncludestax }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="销售订单总额(￥)" prop="salesordersLocaltotal">
                {{ detailsPlanNum.salesordersLocaltotal }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="销售订单总额($)" prop="salesrrdersOriginaltotal">
                {{ detailsPlanNum.salesrrdersOriginaltotal }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="运杂费(￥)" prop="rmbExpense">
                <a href="javascript:void(0)" @click="mainTableExpenseCNY()">{{ detailsPlanNum.rmbExpense }}</a>
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="运费税额" prop="shuiemoney">
                {{detailsPlanNum.shuiemoney}}
              </a-form-model-item>
            </a-col>
            
            <!-- <a-col :md="6" :sm="8">
              <a-form-model-item label="供应商事故单($)" prop="salesrrdersOriginaltotal">
                {{ detailsPlanNum.supperAccidentUsdamount, }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="供应商事故单(￥)" prop="salesrrdersOriginaltotal">
                {{ detailsPlanNum.supperAccidentcnyAmount }}
              </a-form-model-item>
            </a-col> -->
            <a-col :md="6" :sm="8">
              <a-form-model-item label="税率%" prop="taxrate" > 
                <a-input placeholder="请输入" v-model="detailsPlanNum.taxrate"  @blur="changeTaxrate" class="taxrate"  v-show='showSelect==0'/>
                <span v-show='showSelect==1'>{{ detailsPlanNum.taxrate }}</span>
              </a-form-model-item>
            </a-col>
           
           
            
           
           
            <!-- <a-col :md="6" :sm="8">
              <a-form-model-item label="短出面料成本" prop="fabricshortcost" class="fontColor">
                {{ detailsPlanNum.fabricshortcost }}
              </a-form-model-item>
            </a-col> -->
            
           
            
           
            
            
            <!-- <a-col :md="6" :sm="8">
              <a-form-model-item label="面料不含税成本(美元)" prop="UsdfabriccostNotincludestax" >
                {{ detailsPlanNum.fabriccostNotincludestaxUsd }}
              </a-form-model-item>
            </a-col> -->
<!--            
            <a-col :md="6" :sm="8">
              <a-form-model-item label="辅料不含税成本(美元)" prop="UsdexcipiencostNotincludestax">
                {{ detailsPlanNum.excipiencostNotincludestaxUsd }}
              </a-form-model-item>
            </a-col> -->
            
            <!-- <a-col :md="6" :sm="8">
              <a-form-model-item label="制单人" prop="preparedBy">
                {{ detailsPlanNum.preparedBy }}
              </a-form-model-item>
            </a-col> -->
            <a-col :md="6" :sm="8">
              <a-form-model-item label="备注" prop="memo" >
                <a-input style="width:100%" type="text" v-model="detailsPlanNum.memo" @blur="changeContainerNumber" v-show='showSelect==0'/>
                <span v-show='showSelect==1'>{{ detailsPlanNum.memo }}</span>
              </a-form-model-item>
            </a-col>
            <!-- <a-col :md="6" :sm="8">
              <a-form-model-item label="查询时间" prop="UsdfabriccostNotincludestax" >
                {{  }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="查询人" prop="UsdfabriccostNotincludestax" >
                {{  }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-model-item label="" prop="UsdfabriccostNotincludestax" >
                {{  }}
              </a-form-model-item>
            </a-col> -->
            <a-col :md="6" :sm="8">
              <a-form-model-item label="制单人" prop="preparedBy">
                {{ detailsPlanNum.preparedBy }}
              </a-form-model-item>
            </a-col>
            <!-- <a-col :md="6" :sm="8">
              <a-form-model-item label="查询人" prop="queryBy">
                {{ detailsPlanNum.queryBy  }}
              </a-form-model-item>
            </a-col> -->
            <a-col :md="6" :sm="8">
              <a-form-model-item label="查询时间" prop="queryTime">
                {{ detailsPlanNum.queryTime  }}
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8" class="noprint">
              <a-form-model-item label="" prop="" >
              <h4 style="color:red;" v-if="color1<0">
                标记(A)
                <!-- <span>（计算结果是负值时，该标记是红色）</span> -->
              </h4>
              <h4 style="color:black;" v-else>
                标记(A)
                <!-- <span>（计算结果是负值时，该标记是红色）</span> -->
              </h4>
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8" class="noprint">
              <a-form-model-item label="" prop="" >
              <h4 style="color:blue;" v-if="color2<0.8">
                标记(B)
                <!-- <span>(计算结果小于O.8 时，该标记是蓝色）</span> -->
              </h4>
              <h4 style="color:black;" v-else>
                标记(B)
                <!-- <span>(计算结果小于O.8 时，该标记是蓝色）</span> -->
              </h4>
              </a-form-model-item>
            </a-col>
            <a-col :md="6" :sm="8" class="noprint">
              <a-upload  productName="file" :showUploadList="true" :file-list="fileList" :headers="tokenHeader" :multiple="false"   :action="importExcelUrl"  @change="handleImportExcel"  :data="{code:this.detailsPlanNum.planNum,name:this.fileName}"  :beforeUpload="uploadFlie" :remove="removeFile">
                <a-button type="primary" >附件上传</a-button>
              </a-upload>
            </a-col>
        </a-form-model>
      </div>
      </a-row>
    </a-card>

    <!--tabs 组件引入  -->
    <a-card :bordered="false" style=" marginTop:10px;">
      <div><tabs ref="unitTabs" :showSelect='showSelect'  @number="number" :planNum="this.detailsPlanNum.planNum" @FabInQua="FabInQua"/></div>
    </a-card>

    <!-- 事故单 -->
    <a-card :bordered="true" style="margin:10px 0">
      <div style="margin:60px 0 40px 0" :class="[(accidentListData.length==0?'noprint': '')]">
        <h6 class="table-title">事故单</h6>
        <a-table
          rowKey="id"
          :columns="accidentListColumns"
          :data-source="accidentListData"
          bordered
          :pagination="false"
          :scroll="{ }"
        >
          <!-- 事故单 -->
          <span slot="accidentNum" slot-scope="text,record">
            <a :href="'http://www.myfitt.cn:18086/#/IncidentTicketModalDetail?id='+record.id" target="_blank">{{ text }}</a>
          </span>
        </a-table>
      </div>

      <!-- 费用支出 -->
      <div :class="[(costPayData.length==0?'noprint': '')]">
        <h6 class="table-title" >费用支出</h6>
        <a-table
          rowKey="id"
          :columns="costPayColumns"
          :data-source="costPayData"
           bordered
          :pagination="false"
        >
        </a-table>
      </div>

      <!-- 备注信息 根据角色权限控制【填写】、【查看】-->
      <div class="note-one" style="marginTop:40px;">
        <h6 class="table-title">备注</h6>
        <div class="noteDetail">
          <a-form-model ref="form" :model="detailsPlanNum">
            <a-form-model-item prop="remarks">
              <a-input  type="textarea" v-model="detailsPlanNum.remarks" placeholder="请输入备注"   style="minHeight:100px;"  v-show='showSelect==0' />
              <a-input type="textarea" v-text="detailsPlanNum.remarks" style="minHeight:100px;" v-show='showSelect==1'/>
            </a-form-model-item>
          </a-form-model>
        </div>
      </div>

      <!-- 页面底部保存 -->
      <a-row :gutter="24" style="marginTop:40px;float:right" class="noprint">
        <a-col :md="12" :sm="12" style="display:flex">
          <a-button type="primary" @click="daYin" style="margin-right:6px" :disabled ="PrintButton">
            打印
          </a-button> 
          <a-button type="primary" @click="save" :disabled="isDisabled">
            保存
          </a-button>
        </a-col>
      </a-row>
    </a-card>

    <!-- 弹框 -->
    <div>
      <!-- 主表 人民币费用支出  弹框 -->
      <mainTableExpenseCNY-modal ref="mainTableExpenseCNYModal" :father="aa"></mainTableExpenseCNY-modal>
      <!-- 主表 美元费用支出  弹框 -->
      <mainTableExpenseUSD-modal ref="mainTableExpenseUSDModal" :father="bb"></mainTableExpenseUSD-modal>
      <!-- 事故单 -->
      <accidentList-modal ref="accidentListModal" :father="cc"></accidentList-modal>
    </div>
  </a-spin>
  </div>
</template>

<script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import JEllipsis from '@/components/jeecg/JEllipsis'
import moment from 'moment'

// 原始文件（应该跟单证内弹框一样，尝试公用，成功后可删除以下注释）
// import mainTableExpenseCNYModal from '@views/reportForms/cost-allocation-table/mainTableExpenseCNYModal.vue'
// import mainTableExpenseUSDModal from '@views/reportForms/cost-allocation-table/mainTableExpenseUSDModal.vue'
// import accidentListModal from '@views/reportForms/fabric-loss-table/accidentListModal.vue' // 事故单

// import tabs from '@views/cost-allocation-total/tabs.vue' // tabs组件
import tabs from '@views/reportForms/cost-allocation-table/tabs.vue' // tabs组件

import mainTableExpenseCNYModal from '@views/cost-allocation-total/modal/mainTableExpenseCNYModal.vue'
import mainTableExpenseUSDModal from '@views/cost-allocation-total/modal/mainTableExpenseUSDModal.vue'
import accidentListModal from '@views/cost-allocation-total/modal/accidentListModal.vue' // 事故单

import { seachPlanNum, addHalfInfo,deleteFileDetail } from '@api/document/cost-allocation-total.js'

export default {
  name: 'CostAllocationTable', // 成本分配 (新增)
  mixins: [JeecgListMixin],
  components: { JEllipsis, moment, tabs, mainTableExpenseCNYModal, mainTableExpenseUSDModal, accidentListModal },

  data() {
    return {
      key: '', //客户输入的订单号
      PrintButton:true,//打印按钮
      showSelect:0,//计划号是否是输入框
      loading: false, // 表格加载
      detailsPlanNum: {
        planNum: ''
      }, // 详情所有数据
      remarks: '', // 备注
      copyFabriccostIncludestax:'',//保存查询获取得面料成本（￥）

      // 事故单 表头
      accidentListColumns: [
        {
          title: '单号',
          width: 120,
          dataIndex: 'accidentNumber',
          className: 'replacecolor',
          customCell: this.accidentListCustomCell,
          scopedSlots: { customRender: 'accidentNum' }
        },
        { title: '事故承担方', width: 120, dataIndex: 'accidentUndertaker', className: 'replacecolor' },
        { 
          title: '美元金额', 
          width: 120, 
          dataIndex: 'amount', 
          className: 'replacecolor' ,
          customRender: (text, record, index) => {
            if(text!==''&&text){
              return Number(text).toFixed(2)
            }
          },
        },
        { 
          title: '人民币金额', 
          width: 120, 
          dataIndex: 'amountrmb', 
          className: 'replacecolor' ,
          customRender: (text, record, index) => {
            if(text!==''&&text){
              return Number(text).toFixed(2)
            }
          },
        },
        { title: '事故单主题', width: 120, dataIndex: 'accidentTheme', className: 'replacecolor' },
        { title: '责任人', width: 120, dataIndex: 'responsibilityPerson1', className: 'replacecolor' },
        // { title: '币种', width: 120, dataIndex: 'moneyType', className: 'replacecolor' },
        // { title: '金额', dataIndex: 'amount', width: 120, className: 'replacecolor' }
      ],
      accidentListData: [],

      // 费用支出 表头
      costPayColumns: [
        { title: '账套号', width: 120, dataIndex: 'setNo', className: 'replacecolor' },
        { title: '支出单号', width: 120, dataIndex: 'disbursementSlipNo', className: 'replacecolor' },
        { title: '费用项目', dataIndex: 'expenseItem', width: 120, className: 'replacecolor' },
        { 
          title: '美元', 
          dataIndex: 'disbursedOriginalmoney', 
          width: 120,
          className: 'replacecolor' ,
          customRender: (text, record, index) => {
            if(text!==''&&text){
              return Number(text).toFixed(2)
            }
          },
          },
        { 
          title: '人民币（不含税）', 
          dataIndex: 'disbursedLocalmoney', 
          width: 120, className: 'replacecolor',
          customRender: (text, record, index) => {
            if(text!==''&&text){
              return Number(text).toFixed(2)
            }
          },
         },
        { 
          title: '人民币(税额)', 
          dataIndex: 'shuiemoney', 
          width: 120, 
          className: 'replacecolor',
          customRender: (text, record, index) => {
            if(text!==''&&text){
              return Number(text).toFixed(2)
            }
          },
         },
        { 
          title: '人民币(价税合计)', 
          dataIndex: 'iNatMoney', 
          width: 120, 
          className: 'replacecolor',
          customRender: (text, record, index) => {
            if(text!==''&&text){
              return Number(text).toFixed(2)
            }
          }, },
        { title: '发票号', dataIndex: 'invoicenum', width: 120, className: 'replacecolor' },
        { title: '制单人', dataIndex: 'preparedBy', width: 120, className: 'replacecolor' }
      ],
      costPayData: [],

      isDisabled: false, //按钮禁止
      billstatus: '', // 单据状态
      color1:0,
      color2:0,
      fileList:[],
      url: {
        list: '/sys/user/list',
        importExcelUrl: 'cost/syCostAllocation/addFile' ,// 导入
      }
      // dateFormat: 'YYYY-MM-DD',
    }
  },
  created() {
    document.title = '成本分配表'+ ' · ' + '森语'
  },
  filters: {
                //文字数超出时，超出部分使用...
                ellipsis(value) {
                    if (!value) return ''
                    if (value.length > 20) {
                        return value.slice(0, 20) + '...'
                    }
                    return value
                }
            },
  methods: {
    // 【计划单号】 搜索
    onSearch(data) {
      this.$nextTick(() => {
        // TODO:接口完善后，type 应改为 add(暂时为了回显数据)
        this.loading = true
        this.$refs.unitTabs.mList = []
        this.$refs.unitTabs.fList = []
        var Staging = '',
        StagingLast = '',
        file = ''
        if(data=='queryNew'){
          Staging =this.detailsPlanNum.memo
          StagingLast = this.detailsPlanNum.remarks
          file = this.fileList
          this.$refs.unitTabs.mList = this.$refs.unitTabs.tabsAllData[0].syCostAllocationFabricList
          this.$refs.unitTabs.fList = this.$refs.unitTabs.tabsAllData[0].syCostAllocationIngredientList
        }
        seachPlanNum({ plannum: this.detailsPlanNum.planNum, type: data }).then(res => {
          if (res.success) {
            this.PrintButton = false
             this.loading = false
            this.detailsPlanNum = res.result //所有详情
            this.copyFabriccostIncludestax = res.result.fabriccostIncludestax
            if(Number(this.detailsPlanNum.shortseveral)<0){
              this.detailsPlanNum.shortseveral = 0
              this.detailsPlanNum.shortvalue = 0
            }
            var fileList =  (this.detailsPlanNum.attachs!==''&&this.detailsPlanNum.attachs)?this.detailsPlanNum.attachs.split(","):[]
              this.fileList = []
              if(fileList.length!==0){
                fileList.map(item=>{
                  this.fileList.push({
                    uid: '-1',
                    name: item,
                    status: 'done',
                    url:'http://www.myfitt.cn:18001/jeecg-boot/sys/common/static' +'/'+item
                  })
              })
              }
            this.accidentListData = res.result.syCostAllocationAccidentList //事故单
            this.accidentCalculation(this.accidentListData)
            // var accidentNum = 0
            // this.accidentListData.map(item =>{
            //   item.id = accidentNum + 1
            //   accidentNum += 1
            // })
            this.costPayData = res.result.syCostAllocationCostpayList //支出费用
            var num = 0
            this.costPayData.map(item =>{
              item.id = num + 1
              num += 1
            })
            // tabs 名称集合
            this.$refs.unitTabs.tabNameList = res.result.processUnit.split(',')
            //所有tabs数据
            this.$refs.unitTabs.tabsAllData = res.result.processUnitList

            // 页面打开加载的数据
            var oneData = this.$refs.unitTabs.tabsAllData[0]
            this.$refs.unitTabs.fabData = oneData.syCostAllocationFabricList
            var all = 0
            this.$refs.unitTabs.fabData.map(item=>{
              if(item.remainingQuantitycost!=='' && item.remainingQuantitycost){
                item.remainingQuantitycost = item.remainingQuantitycost.toFixed(2)
              }
              if(item.transferCost&&item.transferCost!==''){
                all+=Number(item.transferCost)
              }
            })
            this.detailsPlanNum.fabriccostIncludestax=( this.detailsPlanNum.fabriccostIncludestax==''|| !this.detailsPlanNum.fabriccostIncludestax||this.detailsPlanNum.fabriccostIncludestax=='0')?all.toFixed(2):Number( this.detailsPlanNum.fabriccostIncludestax).toFixed(2)//面料含税成本
            this.$refs.unitTabs.ingData = oneData.syCostAllocationIngredientList
            this.$refs.unitTabs.shipData = oneData.syCostAllocationShipdetail
            this.detailsPlanNum.outdata = oneData.syCostAllocationShipdetail.length!==0?oneData.syCostAllocationShipdetail[0].outdata:''
            // this.$refs.unitTabs.shipData.map(item=>{
            //   if(item.procesUnitPriceusd==0||item.procesUnitPriceusd==item.procesUnitPricermb||item.procesUnitPriceusd==''||!item.procesUnitPriceusd){
            //     item.procesUnitPricermb = item.procesUnitPricermb!==''&&item.procesUnitPricermb?Number(item.procesUnitPricermb).toFixed(4):0
            //     item.processCost = Number(item.procesUnitPricermb)*Number(item.shipQuantity)
            //   }else{
            //     item.procesUnitPriceusd = item.procesUnitPriceusd!==''&&item.procesUnitPriceusd?Number(item.procesUnitPriceusd).toFixed(4):0
            //     item.shipQuantity = item.shipQuantity!==''&&item.shipQuantity?Number(item.shipQuantity).toFixed(4):0
            //     item.processCost = Number(item.procesUnitPriceusd)*Number(item.shipQuantity)*Number(item.exchangeRate)
            //   }
            // })
            this.addAmountIng(oneData.syCostAllocationIngredientList)
            this.addAmountCostPay(this.costPayData)
            this.addAccident(this.accidentListData)
            this.calculation(oneData.syCostAllocationShipdetail)
            //合计中面料相关金额
            var s=0
            oneData.syCostAllocationFabricList.map(item=>{
              s+=Number(item.transferCost)
            })
            //  this.$refs.unitTabs.sumInfo.fabricAmount = s.toFixed(3) //合计中的面料总额
             this.$refs.unitTabs.sumInfo.fabricAmount = (this.detailsPlanNum.fabriccostIncludestax!==''&&this.detailsPlanNum.fabriccostIncludestax)?(Number(this.detailsPlanNum.fabriccostIncludestax)).toFixed(2):'' //合计中的面料总额
             this.$refs.unitTabs.sumInfo.fabricExcludTax =(Number(this.$refs.unitTabs.sumInfo.fabricAmount)/(1+(Number(this.detailsPlanNum.taxrate)/100))).toFixed(2)//合计中的不含税面料总额
             this.detailsPlanNum.fabriccostNotincludestax =  this.$refs.unitTabs.sumInfo.fabricExcludTax
             // this.detailsPlanNum.fabriccostIncludestax = s.toFixed(3) //表头中面料含税总额
            // this.detailsPlanNum.fabriccostNotincludestax = (s/1.13).toFixed(3) //表头中面料不含税总额
            //合计中辅料相关金额
            var s = 0,
            v =0
            oneData.syCostAllocationIngredientList.map(item=>{
              s+=Number(item.priceExcludingtax),
              v+=item.rmbAmount?Number(item.rmbAmount):0
            })
            this.$refs.unitTabs.sumInfo.ingAmount =(v/2).toFixed(2)//辅料金额合计
            this.$refs.unitTabs.sumInfo.ingExcludAmount = ((v/2).toFixed(2)/(1+(Number(this.detailsPlanNum.taxrate)/100))).toFixed(2)//辅料不含税金额合计
            //合计中出运明细相关金额
            var s =0,
            v = 0,
            d = 0,
            b = 0,
            f=0,
            e=0
            oneData.syCostAllocationShipdetail.map(item=>{
              s+=Number(item.exportPrice)
              v+=Number(item.shipQuantity)
              d+=Number(item.processCost)
              b+=Number(item.rmbAmount)
              if(item.exchangeRate=='6.888' && item.outdata!=='合计'){
                 e+=Number(item.processCost)
              }else if(item.outdata!=='合计'){
                e+=(Number(item.processCost)/1.13)
              }
            })
            this.$refs.unitTabs.sumInfo.exportPriceUSD = (s/2).toFixed(2)//出运美元外销总价
            this.detailsPlanNum.usdTotalexportprice = this.$refs.unitTabs.sumInfo.exportPriceUSD //表头-外销总价（$)
            this.$refs.unitTabs.sumInfo.shipQua =(v/2).toFixed(4)//出货数量合计
            this.$refs.unitTabs.sumInfo.shipProcesFees =(d/2).toFixed(2)//出运加工费
            this.$refs.unitTabs.sumInfo.exportedAmountRMB =(b/2).toFixed(2)//出运人民币外销金额 f
            this.detailsPlanNum.rmbExportamount = this.$refs.unitTabs.sumInfo.exportedAmountRMB //表头-外销总价（￥)
             //调整表头格式
             this.adjustingHeader()
            this.$refs.unitTabs.sumInfo.excludingTaxProcessing =e.toFixed(2)//
            f=Number(this.$refs.unitTabs.sumInfo.ingAmount)+Number(this.$refs.unitTabs.sumInfo.shipProcesFees)
            this.$refs.unitTabs.sumInfo.amountTotal = (Number(this.$refs.unitTabs.sumInfo.fabricAmount)+Number(this.$refs.unitTabs.sumInfo.ingAmount)+Number( this.$refs.unitTabs.sumInfo.shipProcesFees)).toFixed(2)//合计金额
            this.pagination = {
              total: res.result.total,
              current: res.result.current,
              pageSize: res.result.size
            }
            if(data=='queryNew'){
              this.detailsPlanNum.memo = Staging
              this.detailsPlanNum.remarks = StagingLast
              this.fileList = file
              oneData.syCostAllocationFabricList.map(item=>{
                this.$refs.unitTabs.mList.map(event=>{
                  if(item.goodsName==event.goodsName){
                    item.transferCost = event.transferCost
                  }
                })
              })
              oneData.syCostAllocationIngredientList.map(item=>{
                this.$refs.unitTabs.fList.map(event=>{
                  if(item.goodsName==event.goodsName){
                    item.transferCost = event.transferCost
                  }
                })
              })
             }
          }else {
            this.loading = false
            this.$message.error(res.message);
          }
        })
      })
    },
    uploadFlie(file) {
      this.fileName = file.name
      },
      handleImportExcel(data){
        if(data.fileList.length>this.fileList.length&&data.file.status=='uploading'){ 
          var that =this
          setTimeout(()=>{
            that.onSearch('query')
        },1000)
          
        }
        
        
      },
      removeFile(data){
        deleteFileDetail({code:this.detailsPlanNum.planNum,name:data.name}).then(res => {
            if (res.success) {
              var cc=[]
              this.fileList.map(item=>{
                if(item.name !== data.name){
                  cc.push(item)
                }
              })
              this.fileList = cc
              this.loading =false
              this.$message.success('删除成功');
            }else{
              this.$message.error(res.message);
            }
          })
      },
    //调整表头格式
    adjustingHeader(){
      // this.detailsPlanNum.outdata = ( this.detailsPlanNum.outdata==''||!this.detailsPlanNum.outdata)?0:moment( this.detailsPlanNum.outdata).format('YYYY-MM-DD')
      this.detailsPlanNum.planQuantity=( this.detailsPlanNum.planQuantity==''|| !this.detailsPlanNum.planQuantity)?0:Number( this.detailsPlanNum.planQuantity).toFixed(0)//计划数量
      this.detailsPlanNum.usdTotalexportprice=( this.detailsPlanNum.usdTotalexportprice==''|| !this.detailsPlanNum.usdTotalexportprice)?0:Number( this.detailsPlanNum.usdTotalexportprice).toFixed(2)//美元外销总价
      // this.detailsPlanNum.rmbExpense=( this.detailsPlanNum.rmbExpense==''|| !this.detailsPlanNum.rmbExpense)?0:Number( this.detailsPlanNum.rmbExpense).toFixed(2)//人民币费用支出
      this.detailsPlanNum.actualShipquantity=( this.detailsPlanNum.actualShipquantity==''|| !this.detailsPlanNum.actualShipquantity)?0:Number( this.detailsPlanNum.actualShipquantity).toFixed(0)//实际出库数量
      this.detailsPlanNum.rmbExportamount=( this.detailsPlanNum.rmbExportamount==''|| !this.detailsPlanNum.rmbExportamount)?0:Number( this.detailsPlanNum.rmbExportamount).toFixed(2)//人民币外销金额
      this.detailsPlanNum.usdExpense=( this.detailsPlanNum.usdExpense==''|| !this.detailsPlanNum.usdExpense)?0:Number( this.detailsPlanNum.usdExpense).toFixed(2)//美元费用支出
      this.detailsPlanNum.usdProcesscost=( this.detailsPlanNum.usdProcesscost==''|| !this.detailsPlanNum.usdProcesscost)?'':Number( this.detailsPlanNum.usdProcesscost).toFixed(2)//加工费(人民币)
      this.detailsPlanNum.accidentUsdamount=( this.detailsPlanNum.accidentUsdamount==''|| !this.detailsPlanNum.accidentUsdamount)?0:Number( this.detailsPlanNum.accidentUsdamount).toFixed(2)//事故单美元金额
      this.detailsPlanNum.excipiencostIncludestax=( this.detailsPlanNum.excipiencostIncludestax==''|| !this.detailsPlanNum.excipiencostIncludestax)?0:Number( this.detailsPlanNum.excipiencostIncludestax).toFixed(2)//辅料含税成本
      this.detailsPlanNum.salesordersLocaltotal=( this.detailsPlanNum.salesordersLocaltotal==''|| !this.detailsPlanNum.salesordersLocaltotal)?0:Number( this.detailsPlanNum.salesordersLocaltotal).toFixed(2)//销售本币金额
      this.detailsPlanNum.accidentcnyAmount=( this.detailsPlanNum.accidentcnyAmount==''|| !this.detailsPlanNum.accidentcnyAmount)?0:Number( this.detailsPlanNum.accidentcnyAmount).toFixed(2)//事故单人民币金额   
      this.detailsPlanNum.fabriccostNotincludestax=( this.detailsPlanNum.fabriccostNotincludestax==''|| !this.detailsPlanNum.fabriccostNotincludestax)?0:Number( this.detailsPlanNum.fabriccostNotincludestax).toFixed(2)//面料不含税成本   
      this.detailsPlanNum.excipiencostNotincludestax=( this.detailsPlanNum.excipiencostNotincludestax==''|| !this.detailsPlanNum.excipiencostNotincludestax)?0:Number( this.detailsPlanNum.excipiencostNotincludestax).toFixed(2)//辅料料不含税成本   
      this.detailsPlanNum.salesrrdersOriginaltotal=( this.detailsPlanNum.salesrrdersOriginaltotal==''|| !this.detailsPlanNum.salesrrdersOriginaltotal)?0:Number( this.detailsPlanNum.salesrrdersOriginaltotal).toFixed(2)//销售订单原币金额  
      this.detailsPlanNum.excipiencostIncludestaxUsd=( this.detailsPlanNum.excipiencostIncludestaxUsd==''|| !this.detailsPlanNum.excipiencostIncludestaxUsd)?0: this.detailsPlanNum.excipiencostIncludestaxUsd//辅料成本（$）
      this.detailsPlanNum.shuiemoney=( this.detailsPlanNum.shuiemoney==''|| !this.detailsPlanNum.shuiemoney)?0: this.detailsPlanNum.shuiemoney//运费税额
      this.detailsPlanNum.fabriccostIncludestax=( this.detailsPlanNum.fabriccostIncludestax==''|| !this.detailsPlanNum.fabriccostIncludestax)?0:Number( this.detailsPlanNum.fabriccostIncludestax).toFixed(2)//面料含税成本 
      this.color1 = Number(this.detailsPlanNum.rmbExportamount)-Number(this.detailsPlanNum.fabriccostNotincludestax)-Number(this.detailsPlanNum.excipiencostNotincludestax)-Number(this.detailsPlanNum.rmbProcesscost)-Number(this.detailsPlanNum.rmbExpense)
      this.color2 = this.color1/Number(this.detailsPlanNum.usdTotalexportprice)
      this.color2 = this.color2>0?this.color2:-this.color2
      if(this.detailsPlanNum.pkOrg=='103'){
        this.detailsPlanNum.rmbProcesscost = (Number(this.detailsPlanNum.rmbProcesscost)/(1+(Number(this.detailsPlanNum.taxrate)/100))).toFixed(2)
      }else{
        this.detailsPlanNum.rmbProcesscost=( this.detailsPlanNum.rmbProcesscost==''|| !this.detailsPlanNum.rmbProcesscost)?'':Number( this.detailsPlanNum.rmbProcesscost).toFixed(2)//加工费(人民币)
      }
    },

    //计算出运明细合计行
    calculation(val){
      // var  average = 0
      //  val.map(item=>{
      //   if(item.outdata !=='合计'){
      //     average += (Number(item.exportUnitPrice)*Number(item.shipQuantity)*Number(item.exchangeRate))
      //   }
      //  })
      //  this.detailsPlanNum.shortvalue = average.toFixed(2)
       var shipQuantityAll =0,
        // exportUnitPriceALll = 0,
        exportPriceAll =0,
        rmbAmountAll = 0,
        // procesUnitPricermbAll = 0,
        // procesUnitPriceusdAll = 0,
        processCostAll = 0
        val.map(item=>{
          if(item.outdata !=='合计'){
          shipQuantityAll+=Number(item.shipQuantity)
          // exportUnitPriceALll+=Number(item.exportUnitPrice)
          exportPriceAll+=Number(item.exportPrice)
          rmbAmountAll+=Number(item.rmbAmount)
          // procesUnitPricermbAll+=Number(item.procesUnitPricermb)
          // procesUnitPriceusdAll+=Number(item.procesUnitPriceusd)
          processCostAll+=Number(item.processCost)
          }
        })
        var allObj ={
          outdata:'合计',
          shipQuantity:shipQuantityAll.toFixed(3),
          // exportUnitPrice:exportUnitPriceALll.toFixed(3),
          exportPrice:exportPriceAll.toFixed(3),
          rmbAmount:rmbAmountAll.toFixed(3),
          // procesUnitPricermb:procesUnitPricermbAll.toFixed(3),
          // procesUnitPriceusd:procesUnitPriceusdAll.toFixed(3),
          processCost:processCostAll.toFixed(3)
        }
        // this.detailsPlanNum.salesordersLocaltotal = rmbAmountAll.toFixed(2)
        //发运明细-合计行
        if(this.$refs.unitTabs.shipData.length!==0 ){
          if(this.$refs.unitTabs.shipData[this.$refs.unitTabs.shipData.length-1].outdata=='合计'){
            this.$refs.unitTabs.shipData.pop()
           }
          this.$refs.unitTabs.shipData.push(allObj)
        }
        this.$refs.unitTabs.shipData.map(item=>{
          item.shipQuantity = Number(item.shipQuantity)
          item.exportUnitPrice = Number(item.exportUnitPrice)
          item.exportPrice = Number(item.exportPrice)
          item.rmbAmount = Number(item.rmbAmount)
          item.procesUnitPricermb = Number(item.procesUnitPricermb)
          item.procesUnitPriceusd = Number(item.procesUnitPriceusd)
          item.processCost = Number(item.processCost)
        })
    },
    //辅料中的合计行
    addAmountIng(val){
      var
      transferCostAll =0,
      rmbAmountAll = 0,
      usdAmountAll = 0,
      priceExcludingtaxAll = 0
        val.map(item=>{
          if(item.goodsName!=='合计'){
          transferCostAll+=Number(item.transferCost)
          rmbAmountAll+=item.rmbAmount?Number(item.rmbAmount):0
          usdAmountAll+=item.usdAmount?Number(item.usdAmount):0
          priceExcludingtaxAll+=item.priceExcludingtax?Number(item.priceExcludingtax):0
          }
        })
      var allObj ={
          goodsName:'合计',
          transferCost:transferCostAll,
          rmbAmount:rmbAmountAll,
          usdAmount:usdAmountAll,
          priceExcludingtax:priceExcludingtaxAll,
          ingredientsTransferQuantity:'',
          ingredientsRemainingQuantity:''
        }  
        this.detailsPlanNum.excipiencostNotincludestax =  allObj.priceExcludingtax
        if(this.$refs.unitTabs.ingData.length!==0 ){
          if(this.$refs.unitTabs.ingData[this.$refs.unitTabs.ingData.length-1].goodsName=='合计'){this.$refs.unitTabs.ingData.pop()}
            this.$refs.unitTabs.ingData.push(allObj)
          }
          if(rmbAmountAll == usdAmountAll){
            this.detailsPlanNum.excipiencostIncludestaxUsd = 0
          }else{
            this.detailsPlanNum.excipiencostIncludestaxUsd = usdAmountAll.toFixed(2)
          }
    },
    //事故单合计行
    addAccident(val){
     var amountAll=0,
     amountrmbAll=0
     val.map(item=>{
      if(item.accidentUndertaker!=='合计'){
        amountAll+=Number(item.amount) 
        amountrmbAll+=Number(item.amountrmb)  
      }
     })
     var allObj={
      accidentUndertaker:'合计',
      amount:amountAll,
      amountrmb:amountrmbAll
     }
        if(this.accidentListData.length!==0 ){ 
          if(this.accidentListData[this.accidentListData.length-1].accidentUndertaker=='合计'){this.accidentListData.pop()}
           this.accidentListData.push(allObj)
          }
    },
    //费用支出合计行
    addAmountCostPay(val){
      var disbursedLocalmoneyALL=0,
      disbursedOriginalmoneyALL=0,
      shuiemoneyAll = 0
     val.map(item=>{
      if(item.setNo!=='合计'){
      disbursedLocalmoneyALL+=Number(item.disbursedLocalmoney) 
      disbursedOriginalmoneyALL+=Number(item.disbursedOriginalmoney) 
      shuiemoneyAll+=Number(item.shuiemoney) 
      }
     })
     var obj={
      setNo:'合计',
      disbursedLocalmoney:disbursedLocalmoneyALL,
      disbursedOriginalmoney:disbursedOriginalmoneyALL,
      shuiemoney:shuiemoneyAll.toFixed(3),
      iNatMoney:(disbursedLocalmoneyALL+shuiemoneyAll)
     }
     if(this.costPayData.length!==0){
      if(this.costPayData[this.costPayData.length-1].setNo=='合计'){this.costPayData.pop()}
       this.costPayData.push(obj)
      }
      this.detailsPlanNum.shuiemoney = shuiemoneyAll.toFixed(3)
      this.detailsPlanNum.rmbNorTaxExpense = obj.disbursedLocalmoney.toFixed(2)
      this.detailsPlanNum.rmbExpense = obj.iNatMoney.toFixed(2)
    },
    daYin(){
         this.showSelect = 1
         this.$nextTick(() => {
          const html = window.document.getElementById('costAllocationTable').innerHTML 
         const win = window.open();
         const style = '<style>\n'
         +'.noprint{display:none}'
        //  +'.ant-table-body-inner{overflow-x: hidden !important;overflow-y: hidden !important }' //去除滚动条
          +'.ant-table-body{overflow-x: hidden !important ;overflow-y: hidden !important}' 
           +'.ant-table-header {overflow-x: hidden !important ;overflow-y: hidden !important}' 
           +'.ant-table-fixed-left{display: none !important}' 
           +'.ant-tabs-nav-container{display: none !important}' 
         +'.kk{display:flex;flex-wrap: wrap}' //主要信息并排
         +'.ant-col-sm-8{width:40%;margin-bottom: 6px;}'
         +'.ant-form-item-label{width:55%;font-size: 12px;}'
         +'.ant-form-item-children{font-size: 12px}'
         +'.ant-card-head-title{font-weight: bold;font-size: 0.67em;margin-bottom: 9px;}'
         +'.ant-form-item-control-wrapper{width:100%}'
         +'.ant-input{width:100%}'
         +'.ant-form-item{display:flex}'
         + 'table{width: 100% !important;border-collapse: collapse;border-spacing: 0;overflow-x:hidden;}\n'
         + 'th,td{width:2%;height: 18px;border: 1px solid #999;font-size: 12px;color: #666;max-width:2000px;text-align: center;word-wrap: break-word;}\n'
         +'.ant-table-row-cell-break-word{width:5% !important}'
         + 'th{color: #333}\n'
         + 'a{color: #666; text-decoration:none;}\n'
         + '</style>';
         win.document.write(style+html);
         win.focus();
         win.print();
         win.close();
		     this.showSelect = 0
        })
        
    },
    //该表税率
    changeTaxrate(){
      this.$refs.unitTabs.changeTaxrate(this.detailsPlanNum.taxrate)
    },
    //计算事故单美元金额和事故单人民币金额
    accidentCalculation(val){
      var usaMoney = 0,
          rmbMoney = 0
      val.map(item=>{
        if(item.accidentType=='应补' && item.amount!==''&&item.amount&&item.amount!=='0'){
           item.amount=Number(item.amount)*(-1)
        }else if(item.accidentType=='应补' && item.amountrmb!==''&&item.amountrmb&&item.amountrmb!=='0'){
          item.amountrmb = Number(item.amountrmb)*(-1)
        }
        usaMoney += Number(item.amount),
        rmbMoney+=Number(item.amountrmb)
      })
      this.detailsPlanNum.accidentUsdamount = usaMoney.toFixed(2)
      this.detailsPlanNum.accidentcnyAmount = rmbMoney.toFixed(2)
    },

    // 页面 保存
    save() {
      console.log('点击保存')

      this.isDisabled = true
      setTimeout(() => {
        let that = this
        that.isDisabled = false
      }, 3000)

      // if (this.detailsPlanNum.remarks) {
        // 保存 部分信息
        var halfInfo = {}
        // halfInfo.planNum = this.detailsPlanNum.planNum
        // halfInfo.remarks = this.detailsPlanNum.remarks
        // halfInfo.billstatus = '1'
        // console.log(halfInfo.planNum, halfInfo.remarks, halfInfo.billstatus)
        // var planNum = this.detailsPlanNum.planNum,
         var json = this.detailsPlanNum
         json.outdata=moment(json.outdata).format('YYYY-MM-DD hh:mm:ss')
         this.loading=true
        addHalfInfo(json).then(res => {
          this.isDisabled = false  
          this.loading=false
          if (res.success) {
            console.log('保存的部分信息', halfInfo)
            this.$message.success('保存成功')
            halfInfo = {}
          }else{
            this.$message.error(res.message);
          }
        })
      // } else {
      //   this.$message.error('备注不能为空')
      // }
    },

    //  主表：人民币费用支出  弹框
    mainTableExpenseCNY() {
      console.log('点击:主表人民币费用支出')
      this.$refs.mainTableExpenseCNYModal.mainTableExpenseCNYModVis = true
      this.$refs.mainTableExpenseCNYModal.mainTableExpenseCNYData = this.costPayData
      this.$refs.mainTableExpenseCNYModal.fixedData = this.costPayData
    },
    // 主表：美元费用支出  弹框
    mainTableExpenseUSD() {
      console.log('点击:主表美元费用支出')
      this.$refs.mainTableExpenseUSDModal.mainTableExpenseUSDModVis = true
      this.$refs.mainTableExpenseUSDModal.mainTableExpenseUSDData = this.costPayData
      this.$refs.mainTableExpenseUSDModal.fixedData = this.costPayData
    },
    orderDataChange(data){
      this.detailsPlanNum.queryTime = moment(data).format('yyyy-MM-DD')
    },

    // 事故单 单号 弹框
    accidentListCustomCell(record) {
      return {
        on: {
          click: event => {
            
// this.$router.push({path:'http://localhost:3000/#/IncidentTicketModalDetail'})
            // console.log('this:', this)
            // // 调用【面料损耗表】中的【事故单】弹框
            // this.$refs.accidentListModal.accidentListModVis = true
            // this.$refs.accidentListModal.accidentList = record
            
          }
        }
      }
    },
    number(data1,data2){
      this.detailsPlanNum.fabriccostNotincludestax =  data1
      // this.detailsPlanNum.excipiencostNotincludestax =  data2
    },
    FabInQua(data){
      if(this.copyFabriccostIncludestax!== this.detailsPlanNum.fabriccostIncludestax){
        this.detailsPlanNum.fabriccostIncludestax=data.toFixed(2)//面料含税成本
      }
     
    },

    // father 方法
    aa() {},
    bb() {},
    cc() {}
  },
  computed: {
    importExcelUrl: function() {
        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    },
  },
  mounted() {}
}
</script>
<style lang="less" scoped>
@import '~@assets/less/common.less';
@import '~@assets/less/overwriter.less';
/deep/ .ant-table-thead > tr > th {
  text-align: center;
  // font-weight: 700;
}

/deep/ .ant-table-tbody {
  text-align: center;
}
/deep/ .fontColor .ant-form-item-label > label{
  color: red !important;
}

// /deep/ th.replacecolor {
//   background-color: #ccc;
// }

// 抽屉里的card样式
// /deep/ .ant-drawer-content {
//   background-color: #f0f2f5;
// }
// /deep/ .ant-drawer-body {
//   padding: 10px;
// }
/deep/ form :not(.ant-input-group-wrapper) > .ant-input-group, form .ant-input-group-wrapper{
  width: 65% !important;
}
/deep/ .ant-input-group{
  padding-right: 6px !important;
}
.taxrate{
  width: 40%;
}
</style>