842 行
36 KiB
HTML
可执行文件
842 行
36 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__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<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__/Retail/common/js/select-goods-category.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Retail/common/js/select-supplier.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="/Public/Retail/common/js/select-store.js?v=1.0.1"></script>
|
|
<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 {
|
|
width: calc(100vw - 50px);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.el-form-item {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#goods .serial span.num {
|
|
display: block;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="app" id="goods" v-cloak>
|
|
<div style="margin:20px;">
|
|
<el-collapse accordion>
|
|
<el-collapse-item>
|
|
<template slot="title">
|
|
添加出库单须知>>></i>
|
|
</template>
|
|
<div>1.确定出库单之前须选择出库仓库,出库类型</div>
|
|
<div>2.出库类型为调拨出库时,需选择要调拨的门店(如:商户调拨->A店,A店->进销存->入库单->入库)</div>
|
|
<div>3.出库类型为其他出库时,则减少该商品库存</div>
|
|
</el-collapse-item>
|
|
</el-collapse>
|
|
</div>
|
|
<div class="text item" id="loading_examine">
|
|
<div style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap">
|
|
<div>
|
|
<span class="must-edit">*</span>
|
|
<el-select size="small" clearable v-model="type" placeholder="出库类型" @change="warehousing_operation">
|
|
<el-option label="调拨出库" value="1"></el-option>
|
|
<el-option label="退货出库" value="4"></el-option>
|
|
<el-option label="其他出库" value="0"></el-option>
|
|
</el-select>
|
|
<select-mer-supplier :supplier-id.sync="supplier_id" v-if="type==4"></select-mer-supplier>
|
|
|
|
<template v-if="type==1">
|
|
<span class="must-edit">*</span>
|
|
<select-store :store-id.sync="store_id"
|
|
:store-industry-id.sync="industry_id"
|
|
@change="changeStore"
|
|
:show-status="true"></select-store>
|
|
</template>
|
|
|
|
<if condition="$authArr['goodsChoice'] eq true">
|
|
<el-button size="small" @click="goodsChoice" type="primary">选择商品</el-button>
|
|
</if>
|
|
</div>
|
|
<div>
|
|
<el-input placeholder="出库批量数量" style="width:200px;" type="text" clearable size="small"
|
|
v-model="batch_stock_num"></el-input>
|
|
<el-button size="small" @click="batch_num" type="primary" plain>确定</el-button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-table">
|
|
<el-table :data="goodsList" size="small"
|
|
:header-cell-style="{background:'#F5F7FA',color:'#606266'}"
|
|
border show-summary v-loading="loading" :summary-method="getSummaries"
|
|
style="width: 100%; margin-top: 20px">
|
|
<el-table-column label="" type="index" width="80"></el-table-column>
|
|
<el-table-column label="操作">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" size="mini" @click="deleteTable(scope.$index)">删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="goods_name" label="商品"></el-table-column>
|
|
<el-table-column prop="sku_name" label="规格"></el-table-column>
|
|
<el-table-column label="货号">
|
|
<template slot-scope="scope">
|
|
<span v-if="scope.row.attribute_state == 1">{{scope.row.goods_number}}</span>
|
|
<span v-if="scope.row.attribute_state == 2">{{scope.row.sku_goods_number}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="条码">
|
|
<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="单位"></el-table-column>
|
|
<el-table-column prop="cost_price" label="成本价"></el-table-column>
|
|
<el-table-column label="生产日期" width="160">
|
|
<template slot-scope="scope">
|
|
<el-date-picker style="width:130px" class="mini-input" size="mini"
|
|
v-model="scope.row.build_date" type="date" value-format="yyyy-MM-dd"
|
|
size="small"
|
|
clearable>
|
|
</el-date-picker>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="保质期(天)" width="88">
|
|
<template slot-scope="scope">
|
|
<div 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"></el-input>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="goods_num" label="辅助数量">
|
|
<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="出库数量">
|
|
<template slot-scope="scope">
|
|
<div class="el-form-item el-form-cell-center"
|
|
@input="numVerification(scope.row.output_num ,scope.row.pricing_method,scope.row.stock_price,scope.$index)"
|
|
:class="color1?'':'is-error'" v-if="scope.row.serial_number_state != 1">
|
|
<el-input size="mini" v-model="scope.row.output_num "></el-input>
|
|
</div>
|
|
<div class="serial" v-else>
|
|
<span class="num">{{scope.row.output_num}}</span>
|
|
<el-button type="text" size="mini" @click="selectSerial(scope.$index)">选择串码</el-button>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="出库价">
|
|
<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.stock_price,scope.row.output_num ,scope.$index)"
|
|
:class="color2?'':'is-error'">
|
|
<el-input size="mini" v-model="scope.row.stock_price"></el-input>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="subtotal" label="小计"></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>
|
|
<!--/弹出框/-->
|
|
<el-dialog title="选择商品" :append-to-body="true" top="5vh" :visible.sync="outerVisible">
|
|
<div class="dialog-details-first">
|
|
<template>
|
|
<div style="display: flex;align-items: center">
|
|
<el-input style="margin-right: 20px;width: 200px" class="el-input-remote"
|
|
clearable
|
|
@keydown.enter.exact.native.prevent="searchGoods"
|
|
v-model="searchText" clearable size="small" placeholder="名称/货号/条码">
|
|
</el-input>
|
|
<select-goods-category :user-type="type==1 ? 2 : 1"
|
|
:store-id="store_id"
|
|
:category-id1.sync="goodsClassId1"
|
|
:category-id2.sync="goodsClassId2"
|
|
:category-id3.sync="goodsClassId3">
|
|
</select-goods-category>
|
|
|
|
<el-button type="primary" plain @click="searchGoods" size="small">搜索</el-button>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
<template>
|
|
<el-table v-loading="loading" size="small"
|
|
:header-cell-style="{background:'#F5F7FA',color:'#606266'}"
|
|
:data="goodsArr" border @selection-change="handleSelectionChange"
|
|
style="width: 100%; margin-top: 20px">
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
<el-table-column prop="index" label="序号"></el-table-column>
|
|
<el-table-column prop="goods_name" label="商品名称"></el-table-column>
|
|
<el-table-column prop="sku_name" label="规格"></el-table-column>
|
|
<el-table-column label="货号">
|
|
<template slot-scope="scope">
|
|
<span v-if="scope.row.attribute_state == 1">{{scope.row.goods_number}}</span>
|
|
<span v-if="scope.row.attribute_state == 2">{{scope.row.sku_goods_number}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="条码">
|
|
<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="单位"></el-table-column>
|
|
<el-table-column prop="cost_price" label="成本价"></el-table-column>
|
|
<el-table-column prop="stock_price" label="出库价">
|
|
<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 prop="goods_num" label="库存"></el-table-column>
|
|
</el-table>
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
:current-page="currentPage" :page-sizes="[10, 15, 20, 25, 30, 35, 40, 45, 50]"
|
|
:page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="currentLen">
|
|
</el-pagination>
|
|
</template>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="goodsSub(1)">提交</el-button>
|
|
<el-button @click="goodsSub(2)">提交并关闭</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
<component-serial :visible.sync="serialVisible" dialog-type="multiple" :parent-index="serialGoodsIndex"
|
|
:parent-data="serialGoodsData" get-data-type="stockOut"
|
|
@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: {
|
|
batch_stock_num: '',
|
|
color: true,
|
|
store_id: "",
|
|
industry_id: "",//选择的门店的行业ID
|
|
supplier_id: "",
|
|
type: "",
|
|
searchText: "",
|
|
goodsClassId1: "",
|
|
goodsClassId2: "",
|
|
goodsClassId3: "",
|
|
goodsArr: [], //商品档案信息
|
|
currentPage: 1,
|
|
currentLimit: 10,
|
|
currentLen: 0,
|
|
color1: true,
|
|
color2: true,
|
|
color3: true,
|
|
remarks: '',
|
|
num: 1,
|
|
size: true,
|
|
outerVisible: false,
|
|
innerVisible: false, //规格弹框
|
|
goodsList: [],
|
|
goodsSelection: [], //选中的商品
|
|
loading: false,
|
|
serialVisible: false, //串号录入窗口开关
|
|
serialGoodsIndex: 0, //串号录入当前商品索引
|
|
serialGoodsData: {}, //串号录入当前商品数据对象
|
|
serialData: [] //串号容器
|
|
},
|
|
methods: {
|
|
changeStore(item){
|
|
|
|
},
|
|
//批量设置
|
|
batch_num: function () {
|
|
var that = this;
|
|
var reg = /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,3})?$/;
|
|
var batch_stock_num = that.batch_stock_num;
|
|
var goodsList = that.goodsList;
|
|
if (!batch_stock_num || !reg.test(batch_stock_num)) {
|
|
that.$message.error("请输入正确数量");
|
|
return;
|
|
}
|
|
if (goodsList.length > 0) {
|
|
for (var i = 0; i < goodsList.length; i++) {
|
|
goodsList[i].output_num = batch_stock_num;
|
|
}
|
|
} else {
|
|
that.$message.error("请选择商品");
|
|
}
|
|
},
|
|
//出库类型
|
|
warehousing_operation: function () {
|
|
this.currentPage = 1;
|
|
this.goodsClassId1 = "";
|
|
this.goodsClassId2 = "";
|
|
this.goodsClassId3 = "";
|
|
},
|
|
//选择商品
|
|
goodsChoice () {
|
|
if (!this.type) {
|
|
return this.$message.error('请选择出库类型');
|
|
}
|
|
if (this.type == 1 && !this.store_id) {
|
|
return this.$message.error('请选择调拨的门店');
|
|
}
|
|
this.getData();
|
|
this.outerVisible = true;
|
|
},
|
|
|
|
//商品搜索
|
|
searchGoods: function () {
|
|
this.currentPage = 1;
|
|
this.getData();
|
|
},
|
|
//其他商品
|
|
getData: function () {
|
|
this.loading = true;
|
|
var goodsList = this.goodsList;
|
|
var exists_id_arr = [];
|
|
if (goodsList.length > 0) {
|
|
for (var i = 0; i < goodsList.length; i++) {
|
|
exists_id_arr.push(goodsList[i].id);
|
|
}
|
|
}
|
|
$.ajax({
|
|
url: "{:U(goodsList)}",
|
|
type: 'POST',
|
|
data: {
|
|
type: this.type,
|
|
page: this.currentPage,
|
|
limit: this.currentLimit,
|
|
industry_id: this.industry_id,
|
|
exists_id_arr: exists_id_arr,
|
|
search_info: this.searchText,
|
|
person1: this.goodsClassId1,
|
|
person2: this.goodsClassId2,
|
|
person3: this.goodsClassId3,
|
|
},
|
|
success: (res) => {
|
|
if (res.status == 1) {
|
|
this.loading = false;
|
|
this.goodsArr = [];
|
|
this.goodsArr = res.data.list;
|
|
this.$nextTick(function () {
|
|
this.currentLen = parseInt(res.data.count);
|
|
})
|
|
} else {
|
|
this.$confirm(res.msg, '提示', {
|
|
confirmButtonText: '确定',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
|
|
}).catch(() => {
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
//分页
|
|
handleSizeChange(val) {
|
|
this.currentLimit = val;
|
|
this.currentPage = 1;
|
|
this.getData();
|
|
|
|
},
|
|
handleCurrentChange(val) {
|
|
this.currentPage = val;
|
|
this.getData();
|
|
},
|
|
//选中的出库商品
|
|
handleSelectionChange: function (data) {
|
|
var that = this;
|
|
that.goodsSelection = data;
|
|
},
|
|
//商品提交
|
|
goodsSub: function (type) {
|
|
var that = this;
|
|
var goodsSelection = JSON.parse(JSON.stringify(that.goodsSelection));
|
|
var goodsList = that.goodsList;
|
|
if (!goodsSelection || goodsSelection.length == 0) {
|
|
that.$message({type: "error", message: "请选择出库的商品", duration: 1000})
|
|
return;
|
|
}
|
|
for (var i = 0; i < goodsSelection.length; i++) {
|
|
goodsSelection[i].subtotal = "";
|
|
goodsSelection[i].remarks = "";
|
|
goodsList.push(goodsSelection[i]);
|
|
}
|
|
that.goodsList = [];
|
|
that.goodsList = goodsList;
|
|
if (goodsList.length >= 400) {
|
|
that.$message({
|
|
type: "warning",
|
|
message: "出库的商品种数已达上限建议立即提交",
|
|
duration: 2000
|
|
})
|
|
}
|
|
if (type == 2) {
|
|
that.outerVisible = false
|
|
} else {
|
|
that.searchGoods();
|
|
}
|
|
},
|
|
//保质期
|
|
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;
|
|
}
|
|
}
|
|
},
|
|
//数量
|
|
numVerification: function (num, pricing_method, price, index) {
|
|
if (pricing_method == 2) {
|
|
var reg = /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,3})?$/;
|
|
} else {
|
|
var reg = /^\+?[1-9][0-9]*$/;
|
|
}
|
|
if (!reg.test(num)) {
|
|
this.subtotalCalculation(price, num, index);
|
|
this.color1 = false;
|
|
this.$message.error("请输入正确的出库数量");
|
|
} else {
|
|
this.subtotalCalculation(price, num, index);
|
|
this.color1 = true;
|
|
}
|
|
if (num > this.goodsList[index].goods_num) {
|
|
this.color1 = false;
|
|
this.$message.error("出库数量不能大于当前辅助数量");
|
|
}
|
|
},
|
|
//出库价
|
|
priceVerification: function (price, num, index) {
|
|
var reg = /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{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);
|
|
},
|
|
deleteTable: function (index) {
|
|
this.goodsList.splice(index, 1);
|
|
},
|
|
cancel: function () {
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
},
|
|
onSubmit: function () {
|
|
var that = this;
|
|
var goods_id = [];
|
|
var type = that.type;
|
|
var goodsList = that.goodsList;
|
|
var remarks = that.remarks;
|
|
var store_id = that.store_id;
|
|
// var store = that.store;
|
|
var supplier_id = that.supplier_id;
|
|
var reg1 = /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/;
|
|
var reg2 = /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,3})?$/;
|
|
var reg3 = /^\+?[1-9][0-9]*$/;
|
|
if (!type) {
|
|
that.$message({type: "error", message: "请选择出库类型", duration: 1000})
|
|
return;
|
|
}
|
|
if (!goodsList || goodsList.length == 0) {
|
|
that.$message({type: "error", message: "请选择商品", duration: 1000})
|
|
return;
|
|
}
|
|
if (type == 1) {
|
|
//调拨出库
|
|
if (!store_id && store_id == '') {
|
|
that.$message({type: "error", message: "请选择调拨门店", duration: 1000})
|
|
return;
|
|
}
|
|
// if (store_id == 0) {
|
|
// if (store.length <= 0) {
|
|
// that.$message({type: "error", message: "暂无门店,请添加门店", duration: 1000})
|
|
// return;
|
|
// }
|
|
// }
|
|
} else if (type == 4) {
|
|
//退货出库
|
|
if (!supplier_id) {
|
|
that.$message({type: "error", message: "请选择供货商", duration: 1000})
|
|
return;
|
|
}
|
|
}
|
|
for (var i = 0; i < goodsList.length; i++) {
|
|
if (!goodsList[i].stock_price) {
|
|
that.$message({
|
|
type: "error",
|
|
message: goodsList[i].goods_name + goodsList[i].sku_name + "请输入正确价格",
|
|
duration: 1000
|
|
})
|
|
return;
|
|
}
|
|
if (!goodsList[i].output_num) {
|
|
that.$message({
|
|
type: "error",
|
|
message: goodsList[i].goods_name + goodsList[i].sku_name + "请输入正确数量",
|
|
duration: 1000
|
|
})
|
|
return;
|
|
}
|
|
if (!reg1.test(goodsList[i].stock_price)) {
|
|
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].output_num)) {
|
|
that.$message({
|
|
type: "error",
|
|
message: goodsList[i].goods_name + "请输入正确数量",
|
|
duration: 1000
|
|
})
|
|
return;
|
|
}
|
|
} else {
|
|
if (!reg2.test(goodsList[i].output_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].output_num)) {
|
|
that.$message({
|
|
type: "error",
|
|
message: goodsList[i].goods_name + goodsList[i].sku_name + "规格商品数量为整数",
|
|
duration: 1000
|
|
})
|
|
return;
|
|
}
|
|
}
|
|
if (parseFloat(goodsList[i].output_num) > parseFloat(goodsList[i].goods_num)) {
|
|
that.$message({type: "error", message: goodsList[i].goods_name + "出库量不能大于库存总量", duration: 1000})
|
|
return;
|
|
}
|
|
if (type == 1) {
|
|
// if (store_id == 0) {
|
|
// if ((parseFloat(goodsList[i].output_num) * parseInt(store.length)).toFixed(3) > parseFloat(goodsList[i].goods_num)) {
|
|
// that.$message({
|
|
// type: "error",
|
|
// message: goodsList[i].goods_name + "出库量不能大于库存总量",
|
|
// duration: 1000
|
|
// })
|
|
// return;
|
|
// }
|
|
// }
|
|
}
|
|
if (goods_id.includes(goodsList[i].id)) {
|
|
that.$message({
|
|
type: "error",
|
|
message: goodsList[i].goods_name + goodsList[i].sku_name + "存在重复",
|
|
duration: 1000
|
|
})
|
|
return;
|
|
}
|
|
goods_id.push(goodsList[i].id);
|
|
}
|
|
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('StockOutOperation')}",
|
|
type: "post",
|
|
data: {
|
|
type: type,
|
|
supplier_id: supplier_id,
|
|
goodsList: goodsList,
|
|
remarks: remarks,
|
|
store_id: store_id
|
|
},
|
|
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 === 11) {
|
|
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: 当前商品索引
|
|
*/
|
|
selectSerial(index) {
|
|
this.serialVisible = true
|
|
this.serialGoodsIndex = index
|
|
this.serialGoodsData = this.goodsList[index]
|
|
},
|
|
/**
|
|
* @description: 串号子组件通道
|
|
* @param {Array} datas: 串号数据
|
|
* @param {Number} goodsIndex: 当前采购的商品索引
|
|
*/
|
|
serialChange(datas, goodsIndex) {
|
|
const serialList = []
|
|
datas.forEach(data => {
|
|
serialList.push({
|
|
id: data.id,
|
|
main_serial_number: data.mainSerial,
|
|
auxiliary_serial_number_one: data.assistSerial1,
|
|
auxiliary_serial_number_two: data.assistSerial2
|
|
})
|
|
})
|
|
const goods = this.goodsList[goodsIndex]
|
|
goods.serial_list = serialList
|
|
this.$set(goods, 'output_num', serialList.length)
|
|
this.numVerification(goods.output_num, goods.pricing_method, goods.stock_price, goodsIndex)
|
|
}
|
|
},
|
|
})
|
|
</script>
|
|
|
|
</html> |