分权限页面添加页面搜索框

src/components/child/AuthorityJob.vue

@@ -7,6 +7,11 @@
                         <el-option v-for="item in authority" :key="item.value" :label="item.name" :value="item.id">
                         </el-option>
                     </el-select>
+                    <el-select v-model="pageValue" filterable placeholder="页面名称搜索" @change="pageChange">
+                        <el-option v-for="item in pageOptions" :key="item.pageid" :label="item.pageName"
+                            :value="item.pageid">
+                        </el-option>
+                    </el-select>
                 </div>
                 <div class="job-input">
                     <el-select @change="companyChange()" v-model="valuecorporation" clearable placeholder="公司">
@@ -87,6 +92,8 @@ export default {
             loading: true,
             userId: 0,
             token: '',
+            pageOptions: [],
+            pageValue: ''
         }
     },
     methods: {
@@ -102,6 +109,7 @@ export default {
         //模块下拉框
         Inquirechange() {
             this.currentPage = 1;
+            this.pageValue = '';
             this.pageload(this.value);
         },
         //多选框选中方法
@@ -306,12 +314,47 @@ export default {
                 }
             });
             console.warn(this.authorityLists);
+        },
+        pageChange() {
+            console.log(this.pageValue);
+            var that = this;
+            let ischange = false;
+            this.pageOptions.forEach(function (item, index) {
+                if (item.pageid == that.pageValue) {
+                    ischange = true;
+                    that.value = item.modulid;
+                }
+            })
+
+            if (ischange) {
+                this.Inquirechange();
+            } else {
+                console.log("搜索异常!!");
+            }
+
+        },
+        loadPages() {
+            var that = this;
+            this.$axios.post('/api/System/PageConfigInit', {
+
+            }, {
+                headers: {
+                    'Authorization': that.token,
+                }
+            }).then(resp => {
+                console.log(resp.data.data);
+                if (resp.data.code == 200) {
+                    that.pageOptions = resp.data.data.viewList.data;
+                }
+            })
+
         }
     },
     mounted() {
         this.token = JSON.parse(localStorage.getItem('userinif')).token;
         this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
         this.pageload(13);
+        this.loadPages();
     }
 }
 </script>

src/components/child/AuthorityUser.vue

@@ -7,6 +7,11 @@
                         <el-option v-for="item in authority" :key="item.value" :label="item.name" :value="item.id">
                         </el-option>
                     </el-select>
+                    <el-select v-model="pageValue" filterable placeholder="页面名称搜索" @change="pageChange">
+                        <el-option v-for="item in pageOptions" :key="item.pageid" :label="item.pageName"
+                            :value="item.pageid">
+                        </el-option>
+                    </el-select>
                 </div>
                 <div class="job-input">
                     <el-select @change="companyChange()" v-model="valuecorporation" clearable placeholder="公司">
@@ -92,6 +97,8 @@ export default {
             Valueuesr: '',//员工val
             userId: 0,
             token: '',
+            pageOptions: [],
+            pageValue: ''
         }
     },
     methods: {
@@ -107,6 +114,7 @@ export default {
         //模块下拉框
         Inquirechange() {
             this.currentPage = 1;
+            this.pageValue = '';
             this.pageload(this.value);
         },
         //多选框选中方法
@@ -352,12 +360,47 @@ export default {
         },
         unique(arr) {
             return Array.from(new Set(arr));
+        },
+        pageChange() {
+            console.log(this.pageValue);
+            var that = this;
+            let ischange = false;
+            this.pageOptions.forEach(function (item, index) {
+                if (item.pageid == that.pageValue) {
+                    ischange = true;
+                    that.value = item.modulid;
+                }
+            })
+
+            if (ischange) {
+                this.Inquirechange();
+            } else {
+                console.log("搜索异常!!");
+            }
+
+        },
+        loadPages() {
+            var that = this;
+            this.$axios.post('/api/System/PageConfigInit', {
+
+            }, {
+                headers: {
+                    'Authorization': that.token,
+                }
+            }).then(resp => {
+                console.log(resp.data.data);
+                if (resp.data.code == 200) {
+                    that.pageOptions = resp.data.data.viewList.data;
+                }
+            })
+
         }
     },
     mounted() {
         this.token = JSON.parse(localStorage.getItem('userinif')).token;
         this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
         this.pageload(13);
+        this.loadPages();
     }
 }
 </script>