页面修改

src/components/common/chooseMenu.vue

 <style>
-  .other_Style{
-    color:#409EFF;
+  .other_Style {
+    color: #409EFF;
   }
+
 </style>
 <template>
   <div class="chooseMenu">
     <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane v-for="(item,index) in dataList" :label="item.PageTypeName" :name="item.PageTypeId+''" :key="index">
-        <div style="height:450px;overflow:scroll;line-height:normal;" v-if="item.PageTypeId!=6">
+        <div style="height:450px;overflow:scroll;line-height:normal;" v-if="item.PageTypeId!=6&&item.PageTypeId!=8">
           <template v-for="(subItem,subIndex) in item.SubMenuList">
             <div :key="subIndex" style="margin-bottom:10px;">
               <el-checkbox v-model="subItem.IsChecked" :key="subIndex" @change="checkMenuChange(subItem)">
@@ -17,11 +18,23 @@
             </div>
           </template>
         </div>
-        <div style="height:450px;overflow:scroll" v-else>
+        <div style="height:450px;overflow:scroll" v-else-if="item.PageTypeId==6">
           <el-input placeholder="输入关键字进行过滤" style="width:99%;margin-bottom:10px;" v-model="filterText">
           </el-input>
           <el-tree :data="item.SubMenuList" node-key="PageId" ref="tree" :props="defaultProps" filter
-            :filter-node-method="filterNode" @check="handleCheck" :check-strictly="true" show-checkbox :check-on-click-node="true"> 
+            :filter-node-method="filterNode" @check="handleCheck" :check-strictly="true" show-checkbox
+            :check-on-click-node="true">
+            <span class="custom-tree-node" slot-scope="{ node, data }">
+              <span :class="{'other_Style':data.SubMenuList&&data.SubMenuList.length>0}">{{ data.PageName }}</span>
+            </span>
+          </el-tree>
+        </div>
+        <div style="height:450px;overflow:scroll" v-else-if="item.PageTypeId==8">
+          <el-input placeholder="输入关键字进行过滤" style="width:99%;margin-bottom:10px;" v-model="filterText2">
+          </el-input>
+          <el-tree :data="item.SubMenuList" node-key="PageId" ref="tree_dmc" :props="defaultProps" filter
+            :filter-node-method="filterNode2" @check="handleCheck" :check-strictly="true" show-checkbox
+            :check-on-click-node="true">
             <span class="custom-tree-node" slot-scope="{ node, data }">
               <span :class="{'other_Style':data.SubMenuList&&data.SubMenuList.length>0}">{{ data.PageName }}</span>
             </span>
@@ -38,6 +51,7 @@
         dataList: [],
         activeName: "1",
         filterText: '',
+        filterText2: '',
         defaultProps: {
           children: 'SubMenuList',
           label: 'PageName'
@@ -49,6 +63,9 @@
     watch: {
       filterText(val) {
         this.$refs.tree[0].filter(val.trim());
+      },
+      filterText2(val) {
+        this.$refs.tree_dmc[0].filter(val.trim());
       }
     },
     methods: {
@@ -61,8 +78,6 @@
                 subItem.IsChecked = false;
               })
             }
-            //清空商品选择
-            // this.$refs.tree[0].setCheckedKeys([]);
           });
         }
         subItem.IsChecked = !subItem.IsChecked;
@@ -74,7 +89,7 @@
           IsParameter: 0,
           ParameterValue: "",
           PageName: "",
-          new_link_url:''
+          new_link_url: ''
         };
         if (this.activeName != 6) {
           if (this.dataList && this.dataList.length > 0) {
@@ -126,6 +141,10 @@
         if (!value) return true;
         return data.PageName.indexOf(value) !== -1;
       },
+      filterNode2(value, data) {
+        if (!value) return true;
+        return data.PageName.indexOf(value) !== -1;
+      },
       //check单选      
       handleCheck(a, b) {
         //a为传递给 data 属性的数组中该节点所对应的对象；b为树目前的选中状态对象