From 4477a4a90fe3c441c25c5cddddee05aa32c8113c Mon Sep 17 00:00:00 2001 From: zuozhengqing <a13193816592@163.com> Date: 星期六, 28 十月 2023 18:24:50 +0800 Subject: [PATCH] 上架规则列表编辑,产品和产品类别只能展开有数据的 --- src/components/makepager/CommonFormTableView.vue | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 108 insertions(+), 9 deletions(-) diff --git a/src/components/makepager/CommonFormTableView.vue b/src/components/makepager/CommonFormTableView.vue index 0e99386..4d58971 100644 --- a/src/components/makepager/CommonFormTableView.vue +++ b/src/components/makepager/CommonFormTableView.vue @@ -130,18 +130,16 @@ style="width: 63%" @change="selCommonClick" > - <el-option v-for="item in selOptions" :key="item.id" :label="item.name" :value="item"> </el-option> + <el-option v-for="(item, index) in selOptions" :key="index" :label="item.name" :value="item"> + </el-option> </el-select> </div> </el-form-item> <!-- 浣嶇疆 --> <el-form-item v-else-if="item.location" label=" " :prop="'tableData.' + scope.$index + '.' + item.prop"> <div class="custom-name"> - <span v-if="scope.row.isEdit || scope.row.editable">{{ - scope.row[item.prop]?.label ?? scope.row[item.prop] - }}</span> <el-select - v-else + v-if="!scope.row.isEdit && scope.row.isOrder" v-model="scope.row[item.prop]" placeholder="璇烽�夋嫨" size="mini" @@ -160,6 +158,9 @@ > </el-option> </el-select> + <span v-else-if="scope.row.isEdit || scope.row.editable">{{ + scope.row[item.prop]?.label ?? scope.row[item.prop] + }}</span> </div> </el-form-item> <!-- 浜у搧 --> @@ -179,8 +180,8 @@ " > <el-option - v-for="item in productNameOptions" - :key="item.id" + v-for="(item, index) in productNameOptions" + :key="index" :label="item.name" :value="{ value: item.id, @@ -190,6 +191,32 @@ categoryId: item.categoryId, categoryName: item.categoryName }" + > + </el-option> + </el-select> + </div> + </el-form-item> + <!-- 浜у搧绫诲瀷 --> + <el-form-item v-else-if="item.productType" label=" " :prop="'tableData.' + scope.$index + '.' + item.prop"> + <div class="custom-name"> + <span v-if="scope.row.isEdit || scope.row.editable">{{ scope.row[item.prop] }}</span> + <el-select + v-else + v-model="scope.row[item.prop]" + placeholder="璇烽�夋嫨" + size="mini" + style="width: 80%" + @change=" + (val) => { + selProductTypeClick(val) + } + " + > + <el-option + v-for="item in productTypeNameOptions" + :key="item.id" + :label="item.name" + :value="item.id" > </el-option> </el-select> @@ -212,12 +239,38 @@ </el-select> --> </div> </el-form-item> + <!-- 璺嚎 --> + <el-form-item v-else-if="item.route" label=" " :prop="'tableData.' + scope.$index + '.' + item.prop"> + <div class="custom-name"> + <span v-if="scope.row.isEdit">{{ scope.row[item.prop]?.label ?? scope.row[item.prop] }}</span> + <el-select + v-else + v-model="scope.row[item.prop]" + placeholder="璇烽�夋嫨" + size="mini" + style="width: 80%" + @change=" + (val) => { + selRoteClick(val, item.prop) + } + " + > + <el-option + v-for="(item, index) in selRouteOptions" + :key="index" + :label="item.name" + :value="{ value: item.id, label: item.name }" + > + </el-option> + </el-select> + </div> + </el-form-item> <!-- 鍏徃 --> <el-form-item v-else-if="item.company" label=" " :prop="'tableData.' + scope.$index + '.' + item.prop"> <div class="custom-name"> <span v-if="scope.row.isEdit">{{ scope.row[item.prop] }}</span> <el-select v-else v-model="scope.row[item.prop]" placeholder="璇烽�夋嫨" size="mini" style="width: 80%"> - <el-option v-for="item in companyOptions" :key="item.id" :label="item.name" :value="item"> + <el-option v-for="(item, index) in companyOptions" :key="index" :label="item.name" :value="item"> </el-option> </el-select> </div> @@ -249,6 +302,7 @@ import { getLocationList } from "@/api/warehouseManage/warehouse" import { getCompanyList } from "@/api/common/other" import { getRuleList } from "@/api/operate/inventoryAdjustment" +import { getProductCategoryList } from "@/api/product/productCategory" import SimpleSearchInput from "@/components/makepager/SimpleSearchInput" // import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog" export default { @@ -298,13 +352,15 @@ }, productIndex: 0, productNameOptions: [], + productTypeNameOptions: [], memberOptions: [{ id: 1, name: "绠$悊鍛�" }], selOptions: [ { id: 1, name: "浠�" }, { id: 2, name: "鎵�" } ], selLocationOptions: [], // 浣嶇疆 - companyOptions: [] // 鍏徃 + companyOptions: [], // 鍏徃 + selRouteOptions: [] // 璺嚎 } }, created() { @@ -312,6 +368,7 @@ this.getRuleList() } else { this.getProductList() + this.getProductCategoryList() } if (this.islistingrules) { this.getLocationList() @@ -351,6 +408,21 @@ const list = res.data ? res.data : [] this.selLocationOptions = list.locationList this.productNameOptions = list.productList + } + }) + }, + // 鑾峰彇浜у搧绫诲瀷鍒楄〃 + async getProductCategoryList(){ + await getProductCategoryList({ + categoryId:0, + keyWord:"", + page:1, + pageSize:15 + }).then((res) => { + console.log(res,"鐪嬬湅浜у搧绫诲瀷鍒楄〃") + if (res.code === 200) { + const list = res.data ? res.data : [] + this.productTypeNameOptions = list } }) }, @@ -417,6 +489,14 @@ console.log(this.tableList.tableData) this.$emit("selProductClick", item) }, + // 閫夋嫨浜у搧绫诲瀷 + selProductTypeClick(item) { + if (this.isinventory) { + this.getProductCategoryList() + } + console.log(this.tableList.tableData) + this.$emit("selProductTypeClick", item) + }, // 閫夋嫨浣嶇疆 selLocationClick(item, prop) { console.log(item) @@ -436,6 +516,25 @@ } this.$emit("selLocationClick", item, prop) }, + // 閫夋嫨璺嚎 + selRoteClick(item, prop) { + console.log(item, prop) + console.log(this.tableList.tableData) + // if (this.isinventory) { + // getRuleList({ + // locationId: item.value, + // productId: "" + // }).then((res) => { + // console.log(res) + // if (res.code === 200) { + // const list = res.data ? res.data : [] + // // this.selLocationOptions = list.locationList + // this.productNameOptions = list.productList + // } + // }) + // } + // this.$emit("selLocationClick", item, prop) + }, // 閫夋嫨鍗曚綅/鐢ㄦ埛 selCommonClick(item) { console.log(item) -- Gitblit v1.8.0