From e0ff382cd71d451190021e3ed12af99b9a965ee9 Mon Sep 17 00:00:00 2001 From: XiaoRuby <3114200645@qq.com> Date: 星期一, 11 九月 2023 11:25:36 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/components/view/standard.vue | 92 +++++++++++++++++++++++++++++---------------- 1 files changed, 59 insertions(+), 33 deletions(-) diff --git a/src/components/view/standard.vue b/src/components/view/standard.vue index 845bf37..0b372ee 100644 --- a/src/components/view/standard.vue +++ b/src/components/view/standard.vue @@ -16,11 +16,11 @@ <div class="left"> <el-input v-model="search" suffix-icon="el-icon-search" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" size="small" clearable></el-input> - <el-tree :data="list" ref="tree" :default-expand-all="true" :props="{ children: 'children', label: 'name' }" + <el-tree :data="list" ref="tree" default-expand-all :props="{ children: 'children', label: 'name' }" node-key="id" :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current> <div class="custom-tree-node" slot-scope="{ node, data }"> <span><i :class="`node_i ${data.code != '[5]' ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i> - {{ data.name }}</span> + {{ data.code }}{{ data.name }}</span> <el-button type="text" size="mini" @click.stop="remove(node, data)"> <i class="el-icon-delete"></i> </el-button> @@ -52,24 +52,15 @@ 璇�</span></el-button> </div> - <div v-if="this.typeselect == 0"> + <div class="contentTable" v-if="this.typeselect == 0"> <technology :tableType="tableType" :tableData="tableData"></technology> </div> - <div v-if="this.typeselect == 1"> - 鎶�鏈寚鏍� - </div> + <div v-if="this.typeselect == 1">鎶�鏈寚鏍�</div> <div v-if="this.typeselect == 2"> - <material :tableType="tableType" :tableData="tableData"></material> + <bom :tableType="tableType" :tableData="tableData"></bom> </div> - <div v-if="this.typeselect == 3"> - 鐢熶骇宸ヨ壓 - </div> - <!-- <div class="table"> - <technology v-if="tableData.length !== 0" :tableType="tableType" :tableData="tableData"></technology> - </div> --> - <!-- <div class="table"> - <technology v-if="tableData.length !== 0" :tableType="tableType" :tableData="tableData"></technology> - </div> --> + <div v-if="this.typeselect == 3">鐢熶骇宸ヨ壓</div> + </div> </div> @@ -91,8 +82,9 @@ <script> import technology from "./standard-table/technology.vue" import material from "./standard-table/material.vue" +import bom from "./standard-table/bom.vue" export default { - components: { technology,material }, + components: { technology,material,bom }, data() { return { @@ -104,7 +96,6 @@ checkTreeNode: {},// 鐐瑰嚮閫変腑鏍戣妭鐐� tableData: [], bomAddModelVisible: false,// 鎺у埗bom鏂板妯℃�佹鏄惁鏄剧ず - list: [], typeselect: 0, returntree: { id:28, @@ -124,8 +115,8 @@ // } // }, mounted() { + this.tableType=0 this.selectMaterialTree() - // this.selectAll() this.selectVersion() }, methods: { @@ -158,18 +149,18 @@ }, TYPE(val) {//绫诲瀷.鏁版嵁 - console.log(val); + // console.log(val); this.typeselect = val - - // console.log(this.typeselect); + + console.log(this.typeselect); this.selectVersion() }, handleNodeClick(val) {//鏍戠殑鍊� - console.log(val); + // console.log(val); this.returntree = val }, - selectVersion() {//鐗堟湰 - this.$axios.get(this.$api.url.selectVersion, { + async selectVersion() {//鐗堟湰 + let v=await this.$axios.get(this.$api.url.selectVersion, { params: { specificationsId: this.returntree.id, type: this.typeselect, @@ -179,12 +170,15 @@ this.version = this.verdata.map(el => { return el = `v${el}` }) - console.log(this.verdata); + // console.log("鐗堟湰"); + return this.verdata[0] }) + this.character=v + this.VER="v"+v + this.selectAll() }, //鍙充晶鏁版嵁 selectAll() { - console.log(this.$axios.get(this.$api.url.selectAll)); this.$axios.get(this.$api.url.selectAll, { params: { specificationsId: this.returntree.id,//tree鐨勭偣鍑诲弽棣� @@ -192,14 +186,18 @@ version: this.character,//鐗堟湰 } }).then(res => { - console.log(res.data); - this.tableData = res.data + let arr = res.data; + console.log(arr); + for(var i=0;i<arr.length;i++){ + arr[i].id = "0" + i; + } + this.tableData = arr; }) }, verevent(val) { - console.log(val); + // console.log(val); let cc = val.replace('v', '') - console.log(cc); + // console.log(cc); this.character = cc this.selectAll() // const { v, ...newObj } = val; @@ -208,8 +206,8 @@ }, //浜旂骇鏍� selectMaterialTree() { - this.$axios.get(this.$api.url.selectTreeByMaterial).then(res => { - this.list = res.data + this.$axios.get(this.$api.url.selectTreeByMaterial).then( res => { + this.list=res.data this.list.forEach((el, idx, arr) => { if (idx == 0) { arr[idx].name = '鎴愬搧' @@ -219,8 +217,33 @@ } }) this.selectDataList() + // 榛樿绗竴涓簲绾ц妭鐐规悳绱紝鏂板閰嶇疆椤� + const treeOptions = JSON.parse(JSON.stringify(this.list)); + this.getDefault(treeOptions, 0); + this.formTypeOptions = treeOptions; + this.$nextTick().then(() => { + const firstNode = document.querySelector( + ".el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node" + ); + try { + firstNode.click(); + } catch (e) { + //TODO handle the exception + } + }); }) }, + getDefault(arr, index) { + for (const item of arr) { + if (item.children && item.children.length > 0) { + // 鏈夊瓙鑺傜偣 + this.getDefault(item.children, index + 1); + if (index === 2) { + item.children = null; + } + } + } + }, filterNode(value, data) { if (!value) return true; return data.label.indexOf(value) !== -1; @@ -269,6 +292,9 @@ <style scoped> .standard {} +.standard .contentTable{ +} + .standard .title .el-button { height: 32px; border: 1px solid rgba(190, 190, 190, 0.44); -- Gitblit v1.9.3