基础组件修改，iframe地址增加menu关键字

src/assets/scss/smp.scss

@@ -1736,12 +1736,40 @@ html,body{
       cursor:pointer;
       
     }
-    .smp-normal-input{
+    .bc-search-in{
+      display: flex;
+      position:relative;
       width:743px;
+      height:36px;
       margin:0 auto;
       @include normal-shadow-1();
-      display: block;
+      .smp-normal-input{
+        width:687px; // -56
+      }
+      .bc-sea-btn{
+        width:56px;
+        @include smp-no-border();
+        @include smp-no-radius();
+        background-color: $smp--color-blue;
+        color:#fff;
+      }
+      .bc-sea-close{
+        position:absolute;
+        width:15px;
+        height:15px;
+        border-radius:100px;
+        font-size:12px;
+        background-color: $smp--color-gray_dd;
+        color:#fff;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        top:10px;
+        right:60px;
+      }
     }
+    
     .bc-search-bread{
       // position:absolute;
       padding:0 47px;

src/views/main/main-content.vue

@@ -33,6 +33,7 @@ export default {
       return isURL(url)
     },
     addParams (url) {
+      // console.log(this.$route)
       if (!this.tabIsIframe(this.$route.meta.iframeURL)) {
         return ''
       }
@@ -40,7 +41,7 @@ export default {
       if (url.indexOf(prevWord) > -1) {
         prevWord = '&'
       }
-      let _url = url + prevWord + 'sessionToken=' + Cookies.get('token')
+      let _url = url + prevWord + 'sessionToken=' + Cookies.get('token') + '&menu=' + this.$route.name
       return _url
     }
   }

src/views/main/main.vue

@@ -86,6 +86,9 @@ export default {
     if (!this.navbarFlag) {
       this.auiWrapper = 'padding-top:0px;'
     }
+    if (this.$route.name === 'JCZJ') {
+      this.gotoWaterfallSidebar()
+    }
   },
   methods: {
     // 窗口改变大小
@@ -116,6 +119,10 @@ export default {
     // 路由, 监听
     routeHandle (route) {
       !this.isNormalSidebar && this.gotoNormalSidebar()
+      if (route.name === 'JCZJ') {
+        this.gotoWaterfallSidebar()
+      }
+      // !this.isNormalSidebar && this.gotoNormalSidebar()
       if (!route.meta.isTab) {
         return false
       }

src/views/modules/demo/basicComponent/basic-com.vue

@@ -5,9 +5,13 @@
         <i class="icon-jczj-toggle"></i>
         切换
       </div>
-      <el-autocomplete value-key="name" :trigger-on-focus="false" placeholder="请输入关键字" @select="gotoMenuTop" :fetch-suggestions="FindMenu" v-model="keyValue" class="smp-normal-input">
-        <el-button slot="append" icon="el-icon-search"></el-button>
-      </el-autocomplete>
+      <div class="bc-search-in">
+        <el-autocomplete ref="autocomplete" value-key="name" :trigger-on-focus="false" placeholder="请输入关键字" @select="gotoMenuTop" :fetch-suggestions="FindMenu" v-model="keyValue" class="smp-normal-input">
+        </el-autocomplete>
+        <el-button class="bc-sea-btn" icon="el-icon-search" @click="searchItemsLight"></el-button>
+        <i class="el-icon-close bc-sea-close" v-show="isShowSeaClose" @click="clearSea"></i>
+      </div>
+
       <div class="bc-search-bread" v-if="searchBreadList.length">
         <i class="el-icon-close" @click="removeSearchBread"></i>
         <el-breadcrumb class="bcsb-crumb" separator-class="el-icon-arrow-right">
@@ -36,87 +40,14 @@ export default {
   },
   data () {
     return {
+      isShowSeaClose: false,
+      currentSearchItems: [],
       iconIndex: 0,
       sidebarMenuItem: {},
       searchBreadList: [],
       keyValue: '',
       list: [
-        // {
-        //   name: 'cs二级导航名',
-        //   id: 11,
-        //   style: {}
-        // },
-        // {
-        //   name: 'cs二级导航名',
-        //   id: 12,
-        //   style: {}
-        // },
-        // {
-        //   name: 'cs二级导航名',
-        //   id: 13,
-        //   style: {}
-        // },
-        // {
-        //   name: 'cs二级导航名',
-        //   id: 14,
-        //   style: {}
-        // },
-        // {
-        //   name: 'cs二级导航名',
-        //   id: 15,
-        //   style: {}
-        // },
-        // {
-        //   name: 'cs二级导航名',
-        //   id: 16,
-        //   style: {}
-        // },
-        // {
-        //   name: '二级导航名',
-        //   id: 1,
-        //   style: {},
-        //   children: [
-        //     {
-        //       name: '三级导航名2',
-        //       id: 2,
-        //       pid: 1,
-        //       lv: 1,
-        //       icon: 'jczj-icon-apiwg'
-        //     },
-        //     {
-        //       name: '三级导航名2',
-        //       id: 3,
-        //       pid: 1,
-        //       lv: 1,
-        //       icon: 'iconName',
-        //       children: [
-        //         {
-        //           name: '四级导航名2',
-        //           id: 4,
-        //           pid: 3,
-        //           lv: 2,
-        //           icon: 'iconName',
-        //           children: [
-        //             {
-        //               name: '五级导航名2',
-        //               id: 6,
-        //               pid: 4,
-        //               lv: 3,
-        //               icon: 'iconName'
-        //             }
-        //           ]
-        //         },
-        //         {
-        //           name: '四级导航名2',
-        //           id: 5,
-        //           pid: 3,
-        //           lv: 2,
-        //           icon: 'iconName'
-        //         }
-        //       ]
-        //     }
-        //   ]
-        // }
+
       ],
       treeArr: [],
       treeObj: {},
@@ -124,7 +55,13 @@ export default {
     }
   },
   watch: {
-
+    keyValue (val) {
+      if (val) {
+        this.isShowSeaClose = true
+      } else {
+        this.isShowSeaClose = false
+      }
+    }
   },
   mounted () {
     // console.log('basiccom')
@@ -337,8 +274,25 @@ export default {
         return e.name.indexOf(str) > -1
       })
       console.log(itemArr)
+      this.currentSearchItems = itemArr
       cb(itemArr)
     },
+    clearSea () {
+      // console.log(this.$refs.autocomplete)
+      this.keyValue = ''
+      this.currentSearchItems.forEach((e) => {
+        let root = this.findParent(e)
+        window.$('#root' + root.id).removeClass('onLight')
+      })
+      this.currentSearchItems = []
+      this.$refs.autocomplete.getData()
+    },
+    searchItemsLight () {
+      this.currentSearchItems.forEach((e) => {
+        let root = this.findParent(e)
+        window.$('#root' + root.id).addClass('onLight')
+      })
+    },
     setSearchBreadLight () {
       let root = this.searchBreadList[0]
       let jqRoot = window.$('#root' + root.id)
@@ -351,7 +305,7 @@ export default {
     },
     gotoMenuTop (item) {
       let rootParent = this.findParent(item)
-      this.searchBreadList = this.findParentByLv(item)
+      this.searchBreadList = this.findParentChain(item)
       this.setSearchBreadLight()
       // let rootItem = document.querySelector('#root' + rootParent.id)
       let jqRoot = window.$('#root' + rootParent.id).parent()
@@ -378,12 +332,12 @@ export default {
         return item
       }
     },
-    findParentByLv (item) {
+    findParentChain (item) {
       // console.log(item.id)
       let arr = []
       let parent = this.treeObj[item.pid]
       if (parent) {
-        arr = this.findParentByLv(parent).concat([item])
+        arr = this.findParentChain(parent).concat([item])
       } else {
         arr.unshift(item)
       }

src/views/modules/demo/basicComponent/com-menu.vue

@@ -39,7 +39,7 @@ export default {
 
   },
   mounted () {
-    console.log(this.menuItem)
+    // console.log(this.menuItem)
   },
   methods: {