You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
359 lines
14 KiB
Vue
359 lines
14 KiB
Vue
<template>
|
|
<div>
|
|
|
|
<el-card v-if="isShow">
|
|
<el-form>
|
|
<el-row>
|
|
<span style="margin-left: 6px">单据备注:</span>
|
|
<el-input
|
|
style="margin-top: 6px"
|
|
type="textarea"
|
|
:rows="2"
|
|
v-model="orderQuery.printRemark"
|
|
placeholder="请输入单据备注内容"
|
|
>
|
|
</el-input>
|
|
</el-row>
|
|
|
|
</el-form>
|
|
|
|
<div style=" float: right;
|
|
text-align: right;
|
|
margin-top: 8px;margin-bottom: 8px;"
|
|
>
|
|
<el-button type="primary" size="small" @click="updateOrderRemark">保存</el-button>
|
|
|
|
</div>
|
|
</el-card>
|
|
<el-card class="el-card">
|
|
<el-row style="margin-bottom: 20px;">
|
|
<el-button type="primary" @click="batchSetParams(null,'salesListNo')">批量设置销售清单</el-button>
|
|
<el-button type="primary" @click="batchSetParams(null, 'firstSalesInvNo')">批量设置销售发票第一票</el-button>
|
|
<el-button type="primary" @click="batchSetParams(null, 'secSalesInvNo')">批量设置销售发票第二票</el-button>
|
|
</el-row>
|
|
|
|
<el-table v-loading="detailLoading"
|
|
:data="detailList"
|
|
highlight-current-row
|
|
@selection-change="changeFun"
|
|
style="width: 100%">
|
|
|
|
<el-table-column
|
|
type="selection"
|
|
width="55">
|
|
</el-table-column>
|
|
|
|
<el-table-column type="index" label="序号" width="50"></el-table-column>
|
|
<el-table-column label="产品通用名" width="200" prop="productName"></el-table-column>
|
|
<el-table-column label="包装规格" width="200" prop="spec"></el-table-column>
|
|
<el-table-column label="批次号" width="100" prop="batchNo"></el-table-column>
|
|
|
|
<el-table-column label="生产日期" width="120" prop="productDate"></el-table-column>
|
|
<el-table-column label="失效日期" width="120" prop="expireDate"></el-table-column>
|
|
<el-table-column label="单据数量" width="100" prop="count"></el-table-column>
|
|
<el-table-column label="实际数量" width="100" prop="reCount"></el-table-column>
|
|
<el-table-column label="价格" width="120" prop="price"></el-table-column>
|
|
<el-table-column label="销售清单号（第二票）" width="180" prop="secSalesListNo">
|
|
<template slot-scope="scope">
|
|
<el-input :disabled="scope.$index !== currentCheckIndex" v-model="scope.row.secSalesListNo"
|
|
placeholder="请输入"></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="销售发票号（第一票）" width="180" prop="firstSalesInvNo">
|
|
<template slot-scope="scope">
|
|
<el-input :disabled="scope.$index !== currentCheckIndex" v-model="scope.row.firstSalesInvNo"
|
|
placeholder="请输入"></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="销售发票号（第二票）" width="180" prop="secSalesInvNo">
|
|
<template slot-scope="scope">
|
|
<el-input :disabled="scope.$index !== currentCheckIndex" v-model="scope.row.secSalesInvNo"
|
|
placeholder="请输入"></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="发票日期" width="150" prop="invoiceDate">
|
|
<template slot-scope="scope">
|
|
<el-date-picker :disabled="scope.$index !== currentCheckIndex" format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd" type="date" placeholder="选择日期"
|
|
v-model="scope.row.invoiceDate" style="width: 100%;"></el-date-picker>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="150" prop="price" fixed="right">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
type="text"
|
|
size="small"
|
|
@click="handleEdit(scope.$index, scope.row)"
|
|
>编辑
|
|
</el-button>
|
|
<el-button
|
|
type="text"
|
|
size="small"
|
|
@click="handleSave(scope.$index, scope.row)"
|
|
>保存
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<el-pagination
|
|
:page-size="detailQuery.limit"
|
|
@current-change="detailHandleCurrentChange"
|
|
layout="prev, pager, next"
|
|
:total="detailTotal"
|
|
>
|
|
</el-pagination>
|
|
</el-card>
|
|
|
|
<el-dialog v-bind:width="'25%'" :visible.sync="salesListNoFormVisible" append-to-body>
|
|
<el-form :model="batchForm">
|
|
<label></label>
|
|
<el-form-item label="销售清单：" :label-width="formLabelWidth">
|
|
<el-input style="width: 80%;;" v-model="batchForm.secSalesListNo" autocomplete="off"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button @click="salesListNoFormVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="batchSetParams('1','salesListNo')">确 定</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
<el-dialog v-bind:width="'25%'" :visible.sync="firstSalesInvNoFormVisible" append-to-body>
|
|
<el-form :model="batchForm">
|
|
<label></label>
|
|
<el-form-item label="销售发票第一票：" :label-width="formLabelWidth">
|
|
<el-input style="width: 80%;;" v-model="batchForm.firstSalesInvNo" autocomplete="off"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button @click="firstSalesInvNoFormVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="batchSetParams('1','firstSalesInvNo')">确 定</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
<el-dialog v-bind:width="'25%'" :visible.sync="secSalesInvNoFormVisible" append-to-body>
|
|
<el-form :model="batchForm">
|
|
<label></label>
|
|
<el-form-item label="销售发票第二票：" :label-width="formLabelWidth">
|
|
<el-input style="width: 80%;" v-model="batchForm.secSalesInvNo" autocomplete="off"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="发票日期：" :label-width="formLabelWidth">
|
|
<el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"
|
|
v-model="batchForm.invoiceDate" style="width: 80%;"></el-date-picker>
|
|
</el-form-item>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button @click="secSalesInvNoFormVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="batchSetParams('1','secSalesInvNo')">确 定</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import {stockOrderDetail, updateStockOrderDetail, findOrderByStockOrder} from "@/api/inout/stockOrder";
|
|
import {updateOrder} from "@/api/inout/order";
|
|
|
|
export default {
|
|
name: "stockOrderEdit",
|
|
props: {
|
|
detailList: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
billData: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
isShow:{
|
|
flag:true,
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
orderQuery: {
|
|
id: null,
|
|
printRemark: "",
|
|
},
|
|
detailLoading: false,
|
|
orderEntity: null,
|
|
detailQuery: {
|
|
orderIdFk: "",
|
|
page: 1,
|
|
limit: 20
|
|
},
|
|
detailTotal: 0,
|
|
batchForm: {
|
|
secSalesListNo: '',
|
|
firstSalesInvNo: '',
|
|
secSalesInvNo: '',
|
|
invoiceDate: ''
|
|
},
|
|
multipId: [],
|
|
currentCheckIndex: -1,
|
|
salesListNoFormVisible: false,
|
|
firstSalesInvNoFormVisible: false,
|
|
secSalesInvNoFormVisible: false,
|
|
}
|
|
},
|
|
methods: {
|
|
handleEdit(index, row) {
|
|
this.currentCheckIndex = index;
|
|
},
|
|
handleSave(index, row) {
|
|
this.currentCheckIndex = -1;
|
|
|
|
updateStockOrderDetail(row).then((res) => {
|
|
if (res.code == 20000) {
|
|
this.$message.success(res.data);
|
|
}
|
|
})
|
|
},
|
|
changeFun(row) {
|
|
let _this = this;
|
|
_this.multipId = []; //每次改动重置ID
|
|
row.forEach((item) => {
|
|
_this.multipId.push(item.id);
|
|
})
|
|
},
|
|
batchSetParams(flag, type) {
|
|
if (flag == '1' && type == 'salesListNo') {
|
|
|
|
if (this.$isBlank(this.batchForm.secSalesListNo)) {
|
|
this.$message.warning("请输入销售清单");
|
|
return;
|
|
}
|
|
|
|
this.salesListNoFormVisible = false;
|
|
this.detailList.forEach(data => {
|
|
this.multipId.forEach(id => {
|
|
if (data.id == id) {
|
|
data.secSalesListNo = this.batchForm.secSalesListNo;
|
|
//更新到数据库
|
|
updateStockOrderDetail(data);
|
|
}
|
|
})
|
|
});
|
|
//置空批量设置表单
|
|
Object.keys(this.batchForm).forEach(key => this.batchForm[key] = '');
|
|
} else if (flag == '1' && type == 'firstSalesInvNo') {
|
|
if (this.$isBlank(this.batchForm.firstSalesInvNo)) {
|
|
this.$message.warning("请输入销售发票第一票");
|
|
return;
|
|
}
|
|
this.firstSalesInvNoFormVisible = false;
|
|
this.detailList.forEach(data => {
|
|
this.multipId.forEach(id => {
|
|
if (data.id == id) {
|
|
data.firstSalesInvNo = this.batchForm.firstSalesInvNo;
|
|
//更新到数据库
|
|
updateStockOrderDetail(data);
|
|
}
|
|
})
|
|
});
|
|
Object.keys(this.batchForm).forEach(key => this.batchForm[key] = '');
|
|
} else if (flag == '1' && type == 'secSalesInvNo') {
|
|
if (this.$isBlank(this.batchForm.secSalesInvNo)) {
|
|
this.$message.warning("请输入销售发票第二票");
|
|
return;
|
|
}
|
|
this.secSalesInvNoFormVisible = false;
|
|
this.detailList.forEach(data => {
|
|
this.multipId.forEach(id => {
|
|
if (data.id == id) {
|
|
data.secSalesInvNo = this.batchForm.secSalesInvNo;
|
|
data.invoiceDate = this.batchForm.invoiceDate;
|
|
//更新到数据库
|
|
updateStockOrderDetail(data);
|
|
}
|
|
})
|
|
});
|
|
Object.keys(this.batchForm).forEach(key => this.batchForm[key] = '');
|
|
} else {
|
|
if (this.multipId.length == 0) {
|
|
this.$message.warning("请选择数据");
|
|
} else {
|
|
switch (type) {
|
|
case 'salesListNo':
|
|
this.salesListNoFormVisible = true;
|
|
return;
|
|
case 'firstSalesInvNo':
|
|
this.firstSalesInvNoFormVisible = true;
|
|
return;
|
|
case 'secSalesInvNo':
|
|
this.secSalesInvNoFormVisible = true;
|
|
return;
|
|
default:
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
detailHandleCurrentChange(val) {
|
|
this.query.page = val;
|
|
this.getStockOrderDetailList();
|
|
},
|
|
getStockOrderDetailList(row) {
|
|
if (this.$isNotBlank(row)) {
|
|
this.detailQuery.orderIdFk = row.id;
|
|
}
|
|
this.detailLoading = true;
|
|
stockOrderDetail(this.detailQuery)
|
|
.then((response) => {
|
|
this.detailLoading = false;
|
|
this.detailList = response.data.list || [];
|
|
this.detailTotal = response.data.total;
|
|
})
|
|
.catch(() => {
|
|
this.detailLoading = false;
|
|
this.detailList = [];
|
|
});
|
|
},
|
|
|
|
|
|
getByStockOrder() {
|
|
let query = {
|
|
stockOrderId: this.billData.billNo
|
|
};
|
|
findOrderByStockOrder(query)
|
|
.then((response) => {
|
|
if (response.code == 20000) {
|
|
this.orderEntity = response.data;
|
|
this.orderQuery = {
|
|
id: this.orderEntity.id,
|
|
printRemark: this.orderEntity.printRemark
|
|
}
|
|
}
|
|
})
|
|
.catch(() => {
|
|
});
|
|
},
|
|
|
|
|
|
updateOrderRemark() {
|
|
|
|
|
|
updateOrder(this.orderQuery).then((response) => {
|
|
if (response.code == 20000) {
|
|
this.$message.success("保存成功!");
|
|
this.getByStockOrder();
|
|
}
|
|
}).catch(() => {
|
|
})
|
|
},
|
|
},
|
|
created() {
|
|
// this.getByStockOrder();
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|