This commit is contained in:
2022-12-03 14:03:29 +08:00
parent e35bb630cd
commit 64efeb8da5
3 changed files with 179 additions and 94 deletions

View File

@@ -83,7 +83,7 @@
v-model="query.sale_order_name"
clearable
size="small"
placeholder="sap批次"
placeholder="销售订单"
style="width: 200px;"
class="filter-item"
/>

View File

@@ -10,7 +10,7 @@
>
<el-row v-show="crud.status.cu > 0" :gutter="20">
<el-col :span="20" style="border: 1px solid white">
<span />
<span/>
</el-col>
<el-col :span="4">
<span>
@@ -36,11 +36,11 @@
label-width="85px"
label-suffix=":"
>
<el-input v-show="false" v-model="form.stor_code" placeholder="仓库编码" />
<el-input v-show="false" v-model="form.stor_name" placeholder="仓库名称" />
<el-input v-show="false" v-model="form.stor_code" placeholder="仓库编码"/>
<el-input v-show="false" v-model="form.stor_name" placeholder="仓库名称"/>
<el-form-item label="单据号" prop="bill_code">
<label slot="label">单&nbsp;&nbsp;据&nbsp;号:</label>
<el-input v-model="form.bill_code" disabled placeholder="系统生成" clearable style="width: 210px" />
<el-input v-model="form.bill_code" disabled placeholder="系统生成" clearable style="width: 210px"/>
</el-form-item>
<el-form-item label="仓库" prop="stor_id">
<label slot="label">仓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;库:</label>
@@ -94,7 +94,7 @@
<el-form-item label="明细数" prop="detail_count">
<label slot="label">明&nbsp;&nbsp;细&nbsp;数:</label>
<el-input v-model="form.detail_count" size="mini" disabled style="width: 210px" />
<el-input v-model="form.detail_count" size="mini" disabled style="width: 210px"/>
</el-form-item>
<el-form-item label="总重量" prop="total_qty">
<label slot="label">总&nbsp;&nbsp;重&nbsp;量:</label>
@@ -134,7 +134,7 @@
<span v-if="crud.status.cu > 0" class="crud-opts-right2">
<!--左侧插槽-->
<slot name="left" />
<slot name="left"/>
<el-button
slot="left"
class="filter-item"
@@ -156,72 +156,92 @@
border
:header-cell-style="{background:'#f5f7fa',color:'#606266'}"
>
<el-table-column key="1" type="index" label="序号" width="50" align="center" />
<el-table-column key="3" prop="material_code" label="物料编码" width="150" align="center" />
<el-table-column key="1" type="index" label="序号" width="50" align="center"/>
<el-table-column key="3" prop="material_code" label="物料编码" width="150" align="center"/>
<el-table-column key="4" prop="material_name" label="物料名称" align="center" min-width="200"/>
<el-table-column key="5" prop="pcsn" label="批次号" align="center" min-width="150" show-overflow-tooltip />
<el-table-column key="5" prop="pcsn" label="批次号" align="center" min-width="150"/>
<el-table-column
key="10"
show-overflow-tooltip
prop="qty"
label="重量"
:formatter="crud.formatNum3"
width="120"
align="center"
/>
<el-table-column key="11" show-overflow-tooltip prop="storagevehicle_code" label="载具号" />
<el-table-column key="12" show-overflow-tooltip prop="turnout_sect_name" label="库区" />
<el-table-column key="14" show-overflow-tooltip prop="turnout_struct_code" label="货位" />
<el-table-column key="15" width="150" show-overflow-tooltip prop="sale_order_name" label="销售订单行号-" />
<el-table-column key="16" width="150" show-overflow-tooltip prop="new_sale_order_name" label="销售订单行号-">
<el-table-column key="11" show-overflow-tooltip prop="storagevehicle_code" label="载具号"/>
<el-table-column key="12" prop="turnout_sect_name" label="库区"/>
<el-table-column key="14" prop="turnout_struct_code" show-overflow-tooltip label="货位"/>
<el-table-column key="15" width="150" prop="sale_order_name" show-overflow-tooltip label="销售订单行号-"/>
<el-table-column key="16" width="150" prop="new_sale_order_name" label="销售订单行号-">
<template scope="scope">
<el-input v-show="!scope.row.edit" v-model="scope.row.new_sale_order_name" class="input-with-select">
</el-input>
<el-input v-show="!scope.row.edit" v-model="scope.row.new_sale_order_name" @input="saleInput(form.tableData[scope.$index])" class="input-with-select"/>
<span v-show="scope.row.edit">{{ scope.row.new_sale_order_name }}</span>
</template>
</el-table-column>
<el-table-column key="17" width="150" show-overflow-tooltip prop="customer_name" label="客户编码-" />
<el-table-column key="18" width="150" show-overflow-tooltip prop="customer_description" label="客户名称-" />
<el-table-column key="19" width="150" show-overflow-tooltip prop="new_customer_name" label="客户编码-">
<el-table-column key="17" width="150" prop="customer_name" label="客户编码-"/>
<el-table-column key="18" width="150" prop="customer_description" label="客户名称-"/>
<el-table-column key="19" width="150" prop="new_customer_name" label="客户编码-">
<template scope="scope">
<el-input v-show="!scope.row.edit" v-model="scope.row.new_customer_name" class="input-with-select">
</el-input>
<span v-show="scope.row.edit">{{ scope.row.new_customer_name }}</span>
</template>
</el-table-column>
<el-table-column key="20" width="150" show-overflow-tooltip prop="new_customer_description" label="客户名称-" >
<template scope="scope">
<el-input v-show="!scope.row.edit" v-model="scope.row.new_customer_description" class="input-with-select">
</el-input>
<span v-show="scope.row.edit">{{ scope.row.new_customer_description }}</span>
</template>
</el-table-column>
<el-table-column key="21" width="150" show-overflow-tooltip prop="demand_date" label="交货日期-">
<template scope="scope">
<el-input v-show="!scope.row.edit" v-model="scope.row.demand_date" class="input-with-select">
<el-input v-show="!scope.row.edit" v-model="scope.row.new_customer_name" @input="custInput(form.tableData[scope.$index])" class="input-with-select">
</el-input>
<span v-show="scope.row.edit">{{ scope.row.demand_date }}</span>
<span v-show="scope.row.edit">{{ scope.row.new_customer_name }}</span>
</template>
</el-table-column>
<el-table-column key="24" width="150" show-overflow-tooltip prop="date_of_fg_inbound" label="制作日期-">
<el-table-column key="20" width="150" prop="new_customer_description" label="客户名称-">
<template scope="scope">
<el-input v-show="!scope.row.edit" v-model="scope.row.date_of_fg_inbound" class="input-with-select">
</el-input>
<span v-show="scope.row.edit">{{ scope.row.date_of_fg_inbound }}</span>
<el-input v-show="!scope.row.edit" v-model="scope.row.new_customer_description" @input="custNameInput(form.tableData[scope.$index])" class="input-with-select">
</el-input>
<span v-show="scope.row.edit">{{ scope.row.new_customer_description }}</span>
</template>
</el-table-column>
<el-table-column key="22" width="150" show-overflow-tooltip prop="isreprintpackageboxlabel" label="更换外包装标签">
<el-table-column key="21" width="300" prop="demand_date" label="交货日期-" >
<template scope="scope">
<el-input v-show="!scope.row.edit" v-model="scope.row.isreprintpackageboxlabel" class="input-with-select">
</el-input>
<span v-show="scope.row.edit">{{ scope.row.isreprintpackageboxlabel }}</span>
<el-date-picker
v-model="scope.row.demand_date"
type="date"
@change="demandChange(form.tableData[scope.$index])"
:disabled="scope.row.edit"
placeholder="选择日期"
value-format="yyyy-MM-dd">
</el-date-picker>
</template>
</el-table-column>
<el-table-column key="23" width="150" show-overflow-tooltip prop="isunpackbox" label="更换子卷标签">
<el-table-column key="24" width="300" prop="date_of_fg_inbound" label="制作日期-" >
<template scope="scope">
<el-input v-show="!scope.row.edit" v-model="scope.row.isunpackbox" class="input-with-select">
</el-input>
<span v-show="scope.row.edit">{{ scope.row.isunpackbox }}</span>
<el-date-picker
v-model="scope.row.date_of_fg_inbound"
type="date"
:disabled="scope.row.edit"
@change="inChange(form.tableData[scope.$index])"
placeholder="选择日期"
value-format="yyyy-MM-dd">
</el-date-picker>
</template>
</el-table-column>
<el-table-column key="22" width="150" prop="isreprintpackageboxlabel" label="更换外包装标签">
<template scope="scope">
<el-switch
:disabled="scope.row.edit"
v-model="scope.row.isreprintpackageboxlabel"
active-value="1"
inactive-value="0"
active-color="#13ce66"
@change="packageChange(form.tableData[scope.$index])"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column key="23" width="150" prop="isunpackbox" label="更换子卷标签">
<template scope="scope">
<el-switch
:disabled="scope.row.edit"
v-model="scope.row.isunpackbox"
active-value="1"
inactive-value="0"
@change="boxChange(form.tableData[scope.$index])"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column v-if="crud.status.cu > 0" key="25" align="center" label="操作" width="160" fixed="right">
@@ -254,8 +274,8 @@
</template>
</el-table-column>
</el-table>
<AddDtl :dialog-show.sync="dtlShow" @tableChanged="tableChanged" />
<StructDiv ref="child" :dialog-show.sync="structShow" @tableChanged="structChanged" />
<AddDtl :dialog-show.sync="dtlShow" @tableChanged="tableChanged"/>
<StructDiv ref="child" :dialog-show.sync="structShow" @tableChanged="structChanged"/>
</el-dialog>
</template>
@@ -377,6 +397,63 @@ export default {
}
})
},
saleInput(val) {
for (let i = 0; i < this.form.tableData.length; i++) {
if (this.form.tableData[i].storagevehicle_code === val.storagevehicle_code) {
this.$set(this.form.tableData[i], 'new_sale_order_name', val.new_sale_order_name)
this.form.tableData.splice(i, 1, this.form.tableData[i]) // 通过splice 替换数据 触发视图更新
}
}
},
custInput(val) {
for (let i = 0; i < this.form.tableData.length; i++) {
if (this.form.tableData[i].storagevehicle_code === val.storagevehicle_code) {
this.$set(this.form.tableData[i], 'new_customer_name', val.new_customer_name)
this.form.tableData.splice(i, 1, this.form.tableData[i]) // 通过splice 替换数据 触发视图更新
}
}
},
custNameInput(val) {
for (let i = 0; i < this.form.tableData.length; i++) {
if (this.form.tableData[i].storagevehicle_code === val.storagevehicle_code) {
this.$set(this.form.tableData[i], 'new_customer_description', val.new_customer_description)
this.form.tableData.splice(i, 1, this.form.tableData[i]) // 通过splice 替换数据 触发视图更新
}
}
},
demandChange(val) {
for (let i = 0; i < this.form.tableData.length; i++) {
if (this.form.tableData[i].storagevehicle_code === val.storagevehicle_code) {
this.$set(this.form.tableData[i], 'demand_date', val.demand_date)
this.form.tableData.splice(i, 1, this.form.tableData[i]) // 通过splice 替换数据 触发视图更新
}
}
},
inChange(val) {
for (let i = 0; i < this.form.tableData.length; i++) {
if (this.form.tableData[i].storagevehicle_code === val.storagevehicle_code) {
this.$set(this.form.tableData[i], 'date_of_fg_inbound', val.date_of_fg_inbound)
this.form.tableData.splice(i, 1, this.form.tableData[i]) // 通过splice 替换数据 触发视图更新
}
}
},
boxChange(val) {
debugger
for (let i = 0; i < this.form.tableData.length; i++) {
if (this.form.tableData[i].storagevehicle_code === val.storagevehicle_code) {
this.$set(this.form.tableData[i], 'isunpackbox', val.isunpackbox)
this.form.tableData.splice(i, 1, this.form.tableData[i]) // 通过splice 替换数据 触发视图更新
}
}
},
packageChange(val) {
for (let i = 0; i < this.form.tableData.length; i++) {
if (this.form.tableData[i].storagevehicle_code === val.storagevehicle_code) {
this.$set(this.form.tableData[i], 'isreprintpackageboxlabel', val.isreprintpackageboxlabel)
this.form.tableData.splice(i, 1, this.form.tableData[i]) // 通过splice 替换数据 触发视图更新
}
}
},
async queryDtl() {
this.dtlShow = true
},
@@ -452,12 +529,6 @@ export default {
},
handleEdit(index, row) {
// 判断是否可以关闭编辑状态
if (!row.edit) {
/*if (row.turnin_struct_id === '') {
this.crud.notify('请先选择载具:' + row.storagevehicle_code + '的移入货位!', CRUD.NOTIFICATION_TYPE.INFO)
return false
}*/
}
row.edit = !row.edit
this.form.tableData.splice(index, 1, row) // 通过splice 替换数据 触发视图更新
if (row.edit) {