| | |
| | | ></el-input> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item |
| | | <!-- <el-form-item |
| | | v-else-if="item.productName" |
| | | label=" " |
| | | :prop="'tableData.' + scope.$index + '.' + item.prop" |
| | |
| | | @select-user="selProductNameClick" |
| | | > |
| | | </SimpleSearchInput> |
| | | </div> |
| | | </el-form-item> --> |
| | | <el-form-item |
| | | v-else-if="item.productName" |
| | | label=" " |
| | | :prop="'tableData.' + scope.$index + '.' + item.prop" |
| | | > |
| | | <div class="custom-name"> |
| | | <el-autocomplete |
| | | v-model="scope.row[item.prop]" |
| | | :fetch-suggestions="querySearchAsync" |
| | | value-key="name" |
| | | :disabled="!isOperate" |
| | | size="mini" |
| | | @select=" |
| | | (val) => { |
| | | handleSelectClient(val, item.prop, scope.row) |
| | | } |
| | | " |
| | | ></el-autocomplete> |
| | | |
| | | <div |
| | | v-if="scope.row[item.prop] && scope.row[item.prop].length > 0 && isOperate" |
| | | class="common-select-btn" |
| | | @click="handleEditClient(scope, item.prop)" |
| | | > |
| | | <i class="el-icon-edit" title="编辑"></i> |
| | | </div> |
| | | <div |
| | | v-if="scope.row[item.prop] && scope.row[item.prop].length > 0 && isOperate" |
| | | class="common-select-btn" |
| | | @click="clearupClient(scope)" |
| | | > |
| | | <i class="el-icon-remove-outline" title="清除"></i> |
| | | </div> |
| | | <div class="common-select-btn" v-else @click="selClientClick(scope, item.prop)"> |
| | | <i class="el-icon-circle-plus-outline" title="选择"></i> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | :controls="false" |
| | | size="mini" |
| | | style="width: 100%; margin-right: 5px" |
| | | :min="item.prop==='minInventory'?0:1" |
| | | :min="item.prop === 'minInventory' ? 0 : 1" |
| | | @change=" |
| | | (val) => { |
| | | commonInputChange(val, item.prop, scope.row) |
| | |
| | | style="width: 80%" |
| | | @change=" |
| | | (val) => { |
| | | selLocationClick(val, item.prop) |
| | | selLocationClick(val, item.prop,scope.row) |
| | | } |
| | | " |
| | | > |
| | |
| | | style="width: 80%" |
| | | @change=" |
| | | (val) => { |
| | | selLocationClick(val, item.prop) |
| | | selLocationClick(val, item.prop, scope.row) |
| | | } |
| | | " |
| | | > |
| | |
| | | </div> |
| | | </el-form-item> |
| | | <!-- 从 --> |
| | | <el-form-item v-else-if="item.formLocation" label=" " :prop="'tableData.' + scope.$index + '.' + item.prop"> |
| | | <el-form-item |
| | | v-else-if="item.formLocation" |
| | | label=" " |
| | | :prop="'tableData.' + scope.$index + '.' + item.prop" |
| | | > |
| | | <div class="custom-name"> |
| | | <span v-if="scope.row.isEdit || scope.row.editable">{{ scope.row.formLocation }}</span> |
| | | <el-autocomplete |
| | |
| | | <slot name="tableButton" /> |
| | | </el-table> |
| | | </el-form> |
| | | <div v-if="!detailEnter && !isinventory && !isReorder" style="margin: 10px"> |
| | | <el-button size="small" type="primary" @click="add">添加明细行</el-button> |
| | | <!-- <el-button size="small" type="primary" @click="empty">清空</el-button> --> |
| | | <div v-if="!detailEnter && !isinventory && !isReorder" style="margin: 10px"> |
| | | <el-button size="small" type="primary" @click="add">新增</el-button> |
| | | <el-button size="small" type="primary" @click="empty">清空</el-button> |
| | | </div> |
| | | <!-- 产品名称 --> |
| | | <!-- <SelectCommonDialog |
| | | <SelectCommonDialog |
| | | v-if="editSelCommonConfig.editVisible" |
| | | :edit-common-config="editSelCommonConfig" |
| | | :sign="sign" |
| | | :selectBoxList="tableList.tableData" |
| | | :quotationNumber="quotationNumber" |
| | | @selClient="selClient" |
| | | /> --> |
| | | @getSelectArray="getSelectArray" |
| | | /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import { getProductList } from "@/api/product/product" |
| | | import { getLocationList } from "@/api/warehouseManage/warehouse" |
| | | import { getCompanyList } from "@/api/common/other" |
| | | import { getRuleList } from "@/api/operate/inventoryAdjustment" |
| | | import { getRuleList} from "@/api/operate/inventoryAdjustment" |
| | | import { getProductCategoryList } from "@/api/product/productCategory" |
| | | import SimpleSearchInput from "@/components/makepager/SimpleSearchInput" |
| | | import { getAmountAndPrediction } from "@/api/product/reorderRules" |
| | | // import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog" |
| | | import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog" |
| | | export default { |
| | | name: "CommmonFormTableView", |
| | | components: { SimpleSearchInput }, |
| | | components: { SimpleSearchInput, SelectCommonDialog }, |
| | | props: { |
| | | detailEnter: { |
| | | type: Boolean, |
| | |
| | | isReorder: { |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | // 根据报价单查询产品 |
| | | quotationNumber: { |
| | | type: [String, Number], |
| | | default: "" |
| | | }, |
| | | // 列表新增是否多选 |
| | | addTypeIdMultiple: { |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | // 是否可以操作 添加等 |
| | | isOperate: { |
| | | type: Boolean, |
| | | default: true |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | tableList: [], |
| | | editSelCommonConfig: { |
| | | editVisible: false, |
| | | isSelectBox: false, |
| | | title: "", |
| | | infomation: {} |
| | | }, |
| | |
| | | productName: "", |
| | | productId: "", |
| | | initialPosition: "", |
| | | formLocationList:[], |
| | | formLocationList: [], |
| | | toLocationList: [] |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | restaurants = this.productNameOptions |
| | | } else if (value === "productType") { |
| | | restaurants = this.productTypeNameOptions |
| | | }else if(value==="formLocation"){ |
| | | } else if (value === "formLocation") { |
| | | restaurants = this.selLocationOptions |
| | | } |
| | | var results = queryString ? restaurants.filter(this.createStateFilter(queryString, value)) : restaurants |
| | |
| | | return (state) => { |
| | | return state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0 |
| | | } |
| | | }, |
| | | // 新增 |
| | | selClientClick(scope, prop) { |
| | | console.log(scope, prop) |
| | | this.productIndex = scope.$index |
| | | this.editSelCommonConfig.title = "产品名称" |
| | | this.editSelCommonConfig.isSelectBox = true |
| | | this.editSelCommonConfig.editVisible = true |
| | | }, |
| | | // 编辑 |
| | | handleEditClient(scope, prop) { |
| | | console.log(scope, prop) |
| | | this.productIndex = scope.$index |
| | | this.editSelCommonConfig.title = "产品名称" |
| | | this.editSelCommonConfig.isSelectBox = false |
| | | this.editSelCommonConfig.editVisible = true |
| | | }, |
| | | // 清除选中产品 |
| | | setValueNull(val) { |
| | |
| | | } |
| | | }) |
| | | }, |
| | | // 设置子位置 |
| | | async setLocationList(jointName) { |
| | | await getLocationList({ |
| | | jointName: jointName, |
| | | page: 1, |
| | | pageSize: 100 |
| | | }).then((res) => { |
| | | if (res.code === 200) { |
| | | // const list = res.data ? res.data : [] |
| | | this.selSonLocationOptions = res.data |
| | | console.log(this.selSonLocationOptions,"看看变了没") |
| | | } |
| | | }) |
| | | // 设置子位置/源位置 |
| | | async setLocationList(jointName, tag) { |
| | | if (tag === "fromLocation") { |
| | | await getLocationList({ |
| | | jointName: jointName, |
| | | page: 1, |
| | | pageSize: 100 |
| | | }).then((res) => { |
| | | if (res.code === 200) { |
| | | this.selSonLocationOptions = res.data |
| | | } |
| | | }) |
| | | } else if (tag === "toLocation") { |
| | | await getLocationList({ |
| | | jointName: jointName, |
| | | page: 1, |
| | | pageSize: 100 |
| | | }).then((res) => { |
| | | if (res.code === 200) { |
| | | this.selToLocationOptions = res.data |
| | | } |
| | | }) |
| | | } else { |
| | | await getLocationList({ |
| | | jointName: jointName, |
| | | page: 1, |
| | | pageSize: 100 |
| | | }).then((res) => { |
| | | if (res.code === 200) { |
| | | this.selSonLocationOptions = res.data |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | // 获取公司列表 |
| | | async getCompanyList() { |
| | |
| | | }, |
| | | // 选择产品 |
| | | selProductClick(item, row) { |
| | | console.log("选择产品",row,item) |
| | | if (this.isReorder) { |
| | | this.productId = item.id |
| | | this.productName = item.name |
| | |
| | | let selIndex = 0 |
| | | this.tableList.tableData.map((ite, index) => { |
| | | // ite.id 是上架规则的, ite.productId是库存调整的 |
| | | if (ite.id === row.id&&ite.id!=undefined&&row.id!=undefined) { |
| | | if (ite.id === row.id && ite.id != undefined && row.id != undefined) { |
| | | selIndex = index |
| | | ite.productId = item.id |
| | | ite.productName = item.name |
| | |
| | | ite.productCategory = item.categoryName |
| | | ite.amount = item.amount |
| | | ite.unit = item.unit |
| | | }else if(ite.productId===row.productId){ |
| | | } else if (ite.productId === row.productId) { |
| | | selIndex = index |
| | | ite.productId = item.id |
| | | ite.productName = item.name |
| | | ite.categoryId = item.categoryId |
| | | ite.productCategory = item.categoryName |
| | | ite.amount = item.amount |
| | | // ite.amount = item.amount |
| | | ite.unit = item.unit |
| | | } |
| | | }) |
| | | this.$emit("selProductClick", "product", this.tableList.tableData[selIndex]) |
| | | } |
| | | |
| | | if (this.isinventory) { |
| | | getRuleList({ |
| | | locationId: 0, |
| | |
| | | } |
| | | }) |
| | | } |
| | | |
| | | // this.$emit("selProductClick", item) |
| | | }, |
| | | // 选择产品类型 |
| | |
| | | }, |
| | | // 选择位置 |
| | | selLocationClick(item, prop, row) { |
| | | console.log("位置选择",item,row) |
| | | if (prop === "areaName") { |
| | | getLocationList({ |
| | | jointName: item.label, |
| | |
| | | this.selSonLocationOptions = list |
| | | } |
| | | }) |
| | | }else if(prop==='locationName'){ |
| | | console.log("locationName") |
| | | } |
| | | if (this.isReorder) { |
| | | this.locacionId = item.value |
| | |
| | | }, |
| | | // 新增 |
| | | add() { |
| | | this.$emit("addProductClick") |
| | | if (this.addTypeIdMultiple) { |
| | | this.productIndex = this.tableList.tableData.length |
| | | this.editSelCommonConfig.title = "产品名称" |
| | | this.editSelCommonConfig.isSelectBox = true |
| | | this.editSelCommonConfig.editVisible = true |
| | | } else { |
| | | this.$emit("addProductClick") |
| | | } |
| | | }, |
| | | commonInputChange(val, prop, row) { |
| | | this.$emit("inputContent", val, prop, row) |
| | |
| | | this.$emit("emptyProductClick") |
| | | }, |
| | | // 清除已选择用户 |
| | | clearupClient(row, scope) { |
| | | clearupClient(scope) { |
| | | this.productIndex = scope.$index |
| | | this.tableList.tableData.map((ite, index) => { |
| | | if (scope.$index && scope.$index >= 0) { |
| | | if (index === this.productIndex) { |
| | | ite.name = "" |
| | | ite.amount = 1 |
| | | ite.number = "" |
| | | ite.purchasePrice = 0 |
| | | ite.unit = "" |
| | | ite.deliveryTime = 0 |
| | | ite.shippingDuration = 0 |
| | | } |
| | | } else { |
| | | if (index === this.productIndex) { |
| | | ite.productName = "" |
| | | ite.id = "" |
| | | ite.name = "" |
| | | ite.amount = 1 |
| | | ite.number = "" |
| | | ite.purchasePrice = 0 |
| | | ite.model = "" |
| | | ite.specs = "" |
| | | ite.unit = "" |
| | | ite.deliveryTime = 0 |
| | | ite.shippingDuration = 0 |
| | |
| | | setFormItem(val) { |
| | | console.log(val) |
| | | }, |
| | | commoInput() {} |
| | | commoInput() {}, |
| | | selClient(item) { |
| | | let list = this.tableList.tableData.map((item) => item.id) |
| | | if (list.findIndex((v) => v == item.id) == -1) { |
| | | this.isRecalculate = true |
| | | // this.editConfig.infomation.client_name = row.name |
| | | this.tableList.tableData.map((ite, index) => { |
| | | if (index === this.productIndex) { |
| | | ite.productName = item.name |
| | | ite.productId = item.id |
| | | ite.name = item.name |
| | | ite.amount = 1 |
| | | ite.number = item.id |
| | | ite.specs = item.specs |
| | | ite.model = item.model |
| | | // ite.price = item.price |
| | | // ite.total = item.amount ? item.amount * item.price : 1 * item.price |
| | | ite.unit = item.unit |
| | | } |
| | | }) |
| | | } else { |
| | | this.$message.error("不能选择重复的产品, 请重新选择") |
| | | } |
| | | }, |
| | | getSelectArray(val) { |
| | | this.$emit("getSelectArray", val, this.productIndex) |
| | | } |
| | | } |
| | | } |
| | | </script> |