Merge branch 'master' of http://132.232.92.186:3000/XinXiBu/oa-system

src/components/MCR/MarketCustomerResourcesHome.vue

@@ -204,7 +204,9 @@ export default {
             groupNumber: {
                 preDeleAll: '',
                 finlishedDeleAll: ''
-            }
+            },
+            userId: 0,
+            token: '',
         }
     },
     methods: {
@@ -288,11 +290,11 @@ export default {
             var that = this;
             var delData = {
                 "id": row.id,
-                "deleteUserId": JSON.parse(localStorage.getItem("userinif")).userInfo.userId
+                "deleteUserId": this.userId
             }
             this.$axios.post('/api/MarketCustomerResources/NewClientDel', delData, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 if (resp.data.code == 200) {
@@ -311,6 +313,8 @@ export default {
         }
     },
     mounted() {
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
+        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
         this.pageload();
     },
     computed: {

src/components/child/AuthorityJob.vue

@@ -1,7 +1,5 @@
 <template>
-    <div  v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading">
+    <div v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading">
         <div class="job-box">
             <div class="job-head">
                 <div>
@@ -24,7 +22,7 @@
                         </el-option>
                     </el-select>
                     <el-button type="primary" @click="saveAuth()">保 存</el-button>
-                </div> 
+                </div>
             </div>
             <div class="job-table">
                 <el-table :data="authorityLists.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border
@@ -33,18 +31,20 @@
                     </el-table-column>
                     <el-table-column prop="name" label="权限页面" width="180">
                     </el-table-column>
-                   
-                    <el-table-column width="55" :label="op.functionName"  :key="op.id" v-for="op in opList">
+
+                    <el-table-column width="55" :label="op.functionName" :key="op.id" v-for="op in opList">
                         <template slot-scope="scope">
                             <div>
-                                <el-checkbox @change='checkchange(scope.row.id,op.id)'  v-if=" scope.row.opList.indexOf(op.id) != -1" :value="scope.row.selList.indexOf(op.id) != -1" >
-                                </el-checkbox >
-                                <el-checkbox  v-else :disabled="true"  :value="false" >
+                                <el-checkbox @change='checkchange(scope.row.id, op.id)'
+                                    v-if="scope.row.opList.indexOf(op.id) != -1"
+                                    :value="scope.row.selList.indexOf(op.id) != -1">
+                                </el-checkbox>
+                                <el-checkbox v-else :disabled="true" :value="false">
                                 </el-checkbox>
                             </div>
                         </template>
                     </el-table-column>
-                   
+
                     <el-table-column prop="address" label="备注">
                     </el-table-column>
                 </el-table>
@@ -82,9 +82,11 @@ export default {
             pageSize: 14,// 每页的数据条数
             stateArr: [],
             selectedAccount: [],
-            PathUrl:'',
-            opList :[],//操作方式
-            loading:true,
+            PathUrl: '',
+            opList: [],//操作方式
+            loading: true,
+            userId: 0,
+            token: '',
         }
     },
     methods: {
@@ -104,10 +106,10 @@ export default {
         },
         //多选框选中方法
         handleSelect(selection, row) {
-            console.log(selection,row)
+            console.log(selection, row)
             if (selection.length > 0) {
                 row.selList = this.opList.map(x => x.id);
-            }else{
+            } else {
                 row.selList = [];
             }
         },
@@ -127,16 +129,16 @@ export default {
         selectRadioup(index, row) {
             console.log(index, row)
         },
-        pageload(moduleId){
+        pageload(moduleId) {
             var that = this;
             //初始化界面数据
             this.$axios.post(this.PathUrl + '/api/System/GetAuth', {
                 "pageSize": this.pageSize,
                 "currentPage": this.currentPage,
-                "moduleId":moduleId,
+                "moduleId": moduleId,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 if (resp.data.code == 200) {
@@ -145,22 +147,22 @@ export default {
                     that.authorityList = resp.data.data.systemMenuPermissionData; //页面数据(默认权限页面)
                     that.authorityLists = that.authorityList;
                     that.opList = resp.data.data.pageOperation; //操作方式
-                    that.loading =false;
+                    that.loading = false;
                 }
-            }).then(suc=>{
-                if(this.valueposition != ''){
+            }).then(suc => {
+                if (this.valueposition != '') {
                     this.JobChange();
                 }
             })
         },
         //公司下拉框
-        companyChange(){
+        companyChange() {
             this.valuedepartmental = ''; //清空数据
             this.valueposition = '';
             this.position = [];
             this.departmental = [];
- 
-            if(this.valuecorporation == ''){
+
+            if (this.valuecorporation == '') {
                 return;
             }
 
@@ -171,7 +173,7 @@ export default {
                 "PortType": 1,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp);
@@ -182,45 +184,45 @@ export default {
 
         },
         //部门下拉框
-        depaChange(){
+        depaChange() {
             var that = this;
             this.position = []; //职位数据
             this.valueposition = '';//职位val
 
-            if(this.valuecorporation == '' || this.valuedepartmental == ''){
+            if (this.valuecorporation == '' || this.valuedepartmental == '') {
                 return;
             }
 
             //初始化界面数据
             this.$axios.post(this.PathUrl + '/api/System/QueryJobPost', {
                 "CompanyId": this.valuecorporation,
-                "DepId":this.valuedepartmental,
+                "DepId": this.valuedepartmental,
                 "PortType": 1,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp);
                 if (resp.data.code == 200) {
-                    that.position =  resp.data.data;
+                    that.position = resp.data.data;
                 }
             })
         },
         //保存权限
-        saveAuth(){
+        saveAuth() {
             var that = this;
 
-            if(this.valueposition == ''){
+            if (this.valueposition == '') {
                 this.$message.error('请选择职位！');
-                return;  
+                return;
             }
 
             var savejob = [];
-            this.authorityLists.forEach(item=>{
+            this.authorityLists.forEach(item => {
                 savejob.push({
-                    SmId:item.id,
-                    FIds:item.selList,
+                    SmId: item.id,
+                    FIds: item.selList,
                 });
             })
             console.log(savejob);
@@ -228,10 +230,10 @@ export default {
             this.$axios.post(this.PathUrl + '/api/System/SaveJobAuth', {
                 "Jpid": this.valueposition,
                 "Savejobs": savejob,
-                "modulId":this.value == '' ? '13':this.value,
+                "modulId": this.value == '' ? '13' : this.value,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp);
@@ -240,20 +242,20 @@ export default {
                         message: '保存成功！',
                         type: 'success'
                     });
-                }else{
-                    this.$message.error('保存失败！'+ resp.data.msg);
+                } else {
+                    this.$message.error('保存失败！' + resp.data.msg);
                 }
             })
         },
         //职位下拉获取权限
-        JobChange(){
-            let val = this.value == '' ? 13 :this.value;
+        JobChange() {
+            let val = this.value == '' ? 13 : this.value;
             var that = this;
 
-            if(this.valueposition == ''){
+            if (this.valueposition == '') {
 
                 var arr = this.authorityList;
-                arr.forEach(item=>{
+                arr.forEach(item => {
                     item.selList = [];
                 })
                 this.authorityList = arr;
@@ -265,10 +267,10 @@ export default {
             //初始化界面数据
             this.$axios.post(this.PathUrl + '/api/System/QueryJobAuth', {
                 "jobid": this.valueposition,
-                "moduleId":val,
+                "moduleId": val,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp);
@@ -279,7 +281,7 @@ export default {
             })
         },
         //全选
-        allchange(selection){
+        allchange(selection) {
             let that = this;
 
             if (selection.length > 0) {
@@ -287,7 +289,7 @@ export default {
                     item.selList = that.opList.map(x => x.id);
                 });
 
-            }else{
+            } else {
                 this.authorityLists.forEach(item => {
                     item.selList = [];
                 });
@@ -296,9 +298,9 @@ export default {
         checkchange(rowid, linid) {
             this.authorityLists.forEach(item => {
                 if (item.id == rowid) {
-                    if(item.selList.indexOf(linid) == -1){
+                    if (item.selList.indexOf(linid) == -1) {
                         item.selList.push(linid);
-                    }else{
+                    } else {
                         item.selList.splice(item.selList.indexOf(linid), 1)
                     }
                 }
@@ -307,6 +309,8 @@ export default {
         }
     },
     mounted() {
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
+        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
         this.pageload(13);
     }
 }
@@ -343,10 +347,12 @@ body {
 .job-table .el-table--border .el-table__cell:first-child .cell {
     text-align: center;
 }
-.job-input{
+
+.job-input {
     display: flex;
 }
-.job-input .el-select{
+
+.job-input .el-select {
     margin-right: 5px;
 }
 </style>

src/components/child/AuthorityUser.vue

@@ -90,6 +90,8 @@ export default {
             loading: true,
             Users: [],
             Valueuesr: '',//员工val
+            userId: 0,
+            token: '',
         }
     },
     methods: {
@@ -141,7 +143,7 @@ export default {
                 "moduleId": moduleId,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 if (resp.data.code == 200) {
@@ -180,7 +182,7 @@ export default {
                 "PortType": 1,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp);
@@ -210,7 +212,7 @@ export default {
                 "PortType": 1,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp);
@@ -243,7 +245,7 @@ export default {
                 "Modulid": this.value == '' ? '13' : this.value,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp);
@@ -277,7 +279,7 @@ export default {
 
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp);
@@ -337,7 +339,7 @@ export default {
 
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp);
@@ -353,6 +355,8 @@ export default {
         }
     },
     mounted() {
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
+        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
         this.pageload(13);
     }
 }

src/components/child/PageConfig.vue

@@ -1,8 +1,6 @@
 <template>
-
-    <div class="pageConfig-box"  v-loading="isload" element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)" >
+    <div class="pageConfig-box" v-loading="isload" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0, 0, 0, 0.8)">
         <div class="pageConfig-head">
             <div style="display: flex;">
                 <div>
@@ -15,96 +13,94 @@
                 <div style="display: flex;">
                     <el-input placeholder="请输入页面名称" v-model="SearchInput" clearable></el-input>
                     &nbsp;&nbsp;
-                    <el-button type="primary" @click="btnSearch" >搜 索</el-button>
+                    <el-button type="primary" @click="btnSearch">搜 索</el-button>
                 </div>
             </div>
-           <div>
-                <el-button type="primary" @click="isload=true;  pageload()"  >刷 新</el-button>
-                <el-button type="primary" @click="addPage"  >添 加</el-button>
-           </div>
+            <div>
+                <el-button type="primary" @click="isload = true; pageload()">刷 新</el-button>
+                <el-button type="primary" @click="addPage">添 加</el-button>
+            </div>
         </div>
         <div class="pageConfig-table">
-                <el-table :data="pageList.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border style="width: 100%">
-                    <el-table-column prop="pageName" label="页面名称" width="130" >
-                    </el-table-column>
-                    <el-table-column prop="systemMenuCode" label="页面Code" width="130">
-                    </el-table-column>
-                    <el-table-column prop="webUrl" label="WebUrl" width="100" >
-                    </el-table-column>
-                    <el-table-column prop="androidUrl" label="AndroidUrl" width="100">
-                    </el-table-column>
-                    <el-table-column prop="iosUrl" label="IosUrl" width="100">
-                    </el-table-column>
-                    <el-table-column label="手机端图标" prop="icon" width="130" >
-                    </el-table-column>
-                    <el-table-column prop="pageIsEnable" label="web端启用"  width="130">
-                        <template slot-scope="scope">
-                            <el-checkbox  :true-label="1"  disabled :false-label="0"  v-model="scope.row.pageIsEnable" ></el-checkbox>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="pagePhoneIsEnable" label="手机端启用" width="130">
-                        <template slot-scope="scope">
-                            <el-checkbox  :true-label="1" disabled :false-label="0"  v-model="scope.row.pagePhoneIsEnable" ></el-checkbox>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="操作" >
-                        <template slot-scope="scope">
-                            <el-button type="primary" size="small" icon="el-icon-s-tools" @click="Edit(scope.row)" >编 辑</el-button>
-                            <el-button type="danger" size="small" icon="el-icon-delete-solid"  @click="Del(scope.row)" >删 除</el-button>
-                        </template>
-                    </el-table-column>
-                </el-table>
-                <div class="block">
-                    <el-pagination align='center' @size-change="handleSizeChange" @current-change="handleCurrentChange"
-                        :current-page="currentPage" :page-sizes="[5,10,14,20]" :page-size="pageSize"
-                        layout="total, sizes, prev, pager, next" :total="pageList.length">
-                    </el-pagination>
-                </div>
+            <el-table :data="pageList.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border
+                style="width: 100%">
+                <el-table-column prop="pageName" label="页面名称" width="130">
+                </el-table-column>
+                <el-table-column prop="systemMenuCode" label="页面Code" width="130">
+                </el-table-column>
+                <el-table-column prop="webUrl" label="WebUrl" width="100">
+                </el-table-column>
+                <el-table-column prop="androidUrl" label="AndroidUrl" width="100">
+                </el-table-column>
+                <el-table-column prop="iosUrl" label="IosUrl" width="100">
+                </el-table-column>
+                <el-table-column label="手机端图标" prop="icon" width="130">
+                </el-table-column>
+                <el-table-column prop="pageIsEnable" label="web端启用" width="130">
+                    <template slot-scope="scope">
+                        <el-checkbox :true-label="1" disabled :false-label="0"
+                            v-model="scope.row.pageIsEnable"></el-checkbox>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="pagePhoneIsEnable" label="手机端启用" width="130">
+                    <template slot-scope="scope">
+                        <el-checkbox :true-label="1" disabled :false-label="0"
+                            v-model="scope.row.pagePhoneIsEnable"></el-checkbox>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作">
+                    <template slot-scope="scope">
+                        <el-button type="primary" size="small" icon="el-icon-s-tools" @click="Edit(scope.row)">编
+                            辑</el-button>
+                        <el-button type="danger" size="small" icon="el-icon-delete-solid" @click="Del(scope.row)">删
+                            除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="block">
+                <el-pagination align='center' @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                    :current-page="currentPage" :page-sizes="[5, 10, 14, 20]" :page-size="pageSize"
+                    layout="total, sizes, prev, pager, next" :total="pageList.length">
+                </el-pagination>
+            </div>
         </div>
 
-        <el-dialog
-        title="提示"
-        width="30%"
-        :visible.sync="dialogVisible"
-        :modal-append-to-body='false'
-        :append-to-body="false"
-        >
+        <el-dialog title="提示" width="30%" :visible.sync="dialogVisible" :modal-append-to-body='false'
+            :append-to-body="false">
             <span>这是一段信息</span>
             <span slot="footer" class="dialog-footer">
             </span>
         </el-dialog>
 
-        <Modal :title="dialogTitle" :height="500" :width="700" :show.sync="showModal" restrict-to=".is-vertical" @close="showModal = false" >
+        <Modal :title="dialogTitle" :height="500" :width="700" :show.sync="showModal" restrict-to=".is-vertical"
+            @close="showModal = false">
             <template v-slot:content>
                 <div style="    padding: 10px;">
                     <el-form label-position="left" label-width="80px" :model="pageBind" :rules="rules" ref="pageBind">
                         <el-row :gutter="20">
                             <el-col :span="8">
-                                <el-form-item label="页面模块"  prop="modulid">  <!--style="width: 48%;" -->
+                                <el-form-item label="页面模块" prop="modulid"> <!--style="width: 48%;" -->
                                     <el-select v-model="pageBind.modulid" placeholder="请选择">
-                                        <el-option 
-                                        v-for="item in Modulfiltr"
-                                        :key="item.id"
-                                        :label="item.name"
-                                        :value="item.id">
+                                        <el-option v-for="item in Modulfiltr" :key="item.id" :label="item.name"
+                                            :value="item.id">
                                         </el-option>
                                     </el-select>
                                 </el-form-item>
                             </el-col>
                             <el-col :span="8">
-                                <el-form-item label="页面名称"  prop="pageName">  <!--style="width: 48%;" -->
+                                <el-form-item label="页面名称" prop="pageName"> <!--style="width: 48%;" -->
                                     <el-input v-model="pageBind.pageName"></el-input>
                                 </el-form-item>
                             </el-col>
                             <el-col :span="8">
-                                <el-form-item label="页面代码"  prop="systemMenuCode" > 
+                                <el-form-item label="页面代码" prop="systemMenuCode">
                                     <el-input v-model="pageBind.systemMenuCode"></el-input>
                                 </el-form-item>
                             </el-col>
                         </el-row>
                         <el-row :gutter="20">
                             <el-col :span="8">
-                                <el-form-item label="webUrl" prop="webUrl" >
+                                <el-form-item label="webUrl" prop="webUrl">
                                     <el-input v-model="pageBind.webUrl"></el-input>
                                 </el-form-item>
                             </el-col>
@@ -130,25 +126,28 @@
                                     <el-input v-model="pageBind.pageRemark"></el-input>
                                 </el-form-item>
                             </el-col>
-                            
+
                         </el-row>
                         <el-row :gutter="20">
                             <el-col :span="16">
-                                <el-checkbox label="Web" :true-label="1"  :false-label="0" v-model="pageBind.pageIsEnable"></el-checkbox>
-                                <el-checkbox label="Android是否启用" :true-label="1"  :false-label="0" v-model="pageBind.pagePhoneIsEnable" ></el-checkbox>
+                                <el-checkbox label="Web" :true-label="1" :false-label="0"
+                                    v-model="pageBind.pageIsEnable"></el-checkbox>
+                                <el-checkbox label="Android是否启用" :true-label="1" :false-label="0"
+                                    v-model="pageBind.pagePhoneIsEnable"></el-checkbox>
                             </el-col>
                         </el-row>
-                        <br/>
-                        <br/>
+                        <br />
+                        <br />
                         <el-row>
                             <el-col :span="24">
                                 <div class="=titleSpan">页面功能</div>
                             </el-col>
                         </el-row>
-                        <br/>
+                        <br />
                         <el-row :gutter="20">
                             <el-col :span="4" v-for="item in pageBindFun" :key="item.id" style="text-align: center;">
-                                <el-checkbox  :label="item.name" :true-label="1"  :false-label="0" v-model="item.value"></el-checkbox>
+                                <el-checkbox :label="item.name" :true-label="1" :false-label="0"
+                                    v-model="item.value"></el-checkbox>
                             </el-col>
                         </el-row>
                     </el-form>
@@ -171,60 +170,62 @@ import Modal from '../template/dialog.vue';
 
 export default {
     data() {
-      return {
-        bufferData:{},//暂存数据
-        pageList:[], //页面数据
-        SearchInput:'', //查询的值
-        currentPage : 1 , //页码
-        pageSize: 10,// 每页的数据条数
-        ModulValue:'', //模块val 
-        ModulList:[],//模块数据
-        PathUrl:'',
-        dialogVisible: false,
-        showModal: false, //测试弹层
-        dialogTitle:'测试标题',
-        pageBind:{
-            androidUrl:'',
-            iosUrl:'',
-            pageIsEnable:0,
-            pageName:'',
-            pagePhoneIsEnable:0,
-            pageid:-1,
-            systemMenuCode:'',
-            webUrl:'',
-            modulName:'',
-            modulid:'',
-            icon:'',
-            modulRemark:'',
-            sTid:5,
-            pageRemark:'',
-        },//数据绑定对象
-        rules: {
-            pageName: [
-                { required: true, message: '请输入页面名称', trigger: 'blur' },
-            ],
-            modulid:[
-            { required: true, message: '请选中模块', trigger: 'blur' },
-            ],
-            systemMenuCode:[
-            { required: true, message: '请输入页面代码', trigger: 'blur' },
-            ]
-            ,webUrl:[
-            { required: true, message: '请输入WebUrl', trigger: 'blur' },
-            ]
-        },
-        pageBindFun:[],
-        isload:true,
-      };
+        return {
+            bufferData: {},//暂存数据
+            pageList: [], //页面数据
+            SearchInput: '', //查询的值
+            currentPage: 1, //页码
+            pageSize: 10,// 每页的数据条数
+            ModulValue: '', //模块val 
+            ModulList: [],//模块数据
+            PathUrl: '',
+            dialogVisible: false,
+            showModal: false, //测试弹层
+            dialogTitle: '测试标题',
+            pageBind: {
+                androidUrl: '',
+                iosUrl: '',
+                pageIsEnable: 0,
+                pageName: '',
+                pagePhoneIsEnable: 0,
+                pageid: -1,
+                systemMenuCode: '',
+                webUrl: '',
+                modulName: '',
+                modulid: '',
+                icon: '',
+                modulRemark: '',
+                sTid: 5,
+                pageRemark: '',
+            },//数据绑定对象
+            rules: {
+                pageName: [
+                    { required: true, message: '请输入页面名称', trigger: 'blur' },
+                ],
+                modulid: [
+                    { required: true, message: '请选中模块', trigger: 'blur' },
+                ],
+                systemMenuCode: [
+                    { required: true, message: '请输入页面代码', trigger: 'blur' },
+                ]
+                , webUrl: [
+                    { required: true, message: '请输入WebUrl', trigger: 'blur' },
+                ]
+            },
+            pageBindFun: [],
+            isload: true,
+            userId: 0,
+            token: '',
+        };
     },
     methods: {
-        pageload(){
-            var that =  this;
+        pageload() {
+            var that = this;
             this.$axios.post('/api/System/PageConfigInit', {
-                
+
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp.data.data);
@@ -232,9 +233,9 @@ export default {
                     that.bufferData = resp.data.data;
                     that.ModulList = resp.data.data.modList.data;
                     that.ModulList.unshift({
-                        'id':-1,
-                        'name':"全部模块",
-                        'sTid':-1
+                        'id': -1,
+                        'name': "全部模块",
+                        'sTid': -1
                     });
                     that.pageList = resp.data.data.viewList.data;
                 }
@@ -252,14 +253,14 @@ export default {
         Inquirechange(Pindex) {
             var that = this;
 
-            if(this.ModulValue == ''){
-                this.ModulValue = -1 ;
+            if (this.ModulValue == '') {
+                this.ModulValue = -1;
             }
 
-            if(this.ModulValue == -1){
+            if (this.ModulValue == -1) {
                 this.pageList = this.bufferData.viewList.data;
-            }else{
-                this.pageList = this.bufferData.viewList.data.filter(function(item, i, arr) {
+            } else {
+                this.pageList = this.bufferData.viewList.data.filter(function (item, i, arr) {
                     return item.modulid == that.ModulValue;
                 });
             }
@@ -275,84 +276,84 @@ export default {
             this.currentPage = val;
         },
         //搜索按钮
-        btnSearch(){
+        btnSearch() {
             this.ModulValue = -1;
             var that = this;
-            this.pageList = this.bufferData.viewList.data.filter(function(item, i, arr) {
+            this.pageList = this.bufferData.viewList.data.filter(function (item, i, arr) {
                 return item.pageName.indexOf(that.SearchInput) != -1;
             });
         },
-        addPage(){
+        addPage() {
             this.showModal = true;
-            this.dialogTitle='添加页面';
+            this.dialogTitle = '添加页面';
             this.pageBind = {
-                androidUrl:'',
-                iosUrl:'',
-                pageIsEnable:0,
-                pageName:'',
-                pagePhoneIsEnable:0,
-                pageid:-1,
-                systemMenuCode:'',
-                webUrl:'',
-                modulName:'',
-                modulid:'',
-                icon:'',
-                modulRemark:'',
-                sTid:5,
-                pageRemark:'',
+                androidUrl: '',
+                iosUrl: '',
+                pageIsEnable: 0,
+                pageName: '',
+                pagePhoneIsEnable: 0,
+                pageid: -1,
+                systemMenuCode: '',
+                webUrl: '',
+                modulName: '',
+                modulid: '',
+                icon: '',
+                modulRemark: '',
+                sTid: 5,
+                pageRemark: '',
             };
             this.PageQueryFun(-1);
         },
-        Edit(page){
+        Edit(page) {
             //this.dialogVisible = true;
             this.showModal = true;
-            this.dialogTitle='编辑页面';
-            console.log(page);  
+            this.dialogTitle = '编辑页面';
+            console.log(page);
             this.pageBind = {
-                androidUrl:page.androidUrl,
-                iosUrl:page.iosUrl,
-                pageIsEnable:page.pageIsEnable,
-                pageName:page.pageName,
-                pagePhoneIsEnable:page.pagePhoneIsEnable,
-                pageid:page.pageid,
-                systemMenuCode:page.systemMenuCode,
-                webUrl:page.webUrl,
-                modulName:page.modulName,
-                modulid:page.modulid,
-                icon:page.icon,
-                modulRemark:page.modulRemark,
-                sTid:page.sTid,
-                pageRemark:page.pageRemark,
+                androidUrl: page.androidUrl,
+                iosUrl: page.iosUrl,
+                pageIsEnable: page.pageIsEnable,
+                pageName: page.pageName,
+                pagePhoneIsEnable: page.pagePhoneIsEnable,
+                pageid: page.pageid,
+                systemMenuCode: page.systemMenuCode,
+                webUrl: page.webUrl,
+                modulName: page.modulName,
+                modulid: page.modulid,
+                icon: page.icon,
+                modulRemark: page.modulRemark,
+                sTid: page.sTid,
+                pageRemark: page.pageRemark,
             };
             this.PageQueryFun(page.pageid);
         },
-        PageSave(){
-            var that =  this;
-            if(this.pageBind.pageid == -1){
+        PageSave() {
+            var that = this;
+            if (this.pageBind.pageid == -1) {
 
-                var p = new Promise((resolve,reject)=>{
+                var p = new Promise((resolve, reject) => {
                     this.$refs.pageBind.validate((valid) => {
-                        if(valid){
+                        if (valid) {
                             resolve(true);
-                        }else{  
+                        } else {
                             reject(false);
                         }
                     });
                 })
 
-                p.then(resolve=>{
+                p.then(resolve => {
 
                     this.pageBind.FunArr = [];
                     this.pageBindFun.forEach(item => {
-                        if(item.value){
+                        if (item.value) {
                             this.pageBind.FunArr.push(item.id)
                         }
-                    });    
+                    });
 
                     //新增
                     this.$axios.post(this.PathUrl + '/api/System/AddPageInfo', this.pageBind, {
                         headers: {
-                            'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                            'Authorization': that.token,
                         }
                     }).then(resp => {
                         that.showModal = false;
@@ -362,41 +363,41 @@ export default {
                                 message: '添加成功',
                                 type: 'success'
                             });
-                        }else{
+                        } else {
                             this.$message.error(resp.data.msg);
                         }
                         that.pageload();
-                       
+
                     })
-                }).catch(err=>{
+                }).catch(err => {
                     console.log("表单验证未通过");
                 })
 
-            }else{
+            } else {
                 //修改
-                var p = new Promise((resolve,reject)=>{
+                var p = new Promise((resolve, reject) => {
                     this.$refs.pageBind.validate((valid) => {
-                        if(valid){
+                        if (valid) {
                             resolve(true);
-                        }else{
+                        } else {
                             reject(false);
                         }
                     });
                 })
 
-                p.then(resolve=>{
+                p.then(resolve => {
 
                     this.pageBind.FunArr = [];
                     this.pageBindFun.forEach(item => {
-                        if(item.value){
+                        if (item.value) {
                             this.pageBind.FunArr.push(item.id)
                         }
-                    });    
+                    });
 
                     //编辑
                     this.$axios.post(this.PathUrl + '/api/System/EditPageInfo', this.pageBind, {
                         headers: {
-                            'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                            'Authorization': that.token,
                         }
                     }).then(resp => {
                         that.showModal = false;
@@ -406,29 +407,29 @@ export default {
                                 message: '保存成功!',
                                 type: 'success'
                             });
-                        }else{
+                        } else {
                             this.$message.error(resp.data.msg);
                         }
                         that.pageload();
-                        
+
                     })
-                }).catch(err=>{
+                }).catch(err => {
                     console.log("表单验证未通过");
                 })
             }
-        
+
         },
-        Del(page){
+        Del(page) {
             let that = this;
             var dellist = [];
             dellist.push({
-                'Pageid':page.pageid,
-                'Userid':235,
+                'Pageid': page.pageid,
+                'Userid': this.userId,
             })
-            
-            this.$axios.post(this.PathUrl + '/api/System/DelPageInfo',dellist, {
+
+            this.$axios.post(this.PathUrl + '/api/System/DelPageInfo', dellist, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 if (resp.data.code == 200) {
@@ -441,47 +442,49 @@ export default {
                 }
                 that.pageload();
 
-            }).catch(err=>{
+            }).catch(err => {
                 this.$message.error('网络错误!');
             })
         },
-        PageQueryFun(pageid){
-            
+        PageQueryFun(pageid) {
+
             let that = this;
             var bindFun = [];
-            
-            this.$axios.post(this.PathUrl + '/api/System/QueryPageFunById',{
-                pageid:pageid,
-                bindFunArr:bindFun,
-                uid:235,
+
+            this.$axios.post(this.PathUrl + '/api/System/QueryPageFunById', {
+                pageid: pageid,
+                bindFunArr: bindFun,
+                uid: this.userId,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp);
                 if (resp.data.code == 200) {
                     that.pageBindFun = resp.data.data;
-                } 
+                }
 
-            }).catch(err=>{
+            }).catch(err => {
                 this.$message.error('网络错误!');
             })
         }
 
 
     },
-    mounted(){
+    mounted() {
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
+        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
         this.pageload();
     },
     components: {
         Modal
     },
-    computed:{
-        Modulfiltr(){
-            return this.bufferData.modList.data.filter((item,i,arr)=>{
+    computed: {
+        Modulfiltr() {
+            return this.bufferData.modList.data.filter((item, i, arr) => {
                 return item.id != -1;
-            }); 
+            });
         }
     }
 }
@@ -519,17 +522,16 @@ body {
     text-align: center;
 }
 
-.el-checkbox__input.is-disabled + .el-checkbox__label {
-  color: #808080 !important;
+.el-checkbox__input.is-disabled+.el-checkbox__label {
+    color: #808080 !important;
 }
 
-.el-checkbox__input.is-disabled.is-checked + .el-checkbox__label {
-  color: #1890ff !important;
+.el-checkbox__input.is-disabled.is-checked+.el-checkbox__label {
+    color: #1890ff !important;
 }
 
 .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
-  background-color: #1890ff !important;
-  border-color: #1890ff !important;
+    background-color: #1890ff !important;
+    border-color: #1890ff !important;
 }
-
 </style>

src/components/child/PageFunction.vue

@@ -1,7 +1,6 @@
 <template>
-    <div class="pageConfig-box"  v-loading="isload" element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)" >
+    <div class="pageConfig-box" v-loading="isload" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0, 0, 0, 0.8)">
         <div class="pageConfig-head">
             <div style="display: flex;">
                 <!-- <div>
@@ -17,61 +16,66 @@
                     <el-button type="primary" @click="btnSearch" >搜 索</el-button>
                 </div> -->
             </div>
-           <div>
-                <el-button type="primary" @click="isload=true;  pageload()"  >刷 新</el-button>
-                <el-button type="primary" @click="addPage"  >添 加</el-button>
-           </div>
+            <div>
+                <el-button type="primary" @click="isload = true; pageload()">刷 新</el-button>
+                <el-button type="primary" @click="addPage">添 加</el-button>
+            </div>
         </div>
         <div class="pageConfig-table">
-                <el-table :data="pageList.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border style="width: 100%">
-                    <el-table-column prop="functionName" label="功能名称" >
-                    </el-table-column>
-                    <el-table-column prop="functionCode" label="功能权限Code" >
-                    </el-table-column>
-                    <el-table-column prop="isEnable" label="是否启用" >
-                        <template slot-scope="scope">
-                            <el-checkbox  :true-label="1" disabled :false-label="0"  v-model="scope.row.isEnable" ></el-checkbox>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="操作" >
-                        <template slot-scope="scope">
-                            <el-button type="primary" size="small" icon="el-icon-s-tools" @click="Edit(scope.row)" >编 辑</el-button>
-                            <el-button type="danger" size="small" icon="el-icon-delete-solid"  @click="Del(scope.row)" >删 除</el-button>
-                        </template>
-                    </el-table-column>
-                </el-table>
-                <div class="block">
-                    <el-pagination align='center' @size-change="handleSizeChange" @current-change="handleCurrentChange"
-                        :current-page="currentPage" :page-sizes="[5,10,14,20]" :page-size="pageSize"
-                        layout="total, sizes, prev, pager, next" :total="pageList.length">
-                    </el-pagination>
-                </div>
+            <el-table :data="pageList.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border
+                style="width: 100%">
+                <el-table-column prop="functionName" label="功能名称">
+                </el-table-column>
+                <el-table-column prop="functionCode" label="功能权限Code">
+                </el-table-column>
+                <el-table-column prop="isEnable" label="是否启用">
+                    <template slot-scope="scope">
+                        <el-checkbox :true-label="1" disabled :false-label="0" v-model="scope.row.isEnable"></el-checkbox>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作">
+                    <template slot-scope="scope">
+                        <el-button type="primary" size="small" icon="el-icon-s-tools" @click="Edit(scope.row)">编
+                            辑</el-button>
+                        <el-button type="danger" size="small" icon="el-icon-delete-solid" @click="Del(scope.row)">删
+                            除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="block">
+                <el-pagination align='center' @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                    :current-page="currentPage" :page-sizes="[5, 10, 14, 20]" :page-size="pageSize"
+                    layout="total, sizes, prev, pager, next" :total="pageList.length">
+                </el-pagination>
+            </div>
         </div>
 
-        <Modal :title="dialogTitle" :height="300" :width="400" :show.sync="showModal" restrict-to=".is-vertical" @close="showModal = false" >
+        <Modal :title="dialogTitle" :height="300" :width="400" :show.sync="showModal" restrict-to=".is-vertical"
+            @close="showModal = false">
             <template v-slot:content>
                 <div style="    padding: 10px;">
                     <el-form label-position="left" label-width="100px" :model="pageBind" :rules="rules" ref="pageBind">
                         <el-row :gutter="20">
                             <el-col :span="24">
-                                <el-form-item label="功能名称" prop="functionName" >
+                                <el-form-item label="功能名称" prop="functionName">
                                     <el-input v-model="pageBind.functionName"></el-input>
                                 </el-form-item>
                             </el-col>
                         </el-row>
                         <el-row :gutter="20">
                             <el-col :span="24">
-                                <el-form-item label="功能Code" prop="functionCode" >
+                                <el-form-item label="功能Code" prop="functionCode">
                                     <el-input v-model="pageBind.functionCode"></el-input>
                                 </el-form-item>
                             </el-col>
                         </el-row>
-                        <br/>
+                        <br />
                         <el-row :gutter="20">
                             <el-col :span="24">
-                                <el-checkbox label="是否启用" :true-label="1"  :false-label="0" v-model="pageBind.isEnable"></el-checkbox>
+                                <el-checkbox label="是否启用" :true-label="1" :false-label="0"
+                                    v-model="pageBind.isEnable"></el-checkbox>
                             </el-col>
-                        </el-row>                     
+                        </el-row>
                     </el-form>
                 </div>
             </template>
@@ -92,53 +96,55 @@ import Modal from '../template/dialog.vue';
 
 export default {
     data() {
-      return {
-        bufferData:{},//暂存数据
-        pageList:[], //页面数据
-        SearchInput:'', //查询的值
-        currentPage : 1 , //页码
-        pageSize: 5,// 每页的数据条数
-        PathUrl:'',
-        showModal: false, //测试弹层
-        dialogTitle:'测试标题',
-        pageBind:{
-            id:-1,
-            functionCode:'',
-            functionName:'',
-            isEnable:0,
-        },//数据绑定对象
-        rules: {
-            functionName: [
-                { required: true, message: '请输入操作名称', trigger: 'blur' },
-            ],
-            functionCode:[
-            { required: true, message: '请输入操作code', trigger: 'blur' },
-            ],
-        },
-        isload:true,
-      };
+        return {
+            bufferData: {},//暂存数据
+            pageList: [], //页面数据
+            SearchInput: '', //查询的值
+            currentPage: 1, //页码
+            pageSize: 5,// 每页的数据条数
+            PathUrl: '',
+            showModal: false, //测试弹层
+            dialogTitle: '测试标题',
+            pageBind: {
+                id: -1,
+                functionCode: '',
+                functionName: '',
+                isEnable: 0,
+            },//数据绑定对象
+            rules: {
+                functionName: [
+                    { required: true, message: '请输入操作名称', trigger: 'blur' },
+                ],
+                functionCode: [
+                    { required: true, message: '请输入操作code', trigger: 'blur' },
+                ],
+            },
+            isload: true,
+            userId: 0,
+            token: '',
+        };
     },
     methods: {
-        pageload(){
-            var that =  this;
+        pageload() {
+            var that = this;
             this.$axios.post(this.PathUrl + '/api/System/PageFunInit', {
-                
+
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 console.log(resp.data.data);
                 if (resp.data.code == 200) {
-                   that.pageList = resp.data.data;
+                    that.pageList = resp.data.data;
                 }
 
-                if(that.pageList.slice((that.currentPage - 1) * that.pageSize, that.currentPage * that.pageSize).length == 0){
-                    if(that.currentPage > 1){
+                if (that.pageList.slice((that.currentPage - 1) * that.pageSize, that.currentPage * that.pageSize).length == 0) {
+                    if (that.currentPage > 1) {
                         that.currentPage = that.currentPage - 1;
                     }
                 }
-                
+
                 that.isload = false;
             })
 
@@ -152,52 +158,52 @@ export default {
         handleCurrentChange(val) {
             this.currentPage = val;
         },
-        addPage(){
+        addPage() {
             this.showModal = true;
-            this.dialogTitle='添加页面';
+            this.dialogTitle = '添加页面';
             this.pageBind = {
-                id:-1,
-                functionCode:'',
-                functionName:'',
-                isEnable:0,
+                id: -1,
+                functionCode: '',
+                functionName: '',
+                isEnable: 0,
             };
         },
-        Edit(page){
+        Edit(page) {
             //this.dialogVisible = true;
             this.showModal = true;
-            this.dialogTitle='编辑页面';
-            console.log(page);  
+            this.dialogTitle = '编辑页面';
+            console.log(page);
             this.pageBind = {
-                id:page.id,
-                functionCode:page.functionCode,
-                functionName:page.functionName,
-                isEnable:page.isEnable,
+                id: page.id,
+                functionCode: page.functionCode,
+                functionName: page.functionName,
+                isEnable: page.isEnable,
             };
         },
-        PageSave(){
-            var that =  this;
+        PageSave() {
+            var that = this;
             //添加
-            if(this.pageBind.id == -1){
+            if (this.pageBind.id == -1) {
 
-                var p = new Promise((resolve,reject)=>{
+                var p = new Promise((resolve, reject) => {
                     this.$refs.pageBind.validate((valid) => {
-                        if(valid){
+                        if (valid) {
                             resolve(true);
-                        }else{  
+                        } else {
                             reject(false);
                         }
                     });
                 })
 
-                p.then(resolve=>{
+                p.then(resolve => {
 
                     this.pageBind.Status = 1;
-                    this.pageBind.CreateUserId = 235;
+                    this.pageBind.CreateUserId = this.userId;
                     this.pageBind.Remark = '';
                     //新增
                     this.$axios.post(this.PathUrl + '/api/System/OperationFun', this.pageBind, {
                         headers: {
-                            'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                            'Authorization': that.token,
                         }
                     }).then(resp => {
                         that.showModal = false;
@@ -207,38 +213,38 @@ export default {
                                 message: '添加成功',
                                 type: 'success'
                             });
-                        }else{
+                        } else {
                             this.$message.error(resp.data.msg);
                         }
                         that.pageload();
-                       
+
                     })
-                }).catch(err=>{
+                }).catch(err => {
                     console.log("表单验证未通过");
                 })
 
-            }else{
+            } else {
                 //修改
-                var p = new Promise((resolve,reject)=>{
+                var p = new Promise((resolve, reject) => {
                     this.$refs.pageBind.validate((valid) => {
-                        if(valid){
+                        if (valid) {
                             resolve(true);
-                        }else{
+                        } else {
                             reject(false);
                         }
                     });
                 })
 
-                p.then(resolve=>{
+                p.then(resolve => {
 
                     this.pageBind.Status = 2;
-                    this.pageBind.CreateUserId = 235;
+                    this.pageBind.CreateUserId = this.userId;
                     this.pageBind.Remark = '';
 
                     //编辑
                     this.$axios.post(this.PathUrl + '/api/System/OperationFun', this.pageBind, {
                         headers: {
-                            'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                            'Authorization': that.token,
                         }
                     }).then(resp => {
                         that.showModal = false;
@@ -248,27 +254,27 @@ export default {
                                 message: '保存成功!',
                                 type: 'success'
                             });
-                        }else{
+                        } else {
                             this.$message.error(resp.data.msg);
                         }
                         that.pageload();
-                        
+
                     })
-                }).catch(err=>{
+                }).catch(err => {
                     console.log("表单验证未通过");
                 })
             }
-        
+
         },
-        Del(page){
+        Del(page) {
             let that = this;
-            
-            this.$axios.post(this.PathUrl + '/api/System/DelFun',{
-                'Id':page.id,
-                'DeleteUserId':235,
+
+            this.$axios.post(this.PathUrl + '/api/System/DelFun', {
+                'Id': page.id,
+                'DeleteUserId': that.userId,
             }, {
                 headers: {
-                    'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IkZ1dHVyZSIsImV4cCI6MTY3OTU0MjgwNSwiaXNzIjoiT0FTeXN0ZW0uY29tIiwiYXVkIjoiT0FTeXN0ZW0uY29tIn0.iy5SUInq1p3yjZultRPyzCa2ekLeepSdMLxvPwXY6MI',
+                    'Authorization': that.token,
                 }
             }).then(resp => {
                 if (resp.data.code == 200) {
@@ -279,25 +285,27 @@ export default {
                 } else {
                     this.$message.error('删除失败!' + resp.data.msg);
                 }
-                
+
                 that.pageload();
 
-            }).catch(err=>{
+            }).catch(err => {
                 this.$message.error('网络错误!');
             })
         },
     },
-    mounted(){
+    mounted() {
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
+        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
         this.pageload();
     },
     components: {
         Modal
     },
-    computed:{
-        Modulfiltr(){
-            return this.bufferData.modList.data.filter((item,i,arr)=>{
+    computed: {
+        Modulfiltr() {
+            return this.bufferData.modList.data.filter((item, i, arr) => {
                 return item.id != -1;
-            }); 
+            });
         }
     }
 }
@@ -335,17 +343,16 @@ body {
     text-align: center;
 }
 
-.el-checkbox__input.is-disabled + .el-checkbox__label {
-  color: #808080 !important;
+.el-checkbox__input.is-disabled+.el-checkbox__label {
+    color: #808080 !important;
 }
 
-.el-checkbox__input.is-disabled.is-checked + .el-checkbox__label {
-  color: #1890ff !important;
+.el-checkbox__input.is-disabled.is-checked+.el-checkbox__label {
+    color: #1890ff !important;
 }
 
 .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
-  background-color: #1890ff !important;
-  border-color: #1890ff !important;
+    background-color: #1890ff !important;
+    border-color: #1890ff !important;
 }
-
 </style>