15.普通用户、网格长、网格员,操作数据(2)newapp/pages/center/center.vue
1.newapp/pages/center/center.vue
1.在newapp/components新建三个组件:putong.vue,wgy.vue,wgz.vue
2.在newapp/pages/center/center.vue中:
<template> <view class="content"> <!-- 普通用户 --> <view class="putong" v-if="flag1"> <putong :data1='data1'></putong> </view> <view class="wgy" v-if=flag2> <wgy :data2="data2" :wgy_can_edit="wgy_can_edit"></wgy> </view> <view class="wgz" v-if="flag3"> <wgz :my_wgylist_and_loulist="my_wgylist_and_loulist" :data3="data3" :wgz_can_edit="wgz_can_edit"></wgz> </view> <!-- 版权信息 --> <view class="solid-bottom padding text-center margin-top"> ©由赤峰市落忆网络科技有限公司提供技术支持 </view> </view> </template> <script> import {host,get,post} from '@/commons/post_and_get.js' import putong from "@/components/putong.vue" import wgz from "@/components/wgz.vue" import wgy from "@/components/wgy.vue" export default { data() { return { //非网格员也非网格长 flag1:false, data1:{}, // 网格员 flag2:false, data2:{}, //网格长 flag3:false, data3:{}, //网格长组件展示数据 my_wgylist_and_loulist:[], wgz_can_edit:false, wgy_can_edit:false } }, methods: { async isLogin(){ let token=uni.getStorageSync('token'); if(token){ //更新个人数据信息开始 let re=await get('/user_operations/upuserinfo/',{'token':token}) // console.log(111,re) if(re.status==200){ uni.setStorageSync('token' , re.data.token); uni.setStorageSync('info' , re.data.info); }else{ uni.removeStorageSync('token'); uni.navigateTo({url:'/pages/login/login'}) } //更新个人数据信息结束 let f=uni.getStorageSync('info') // console.log(f) if(f.power==1||f.power==2||f.power==3){ this.flag1=true this.flag2=false this.flag3=false } if(f.power==4){ this.flag1=false this.flag2=true this.flag3=false } if(f.power==5){ this.flag1=false this.flag2=false this.flag3=true } this.GetCaoZuoData() }else{ uni.navigateTo({url:'/pages/login/login'}) } }, async GetCaoZuoData(){ let re=await get('/user_operations/getcaozuo/',{'token':uni.getStorageSync('token')}) // console.log(re) if(this.flag1){ re.data.wgy.img=host+re.data.wgy.img re.data.wgz.img=host+re.data.wgz.img this.data1=re } if(this.flag3){ this.data3=re.data // console.log(this.data3.all_wgy_list,this.data3.lou_list) //展示数据 this.my_wgylist_and_loulist=[] for(var i=0;i<this.data3.all_wgy_list.length;i++){ let item={'wgy':{},'lou_list':[]} for(var j=0;j<this.data3.lou_list.length;j++){ if(this.data3.lou_list[j].wgy==this.data3.all_wgy_list[i].id){ item.wgy=this.data3.all_wgy_list[i] item.lou_list.push(this.data3.lou_list[j]) } } if(item.lou_list.length){ this.my_wgylist_and_loulist.push(item) } } // console.log(this.my_wgylist_and_loulist) } if(this.flag2){ this.data2=re.data // console.log(this.data2) } }, //获取查看网格员和网格长有没有编辑的权利 async getOnorOff(){ let re=await get('/user_operations/editpower/') // console.log(re) this.wgz_can_edit=re.wgz this.wgy_can_edit=re.wgy }, }, components:{ putong, wgz, wgy }, onShow() { this.isLogin() this.getOnorOff() } } </script> <style> .pic{ width: 150upx; height: 200upx; } .pic image{ width: 100%; height: 100%; } .pin{ width: 400upx; font-size: 40upx; } .l{ text-align: left; } .lz{ font-size: 35upx; } .btn{ margin-left:200upx ; } .v-header{ display: flex; width: 100%; justify-content:space-around; } </style>