文件

787 行
34 KiB
HTML
可执行文件

<!DOCTYPE html>
<html>
<!--[1.8.59]-->
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>新增采购单</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vue/element-ui.css">
<link rel="stylesheet" href="/Public/css/component-serial.css?v=1.0.0">
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/element-ui.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Retail/common/js/select-supplier.js"></script>
</head>
<style>
.header-title {
font-size: 20px;
padding-right: 30px;
}
.must-edit {
color: red;
}
.form-textarea {
margin: 20px 0;
}
.form-button {
display: flex;
justify-content: flex-end;
}
.form-textarea-title {
margin-bottom: 20px;
}
.form-table-total {
margin: 10px 0;
}
.table-total {
text-align: right;
padding: 15px;
background: #f5f7fa;
color: #606266;
border: 1px solid #ebeef5;
border-top: none;
}
.table-total>span {
color: #409EFF;
}
.el-input-remote {
width: 140px;
}
.size-details {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 20px;
border-bottom: 1px solid #ebeef5;
margin-bottom: 20px;
}
.size-details-list {
box-sizing: border-box;
width: 45%;
display: flex;
align-items: center;
justify-content: space-between;
}
.size-input {
width: 120px;
}
.size-title {
padding: 10px;
background: #f5f7fa;
color: #606266;
border: 1px solid #ebeef5;
margin-bottom: 20px;
}
.size-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.size-all {
display: flex;
align-items: center;
}
.size-all-input {
width: 60px;
}
[v-cloak] {
display: none;
}
.el-dialog {
width: 90%;
}
th>.cell,
td>.cell {
text-align: center;
}
.layui-table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #ebeef5;
border-radius: 5px;
padding: 10px 0;
}
.layui-table td {
text-align: center;
}
.details-all {
padding: 10px;
background: #f5f7fa;
color: #606266;
border: 1px solid #ebeef5;
border-top: none;
margin-bottom: 20px;
}
.details-all-lists {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.details-all-list {
font-size: 14px;
width: 33%;
}
.mini-input .el-input__inner {
padding-right: 4px;
}
.el-form-cell-center {
margin-bottom: 0;
}
#goods .serial span.num {
display: block;
}
.el-button--mini {
font-size: 14px;
}
</style>
<body>
<div class="app" id="goods" v-cloak>
<div class="text item" id="loading_examine">
<div class="details-all">
<div class="details-all-lists">
<div class="details-all-list">
批次号:<span>{{order_number}}</span>
</div>
<div class="details-all-list">
创建时间:<span>{{add_time}}</span>
</div>
<div class="details-all-list">
合计:<span>{{goods_species}}种</span>
</div>
<div class="details-all-list" v-if="showPrice != 2 || identity == 1">
金额:<span>{{money_total}}</span>
</div>
</div>
</div>
<div>
<template>
<span class="must-edit">*</span>
<select-store-supplier :supplier-id.sync="supplier_id"></select-store-supplier>
<span class="must-edit">*</span>
<el-select v-model="warehouse_id" placeholder="选择入库仓库" size="small">
<el-option v-for="item in warehouse" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</template>
</div>
<div class="form-table">
<el-table :data="goodsList" border show-summary :summary-method="getSummaries" v-loading="loading"
style="width: 100%; margin-top: 20px">
<el-table-column label="" type="index" width="80"></el-table-column>
<el-table-column prop="goods_name" label="商品名称" width="120"></el-table-column>
<el-table-column prop="sku_name" label="规格"></el-table-column>
<el-table-column label="条码" width="130">
<template slot-scope="scope">
<span v-if="scope.row.attribute_state == 1">{{scope.row.goods_code}}</span>
<span v-if="scope.row.attribute_state == 2">{{scope.row.sku_code}}</span>
</template>
</el-table-column>
<el-table-column prop="company" label="单位" width="80"></el-table-column>
<el-table-column label="生产日期" width="140">
<template slot-scope="scope">
<el-date-picker class="mini-input" style="width: 100px" size="mini"
v-model="scope.row.build_date" type="date" value-format="yyyy-MM-dd" size="small"
clearable :disabled="scope.row.operated_num > 0?true:false"
v-if="scope.row.operated_num >= 0">
</el-date-picker>
</template>
</el-table-column>
<el-table-column label="保质期(天)" width="88">
<template slot-scope="scope">
<div v-if="scope.row.operated_num >= 0" class="el-form-item el-form-cell-center"
@input="guaranteeVerification(scope.row.quality_guarantee_period)"
:class="color3?'':'is-error'">
<el-input size="mini" v-model="scope.row.quality_guarantee_period"
:disabled="scope.row.operated_num > 0?true:false"></el-input>
</div>
</template>
</el-table-column>
<el-table-column prop="sku_num" label="规格基数"></el-table-column>
<el-table-column label="已入库" width="100">
<template slot-scope="scope" slot="header">
<el-popover placement="bottom" title="详解" width="100" trigger="hover"
content="本次采购商品已经入库到供给仓的数量">
<span slot="reference" size="mini">已入库 <i class="el-icon-question"></i></span>
</el-popover>
</template>
<template slot-scope="scope">
<el-button type="text" size="mini"
@click="detailsSerial(scope.$index, 'storePurchaseStorageGoods')"
v-if="scope.row.serial_number_state == 1 && scope.row.warehousing_num > 0">
{{scope.row.warehousing_num}}
</el-button>
<span v-else>{{scope.row.warehousing_num}}</span>
</template>
</el-table-column>
<el-table-column label="已退货" width="100">
<template slot-scope="scope" slot="header">
<el-popover placement="bottom" title="详解" width="100" trigger="hover"
content="本次采购商品已经退货的数量">
<span slot="reference" size="mini">已退货 <i class="el-icon-question"></i></span>
</el-popover>
</template>
<template slot-scope="scope">
<el-button type="text" size="mini"
@click="detailsSerial(scope.$index, 'storePurchaseReturnGoods')"
v-if="scope.row.serial_number_state == 1 && scope.row.retreat_num > 0">
{{scope.row.retreat_num}}
</el-button>
<span v-else>{{scope.row.retreat_num}}</span>
</template>
</el-table-column>
<el-table-column prop="operated_num" label="已操作数量" width="120">
<template slot-scope="scope" slot="header">
<el-popover placement="bottom" title="详解" width="100" trigger="hover"
content="本次采购商品已经入库到供给仓的数量与已经退货的数量总和">
<span slot="reference" size="mini">已操作数量 <i class="el-icon-question"></i></span>
</el-popover>
</template>
</el-table-column>
<el-table-column label="采购数量" width="100">
<template slot-scope="scope" slot="header">
<el-popover placement="bottom" title="详解" width="100" trigger="hover"
content="本次采购商品的数量编辑时不能小于已操作的数量">
<span slot="reference" size="mini">采购数量 <i class="el-icon-question"></i></span>
</el-popover>
</template>
<template slot-scope="scope">
<div class="el-form-item el-form-cell-center"
@input="numVerification(scope.row.purchase_num,scope.row.pricing_method,scope.row.purchase_price,scope.row.attribute_state,scope.$index)"
:class="color1?'':'is-error'" v-if="scope.row.serial_number_state != 1">
<el-input size="mini" v-model="scope.row.purchase_num"></el-input>
</div>
<div class="el-form-item el-form-cell-center serial" v-else>
<span class="num">{{scope.row.purchase_num}}</span>
<el-button type="text" size="mini" @click="insertSerial(scope.$index)">录入串码</el-button>
</div>
</template>
</el-table-column>
<el-table-column label="进货价" v-if="showPrice != 2 || identity == 1" width="100">
<template slot-scope="scope" slot="header">
<el-popover placement="bottom" title="详解" width="100" trigger="hover"
content="本次采购商品的入库价(当有已操作数量时不可编辑入库价)">
<span slot="reference" size="mini">进货价 <i class="el-icon-question"></i></span>
</el-popover>
</template>
<template slot-scope="scope">
<div class="el-form-item el-form-cell-center"
@input="priceVerification(scope.row.purchase_price,scope.row.purchase_num,scope.$index)"
:class="color2?'':'is-error'" v-if="scope.row.operated_num >= 0">
<el-input size="mini" :disabled="scope.row.operated_num > 0?true:false"
v-model="scope.row.purchase_price"></el-input>
</div>
</template>
</el-table-column>
<el-table-column label="店内零售价" width="100" v-if="modify_price_state == 2">
<template slot-scope="scope">
<div class="el-form-item el-form-cell-center"
@input="retailPriceVerify(scope.row.retail_price,scope.$index)"
:class="color4?'':'is-error'" v-if="scope.row.operated_num >= 0">
<el-input size="mini" :disabled="scope.row.operated_num > 0?true:false"
v-model="scope.row.retail_price"></el-input>
</div>
</template>
</el-table-column>
<el-table-column label="商城零售价" width="100" v-if="modify_price_state == 2">
<template slot-scope="scope">
<div class="el-form-item el-form-cell-center"
@input="onlinePriceVerify(scope.row.online_price,scope.$index)"
:class="color5?'':'is-error'" v-if="scope.row.operated_num >= 0">
<el-input size="mini" :disabled="scope.row.operated_num > 0?true:false"
v-model="scope.row.online_price"></el-input>
</div>
</template>
</el-table-column>
<el-table-column label="生产批号" width="100" v-if="set_batch_number == 1">
<template slot-scope="scope">
<el-input size="mini" maxLength="32" v-model="scope.row.goods_batch_number"></el-input>
</template>
</el-table-column>
<el-table-column prop="subtotal" label="进货价小计" v-if="showPrice != 2 || identity == 1">
</el-table-column>
<el-table-column prop="remarks" label="备注">
<template slot-scope="scope">
<el-input type="textarea" v-model="scope.row.remarks"></el-input>
</template>
</el-table-column>
</el-table>
</div>
<div class="form-textarea">
<div class="form-textarea-title">订单备注</div>
<el-input type="textarea" :rows="2" placeholder="订单备注" v-model="remarks">
</el-input>
</div>
<div class="form-button">
<el-button @click="cancel">取消</el-button>
<if condition="$authArr['onSubmit'] eq true">
<el-button type="primary" @click="onSubmit">确定</el-button>
</if>
</div>
</div>
<component-serial :visible.sync="serialVisible" :dialog-type="serialDialogType" :parent-index="serialGoodsIndex"
:parent-data="serialGoodsData" :data="serialData" :get-data-type="serialDataType"
@serial-change="serialChange"></component-serial>
</div>
</body>
<script src="/Public/js/component-serial.js?v=1.0.1"></script>
<script src="/Public/js/common.js"></script>
<script>
new Vue({
el: "#goods",
data: {
modify_price_state: '', //修改售价
set_batch_number: "{$set_batch_number}",//是否能设置批号 1开启 2关闭
showPrice: "{$showPrice}",
identity: "{$identity}",
id: "{$id}",
order_number: "{$info['order_number']}",
remarks: "{$info['remarks']}",
add_time: "{$info['add_time']}",
goods_species: "{$info['goods_species']}",
money_total: "{$info['money_total']}",
color: true,
supplier_id: "{$info['supplier_id']}",
warehouse: {$warehouse},
warehouse_id: "{$info['warehouse_id']}",
color1: true,
color2: true,
color3: true,
color4: true,
color5: true,
num: 1,
size: true,
goodsList: [],
loading: true,
serialVisible: false, //串号录入窗口开关
serialGoodsIndex: 0, //串号录入当前商品索引
serialGoodsData: {}, //串号录入当前商品数据对象
serialData: [], //串号容器
serialDialogType: 'insert', //串号弹窗类型
serialDataType: '' //弹窗数据获取类型
},
methods: {
//初始化数据
basics: function () {
var that = this;
$.ajax({
url: "{:U('addPurchaseOrderBasics')}",
type: "post",
data: {},
success: function (res) {
if (res.status == 1) {
that.modify_price_state = res.data.inventory_set.modify_price_state;
} else {
that.$message.error(res.message);
}
}
})
},
//取消
cancel: function () {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
},
//商品
getData: function () {
this.loading = true;
$.ajax({
url: "{:U(detailsList)}",
type: 'POST',
data: {
id: this.id,
serial_page_state: 2
},
success: (res) => {
if (res.status == 1) {
this.loading = false;
this.goodsList = res.data
} else {
this.$confirm(res.message, '提示', {
confirmButtonText: '确定',
type: 'warning'
}).then(() => {
}).catch(() => {
});
}
}
});
},
//保质期
guaranteeVerification(quality_guarantee_period) {
if (quality_guarantee_period) {
var reg = /^[0-9]*[1-9][0-9]*$/;
if (!reg.test(quality_guarantee_period)) {
this.color3 = false;
} else {
this.color3 = true;
}
}
},
//门店零售价
retailPriceVerify: function (price, index) {
var reg = /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/;
if (!reg.test(price)) {
this.color4 = false;
} else {
this.color4 = true;
}
},
//商城零售价
onlinePriceVerify: function (price, index) {
var reg = /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/;
if (!reg.test(price)) {
this.color5 = false;
} else {
this.color5 = true;
}
},
//数量
numVerification: function (num, pricing_method, price, attribute_state, index) {
if (pricing_method == 2 && attribute_state == 1) {
var reg = /^[0-9]+(.[0-9]{1,3})?$/;
} else {
var reg = /^\+?[1-9][0-9]*$/;
}
if (!reg.test(num)) {
this.subtotalCalculation(price, num, index);
this.color1 = false;
} else {
this.subtotalCalculation(price, num, index);
this.color1 = true;
}
},
//进货价
priceVerification: function (price, num, index) {
var reg = /^[0-9]+(.[0-9]{1,2})?$/;
if (!reg.test(price)) {
this.subtotalCalculation(price, num, index);
this.color2 = false;
} else {
this.subtotalCalculation(price, num, index);
this.color2 = true;
}
},
//计算单个商品的小计
subtotalCalculation: function (price, num, index) {
var that = this;
var reg = /^[0-9]+.?[0-9]*$/;
if (!reg.test(price) || !reg.test(num)) {
that.goodsList[index].subtotal = "";
return;
}
var subtotal = price * num * 1;
that.goodsList[index].subtotal = subtotal.toFixed(2);
},
onSubmit: function () {
var that = this;
var id = that.id;
var goodsList = that.goodsList;
var supplier_id = that.supplier_id;
var warehouse_id = that.warehouse_id;
var remarks = that.remarks;
var modify_price_state = that.modify_price_state;
var reg1 = /^[0-9]+(.[0-9]{1,2})?$/;
var reg2 = /^[0-9]+(.[0-9]{1,3})?$/;
var reg3 = /^\+?[1-9][0-9]*$/;
if (!supplier_id) {
that.$message({type: "error", message: "请选择供货商", duration: 1000})
return;
}
if (!warehouse_id) {
that.$message({type: "error", message: "请选择仓库", duration: 1000})
return;
}
if (!goodsList) {
that.$message({type: "error", message: "请选择商品", duration: 1000})
return;
}
for (var i = 0; i < goodsList.length; i++) {
if (goodsList[i].quality_guarantee_period && !reg3.test(goodsList[i].quality_guarantee_period)) {
that.$message({
type: "error",
message: goodsList[i].goods_name + goodsList[i].sku_num + "请输入正确保质期",
duration: 1000
})
return;
}
if (!goodsList[i].purchase_price) {
that.$message({
type: "error",
message: goodsList[i].goods_name + goodsList[i].sku_num + "请输入正确价格",
duration: 1000
})
return;
}
if (!reg1.test(goodsList[i].purchase_price)) {
that.$message({
type: "error",
message: goodsList[i].goods_name + goodsList[i].sku_name + "请输入正确价格",
duration: 1000
})
return;
}
if (modify_price_state == 2) {
if (goodsList[i].retail_price && !reg1.test(goodsList[i].retail_price)) {
that.$message({
type: "error",
message: goodsList[i].goods_name + goodsList[i].sku_name + "请输入正确店内零售价",
duration: 1000
})
return;
}
if (goodsList[i].online_price && !reg1.test(goodsList[i].online_price)) {
that.$message({
type: "error",
message: goodsList[i].goods_name + goodsList[i].sku_name + "请输入正确商城零售价",
duration: 1000
})
return;
}
}
if (!goodsList[i].purchase_num) {
that.$message({
type: "error",
message: goodsList[i].goods_name + goodsList[i].sku_name + "请输入正确数量",
duration: 1000
})
return;
}
if (parseFloat(goodsList[i].purchase_num) < parseFloat(goodsList[i].operated_num)) {
that.$message({
type: "error",
message: goodsList[i].goods_name + goodsList[i].sku_name + "采购数量不能小于已操作数量",
duration: 1000
})
return;
}
if (goodsList[i].attribute_state == 1) {
//无规格
if (goodsList[i].pricing_method == 1) {
if (!reg3.test(goodsList[i].purchase_num)) {
that.$message({
type: "error",
message: goodsList[i].goods_name + "请输入正确数量",
duration: 1000
})
return;
}
} else {
if (!reg2.test(goodsList[i].purchase_num)) {
that.$message({
type: "error",
message: goodsList[i].goods_name + "请输入正确数量",
duration: 1000
})
return;
}
}
} else if (goodsList[i].attribute_state == 2) {
if (!reg3.test(goodsList[i].purchase_num)) {
that.$message({
type: "error",
message: goodsList[i].goods_name + goodsList[i].sku_name + "请输入正确数量",
duration: 1000
})
return;
}
}
}
that.$confirm('请确认采购商品信息无误,是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading_examine = that.$loading({
target: "#loading_examine",
lock: true,
text: '保存中,请等待',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)'
});
goodsList = JSON.stringify(goodsList);
$.ajax({
url: "{:U('purchaseOrderEdit')}",
type: "post",
data: {
id: id,
goodsList: goodsList,
supplier_id: supplier_id,
warehouse_id: warehouse_id,
remarks: remarks,
modify_price_state: modify_price_state
},
success: function (res) {
if (res.status == 1) {
that.$message({
type: "success",
message: res.msg,
duration: 1000,
onClose: function () {
loading_examine.close();
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
}
})
} else {
that.$message({
type: "error",
message: res.msg,
duration: 3000,
onClose: function () {
loading_examine.close();
}
})
}
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消'
});
});
},
getSummaries: function (param) {
const {columns, data} = param;
const sums = [];
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = '合计';
return;
}
const values = data.map(item => Number(item[column.property]));
if (index === 2) {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr);
if (!isNaN(value)) {
return prev + curr;
} else {
return prev;
}
}, 0);
sums[index] = param.data.length + ' 种';
}
if (index === 12) {
if (!values.every(value => isNaN(value))) {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr);
if (!isNaN(value)) {
return parseFloat((prev + curr).toFixed(2));
} else {
return prev;
}
}, 0);
sums[index] += ' 元';
} else {
sums[index] = '';
}
}
});
return sums;
},
/**
* @description: 打开串号录入窗口
* @param {Number} index: 当前商品索引
*/
insertSerial(index) {
this.serialDialogType = 'insert'
this.serialVisible = true
this.serialGoodsIndex = index
this.serialGoodsData = this.goodsList[index]
this.serialData = []
const serialList = this.goodsList[index].serial_list
if (serialList && typeof serialList == 'object' && serialList.length > 0) {
serialList.forEach(serial => {
this.serialData.push({
id: serial.id,
editStatus: serial.edit_status || 0,
mainSerial: serial.main_serial_number,
assistSerial1: serial.auxiliary_serial_number_one,
assistSerial2: serial.auxiliary_serial_number_two
})
})
}
},
/**
* @description: 打开串号详情窗口
* @param {Number} index: 当前商品索引
*/
detailsSerial(index, type) {
this.serialDataType = type
this.serialDialogType = 'details'
this.serialData = []
this.serialVisible = true
this.serialGoodsData = this.goodsList[index]
},
/**
* @description: 串号子组件通道
* @param {Array} datas: 串号数据
* @param {Number} goodsIndex: 当前采购的商品索引
*/
serialChange(datas, goodsIndex) {
const serialList = []
datas.forEach(data => {
const list = {
main_serial_number: data.mainSerial,
auxiliary_serial_number_one: data.assistSerial1,
auxiliary_serial_number_two: data.assistSerial2
}
if (data.id) list.id = data.id
if (data.editStatus) list.edit_status = data.editStatus
serialList.push(list)
})
const goods = this.goodsList[goodsIndex]
goods.serial_list = serialList
this.$set(goods, 'purchase_num', serialList.length)
this.numVerification(goods.purchase_num, goods.pricing_method, goods.purchase_price, goods.attribute_state, goodsIndex)
}
},
created: function () {
this.basics();
this.getData();
}
})
</script>
</html>