@{
|
ViewBag.Title = "Index";
|
Layout = "~/Views/Shared/_LayoutVue.cshtml";
|
}
|
|
<div id="list" 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="@L("cshtml_allquery_inventory_index_stockcode")：">
|
<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="@L("cshtml_allquery_inventory_index_areacode")：">
|
<hh-select-url v-model="formData.stockArea"
|
v-bind:url="areaUrl"
|
valuefield="CN_S_AREA_CODE"
|
textfield="CN_S_AREA_NAME"
|
datafield="Data"
|
v-bind:disabled="!formData.showArea">
|
</hh-select-url>
|
</el-form-item>
|
|
@*<el-form-item label="货主：" prop="CN_S_OWNER">
|
<hh-select-url v-model="formData.owner"
|
url="/Basic/Common/GetOwner"
|
valuefield="CN_S_OWNER"
|
textfield="CN_S_OWNER"
|
datafield="Data"></hh-select-url>
|
</el-form-item>*@
|
<el-form-item label="@L("cshtml_allquery_inventory_index_itemcode")：">
|
<el-input v-model="formData.itemCode" size="mini"></el-input>
|
</el-form-item>
|
<el-form-item label="@L("cshtml_allquery_inventory_index_itemname")：">
|
<el-input v-model="formData.itemName" size="mini"></el-input>
|
</el-form-item>
|
@*<el-form-item label="规格型号：">
|
<el-input v-model="formData.model" size="mini"></el-input>
|
</el-form-item>*@
|
<el-form-item label="@L("cshtml_allquery_inventory_index_productbatch")：">
|
<el-input v-model="formData.productionBatch" size="mini"></el-input>
|
</el-form-item>
|
@*<el-form-item >
|
<el-checkbox v-model="checked">备选项</el-checkbox>
|
</el-form-item>*@
|
<el-button style="margin-top:2px;" size="mini" type="primary" v-on:click="search">@L("cshtml_public_button_search")</el-button>
|
|
<el-form-item label="@L("cshtml_allquery_inventory_index_showarea")">
|
<el-checkbox v-model="formData.showArea" size="mini"></el-checkbox>
|
</el-form-item>
|
|
</el-form>
|
<el-row style="padding-left: 10px; margin-top: 7px;">
|
<el-button size="mini" type="primary" v-on:click="exportExecl">@L("cshtml_public_button_export")</el-button>
|
</el-row>
|
</el-card>
|
<hh-table v-bind:coloptions="outCols"
|
v-bind:paging="true"
|
v-bind:check="false"
|
v-bind:where="formData"
|
v-bind:rowno="true"
|
dh="145"
|
url="@Url.Action("GetInventoryList")"
|
ref="inventorylist"></hh-table>
|
</div>
|
@section scripts{
|
<script>
|
var outList = new Vue({
|
data: {
|
formData: {
|
stockCode: "",
|
stockArea: "",
|
opType: "",
|
opNo: "",
|
itemCode: "",
|
itemName: "",
|
model: "",
|
state: "",
|
productionBatch: "",
|
owner: "",
|
showArea: false
|
},
|
where: {},
|
outCols: [
|
{ f: "CN_S_ITEM_CODE", n: "@L("cshtml_allquery_inventory_index_itemcode")", w: 180 },
|
{ f: "CN_S_ITEM_NAME", n: "@L("cshtml_allquery_inventory_index_itemname")" },
|
{ f: "CN_S_PRODUCTION_BATCH", n: "@L("cshtml_allquery_inventory_index_productbatch")", w: 180 },
|
{ f: "CN_S_MODEL", n: "@L("cshtml_allquery_inventory_index_itemmodel")", w: 180 },
|
//{ f: "CN_S_ITEM_STATE", n: "物料状态", w: 80 },
|
//{ f: "CN_S_OWNER", n: "货主", w: 100 },
|
{ f: "CN_F_QUANTITY", n: "@L("cshtml_allquery_inventory_index_stocknum")", w: 80 },
|
//{ f: "CN_F_PLANNED_QTY", n: "在单量", w: 80 },
|
{ f: "CN_F_ALLOC_QTY", n: "@L("cshtml_allquery_inventory_index_allocqty")", w: 80 },
|
//{ f: "CN_F_SAFETY_STOCK", n: "安全库存", w: 80 },
|
//{ f: "CN_S_LOT_NO", n: "到货批次", w: 120 },
|
{
|
f: "STOCKQTY", n: "@L("cshtml_allquery_inventory_index_usestock")", w: 80, format: function (row, column) {
|
return (parseFloat(row.CN_F_QUANTITY) + parseFloat(row.CN_F_PLANNED_QTY)) - parseFloat(row.CN_F_ALLOC_QTY);
|
}
|
}
|
]
|
},
|
methods: {
|
search: function () {
|
var $this = this;
|
this.$refs.inventorylist.loadData($this.formData);
|
},
|
exportExecl: function () {
|
$this = this;
|
var v = { formData: $this.formData, columns: $this.outCols };
|
ajaxManage({
|
url: "@Url.Action("ExportInventory")",
|
data: JSON.stringify(v),
|
success: function (result) {
|
if (result.Success)
|
location.href = "/Basic/Common/GetFile?fileName=" + result.Data.fileName
|
else
|
wms.error(result.Msg);
|
}
|
});
|
}
|
},
|
watch: {
|
deep: true,
|
"formData.showArea": function () {
|
$this = this;
|
if ($this.formData.showArea) {
|
$this.outCols.unshift({ f: "CN_S_AREA_NAME", n: "库区", w: 100 });
|
this.$refs.inventorylist.loadData($this.formData);
|
}
|
else {
|
$this.outCols.shift();
|
this.$refs.inventorylist.loadData($this.formData);
|
}
|
}
|
},
|
computed: {
|
areaUrl: function () {
|
var $this = this;
|
return '/Basic/Common/AreaList?stockCode=' + $this.formData.stockCode + "&include=1";
|
}
|
},
|
el: '#list'
|
});
|
</script>
|
}
|
