@{
|
ViewBag.Title = "kpi";
|
Layout = "~/Views/Shared/_LayoutVue.cshtml";
|
}
|
|
<style>
|
.el-progress-bar__outer {
|
height: 16px !important;
|
position: relative;
|
}
|
</style>
|
<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="仓库名：">
|
<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="用户名：">
|
<el-input v-model="formData.userName" size="mini"></el-input>
|
</el-form-item>
|
<el-form-item label="统计月份：">
|
<el-date-picker v-model="formData.startMonth"
|
type="month"
|
value-format="yyyy-MM"
|
placeholder="选择月" size="mini" style="width:120px">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item >-
|
<el-date-picker v-model="formData.endMonth"
|
type="month"
|
value-format="yyyy-MM"
|
placeholder="选择月" size="mini" style="width:120px">
|
</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-row style="padding-left: 10px; margin-top: 7px;">
|
@*<el-button size="mini" type="primary" v-on:click="add">导 出</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="110"
|
url="@Url.Action("GetKpiList")"
|
ref="inventorylist">
|
</hh-table>*@
|
<el-table v-bind:data="tableData" class="tb-edit" style="width: 100%;" border
|
highlight-current-row
|
size="mini">
|
<el-table-column label="用户" prop="userName" width="180"
|
align="center"></el-table-column>
|
<el-table-column label="上架量" prop="upQty"
|
align="center">
|
<template slot-scope="rowData">
|
<el-progress v-bind:percentage="rowData.row.upQtyPer"
|
v-bind:show-text="true"
|
v-bind:text-inside="true">
|
</el-progress>
|
</template>
|
</el-table-column>
|
<el-table-column label="分拣量" prop="downQty" align="center">
|
<template slot-scope="rowData">
|
<el-progress v-bind:percentage="rowData.row.downQtyPer"
|
v-bind:show-text="true"
|
v-bind:text-inside="true">
|
</el-progress>
|
</template>
|
</el-table-column>
|
<el-table-column label="包装复验量" prop="recheckQty" align="center">
|
<template slot-scope="rowData">
|
<el-progress v-bind:percentage="rowData.row.recheckQtyPer"
|
v-bind:show-text="true"
|
v-bind:text-inside="true">
|
</el-progress>
|
</template>
|
</el-table-column>
|
@*<el-table-column label="移库量" prop="CN_S_OWNER"></el-table-column>*@
|
<el-table-column label="年/月" prop="createTime" align="center"></el-table-column>
|
</el-table>
|
<div class="block" style="padding-left:20px;padding:5px 0;">
|
<el-pagination v-bind:small="true"
|
v-bind:background="true"
|
v-on:size-change="pageSizeChange"
|
v-on:current-change="pageIndexChange"
|
v-bind:current-page="formData.pageIndex"
|
v-bind:page-sizes="pagingOptions.pageSizes"
|
v-bind:page-size="formData.pageSize"
|
layout="total, sizes, prev, pager, next, jumper"
|
v-bind:total="pagingOptions.total">
|
</el-pagination>
|
</div>
|
</div>
|
@section scripts{
|
<script>
|
var outList = new Vue({
|
data: {
|
tableData:[],
|
formData: {
|
stockCode: "",
|
userName: "",
|
startMonth: "",
|
endMonth: "",
|
pageIndex: 1,
|
pageSize:10
|
},
|
pagingOptions: {
|
//pageIndex: 1,
|
pageSizes: [10, 20, 30, 40],
|
//pageSize:10,
|
total:0
|
},
|
where: {},
|
outCols: [
|
{ f: "userName", n: "用户", w: 180 },
|
{ f: "upQty", n: "上架量", w: 180 },
|
{ f: "downQty", n: "分拣量", w: 180 },
|
{ f: "recheckQty", n: "包装复验量", w: 80 },
|
{ f: "CN_S_OWNER", n: "移库量", w: 100 },
|
{ f: "createTime", n: "年/月", w: 100 },
|
]
|
},
|
mounted: function () {
|
var $this = this;
|
this.search();
|
},
|
methods: {
|
search: function () {
|
var $this = this;
|
//this.$refs.inventorylist.loadData($this.formData);
|
ajaxManage({
|
url: "@Url.Action("GetKpiList")",
|
type:"GET",
|
data: $this.formData,
|
success: function (result) {
|
if (result.Success) {
|
if (result.Data != null)
|
$this.tableData = result.Data.rows;
|
}
|
else {
|
wms.error(result.Msg);
|
}
|
}
|
});
|
},
|
pageSizeChange: function (newPageSize) {
|
this.formData.pageSize = newPageSize;
|
this.search();
|
},
|
pageIndexChange: function (newPageIndex) {
|
this.formData.pageIndex = newPageIndex;
|
this.search();
|
},
|
},
|
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>
|
}
|
