From 6734eafbdd77a3522a6128fe2f0f11d26eba1e44 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Thu, 29 Dec 2022 09:40:59 +0800
Subject: [PATCH] =?UTF-8?q?UCS=E5=90=8E=E5=8F=B0=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E8=B5=84=E6=BA=90=E3=80=81=E7=BB=84=E4=BB=B6=E8=B5=84=E6=BA=90?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E4=BF=AE=E6=94=B9=E7=9A=84=E6=97=B6=E5=80=99?=
 =?UTF-8?q?=E4=B8=8D=E8=83=BD=E8=BF=9B=E8=A1=8C=E4=BF=AE=E6=94=B9=E5=8F=AA?=
 =?UTF-8?q?=E8=83=BD=E5=88=A0=E9=99=A4----=E9=9C=80=E6=B1=82=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E4=B8=BA=E5=90=8E=E5=8F=B0=E8=83=BD=E5=8A=9B=E8=B5=84?=
 =?UTF-8?q?=E6=BA=90=E6=8C=82=E6=8E=A5=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/modules/ability/bsabilityai.vue |  6 +-
 .../modules/ability/bsabilityservice.vue      |  6 +-
 .../src/views/modules/putOnTheShelf/index.vue | 84 +++++++++++++++++--
 3 files changed, 83 insertions(+), 13 deletions(-)

