UCS后台应用资源、组件资源功能修改的时候不能进行修改只能删除----需求调整为后台能力资源挂接页面样式功能调整

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

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]

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="right">
-        <div v-for="parent in putOnTheShelfList" :key='parent.id' :id="parent.name">
+            <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" 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;