|
@@ -1,177 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="app-container">
|
|
|
- <!-- 筛选条件 -->
|
|
|
- <div class="screen-container">
|
|
|
- <el-form ref="screenForm" :model="screenForm" label-width="90px" size="mini" label-position="left">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="仓库" prop="type">
|
|
|
- <el-select v-model="screenForm.type" placeholder="请选择仓库" clearable>
|
|
|
- <el-option
|
|
|
- v-for="item in typeList"
|
|
|
- :key="item.dictCode"
|
|
|
- :label="item.dictValue"
|
|
|
- :value="item.dictCode"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="产品编码" prop="goodsNum">
|
|
|
- <el-input v-model="screenForm.goodsNum" placeholder="请输入产品编码"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="厂产品代码" prop="model">
|
|
|
- <el-input v-model="screenForm.model" placeholder="请输入厂产品代码"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="产品名称" prop="goodsName">
|
|
|
- <el-input v-model="screenForm.goodsName" placeholder="请输入产品名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="品类" prop="type">
|
|
|
- <el-select v-model="screenForm.type" placeholder="请选择品类" clearable>
|
|
|
- <el-option
|
|
|
- v-for="item in typeList"
|
|
|
- :key="item.dictCode"
|
|
|
- :label="item.dictValue"
|
|
|
- :value="item.dictCode"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <!-- <el-col :xs="24" :sm="24" :lg="12" class="tr">
|
|
|
- <el-form-item label="">
|
|
|
- <el-button @click="resetScreenForm">清空</el-button>
|
|
|
- <el-button type="primary" @click="submitScreenForm">搜索</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
- <div class="mymain-container">
|
|
|
- <div class="btn-group clearfix">
|
|
|
- <div class="fr">
|
|
|
- <ExportButton :exUrl="'stock/manager/export'" :exParams="exParams" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="table">
|
|
|
- <el-table
|
|
|
- v-loading="listLoading"
|
|
|
- :data="dataList"
|
|
|
- element-loading-text="Loading"
|
|
|
- border
|
|
|
- fit
|
|
|
- highlight-current-row
|
|
|
- stripe
|
|
|
- >
|
|
|
- <el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="100" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.customerNumber" />
|
|
|
- <span>{{ scope.row.customerNumber }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="pagination clearfix">
|
|
|
- <div class="fr">
|
|
|
- <el-pagination
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="currentPage"
|
|
|
- :page-sizes="[10, 20, 30, 50]"
|
|
|
- :page-size="10"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="listTotal"
|
|
|
- >
|
|
|
- </el-pagination>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { getListStockToDay } from "@/api/stock";
|
|
|
-import { getDictList } from "@/api/common";
|
|
|
-export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- currentPage: 1, // 当前页码
|
|
|
- pageSize: 10, // 每页数量
|
|
|
- listTotal: 0, // 列表总数
|
|
|
- dataList: null, // 列表数据
|
|
|
- listLoading: false, // 列表加载loading
|
|
|
- screenForm: {
|
|
|
- // 筛选表单数据
|
|
|
- type: "",
|
|
|
- goodsName: "",
|
|
|
- goodsNum: "",
|
|
|
- model: "",
|
|
|
- jxsName: "",
|
|
|
- jxsNum: "",
|
|
|
- },
|
|
|
- typeList: [],
|
|
|
- };
|
|
|
- },
|
|
|
-
|
|
|
- computed: {
|
|
|
- exParams() {
|
|
|
- return {
|
|
|
- materialName: this.screenForm.goodsName,
|
|
|
- materialNumber: this.screenForm.goodsNum,
|
|
|
- specification: this.screenForm.model,
|
|
|
- mainNumber: this.screenForm.type,
|
|
|
- customerName: this.screenForm.jxsName,
|
|
|
- customerNumber: this.screenForm.jxsNum,
|
|
|
- };
|
|
|
- },
|
|
|
- },
|
|
|
- methods: {
|
|
|
-
|
|
|
- getList(){
|
|
|
- const parmas = {
|
|
|
- pageNum:1
|
|
|
- }
|
|
|
- getListStockToDay().then(res=>{
|
|
|
- this.dataList = res.data.records
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- getDictList() {
|
|
|
- getDictList({ sysDictEnum: "PRODUCT_TYPE" }).then((res) => {
|
|
|
- this.typeList = res.data;
|
|
|
- });
|
|
|
- },
|
|
|
- // 提交筛选表单
|
|
|
- submitScreenForm() {
|
|
|
- this.currentPage = 1;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
-
|
|
|
- // 重置筛选表单
|
|
|
- resetScreenForm() {
|
|
|
- this.$refs.screenForm.resetFields();
|
|
|
- this.currentPage = 1;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
-
|
|
|
- // 更改每页数量
|
|
|
- handleSizeChange(val) {
|
|
|
- this.pageSize = val;
|
|
|
- this.currentPage = 1;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
-
|
|
|
- // 更改当前页
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.currentPage = val;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|