94 行
3.9 KiB
HTML
可执行文件
94 行
3.9 KiB
HTML
可执行文件
<!--[1.9.15]-->
|
|
<div id="pastApp">
|
|
<el-form inline size="small">
|
|
<el-form-item>
|
|
<el-input v-model="searchForm.keyword" @keydown.enter.exact.native.prevent="handleCurrentChange(1)"
|
|
placeholder="商品名称/货号/条码">
|
|
<template slot="append">
|
|
<i @click="handleCurrentChange(1)" class="el-icon-search"></i>
|
|
</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<if condition="$authArr['addWarning'] eq true">
|
|
<el-button @click="addWarning" type="primary">预警设置</el-button>
|
|
</if>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-table border :header-cell-style="{background:'#F5F7FA',color:'#606266'}"
|
|
:data="dataList" size="small" :stripe="true" max-height="670">
|
|
<el-table-column align="center" fixed type="index" label="序号" width="50"></el-table-column>
|
|
<el-table-column align="center" prop="goods_name" label="商品名称"></el-table-column>
|
|
<el-table-column align="center" prop="sku_name" label="规格名称"></el-table-column>
|
|
<el-table-column align="center" prop="goods_number" label="商品货号"></el-table-column>
|
|
<el-table-column align="center" prop="goods_code" label="商品条码"></el-table-column>
|
|
<el-table-column align="center" prop="company" label="单位"></el-table-column>
|
|
<el-table-column align="center" prop="build_date" label="生产日期"></el-table-column>
|
|
<el-table-column align="center" prop="quality_guarantee_period" label="保质期(天)"></el-table-column>
|
|
<el-table-column align="center" prop="warehouse_price" label="入库价(元)" v-if="storeAuth.showpurch_price"></el-table-column>
|
|
<el-table-column align="center" prop="warehouse_num" label="入库数量"></el-table-column>
|
|
<el-table-column align="center" prop="surplus_num" label="剩余数量"></el-table-column>
|
|
</el-table>
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="searchForm.page"
|
|
:page-sizes="[10, 15, 20, 25, 30, 35, 40, 45, 50, 60, 70, 80, 90, 100]" :page-size="10"
|
|
layout="total, sizes, prev, pager, next, jumper" :total="count">
|
|
</el-pagination>
|
|
</div>
|
|
<script>
|
|
var pastApp = new Vue({
|
|
el: '#pastApp',
|
|
data() {
|
|
return {
|
|
searchForm: {
|
|
keyword: '',
|
|
page: 1,
|
|
limit: 10,
|
|
},
|
|
count: 0,
|
|
dataList: [],
|
|
}
|
|
},
|
|
methods: {
|
|
addWarning() {
|
|
layer.open({
|
|
type: 2,
|
|
content: "{:U('Past/addWarning')}",
|
|
title: "预警时间设置",
|
|
area: ["40%", "30%"],
|
|
btnAlign: 'c',
|
|
end: () => {
|
|
this.getData();
|
|
}
|
|
})
|
|
},
|
|
//切换每页数量
|
|
handleSizeChange(val) {
|
|
this.searchForm.limit = val;
|
|
this.searchForm.page = 1;
|
|
this.getData();
|
|
},
|
|
//切换页数
|
|
handleCurrentChange(val) {
|
|
this.searchForm.page = val;
|
|
this.getData();
|
|
},
|
|
getData() {
|
|
this.sendRequest('Retail/Past/getWarningGoods', {
|
|
data: this.searchForm,
|
|
success: (res) => {
|
|
if (res.status == 1) {
|
|
this.dataList = res.data.list;
|
|
this.count = res.data.count;
|
|
} else {
|
|
this.$message.error(res.message)
|
|
}
|
|
}
|
|
})
|
|
}
|
|
},
|
|
mounted(){
|
|
this.getData();
|
|
}
|
|
})
|
|
</script>
|