|
@@ -1,26 +1,37 @@
|
|
|
<template>
|
|
|
<div v-loading="loading">
|
|
|
+ <query
|
|
|
+ :selectConfig="selectConfig"
|
|
|
+ :req="req"
|
|
|
+ :isShowMore="false"
|
|
|
+ @handleQuery="handleQuery"
|
|
|
+ ></query>
|
|
|
<el-table :data="tableList">
|
|
|
<el-table-column
|
|
|
label="产品类型"
|
|
|
- align="center"
|
|
|
+ align="left"
|
|
|
prop="type"
|
|
|
:formatter="(row) => dictDataEcho(row.type, productTypeList)"
|
|
|
/>
|
|
|
- <el-table-column label="产品编码" align="center" prop="code" />
|
|
|
- <el-table-column label="产品名称" align="center" prop="name" />
|
|
|
- <el-table-column label="产品单位" align="center" prop="unit" />
|
|
|
- <el-table-column label="部门" align="center" prop="deptName" />
|
|
|
- <el-table-column label="生命周期" align="center" prop="lifeCycle" />
|
|
|
+ <el-table-column label="产品编码" align="left" prop="code" />
|
|
|
+ <el-table-column label="产品名称" align="left" prop="name" />
|
|
|
+ <el-table-column label="产品单位" align="left" prop="unit" />
|
|
|
+ <el-table-column label="部门" align="left" prop="deptName" />
|
|
|
+ <el-table-column
|
|
|
+ label="生命周期"
|
|
|
+ align="left"
|
|
|
+ prop="lifeCycle"
|
|
|
+ :formatter="(row) => dictDataEcho(row.lifeCycle, lifeCycleList)"
|
|
|
+ />
|
|
|
<el-table-column
|
|
|
label="当前周期销量"
|
|
|
- align="center"
|
|
|
+ align="left"
|
|
|
prop="cycleSales"
|
|
|
width="120"
|
|
|
/>
|
|
|
- <el-table-column label="京东供价" align="center" prop="jdPurchasePrice" />
|
|
|
- <el-table-column label="标准售价" align="center" prop="sellingPrice" />
|
|
|
- <el-table-column label="标准采购价" align="center" prop="purchasePrice" />
|
|
|
+ <el-table-column label="京东供价" align="left" prop="jdPurchasePrice" />
|
|
|
+ <el-table-column label="标准售价" align="left" prop="sellingPrice" />
|
|
|
+ <el-table-column label="标准采购价" align="left" prop="purchasePrice" />
|
|
|
|
|
|
<el-table-column label="操作" align="center" width="80">
|
|
|
<template slot-scope="scope">
|
|
@@ -30,18 +41,56 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <pagination
|
|
|
+ v-show="total > 0"
|
|
|
+ :total="total"
|
|
|
+ :page.sync="req.pageNum"
|
|
|
+ :limit.sync="req.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { productList } from "@/api/product-material/product/index.js";
|
|
|
+import query from "@/components/query/index.vue";
|
|
|
|
|
|
export default {
|
|
|
+ name: "SelectProduct",
|
|
|
+ components: {
|
|
|
+ query,
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
loading: false,
|
|
|
+ req: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ type: "",
|
|
|
+ lifeCycle: "",
|
|
|
+ definition: "2",
|
|
|
+ },
|
|
|
tableList: [],
|
|
|
+ total: 0,
|
|
|
productTypeList: [],
|
|
|
+ lifeCycleList: [],
|
|
|
+ selectConfig: [
|
|
|
+ {
|
|
|
+ label: "产品类型",
|
|
|
+ prop: "type",
|
|
|
+ data: [],
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // label: this.$t("product_material.product.deptId"),
|
|
|
+ // prop: "deptId",
|
|
|
+ // data: [],
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ label: "生命周期",
|
|
|
+ prop: "lifeCycle",
|
|
|
+ data: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -51,12 +100,23 @@ export default {
|
|
|
this.productTypeList = businessDictData.find(
|
|
|
(item) => item.code === "productType"
|
|
|
).children;
|
|
|
+ this.selectConfig[0].data = this.productTypeList.map((item) => ({
|
|
|
+ label: item.dictValue,
|
|
|
+ value: item.dictKey,
|
|
|
+ }));
|
|
|
+ this.lifeCycleList = businessDictData.find(
|
|
|
+ (item) => item.code === "lifeCycle"
|
|
|
+ ).children;
|
|
|
+ this.selectConfig[1].data = this.lifeCycleList.map((item) => ({
|
|
|
+ label: item.dictValue,
|
|
|
+ value: item.dictKey,
|
|
|
+ }));
|
|
|
this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
getList() {
|
|
|
this.loading = true;
|
|
|
- productList({ pageNum: 1, pageSize: 999 }).then(
|
|
|
+ productList(this.req).then(
|
|
|
(res) => {
|
|
|
this.tableList = res.data.data.records;
|
|
|
this.total = res.data.data.total;
|
|
@@ -71,6 +131,10 @@ export default {
|
|
|
handleSelect(row) {
|
|
|
this.$emit("select", row);
|
|
|
},
|
|
|
+ handleQuery() {
|
|
|
+ console.log(this.req, "sss");
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|