@{
|
Layout = "~/Views/Shared/_LayoutVue.cshtml";
|
ViewBag.Title = "库存对比报表";
|
}
|
<div id="stockCompareList" 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="创建日期：" style="width:490px;margin-top:5px;">
|
<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:390px">
|
</el-date-picker>
|
</el-form-item>
|
<el-button style="margin-top:2px;" size="mini" type="primary" v-on:click="search">查 询</el-button>
|
</el-form>
|
</el-card>
|
<hh-table v-bind:coloptions="stockCompareCols"
|
v-bind:paging="true"
|
url="@Url.Action("GetStockCompareReport")"
|
ref="stockCompareList"
|
v-bind:dh="tableHeight"></hh-table>
|
</div>
|
@section scripts{
|
<script>
|
new Vue({
|
mixins: [useAutoHeight],
|
computed: {
|
tableHeight: function () {
|
return this.autoHeight+10;
|
}
|
},
|
data: {
|
formData: {
|
date: "",
|
valueDate: ""
|
},
|
stockCompareCols: [
|
{ f: "CN_S_ITEM_CODE", n: "物料编码", w: "120" },
|
{ f: "CN_S_ITEM_NAME", n: "物料名称" },
|
{ f: "CN_S_MODEL", n: "规格型号" },
|
{ f: "CN_S_MEASURE_UNIT", n: "计量单位" ,w:"80"},
|
{ f: "CN_S_PRODUCTION_BATCH", n: "生产批次" },
|
{ f: "CN_F_U8STOCK_QTY", n: "U8仓库量", w: "100" },
|
{ f: "CN_F_WMSSTOCK_QTY", n: "WMS仓库量", w: "100" },
|
{ f: "[CN_F_DIFFER_QTY]", n: "差异数量" },
|
{ f: "CN_T_COMARE_DATE", n: "对比日期", w: "160" },
|
],
|
},
|
el: '#stockCompareList',
|
methods: {
|
search: function () {
|
this.$refs.stockCompareList.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>
|
}
|
