long/mes_mobile
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

代码提交

Browse Source
This commit is contained in:
‘tuzi0421
2024-02-19 16:53:38 +08:00
parent a93b95e814
commit d022e33da9
34 changed files with 1833 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
pages/person/accountCenter.vue
View File

@ -1,10 +1,12 @@
<template>
<view class="person_page pagepaddings font13">
<view class="person_dataA contentboxsty">
<view class="content_box">
<view class="content_box logo_box">
<view class="data_name">头像</view>
<view class="">
>
<button class="person_button" open-type="chooseAvatar" @chooseavatar='onChooseAvatar'>
<image class="person_logo" :src="avatarUrl"></image>
</button>
</view>
</view>
<view class="content_box">
@ -53,19 +55,29 @@
</view>
</template>
<script>
<script>
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0';
export default {
data() {
return {
avatarUrl:defaultAvatarUrl
}
},
methods: {
onChooseAvatar(e) {
uni.showToast({
title:'成功',
duration:1000
})
this.avatarUrl = e.detail.avatarUrl
},
//跳转更改手机号页面
toChangPhone(){
uni.navigateTo({
url: '/pages/person/changePhone'
})
// uni.navigateTo({
// url: '/pages/person/changePhone'
// })
}
}
}
@ -80,7 +92,13 @@
.person_dataB{padding: 0 14px;margin-bottom: 12px;}
.person_dataC{padding: 0 14px;margin-bottom: 12px;}
.person_dataD{padding: 0 14px;}
.content_box{display: flex;align-items: center;height: 44px;border-bottom: 1px solid #2D3A6F;}
.content_box{
display: flex;align-items: center;height: 44px;border-bottom: 1px solid #2D3A6F;
}
.logo_box{height: 64px;
.person_button{width: 40px;height: 40px;border-radius: 50%;padding: 0;}
.person_logo{width: 40px;height: 40px;}
}
.data_name{flex: 1;}
}
</style>

106
pages/person/person.vue
View File

@ -1,8 +1,21 @@
<template>
<view class="person_page ">
<view class="person_top">
<view class="logo">
<view class="person_data">
<!-- <view class="person_logo"> -->
<!-- <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"> -->
<image class="person_logo" :src="avatarUrl"></image>
<!-- </button> -->
<!-- </view> -->
<view class="person_name">
<view class="name">
<text class="font15">肖银奎</text>
<image src="http://dm-auto.oss-cn-shanghai.aliyuncs.com/mes_wechat/chaojihuiyuan.png" mode=""></image>
</view>
<view class="account font12">
登录账号：ykxiao
</view>
</view>
</view>
</view>
<view class="person_content">
@ -43,11 +56,11 @@
<view class="font13">消息管理</view>
<view class=""></view>
</view>
<view class="con_module">
<!-- <view class="con_module">
<view class="t-icon t-icon-shenpizhida personicon"></view>
<view class="font13">审批直达</view>
<view class=""></view>
</view>
</view> -->
<view class="con_module noborbot">
<view class="t-icon t-icon-wodequanxian personicon"></view>
<view class="font13">我的权限</view>
@ -64,13 +77,16 @@
</template>
<script>
import tabBar from "@/components/customTabBar/index"
import tabBar from "@/components/customTabBar/index";
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0';
export default {
components:{
tabBar
tabBar
},
data() {
return {
avatarUrl:defaultAvatarUrl,
}
},
methods: {
@ -86,39 +102,53 @@
<style scoped lang="scss">
.person_page{ padding: 14px;
.con_backlog{padding: 14px 10px 14px 15px;background: #1C2755;border-radius: 8px;margin-bottom: 12px;
.backlog_data{display: flex; flex-wrap: wrap;
.backlog_module{width: 93px;height: 76px;display: flex;justify-content: center;flex-direction: column;align-items: center;border-radius: 8px;
background: #6576B7;margin: 5px 6px;}
.backlogicon{width: 32px;height: 32px;}
.backlogname{
font-size: $uni-font-size-sm;
padding-top: 5px;}
}
}
.con_account{
border-radius: 8px;
background: #1C2755;
display: flex;
height: 52px;
align-items: center;
padding: 0 14px;
margin-bottom: 10px;
.person_top{margin-bottom:33px ;
.person_data{display: flex;align-items: center;
.person_logo{border-radius: 50%;width: 54px;height: 54px;margin:0 6px 0 4px;}
}
.personicon{width: 24px;height: 24px;padding-right: 15px;}
.con_data{border-radius: 8px;
background: #1C2755;
padding: 0 14px;
margin-bottom: 12px;
.con_module{display: flex;height: 49px;align-items: center;border-bottom: 1px solid #2D3A6F;}
}
.con_set{border-radius: 8px;
background: #1C2755;
display: flex;
height: 48px;
align-items: center;
padding: 0 14px;
.person_name{
.name{display: flex;align-items: center;margin-bottom: 2px;
image{width: 50px;height: 16px;margin-left: 4px;}
}
.account{margin-top: 2px;}
}
}
}
.person_content{
.con_backlog{padding: 14px 10px 14px 15px;background: #1C2755;border-radius: 8px;margin-bottom: 12px;
.backlog_data{display: flex; flex-wrap: wrap;margin-top: 7px;
.backlog_module{width: 93px;height: 76px;display: flex;justify-content: center;flex-direction: column;align-items: center;border-radius: 8px;
background: #6576B7;margin: 5px 6px;}
.backlogicon{width: 32px;height: 32px;}
.backlogname{
font-size: $uni-font-size-sm;
padding-top: 5px;}
}
}
.con_account{
border-radius: 8px;
background: #1C2755;
display: flex;
height: 52px;
align-items: center;
padding: 0 14px;
margin-bottom: 10px;
}
.personicon{width: 24px;height: 24px;margin-right: 15px;}
.con_data{border-radius: 8px;
background: #1C2755;
padding: 0 14px;
margin-bottom: 12px;
.con_module{display: flex;height: 49px;align-items: center;border-bottom: 1px solid #2D3A6F;}
}
.con_set{border-radius: 8px;
background: #1C2755;
display: flex;
height: 48px;
align-items: center;
padding: 0 14px;
}
}
}
</style>