|
@@ -1,165 +1,170 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <div class="tbasTop">
|
|
|
- <el-table
|
|
|
- :row-style="{height:'20px',padding:'0px',fontSize:'12px'}"
|
|
|
- :cell-style="{padding:'0px',fontSize:'12px'}"
|
|
|
- :data="assemblyForm.waitingBoxList"
|
|
|
- :header-cell-style="tableHeaderCellStyle"
|
|
|
- border
|
|
|
- stripe
|
|
|
- height="300px"
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column
|
|
|
- prop="billNo"
|
|
|
- label="BILLNO">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="hblno"
|
|
|
- label="H B/L NO">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="corpCnName"
|
|
|
- label="客户">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="polCnName"
|
|
|
- label="目的港">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="editQuantity"
|
|
|
- label="件数">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-input v-if="scope.row.edit"
|
|
|
- type="numbers" size="small"
|
|
|
- v-model="scope.row.editQuantity"
|
|
|
- clearable placeholder="请输入件数" @blur="quantityBlur(scope.row)"
|
|
|
- ></el-input>
|
|
|
- <span v-else>{{Number(scope.row.editQuantity).toFixed(0)}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="editGrossWeight"
|
|
|
- label="毛重">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-input v-if="scope.row.edit"
|
|
|
- type="numbers" size="small"
|
|
|
- v-model="scope.row.editGrossWeight"
|
|
|
- clearable placeholder="请输入毛重"
|
|
|
- ></el-input>
|
|
|
- <span v-else>{{Number(scope.row.editGrossWeight).toFixed(2)}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="editMeasurement"
|
|
|
- label="尺码(体积)">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-input v-if="scope.row.edit"
|
|
|
- type="numbers" size="small"
|
|
|
- v-model="scope.row.editMeasurement"
|
|
|
- clearable placeholder="请输入尺码(体积)"
|
|
|
- ></el-input>
|
|
|
- <span v-else>{{Number(scope.row.editMeasurement).toFixed(2)}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="quantity"
|
|
|
- label="总件数">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{Number(scope.row.quantity).toFixed(0)}}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="grossWeight"
|
|
|
- label="总毛重">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{Number(scope.row.grossWeight).toFixed(2)}}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="measurement"
|
|
|
- label="总尺码(体积)">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{Number(scope.row.measurement).toFixed(2)}}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="操作"
|
|
|
- width="100">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" size="small" v-if="scope.row.edit"
|
|
|
- :disabled="detailData.seeDisabled" @click="waitingBoxeditfun(scope.row,false)">保存</el-button>
|
|
|
- <el-button type="text" size="small" v-else
|
|
|
- :disabled="detailData.seeDisabled" @click="waitingBoxeditfun(scope.row,true)">编辑</el-button>
|
|
|
- <el-button type="text" size="small"
|
|
|
- :disabled="detailData.seeDisabled" @click="allocationfun(scope.row)">分配</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
+ <el-tabs v-model="activeName">
|
|
|
+ <el-tab-pane label="装箱" name="first">
|
|
|
+ <div class="tbasTop">
|
|
|
+ <el-table
|
|
|
+ :row-style="{height:'20px',padding:'0px',fontSize:'12px'}"
|
|
|
+ :cell-style="{padding:'0px',fontSize:'12px'}"
|
|
|
+ :data="assemblyForm.waitingBoxList"
|
|
|
+ :header-cell-style="tableHeaderCellStyle"
|
|
|
+ border
|
|
|
+ stripe
|
|
|
+ height="300px"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column
|
|
|
+ prop="billNo"
|
|
|
+ label="BILLNO">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="hblno"
|
|
|
+ label="H B/L NO">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="corpCnName"
|
|
|
+ label="客户">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="polCnName"
|
|
|
+ label="目的港">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="editQuantity"
|
|
|
+ label="件数">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input v-if="scope.row.edit"
|
|
|
+ type="numbers" size="small"
|
|
|
+ v-model="scope.row.editQuantity"
|
|
|
+ clearable placeholder="请输入件数" @blur="quantityBlur(scope.row)"
|
|
|
+ ></el-input>
|
|
|
+ <span v-else>{{Number(scope.row.editQuantity).toFixed(0)}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="editGrossWeight"
|
|
|
+ label="毛重">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input v-if="scope.row.edit"
|
|
|
+ type="numbers" size="small"
|
|
|
+ v-model="scope.row.editGrossWeight"
|
|
|
+ clearable placeholder="请输入毛重"
|
|
|
+ ></el-input>
|
|
|
+ <span v-else>{{Number(scope.row.editGrossWeight).toFixed(2)}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="editMeasurement"
|
|
|
+ label="尺码(体积)">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input v-if="scope.row.edit"
|
|
|
+ type="numbers" size="small"
|
|
|
+ v-model="scope.row.editMeasurement"
|
|
|
+ clearable placeholder="请输入尺码(体积)"
|
|
|
+ ></el-input>
|
|
|
+ <span v-else>{{Number(scope.row.editMeasurement).toFixed(2)}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="quantity"
|
|
|
+ label="总件数">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{Number(scope.row.quantity).toFixed(0)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="grossWeight"
|
|
|
+ label="总毛重">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{Number(scope.row.grossWeight).toFixed(2)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="measurement"
|
|
|
+ label="总尺码(体积)">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{Number(scope.row.measurement).toFixed(2)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="small" v-if="scope.row.edit"
|
|
|
+ :disabled="detailData.seeDisabled" @click="waitingBoxeditfun(scope.row,false)">保存</el-button>
|
|
|
+ <el-button type="text" size="small" v-else
|
|
|
+ :disabled="detailData.seeDisabled" @click="waitingBoxeditfun(scope.row,true)">编辑</el-button>
|
|
|
+ <el-button type="text" size="small"
|
|
|
+ :disabled="detailData.seeDisabled" @click="allocationfun(scope.row)">分配</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="货物明细" name="second">
|
|
|
+ <div class="tbasTop">
|
|
|
+ <el-table
|
|
|
+ :row-style="{height:'20px',padding:'0px',fontSize:'12px'}"
|
|
|
+ :cell-style="{padding:'0px',fontSize:'12px',textAlign:'center'}"
|
|
|
+ :data="containersBillsList"
|
|
|
|
|
|
- <div class="tbasTop">
|
|
|
- <el-table
|
|
|
- :row-style="{height:'20px',padding:'0px',fontSize:'12px'}"
|
|
|
- :cell-style="{padding:'0px',fontSize:'12px',textAlign:'center'}"
|
|
|
- :data="containersBillsList"
|
|
|
-
|
|
|
- :header-cell-style="tableHeaderCellStyle"
|
|
|
- border
|
|
|
- stripe
|
|
|
- height="300px"
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column
|
|
|
- prop="code"
|
|
|
- label="业务编号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="hblno"
|
|
|
- label="HBLNO">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="mblno"
|
|
|
- label="MBLNO">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="polCnName"
|
|
|
- label="目的港">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="quantity"
|
|
|
- label="件数">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{Number(scope.row.quantity).toFixed(0)}}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="grossWeight"
|
|
|
- label="毛重">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{Number(scope.row.grossWeight).toFixed(2)}}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="measurement"
|
|
|
- label="尺码">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{Number(scope.row.measurement).toFixed(2)}}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="remarks"
|
|
|
- label="备注">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="操作"
|
|
|
- width="100">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" size="small"
|
|
|
- :disabled="detailData.seeDisabled" @click="withdrawfun(scope.row,scope.$index)">撤回</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
+ :header-cell-style="tableHeaderCellStyle"
|
|
|
+ border
|
|
|
+ stripe
|
|
|
+ height="300px"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column
|
|
|
+ prop="code"
|
|
|
+ label="业务编号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="hblno"
|
|
|
+ label="HBLNO">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="mblno"
|
|
|
+ label="MBLNO">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="polCnName"
|
|
|
+ label="目的港">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="quantity"
|
|
|
+ label="件数">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{Number(scope.row.quantity).toFixed(0)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="grossWeight"
|
|
|
+ label="毛重">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{Number(scope.row.grossWeight).toFixed(2)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="measurement"
|
|
|
+ label="尺码">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{Number(scope.row.measurement).toFixed(2)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="remarks"
|
|
|
+ label="备注">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="small"
|
|
|
+ :disabled="detailData.seeDisabled" @click="withdrawfun(scope.row,scope.$index)">撤回</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -168,7 +173,7 @@
|
|
|
export default {
|
|
|
props:{
|
|
|
assemblyForm:{},
|
|
|
- detailData:{}
|
|
|
+ detailData:{},
|
|
|
},
|
|
|
data(){
|
|
|
return {
|
|
@@ -178,6 +183,8 @@
|
|
|
subtractContainersBillsList:[],
|
|
|
// 要选择的数据
|
|
|
waitingBoxList:[],
|
|
|
+ // tabs切换
|
|
|
+ activeName:"first",
|
|
|
}
|
|
|
},
|
|
|
created() {
|