| | |
| | | <div class="list-view"> |
| | | <div class="table"> |
| | | <CommonFormTableView |
| | | ref="tableRef" |
| | | :islistingrules="true" |
| | | :product-table-list="tableList" |
| | | @inputContent="inputContent" |
| | | @tableRowClick="tableRowClick" |
| | | @selLocationClick="selLocationClick" |
| | | @selSonLocationClick="selSonLocationClick" |
| | | @querySearchData="querySearchData" |
| | | @selProductClick="selProductClick" |
| | | @selProductTypeClick="selProductTypeClick" |
| | | > |
| | | <!-- |
| | | @selProductTypeClick="selProductTypeClick" |
| | | --> |
| | | <template slot="tableButton"> |
| | | <el-table-column label="操作" width="90" align="center"> |
| | | <template slot-scope="scope"> |
| | |
| | | addTitle: "新建", |
| | | showDiscard: false, |
| | | tableList: {}, |
| | | tableData: [ |
| | | { |
| | | location: "HC/销售区", |
| | | productName: "夏季真丝吊带裙", |
| | | amount: "0.00", |
| | | unit: "件", |
| | | count: "0.00", |
| | | date: "2023-12-31", |
| | | user: "管理员", |
| | | isSet: true, |
| | | isEdit: true |
| | | }, |
| | | { |
| | | location: "HM/销售区", |
| | | productName: "夏季真丝吊带裙", |
| | | productCategory: "", |
| | | subLocation: "A区", |
| | | companyName: "贝思科", |
| | | isSet: true, |
| | | isEdit: true |
| | | } |
| | | ], |
| | | searchOptions: [], |
| | | countId: 0, |
| | | isNoProduct: true, // 添加明细行时是否有产品未选择 |
| | |
| | | RuleType: 0, |
| | | queryProductId: null, |
| | | categoryId: null, |
| | | searchTaskMap: [] |
| | | searchTaskMap: [], |
| | | isCreate:false, |
| | | thatRow:{}, |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | { label: "当产品到达", prop: "areaName", location: true }, |
| | | { label: "产品", prop: "productName", product: true }, |
| | | { label: "产品类别", prop: "productCategory", productType: true }, |
| | | { label: "存储到子位置", prop: "subLocation", location: true } |
| | | { label: "存储到子位置", prop: "subLocation", sonLocation: true } |
| | | // { label: "公司", prop: "companyName", company: true } |
| | | ] |
| | | ], |
| | | rowClickIndex:-1 |
| | | } |
| | | }, |
| | | // 请求数据 |
| | |
| | | const list = res.data.map((item) => { |
| | | return { |
| | | ...item, |
| | | areaName: { label: item.area.jointName, value: item.area.id }, |
| | | areaName: { label: item.location.jointName, value: item.location.id }, |
| | | subLocation: { label: item.location.jointName, value: item.location.id }, |
| | | productName: item.product.name, |
| | | productCategory: item.productCategory.name, |
| | |
| | | }, |
| | | // 新增 |
| | | addProductClick() { |
| | | this.isCreate=true |
| | | this.tableList.tableColumn[1].product = true |
| | | this.tableList.tableColumn[2].productType = true |
| | | console.log(this.tableData) |
| | |
| | | subLocation: "", |
| | | productName: "", |
| | | companyName: "", |
| | | productCategory:"", |
| | | isSet: true, |
| | | isEdit: false, |
| | | isOrder: true |
| | |
| | | } else { |
| | | if (this.areaId === 0) { |
| | | this.$message.error("请选择当前产品到达位置") |
| | | } else if (this.productId === 0 && this.productCategoryId === "") { |
| | | } else if (this.productId === 0 && this.productCategoryId === 0) { |
| | | this.$message.error("请选择产品或产品类别") |
| | | } else if (this.subLocationId === 0) { |
| | | this.$message.error("请选择存储到子位置") |
| | |
| | | id: this.currentRowId, |
| | | areaId: this.areaId, |
| | | locationId: this.subLocationId, |
| | | productCategoryId: this.productCategoryId || "", |
| | | productId: this.productId || "" |
| | | productCategoryId: this.productCategoryId, |
| | | productId: this.productId |
| | | }).then((res) => { |
| | | console.log(res) |
| | | if (res.code === 200) { |
| | | this.getData() |
| | | let tipStr = this.currentRowId === 0 ? "添加成功" : "修改成功" |
| | | this.$message.success(tipStr) |
| | | this.isCreate=false |
| | | } |
| | | }) |
| | | } |
| | |
| | | }, |
| | | // 取消 |
| | | discardBtnClick() { |
| | | this.getData() |
| | | this.isCreate=false |
| | | this.tableList.tableColumn[1].product = true |
| | | this.tableList.tableColumn[2].productType = true |
| | | if (this.isRowClick) { |
| | | this.tableData.map((item) => { |
| | | item.isEdit = true |
| | | }) |
| | | } else { |
| | | this.tableData.splice(0, 1) |
| | | } |
| | | this.addTitle = "新建" |
| | | this.showDiscard = false |
| | | }, |
| | |
| | | }, |
| | | // 行点击 |
| | | tableRowClick(row, rowIndex) { |
| | | this.thatRow=row |
| | | this.tableList.rowClickIndex=rowIndex |
| | | this.rowIndex = rowIndex |
| | | this.isSel() |
| | | if (!this.isNoProduct && this.currentRowId === 0) { |
| | | this.$message.error("请完成当前新建或取消新建") |
| | | } else { |
| | | this.tableList.tableColumn[2].productType = true |
| | | this.currentRowId = row.id |
| | | }else { |
| | | this.currentRowId = row.id||0 |
| | | this.addTitle = "保存" |
| | | this.showDiscard = true |
| | | this.isRowClick = true |
| | | if (!this.isNoProduct) { |
| | | this.tableData.splice(this.tableData.length - 1, 1) |
| | | this.tableData.map((item, index) => { |
| | | if (index === rowIndex) { |
| | | item.isEdit = false |
| | | item.isOrder = true |
| | | } else { |
| | | item.isEdit = true |
| | | } |
| | | }) |
| | | this.areaId = row.areaId |
| | | this.subLocationId = row.locationId |
| | | this.productCategoryId = row.productCategoryId |
| | | this.productId = row.productId |
| | | } |
| | | this.tableData.map((item, index) => { |
| | | if (index === rowIndex) { |
| | | item.isEdit = false |
| | | item.isOrder = true |
| | | } else { |
| | | item.isEdit = true |
| | | } |
| | | }) |
| | | this.areaId = row.areaId |
| | | this.subLocationId = row.locationId |
| | | this.productCategoryId = row.productCategoryId |
| | | this.productId = row.productId |
| | | if ( |
| | | this.tableList.tableData[rowIndex].productName === "" || |
| | | this.tableList.tableData[rowIndex].productName === " " |
| | | ) { |
| | | this.tableList.tableColumn[1].product = false |
| | | this.tableList.tableColumn[2].productType = true |
| | | } else { |
| | | } |
| | | }, |
| | | querySearchData(queryString,results,value){ |
| | | if(this.isCreate){ |
| | | if(queryString===''){ |
| | | this.tableList.tableColumn[1].product = true |
| | | this.tableList.tableColumn[2].productType = false |
| | | this.tableList.tableColumn[2].productType = true |
| | | }else{ |
| | | if(value==="product"){ |
| | | this.tableList.tableColumn[2].productType = false |
| | | if(results.length!==0){ |
| | | this.productId=results[0].id |
| | | }else{ |
| | | this.productId=0 |
| | | } |
| | | }else if(value==="productType"){ |
| | | this.tableList.tableColumn[1].product = false |
| | | if(results.length!==0){ |
| | | this.productCategoryId=results[0].id |
| | | }else{ |
| | | this.productCategoryId=0 |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }, |
| | |
| | | this.editConfig.visible = true |
| | | this.editConfig.title = "新建" |
| | | }, |
| | | // 选择位置方法 |
| | | // 选择起始位置方法 |
| | | selLocationClick(item, prop) { |
| | | console.log(item, prop) |
| | | if (prop === "areaName") { |
| | | this.areaId = item.value |
| | | } else if (prop === "subLocation") { |
| | | this.subLocationId = item.value |
| | | } |
| | | }, |
| | | // 选中产品方法 |
| | | selProductClick(item) { |
| | | console.log(item, "产品") |
| | | this.RuleType = 1 |
| | | this.tableList.tableColumn[2].productType = false |
| | | this.productId = item.value |
| | | this.productCategoryId = item.categoryId |
| | | // 选择子位置方法 |
| | | selSonLocationClick(item) { |
| | | this.subLocationId = item.value |
| | | }, |
| | | // 选中产品类型方法 |
| | | selProductTypeClick(item) { |
| | | this.RuleType = 2 |
| | | if (this.currentRowId === 0) { |
| | | this.productCategoryId = item.value |
| | | } else { |
| | | // 选中产品方法 |
| | | selProductClick(value,item){ |
| | | if(value==="product"){ |
| | | this.RuleType = 1 |
| | | this.tableList.tableColumn[2].productType = false |
| | | this.productId=item.id |
| | | this.productCategoryId=item.categoryId |
| | | }else if(value==="productType"){ |
| | | this.productCategoryId=item.id |
| | | this.RuleType = 2 |
| | | this.tableList.tableColumn[1].product = false |
| | | this.tableList.tableData[this.rowIndex].productName = " " |
| | | this.productId = "" |
| | | this.productCategoryId = this.tableList.tableData[this.rowIndex].productCategoryId |
| | | } |
| | | }, |
| | | // 删除 |
| | |
| | | }, |
| | | watch: { |
| | | rowIndex(newVal) { |
| | | if (this.tableList.tableData[newVal].productName === " ") { |
| | | this.tableList.tableColumn[1].product = false |
| | | this.tableList.tableColumn[2].productType = true |
| | | } else { |
| | | this.tableList.tableColumn[1].product = true |
| | | this.tableList.tableColumn[2].productType = false |
| | | if(this.isCreate){ |
| | | if(newVal===0){ |
| | | this.tableList.tableColumn[1].product = true |
| | | this.tableList.tableColumn[2].productType = true |
| | | }else{ |
| | | this.$message.error("请完成当前新建或取消新建") |
| | | this.tableList.tableColumn[1].product = false |
| | | this.tableList.tableColumn[2].productType = false |
| | | } |
| | | }else{ |
| | | if ( |
| | | this.tableList.tableData[newVal].productName === "" |
| | | ) { |
| | | this.tableList.tableColumn[1].product = false |
| | | this.tableList.tableColumn[2].productType = true |
| | | } else { |
| | | this.tableList.tableColumn[1].product = true |
| | | this.tableList.tableColumn[2].productType = false |
| | | } |
| | | } |
| | | this.$refs.tableRef.getProductCategoryList() |
| | | } |
| | | } |
| | | } |