@{
|
Layout = "~/Views/Shared/_LayoutVue.cshtml";
|
ViewBag.Title = "DeliverList";
|
}
|
<div id="deliverList" v-cloak>
|
<el-card class="box-card">
|
<el-form label-width="90px" v-bind:model="formData" class="demo-ruleForm" v-bind:inline="true">
|
<el-form-item label="发货通知单：">
|
<el-input v-model="formData.opNo" size="mini"></el-input>
|
</el-form-item>
|
@*<el-form-item label="客户编码：">
|
<hh-select-url v-model="formData.customCode"
|
url="/OutStock/Out/GetDistinctCustom"
|
valuefield="CN_S_CUSTOMER"
|
textfield="CN_S_CUSTOMER"
|
datafield="Data"></hh-select-url>
|
</el-form-item>*@
|
<el-form-item label="仓库名：">
|
<hh-select-url v-model="formData.stockCode"
|
url="/Basic/Common/StockList"
|
valuefield="CN_S_STOCK_CODE"
|
textfield="CN_S_STOCK_NAME"
|
datafield="Data">
|
</hh-select-url>
|
</el-form-item>
|
<el-form-item label="业务类型：">
|
<hh-select-url v-model="formData.opType"
|
url="/Basic/Common/GetOperationTypeList?opType=出库订单"
|
valuefield="CN_S_OPERATION_NAME"
|
textfield="CN_S_OPERATION_NAME"
|
datafield="Data"></hh-select-url>
|
</el-form-item>
|
|
<el-form-item label="客户名称：">
|
<el-input v-model="formData.customName"
|
@*readonly="readonly"*@
|
size="mini">
|
<i slot="suffix" v-on:click="selectCustom" class="el-icon-more"></i>
|
</el-input>
|
</el-form-item>
|
<el-form-item label="物流公司：">
|
<el-input v-model="formData.logistics" size="mini"></el-input>
|
</el-form-item>
|
<el-form-item label="创建日期：" style="width:490px">
|
<el-date-picker v-model="formData.date"
|
type="daterange"
|
align="right"
|
unlink-panels
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
value-format="yyyy-MM-dd"
|
v-on:change="selectTime"
|
v-bind:picker-options="pickerOptions2" size="mini" style="width:395px">
|
</el-date-picker>
|
</el-form-item>
|
<el-button style="margin-top:2px;" size="mini" type="primary" v-on:click="search">查 询</el-button>
|
<el-button style="margin-top:2px;" size="mini" type="warning" v-on:click="deliverGoods">发 货</el-button>
|
</el-form>
|
</el-card>
|
<hh-table v-bind:coloptions="outCols"
|
v-bind:paging="true"
|
v-bind:single="true"
|
v-bind:check="true"
|
v-bind:where="where"
|
v-on:clickrow="clickOutRow"
|
v-bind:url="outUrl"
|
ref="outlist"
|
v-bind:dh="tableHeight"></hh-table>
|
<el-row>
|
<el-col v-bind:span="8">
|
<el-button style="margin-top:2px; float:right" size="mini" type="primary" v-on:click="printpacklist">打印装箱清单</el-button>
|
<hh-table v-bind:coloptions="outPackCols"
|
v-bind:paging="false"
|
v-bind:single="true"
|
v-bind:check="true"
|
v-on:clickrow="clickPackRow"
|
v-bind:url="outPackUrl"
|
ref="outPacklist"
|
v-bind:dh="bottomTabTableHeight"></hh-table>
|
</el-col>
|
<el-col v-bind:span="16">
|
<hh-table v-bind:coloptions="boxDtlCols"
|
v-bind:paging="false"
|
v-bind:single="true"
|
v-bind:check="true"
|
v-bind:url="boxDtlUrl"
|
ref="boxDtllist"
|
v-bind:dh="bottomTabTableHeight"></hh-table>
|
</el-col>
|
</el-row>
|
</div>
|
|
@section scripts{
|
<script>
|
new Vue({
|
el: '#deliverList',
|
mixins: [useAutoHeight],
|
computed: {
|
tableHeight: function () {
|
return (this.autoHeight + 100) / 2;
|
},
|
bottomTabTableHeight: function () {
|
return (this.autoHeight + 55) / 2;
|
},
|
tabTableHeight: function () {
|
return (this.autoHeight + 80) / 2;
|
}
|
},
|
data: {
|
outUrl: "/OutStock/Out/GetOutList",
|
outPackUrl: "",
|
boxDtlUrl: "",
|
where: { state: "已分拣,已复验,已完成" },
|
opNo: "",
|
formData: {
|
opNo: "",
|
opType: "",
|
stockCode: "",
|
//customCode: "",
|
customName: "",
|
state: "已分拣,已复验,已完成",
|
logistics: "",
|
date: "",
|
valueDate: ""
|
},
|
outCols: [
|
{ f: "CN_S_OP_NO", n: "发货通知单", w: 110 },
|
{ f: "CN_S_OP_TYPE", n: "业务类型", w: 75 },
|
{ f: "CN_S_CUSTOMER_NAME", n: "客户名称" },
|
//{ f: "CN_S_CUSTOMER", n: "客户编码", w: 85 },
|
{ f: "CN_S_STOCK_NAME", n: "仓库", w: 75 },
|
{ f: "CN_S_FORWARDING_WAY", n: "发运方式", w: 75 },
|
{ f: "CN_S_LOGISTICS_NAME", n: "物流公司", w: 75 },
|
{ f: "CN_S_WAYBILL_NO", n: "物流单号" },
|
{ f: "CN_S_STATE", n: "状态", w: 60 },
|
{ f: "CN_S_AUDITOR", n: "审核人", w: 60 },
|
{ f: "CN_T_AUDIT_TIME", n: "审核日期" },
|
{ f: "CN_S_OPERATOR", n: "制单人", w: 70 },
|
{ f: "CN_T_OP_DATE", n: "业务日期" },
|
{ f: "CN_T_MODIFY", n: "修改日期" },
|
{ f: "CN_S_NOTE", n: "摘要" }
|
],
|
outPackCols: [
|
{ f: "CN_S_OP_NO", n: "发货通知单" },
|
{ f: "CN_S_PACKING_CODE", n: "装箱码" },
|
{ f: "CN_S_PACKING_NUM", n: "物料数" },
|
],
|
boxDtlCols: [
|
{ f: "CN_S_PACKING_CODE", n: "装箱码" },
|
{ f: "CN_S_ITEM_CODE", n: "物料编码" },
|
{ f: "CN_S_ITEM_NAME", n: "物料名称" },
|
{ f: "CN_S_ITEM_STATE", n: "物料状态" },
|
{ f: "CN_F_QUANTITY", n: "数量" },
|
],
|
//选择客户列
|
customCols: [
|
{ f: 'CN_S_CUSTOMER_NAME', n: '客户全称' },
|
{ f: 'CN_S_CUSTOMER_SHORT_NAME', n: '客户简称' },
|
{ f: 'CN_S_CUSTOMER_CODE', n: '客户编码' },
|
{ f: 'CN_S_CUSTOMER_TYPE', n: '客户类型' },
|
{ f: 'CN_S_CUSTOMER_LEVEL', n: '客户等级' },
|
],
|
},
|
methods: {
|
//选择客户
|
selectCustom: function () {
|
var $this = this;
|
wms.showDialogList({
|
title: '选择客户',
|
itemCols: $this.customCols,
|
condition: 'customer',
|
url: '/Basic/Common/CustomList',
|
single: true,
|
btnSure: function (checkedItem) {
|
if (checkedItem.length == 0)
|
$this.formData.customName = "";
|
else
|
//赋值客户
|
$this.formData.customName = checkedItem[0].CN_S_CUSTOMER_NAME;
|
}
|
});
|
},
|
clickOutRow: function (row, event, column) {
|
var opNo = row.CN_S_OP_NO;
|
this.opNo = opNo;
|
this.outPackUrl = "@Url.Action("OutPackList")?opNo=" + opNo;
|
this.boxDtlUrl = "@Url.Action("BoxDtlList")?pack=" + -1;
|
},
|
clickPackRow: function (row, event, column) {
|
var pack = row.CN_S_PACKING_CODE;
|
this.boxDtlUrl = "@Url.Action("BoxDtlList")?pack=" + pack;
|
},
|
search: function () {
|
this.outUrl = "/OutStock/Out/GetOutList";
|
//this.$refs.outPacklist.clearData();
|
this.$refs.outlist.loadData(this.formData);
|
},
|
printpacklist: function () {
|
var selectRow = this.$refs.outPacklist.selections;
|
if (selectRow.length != 1) {
|
wms.warning("请选择一条记录操作");
|
return;
|
}
|
var currentTitle = parent.$(".layui-tab-title li[class='layui-this'] cite").text();
|
parent.tab.tabAdd({
|
title: currentTitle + "-打印预览",
|
href: '@Url.Action("PackListReport")?PackingCode=' + selectRow[0].CN_S_PACKING_CODE + '¤tTitle=' + currentTitle
|
});
|
},
|
selectRowEvent: function (isSingle, callBack) {
|
var selectRow = this.$refs.outlist.selections;
|
var row = null;
|
if (isSingle) {
|
if (selectRow.length != 1) {
|
wms.warning("请选择一条记录操作");
|
return;
|
}
|
row = selectRow[0];
|
} else {
|
if (selectRow.length <= 0) {
|
wms.warning("请至少选择一条记录操作");
|
return;
|
}
|
row = selectRow;
|
}
|
if (callBack)
|
callBack(row);
|
},
|
deliverGoods: function () {
|
var $this = this;
|
this.selectRowEvent(true, function (row) {
|
if (row.CN_S_STATE != '已复验') {
|
wms.warning("请选择已复验的单据！");
|
return;
|
}
|
wms.confirm("确认发货?", function () {
|
ajaxManage({
|
url: "@Url.Action("ComfirmDeliverGoods")?opNo=" + row.CN_S_OP_NO,
|
success: function (data) {
|
wms.showMsg(data, function () {
|
wms.success("发货成功");
|
$this.$refs.outlist.loadData($this.formData);
|
});
|
}
|
});
|
});
|
});
|
},
|
selectTime: function (val) {
|
$this = this;
|
if (val != null)
|
$this.formData.valueDate = JSON.stringify(val);
|
else
|
$this.formData.valueDate = "";
|
},
|
pickerOptions2: function () {
|
shortcuts: [{
|
text: '最近一周',
|
onClick: function onClick(picker) {
|
var end = new Date();
|
var start = new Date();
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
picker.$emit('pick', [start, end]);
|
}
|
}, {
|
text: '最近一个月',
|
onClick: function onClick(picker) {
|
var end = new Date();
|
var start = new Date();
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
picker.$emit('pick', [start, end]);
|
}
|
}, {
|
text: '最近三个月',
|
onClick: function onClick(picker) {
|
var end = new Date();
|
var start = new Date();
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
picker.$emit('pick', [start, end]);
|
}
|
}]
|
}
|
}
|
});
|
</script>
|
}
|