diff --git a/back/src/views/modules/ability/bsabilityai.vue b/back/src/views/modules/ability/bsabilityai.vue
index 3941f793..daf9fc7a 100644
--- a/back/src/views/modules/ability/bsabilityai.vue
+++ b/back/src/views/modules/ability/bsabilityai.vue
@@ -271,7 +271,7 @@ export default {
       radio: '',
       showPutOnTheShelfFlag: false,
       showPutOnTheShelfFlag2: false,
-      routePath: '',
+      // routePath: '',
       submitFrom: {
         type: '组件服务',
         deptId: '',
@@ -630,7 +630,7 @@ export default {
     },
     // 新上架
     clear () {
-      this.$router.push(this.routePath)
+      // this.$router.push(this.routePath)
       console.log('清空----------------------------------------')
       this.notFilled = []
       this.showPutOnTheShelfFlag = false
@@ -661,7 +661,7 @@ export default {
       })
     },
     showPutOnTheShelfVue () {
-      this.routePath = this.$route.path
+      // this.routePath = this.$route.path
       this.showPutOnTheShelfFlag = false
       this.showPutOnTheShelfFlag2 = true
       this.submitFrom.infoList[0].attrValue = this.radio
diff --git a/back/src/views/modules/ability/bsabilityservice.vue b/back/src/views/modules/ability/bsabilityservice.vue
index dc13a1f2..11f43505 100644
--- a/back/src/views/modules/ability/bsabilityservice.vue
+++ b/back/src/views/modules/ability/bsabilityservice.vue
@@ -271,7 +271,7 @@ export default {
       insertList: [],
       putOnTheShelfList: [],
       showPutOnTheShelfFlag2: false,
-      routePath: '',
+      // routePath: '',
       submitFrom: {
         type: '应用资源',
         deptId: '',
@@ -595,7 +595,7 @@ export default {
     },
     // 新上架
     clear () {
-      this.$router.push(this.routePath)
+      // this.$router.push(this.routePath)
       this.notFilled = []
       this.showPutOnTheShelfFlag2 = false
       this.insertList = []
@@ -617,7 +617,7 @@ export default {
     },
     // 上架
     showPutOnTheShelf () {
-      this.routePath = this.$route.path
+      // this.routePath = this.$route.path
       this.showPutOnTheShelfFlag2 = true
       this.$http.get('/category/getCategoryTree').then(res => {
         this.insertList = res.data.data.filter(item => item.name === '应用资源')[0]
diff --git a/back/src/views/modules/putOnTheShelf/index.vue b/back/src/views/modules/putOnTheShelf/index.vue
index 254ce7f9..6f40602a 100644
--- a/back/src/views/modules/putOnTheShelf/index.vue
+++ b/back/src/views/modules/putOnTheShelf/index.vue
@@ -2,18 +2,27 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-07-08 09:48:52
  * @LastEditors: Light
- * @LastEditTime: 2022-12-20 09:50:01
+ * @LastEditTime: 2022-12-29 09:34:56
  * @Description: 告诉大家这是什么
 -->
 <template>
     <div class="put-on-the-shelf">
       <div class="left">
-        <a-anchor>
-          <a-anchor-link v-for="parent in putOnTheShelfList" :key="parent.id+'left'" :href="'#'+parent.name" :title="parent.name" />
-        </a-anchor>
+        <div class="item" v-for="(parent,index) in putOnTheShelfList" :key="parent.id+'left'">
+          <div class="main" @click="selectItem(parent.name)" :class="selectName===parent.name?'select':''">
+            <div class="circular-box">
+              <div class="circular"></div>
+            </div>
+            <div class="name">{{ parent.name }}</div>
+          </div>
+          <div class="bottom" v-if="index !== putOnTheShelfList.length-1"></div>
+        </div>
+        <!-- <a-anchor @change="handlerAnchor" :affix="true" :get-current-anchor="'#'+putOnTheShelfList[0].name">
+          <a-anchor-link v-for="parent in putOnTheShelfList" :key="parent.id+'left'" :href="'#'+parent.name" :title="parent.name"/>
+        </a-anchor> -->
       </div>
-      <div class="right">
-        <div v-for="parent in putOnTheShelfList" :key='parent.id' :id="parent.name">
+      <div class="right" id="putOnTheShelf">
+        <div v-for="parent in showList" :key='parent.id' :id="parent.name">
           <div v-for='child in parent.children' :key='child.id'>
             <template v-if='judgmentType.filter(item => item.name==child.name).length === 0'>
               <div class="top">{{child.name}}</div>
@@ -87,6 +96,8 @@ export default {
   },
   data () {
     return {
+      selectName: '',
+      showList: [],
       changeField: [],
       judgmentType: [
         {
@@ -200,6 +211,20 @@ export default {
   },
   mounted () {
     this.defaultContent()
+    // this.showList = this.putOnTheShelfList[0]
+  },
+  watch: {
+    putOnTheShelfList: {
+      handler (newVal, oldVal) {
+        if (this.showList.length === 0 && newVal.length > 0) {
+          this.showList = [this.putOnTheShelfList[0]]
+          this.selectName = this.showList[0].name
+          console.log('初始化', this.$router, this.$route)
+        }
+      },
+      deep: true,
+      immediate: true
+    }
   },
   methods: {
     // 提交
@@ -241,7 +266,16 @@ export default {
     },
     showType (data) {
       this.showTypeName = data
-      console.log(data, this.showTypeName, '传过来的showType')
+    },
+    selectItem (str) {
+      if (str) {
+        this.selectName = str
+        this.showList = this.putOnTheShelfList.filter(val => val.name === str)
+        this.$nextTick(() => {
+          console.log(document.querySelector('#putOnTheShelf'))
+          document.querySelector('#putOnTheShelf').scrollTop = 0
+        })
+      }
     }
   }
 }
@@ -253,6 +287,41 @@ export default {
   padding: 0 50px;
   .left {
     margin-right: 50px;
+    .main{
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      .circular-box{
+        width: 18px;
+        height: 18px;
+        border-radius: 9px;
+        border: 1px rgba($color: #0058e1, $alpha: 0) solid;
+        margin-right: 20px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        .circular{
+          width: 10px;
+          height: 10px;
+          border-radius: 6px;
+          border: 1px #0058e1 solid;
+        }
+      }
+    }
+    .select{
+
+      .circular-box{
+        border: 1px #0058e1 solid;
+        .circular{
+          background: #0058e1;
+        }
+      }
+    }
+    .bottom{
+      height: 46px;
+      border-left: #0058e1 1px solid;
+      margin: -4px 0 -4px 9px;
+    }
   }
   .right {
     height: 500px;
@@ -267,6 +336,7 @@ export default {
 // }
 
 .top {
+  width: 800px;
   color: #333333;
   font-size: 22px;
   display: flex;