From 2096ac6f7379d75001b610c2de1fa380abd09519 Mon Sep 17 00:00:00 2001 From: futian.liu <liufutianyoo@163.com> Date: 星期二, 12 十二月 2023 16:13:44 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- admin-web/src/views/stock/procure/purchaseOrder/edit.vue | 472 ++++++++++++++++++++++++++++++++-------------------------- 1 files changed, 259 insertions(+), 213 deletions(-) diff --git a/admin-web/src/views/stock/procure/purchaseOrder/edit.vue b/admin-web/src/views/stock/procure/purchaseOrder/edit.vue index 259b8c8..e08e183 100644 --- a/admin-web/src/views/stock/procure/purchaseOrder/edit.vue +++ b/admin-web/src/views/stock/procure/purchaseOrder/edit.vue @@ -1,24 +1,25 @@ <template> - <win-md class="stock-edit" :title="`${setting.title}閲囪喘鍏ュ簱`" @close="close" :width="'800px'"> - <el-form class="form" ref="ruleForm" :model="formData" :rules="rules" label-width="120px"> + <win-md class="stock-edit" :title="`${setting.title}閲囪喘鍏ュ簱`" @close="close" :width="'800px'" :loading="loading"> + <el-form v-loading="loading" class="form" ref="ruleForm" :model="formData" :rules="rules" label-width="120px"> <div class="main-w"> <el-row :gutter="24" class="headerHeight"> <el-col :span="12"> <el-form-item label="鍏ュ簱浠撳簱" prop="warehouseId"> - <el-select v-model="formData.warehouseId" placeholder="璇烽�夋嫨" style="width: 100%"> - <el-option v-for="item in warehouses" :key="item.id" :label="item.warehouseName" :value="item.id" /> + <el-select v-model="formData.warehouseId" placeholder="璇烽�夋嫨" clearable style="width: 100%"> + <el-option v-for="item in warehouses" :key="item.id" :label="item.warehouseName" :value="item.id"/> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="閲囪喘鏃堕棿" prop="procureTime"> <el-date-picker - v-model="formData.procureTime" - type="datetime" - value="yyyy-MM-dd HH:mm:ss" - value-format="yyyyMMddHHmmss" - placeholder="璇烽�夋嫨鏃ユ湡" - style="width: 100%" + v-model="formData.procureTime" + type="datetime" + clearable + value="yyyy-MM-dd HH:mm:ss" + value-format="yyyyMMddHHmmss" + placeholder="璇烽�夋嫨鏃ユ湡" + style="width: 100%" > </el-date-picker> </el-form-item> @@ -28,7 +29,7 @@ <el-col :span="12"> <el-form-item label="閲囪喘绫诲瀷" prop="buyType"> <el-select v-model="formData.buyType" placeholder="璇烽�夋嫨" style="width: 100%"> - <el-option v-for="item in buyTypeOptions" :key="item.value" :label="item.label" :value="item.value" /> + <el-option v-for="item in buyTypeOptions" :key="item.value" :label="item.label" :value="item.value"/> </el-select> </el-form-item> </el-col> @@ -44,46 +45,46 @@ <el-row :gutter="24"> <el-col :span="12"> <el-form-item - label="鐗╁搧鍒嗙被" - :prop="`procureGoods[${goodsIndex}].baseCategoryIds`" - :rules="{ + label="鐗╁搧鍒嗙被" + :prop="`procureGoods.${goodsIndex}.baseCategoryId`" + :rules="{ required: true, - message: '璇烽�夋嫨', + message: '璇烽�夋嫨鐗╁搧鍒嗙被', trigger: 'change', }" > <el-cascader - v-model="goodsItem.baseCategoryIds" - :options="categoryOptions" - :props="{ value: 'id' }" - @change="categoryChange($event, goodsIndex)" - style="width: 100%" + v-model="goodsItem.baseCategoryId" + :options="categoryOptions" + :props="{ value: 'id',emitPath: false }" + :show-all-levels="false" + filterable + clearable + @change="categoryChange($event, goodsIndex)" + style="width: 100%" ></el-cascader> </el-form-item> </el-col> <el-col :span="12"> <el-form-item - label="鐗╁搧鍚嶇О" - :prop="`procureGoods[${goodsIndex}].baseGoodsTemplateId`" - :rules="{ - required: true, - message: '璇烽�夋嫨', - trigger: 'change', - }" + label="鐗╁搧鍚嶇О" + :prop="`procureGoods.${goodsIndex}.baseGoodsTemplateId`" + :rules="rules.baseGoodsTemplateId" > <el-select - v-model="goodsItem.baseGoodsTemplateId" - placeholder="璇峰厛鎷╃墿鍝佸垎绫�" - filterable - :disabled="!goodsItem.baseCategoryId" - style="width: 100%" - @change="goodsTemplateChange($event, goodsIndex)" + v-model="goodsItem.baseGoodsTemplateId" + :placeholder="goodsItem.baseCategoryId?'璇烽�夋嫨鐗╁搧':'璇峰厛閫夋嫨鐗╁搧鍒嗙被'" + filterable + clearable + :disabled="!goodsItem.baseCategoryId" + style="width: 100%" + @change="goodsTemplateChange($event, goodsIndex)" > <el-option - v-for="item in goodsItem.goodsOptions" - :key="item.id" - :label="item.goodsName" - :value="item.id" + v-for="item in goodsItem.goodsOptions" + :key="item.id" + :label="item.goodsName" + :value="item.id" /> </el-select> </el-form-item> @@ -92,35 +93,37 @@ <el-row :gutter="24"> <el-col :span="12"> <el-form-item - label="瑙勬牸鍨嬪彿" - :prop="`procureGoods[${goodsIndex}].modelsIds`" - :rules="{ + label="瑙勬牸鍨嬪彿" + :prop="`procureGoods.${goodsIndex}.modelsIds`" + :rules="{ required: true, - message: '璇烽�夋嫨', + message: '璇烽�夋嫨瑙勬牸鍨嬪彿', trigger: 'change', }" > <el-select - v-model="goodsItem.modelsIds" - multiple - placeholder="璇峰厛鎷╃墿鍝佸悕绉�" - :disabled="!goodsItem.baseCategoryId" - @change="modelChange($event, goodsIndex)" - @remove-tag="modelRemoveTag($event, goodsIndex)" - style="width: 100%" + v-model="goodsItem.modelsIds" + multiple + clearable + :placeholder="goodsItem.baseGoodsTemplateId?'璇烽�夋嫨瑙勬牸鍨嬪彿':'璇峰厛閫夋嫨鐗╁搧鍚嶇О'" + :disabled="!goodsItem.baseGoodsTemplateId" + @change="modelChange($event, goodsIndex)" + @remove-tag="modelRemoveTag($event, goodsIndex)" + @clear="modelRemoveTag(-1, goodsIndex)" + style="width: 100%" > <el-option - v-for="item in goodsItem.modelsOptions" - :key="item.id" - :label="item.modelName" - :value="item.id" + v-for="item in goodsItem.modelsOptions" + :key="item.id" + :label="item.modelName" + :value="item.id" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="渚涜揣鍟�" prop="supplier"> - <el-input v-model="goodsItem.supplier" clearable maxlength="20" show-word-limit /> + <el-input v-model="goodsItem.supplier" clearable maxlength="20" show-word-limit/> </el-form-item> </el-col> </el-row> @@ -135,35 +138,55 @@ {{ scope.row.unit }} </template> </el-table-column> - <el-table-column prop="price" label="鍗曚环锛堝厓锛�" align="center"> + <el-table-column prop="priceYuan" label="鍗曚环锛堝厓锛�" align="center"> <template slot-scope="scope"> - <el-input type="number" v-model="scope.row.price"></el-input> + <el-form-item + label-width="0" + style="margin-bottom: 0" + :prop="`procureGoods[${goodsIndex}].models[${scope.$index}].priceYuan`" + :rules="rules.priceYuan" + > + <el-input + type="number" + v-model.number="scope.row.priceYuan" + @change="priceChange($event, goodsIndex, scope.$index)" + ></el-input> + </el-form-item> </template> </el-table-column> <el-table-column prop="counts" label="閲囪喘鏁伴噺" align="center"> <template slot-scope="scope"> - <el-input type="number" v-model="scope.row.counts"></el-input> + <el-form-item + label-width="0" + style="margin-bottom: 0" + :prop="`procureGoods[${goodsIndex}].models[${scope.$index}].counts`" + :rules="rules.counts" + > + <el-input v-model.number="scope.row.counts"></el-input> + </el-form-item> </template> </el-table-column> </el-table> <div class="btn-group"> <el-button - v-if="formData.procureGoods.length > 1" - name="绉婚櫎" - type="danger" - plain - size="mini" - @click="removeGoods(goodsIndex)" - >绉婚櫎</el-button + v-if="formData.procureGoods.length > 1" + name="绉婚櫎" + type="danger" + plain + size="mini" + @click="removeGoods(goodsIndex)" + >绉婚櫎 + </el-button > <el-button - v-if="formData.procureGoods.length - 1 == goodsIndex" - name="鏂板鐗╁搧" - type="primary" - plain - size="mini" - @click="addGoods" - >鏂板鐗╁搧</el-button + v-if="formData.procureGoods.length - 1 == goodsIndex" + name="鏂板鐗╁搧" + type="primary" + plain + size="mini" + @click="addGoods" + >鏂板鐗╁搧 + </el-button > </div> </div> @@ -177,54 +200,94 @@ </template> <script> import { + goodsModel, goodsTemplate, procureAdd, + procureDetail, procureEdit, selectTenantWarehouse, - goodsModel, - procureDetail, } from '@/api/stock/procure/purchaseOrder'; -import { getTree } from '@/api/foudation/classification'; +import {getTree} from '@/api/foudation/classification'; import MyButton from '@/components/myButton/myButton'; import winMd from '@/components/win/win-md'; import upload from '@/components/upload/index'; -import { getUploadUrl,getDownUrl} from '@/utils/base'; - -import SettingIplatform from '../../../../../public/static/config'; +import {getUploadUrl} from '@/utils/base'; +import {findParentIds} from '@/utils/index'; +import {mapGetters} from 'vuex'; +import * as DateFormatter from "@/utils/DateFormatter"; export default { - components: { MyButton, winMd, upload }, + components: {MyButton, winMd, upload}, props: { setting: { type: Object, default: () => { - } - } + }, + }, }, data() { + // 鑷畾涔夋牎楠� + // 鐗╁搧閲嶅鏍¢獙 + var checkGoodsTemplateId = (rule, value, callback) => { + if (!value) { + return callback(new Error('璇烽�夋嫨')); + } + let temp = this.formData.procureGoods.filter((v) => v.baseGoodsTemplateId == value); + if (!temp || temp.length != 1) { + return callback(new Error('宸查�夎繃姝ょ墿鍝�')); + } + callback(); + }; + // 閲戦鏍¢獙 + var checkPrice = (rule, value, callback) => { + if (!value) { + return callback(new Error('璇疯緭鍏�')); + } + if (value == 0) { + this.$message.warning('鏁板瓧鍊间笉鑳戒负0'); + return callback(new Error('鏁板瓧鍊间笉鑳戒负0')); + } + callback(); + }; + // 鏁伴噺鏍¢獙 + var checkCounts = (rule, value, callback) => { + if (!value) { + return callback(new Error('璇疯緭鍏�')); + } + if (!Number.isInteger(value)) { + this.$message.warning('璇疯緭鍏ユ暟瀛楀��'); + return callback(new Error('璇疯緭鍏ユ暟瀛楀��')); + } + if (value == 0) { + this.$message.warning('鏁板瓧鍊间笉鑳戒负0'); + return callback(new Error('鏁板瓧鍊间笉鑳戒负0')); + } + callback(); + }; return { - visible: false, - loading: false, - buyTypeOptions:[{ - label:'闆嗛噰', - value: '1' - },{ - label:'鑷噰', - value: '2' - }], - fileList:[], + loading: true, + buyTypeOptions: [ + { + label: '闆嗛噰', + value: '1', + }, + { + label: '鑷噰', + value: '2', + }, + ], + fileList: [], warehouses: [], // 鍏ュ簱浠撳簱鍒楄〃 categoryOptions: [], // 鐗╁搧鍒嗙被鍒楄〃 modelList: [], //鍨嬪彿鍒楄〃 formData: { - procureDoc:'', + procureDoc: '', warehouseId: '', // 鍏ュ簱浠撳簱id - procureTime: '', // 閲囪喘鏃堕棿 + procureTime: DateFormatter.formatDate(new Date(), 'yyyyMMddhhmmss'), // 閲囪喘鏃堕棿 buyType: '2', // 閲囪喘鏂瑰紡锛�1锛氶泦閲囷紱2=鑷噰锛� procureGoods: [], }, goodsItem: { - whFormProcureId: '', // 閲囪喘鍗旾D baseCategoryIds: '', // 鍒嗙被缂栧彿鏁扮粍 baseCategoryId: '', // 鍒嗙被缂栧彿 baseGoodsTemplateId: '', // 鐗╁搧妯$増缂栧彿 @@ -238,82 +301,92 @@ }, modelsItem: { baseGoodsModelsId: '', // 瑙勬牸鍨嬪彿缂栧彿 - price: 0, // 鍗曚环(閲囪喘闇�瑕侊紝璋冩嫧涓嶉渶瑕�) - counts: 0, // 鎿嶄綔鏁伴噺 - supplier: '', // 渚涘簲鍟� + priceYuan: null, // 鍗曚环(鍏�) + price: null, // 鍗曚环(鍒� 閲囪喘闇�瑕侊紝璋冩嫧涓嶉渶瑕�) + counts: null, // 鎿嶄綔鏁伴噺 unit: null, //鍗曚綅 }, rules: { - warehouseId: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }], - procureTime: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }], - buyType: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }], + warehouseId: [{required: true, message: '璇烽�夋嫨', trigger: 'change'}], + procureTime: [{required: true, message: '璇烽�夋嫨', trigger: 'change'}], + buyType: [{required: true, message: '璇烽�夋嫨', trigger: 'change'}], - procureDoc: [{ required: true, message: '璇蜂笂浼�', trigger: 'change' }], - baseCategoryIds: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }], - baseGoodsTemplateId: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }], - modelsIds: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }], + procureDoc: [{required: true, message: '璇蜂笂浼�', trigger: 'change'}], + baseCategoryIds: [{required: true, message: '璇烽�夋嫨', trigger: 'change'}], + baseGoodsTemplateId: [{required: true, message: '璇烽�夋嫨', trigger: 'change'},{validator: checkGoodsTemplateId, trigger: ['blur', 'change']}], + modelsIds: [{required: true, message: '璇烽�夋嫨', trigger: 'change'}], + priceYuan: [{validator: checkPrice, trigger: 'blur'}], + counts: [{validator: checkCounts, trigger: 'blur'}], }, uploadSettings: { title: '涓婁紶', max: 20, // 鏈�澶уぇ灏忥紝鍗曚綅M num: 10, // 鏀寔涓婁紶鍥剧墖涓暟 - accept: '.jpg,.png', // 闄愬埗鏍煎紡 tip: '', // 鎻愮ず 榛樿锛歚鍙兘涓婁紶${this.defaultSettings.num}涓�${this.defaultSettings.accept}鏂囦欢锛屼笖涓嶈秴杩�${this.defaultSettings.max}kb` uploadUrl: getUploadUrl(), // 涓婁紶璺緞 multiple: true, // 鏄惁鏀寔鎵归噺涓婁紶 - disabled: false, // 鏄惁绂佺敤 - type: 'picture', // text/picture }, }; }, + computed: { + ...mapGetters(['userInfo']), + }, created() { - this.init() + this.init(); }, methods: { async init() { - this.getWarehouseList(); - this.getgoodsTemplate() - this.getgoodsModel(); + await this.getWarehouseList(); + await this.getgoodsTemplate(); + await this.getgoodsModel(); + // 鑾峰彇鐗╁搧鍒嗙被鍒楄〃 const treeRes = await getTree(); this.categoryOptions = this.removeEmptyChildren(treeRes); if (this.setting.id) { - const detail = await procureDetail({ id:this.setting.id }); + const detail = await procureDetail({id: this.setting.id}); this.formData = Object.assign(this.formData, detail); - if(this.formData.procureDoc) { - this.fileList = JSON.parse(this.formData.procureDoc) + if (this.formData.procureDoc) { + this.fileList = JSON.parse(this.formData.procureDoc); } - this.$set(this.formData,'buyType',this.formData.buyType.toString()) + this.$set(this.formData, 'buyType', this.formData.buyType.toString()); this.formData.procureTime = this.formData.procureTime.toString(); - this.formData.procureGoods.map((item, index) => { + this.formData.procureGoods.map(async (item, index) => { // 鏍规嵁瀛愰泦ID鎷兼帴鐗╁搧鍒嗙被鍒楄〃 - let pIds = this.findParentIds(this.categoryOptions, item.baseCategoryId); - item.baseCategoryIds = [...pIds, item.baseCategoryId]; - this.$set(this.formData.procureGoods[index],'modelsIds',item.models.map((v) => v.baseGoodsModelsId)) - this.getgoodsTemplate(item.baseCategoryId, index); - this.getgoodsModel(item.baseGoodsTemplateId, index); - return item + item.baseCategoryIds = findParentIds(this.categoryOptions, item.baseCategoryId); + this.$set( + this.formData.procureGoods[index], + 'modelsIds', + item.models.map((v) => v.baseGoodsModelsId), + ); + await this.getgoodsTemplate(item.baseCategoryId, index); + await this.getgoodsModel(item.baseGoodsTemplateId, index); + await item.models.forEach((child, childIndex) => { + this.$set(this.formData.procureGoods[index].models[childIndex], 'priceYuan', child.price / 100); + }); + return item; }); - } else { - this.formData.procureGoods.push(JSON.parse(JSON.stringify(this.goodsItem))); } - this.visible = true; + this.loading = false; }, // 鑾峰彇鍏ュ簱浠撳簱鍒楄〃 - getWarehouseList() { - selectTenantWarehouse() - .then((res) => { - this.warehouses = res; - if (this.warehouses.length && !this.formData.warehouseId) { - // 榛樿閫変腑绗竴涓粨搴� - this.formData.warehouseId = this.warehouses[0].id; - } - }) - .catch((err) => { - console.log('err', err); - }); + async getWarehouseList() { + await selectTenantWarehouse({agencyId: this.userInfo.tenantId}) + .then((res) => { + this.warehouses = res; + if (!this.setting.id && res.length) { + this.formData.procureGoods.push(JSON.parse(JSON.stringify(this.goodsItem))); + } + if (this.warehouses.length && !this.formData.warehouseId) { + // 榛樿閫変腑绗竴涓粨搴� + this.formData.warehouseId = this.warehouses[0].id; + } + }) + .catch((err) => { + console.log('err', err); + }); }, removeEmptyChildren(arr) { @@ -328,19 +401,19 @@ }, // 鑾峰彇鐗╁搧鍚嶇О鍒楄〃 - getgoodsTemplate(id, index) { - goodsTemplate({ categoryId: id || '' }).then((res) => { + async getgoodsTemplate(id, index) { + await goodsTemplate({agencyId: this.userInfo.tenantId, categoryId: id || ''}).then((res) => { if (index || index == 0) { this.$set(this.formData.procureGoods[index], 'goodsOptions', res); - }else { + } else { this.goodsTemplatelAll = res; } }); }, // 瑙勬牸鍨嬪彿 - getgoodsModel(id, index) { - goodsModel({ goodsTemplatesId: id || '' }).then((res) => { + async getgoodsModel(id, index) { + await goodsModel({goodsTemplatesId: id || ''}).then((res) => { if (index || index == 0) { this.$set(this.formData.procureGoods[index], 'modelsOptions', res); } else { @@ -369,25 +442,24 @@ // 鐗╁搧鍒嗙被閫夋嫨 categoryChange(e, index) { - this.formData.procureGoods[index].goodsOptions = [] - this.formData.procureGoods[index].baseGoodsTemplateId = '' - this.formData.procureGoods[index].goodsTemplateName = '' - this.formData.procureGoods[index].modelsOptions = [] - this.formData.procureGoods[index].modelsIds = [] - this.formData.procureGoods[index].models = [] + this.formData.procureGoods[index].goodsOptions = []; + this.formData.procureGoods[index].baseGoodsTemplateId = ''; + this.formData.procureGoods[index].goodsTemplateName = ''; + this.formData.procureGoods[index].modelsOptions = []; + this.formData.procureGoods[index].modelsIds = []; + this.formData.procureGoods[index].models = []; - this.formData.procureGoods[index].baseCategoryId = e[e.length - 1]; // 鏍规嵁閫変腑鍒嗙被璇锋眰鐗╁搧鍚嶇О鍒楄〃 - this.getgoodsTemplate(e[e.length - 1], index); + this.getgoodsTemplate(e, index); }, // 鐗╁搧鍚嶇О鍒楄〃 goodsTemplateChange(e, index) { - this.formData.procureGoods[index].modelsOptions = [] - this.formData.procureGoods[index].modelsIds = [] - this.formData.procureGoods[index].models = [] + this.formData.procureGoods[index].modelsOptions = []; + this.formData.procureGoods[index].modelsIds = []; + this.formData.procureGoods[index].models = []; - this.formData.procureGoods[index].goodsTemplateName = this.getGoodsTemplateName(e) + this.formData.procureGoods[index].goodsTemplateName = this.getGoodsTemplateName(e); // 鏍规嵁閫変腑鐗╁搧鍚嶇Оid鑾峰彇瑙勬牸鍨嬪彿鍒楄〃 this.getgoodsModel(e, index); }, @@ -399,7 +471,7 @@ e.forEach((item) => { if (str.indexOf(item) == -1) { let temp = this.goodsModelAll.find((v) => v.id == item); - arr.push({ ...this.modelsItem, baseGoodsModelsId: item, unit: temp.unit }); + arr.push({...this.modelsItem, baseGoodsModelsId: item, unit: temp.unit}); } }); this.formData.procureGoods[index].models = arr; @@ -407,15 +479,24 @@ // 瑙勬牸鍨嬪彿绉婚櫎 modelRemoveTag(e, index) { + if(e===-1){ + this.formData.procureGoods[index].models = [] + return + } let arr = this.formData.procureGoods[index].models; let delIndex = arr.findIndex((v) => v.baseGoodsModelsId == e); this.formData.procureGoods[index].models.splice(delIndex, 1); }, + // 浠锋牸input鐩戝惉 杞负鍒� + priceChange(e, goodsIndex, index) { + this.formData.procureGoods[goodsIndex].models[index].price = e * 100; + }, + // 涓婁紶 uploadChange() { - let arr = this.$refs.uploadRef.fileList - this.formData.procureDoc = JSON.stringify(arr) + let arr = this.$refs.uploadRef.fileList; + this.formData.procureDoc = JSON.stringify(arr); }, // 鐐瑰嚮鏂板鐗╁搧 @@ -432,29 +513,30 @@ handleSubmit() { this.$refs['ruleForm'].validate((valid) => { if (valid) { - console.log('this.formData', this.formData); + if (this.loading) return + this.loading = true; if (!this.setting.id) { procureAdd(this.formData) - .then((res) => { - this.$message.success('淇濆瓨鎴愬姛锛�'); - this.close(); - this.$emit('search'); - }) - .catch((err) => { - console.log('create err', err); - this.$message.error('淇濆瓨澶辫触'); - }); + .then((res) => { + this.$message.success('淇濆瓨鎴愬姛锛�'); + this.close(); + this.$emit('search'); + }) + .catch((err) => { + this.loading = false; + this.$message.error('淇濆瓨澶辫触'); + }); } else { procureEdit(this.formData) - .then((res) => { - this.$message.success('淇濆瓨鎴愬姛锛�'); - this.close(); - this.$emit('search'); - }) - .catch((err) => { - console.log('edit err', err); - this.$message.error('淇濆瓨澶辫触'); - }); + .then((res) => { + this.$message.success('淇濆瓨鎴愬姛锛�'); + this.close(); + this.$emit('search'); + }) + .catch((err) => { + this.loading = false; + this.$message.error('淇濆瓨澶辫触'); + }); } } else { this.$message.error('鏍¢獙鏈�氳繃锛岃妫�鏌ャ��'); @@ -463,48 +545,12 @@ }, close() { - this.formData ={ + this.formData = { warehouseId: '', // 鍏ュ簱浠撳簱id procureTime: '', // 閲囪喘鏃堕棿 procureGoods: [], - } - this.$emit('close') - }, - - // 閫氳繃瀛愰泦id鏌ュ埌鎵�浠ョ浉鍏崇埗绾d骞惰繑鍥炴暟缁� - findParentIds(dataSource, nodeId) { - const parentIds = [nodeId]; // 鐢ㄤ簬瀛樺偍鎵�鏈夌埗鑺傜偣ID鐨勬暟缁� - - // 瀹氫箟涓�涓�掑綊鍑芥暟锛岀敤浜庨亶鍘嗘暣妫垫爲骞舵煡鎵惧瓙鑺傜偣鐨勬墍鏈夌埗鑺傜偣 - function traverse(node, nodeId) { - if (node.id === nodeId) { - // 濡傛灉褰撳墠鑺傜偣鐨処D绛変簬瀛愯妭鐐圭殑ID锛屽垯琛ㄧず宸茬粡鎵惧埌浜嗗瓙鑺傜偣锛屽彲浠ュ紑濮嬪悜涓婃煡鎵剧埗鑺傜偣 - return true; // 杩斿洖true琛ㄧず宸茬粡鎵惧埌浜嗗瓙鑺傜偣 - } - - if (node.children) { - // 濡傛灉褰撳墠鑺傜偣鏈夊瓙鑺傜偣锛屽垯缁х画閬嶅巻瀛愯妭鐐� - for (const childNode of node.children) { - if (traverse(childNode, nodeId)) { - // 濡傛灉鍦ㄥ瓙鑺傜偣涓壘鍒颁簡瀛愯妭鐐圭殑鐖惰妭鐐癸紝鍒欏皢褰撳墠鑺傜偣鐨処D娣诲姞鍒扮埗鑺傜偣ID鏁扮粍涓紝骞惰繑鍥瀟rue琛ㄧず宸茬粡鎵惧埌浜嗗瓙鑺傜偣 - parentIds.unshift(node.id); - return true; - } - } - } - - return false; // 濡傛灉褰撳墠鑺傜偣涓嶆槸瀛愯妭鐐圭殑鐖惰妭鐐癸紝鍒欒繑鍥瀎alse - } - - // 浠庢牴鑺傜偣寮�濮嬮亶鍘嗘暣妫垫爲锛屽苟璋冪敤閫掑綊鍑芥暟鏌ユ壘瀛愯妭鐐圭殑鎵�鏈夌埗鑺傜偣 - for (const node of dataSource) { - if (traverse(node, nodeId)) { - // 濡傛灉鍦ㄥ綋鍓嶈妭鐐圭殑瀛愭爲涓壘鍒颁簡瀛愯妭鐐圭殑鐖惰妭鐐癸紝鍒欑洿鎺ラ��鍑哄惊鐜� - break; - } - } - - return parentIds; // 杩斿洖鎵�鏈夌埗鑺傜偣ID鐨勬暟缁� + }; + this.$emit('close'); }, }, }; -- Gitblit v1.9.1