diff --git a/pages/investigation/components/problem-tree-item.vue b/pages/investigation/components/problem-tree-item.vue index 0ad61d2..d0f63fb 100644 --- a/pages/investigation/components/problem-tree-item.vue +++ b/pages/investigation/components/problem-tree-item.vue @@ -8,15 +8,16 @@ - - {{ route.itemname }} - {{ index === problemTreeSelectConfirmList.length - 1 ? "" : ">" }} + {{ name }} @@ -56,6 +57,8 @@ export default { problemTreeSelectList: [], problemTreeSelectAllList: [], problemTreeSelectConfirmList: [], + name: '', + w1:'' }; }, // 页面加载 @@ -80,7 +83,7 @@ export default { if (res.code == 200) { this.originList =JSON.parse(JSON.stringify( res.result)); this.problemTreeSelectList =JSON.parse(JSON.stringify( res.result)); - this.problemTreeSelectAllList=JSON.parse(JSON.stringify( res.result)) + this.problemTreeSelectAllList=JSON.parse(JSON.stringify( res.result)) // if(this.hiddenDangerList2.length>0) { // // this.problemTreeSelectConfirmList = this.hiddenDangerList2 // console.log(this.hiddenDangerList2) @@ -95,17 +98,32 @@ export default { this.$.open(even); }, handleSelectProblem(item, index) { - console.log(11111) this.problemTreeSelectConfirmList[Number(item.nlevel) - 1] = item; if (item.children && item.children.length > 0) { this.problemTreeSelectList = item.children; } else { this.problemTreeSelect = item.id; } + this.name = '' + this.problemTreeSelectConfirmList.map((m,i) => { + if(i<2){ + this.name = this.name + m.itemname + '>' + }else{ + this.name = this.name + m.itemname + } + }) this.$emit("select", this.problemTreeSelectConfirmList); }, + styles(item, index){ + if(index == 0) { + this.w1 = item.itemname.length * 18 + return `left: 18px;width: ${item.itemname.length * 18}px;height: 20px;top: 22px;` + } + if(index == 1) { + return `left: ${this.w1 + 18}px;width: ${item.itemname.length * 18}px;height: 20px;top: 22px;` + } + }, handleClick(item) { - console.log(item); const selectIndex = this.problemTreeSelectConfirmList.indexOf(item); const index = selectIndex - 1 < 0 @@ -131,7 +149,14 @@ export default { ]) ); } - console.log(this.problemTreeSelectConfirmList); + this.name = '' + this.problemTreeSelectConfirmList.map((m,i) => { + if(i<2){ + this.name = this.name + m.itemname + '>' + }else{ + this.name = this.name + m.itemname + } + }) }, }, onReady() {}, @@ -175,31 +200,33 @@ page { display: flex; align-items: center; justify-content: left; - overflow-x: auto; + overflow-x: hidden; flex-wrap: nowrap; + position: relative; } ::v-deep ::-webkit-scrollbar { - // 滚动条整体样式 - display: block; - width: 20rpx !important; - height: 20rpx !important; - -webkit-appearance: auto !important; - background: transparent; - overflow: auto !important; - } - - ::v-deep ::-webkit-scrollbar-thumb { - // 滚动条里面小方块 - border-radius: 20rpx !important; - box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important; - background-color: #f7f7f7 !important; - } - - ::v-deep ::-webkit-scrollbar-track { - // 滚动条 - border-radius: 20rpx !important; - box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important; - background-color: #dad8d8 !important; - } + // 滚动条整体样式 + display: block; + width: 20rpx !important; + height: 20rpx !important; + -webkit-appearance: auto !important; + background: transparent; + overflow: auto !important; +} + +::v-deep ::-webkit-scrollbar-thumb { + // 滚动条里面小方块 + border-radius: 20rpx !important; + box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important; + background-color: #f7f7f7 !important; +} + +::v-deep ::-webkit-scrollbar-track { + // 滚动条 + border-radius: 20rpx !important; + box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important; + background-color: #dad8d8 !important; +} +