|
|
- <template>
- <view class="u-page">
- <view class="se-pt-50 se-pb-120 se-px-40 se-bgc-orange se-c-white se-pos">
- <view class="se-flex">
- <image :src="headImage" class="se-br-p-50 se-bgc-f5 se-w-100 se-h-100" mode=""></image>
- <view class="se-ml-20 se-flex se-flex-v-sa se-flex-ai-fs">
- <view class="se-flex">
- <text class="se-fw-6 se-fs-30">{{nickName}}</text>
- <view class="se-flex se-flex-ai-c se-ml-20" @click="onEdit()">
- <image class="se-a-25 se-mr-10" src="@/static/image/pencil.png" mode=""></image>
- <text class="se-fs-22">修改资料</text>
- </view>
- </view>
- <view class="se-fs-24 se-display-ib">
- <text>手机号:</text>
- <text class="se-ml-20">{{phone}}</text>
- </view>
- </view>
- </view>
- <view class="se-pos-cb se-flex se-flex-h-sb se-w-vw-82 se-br-10 se-bgc-white se-py-30 se-px-30"
- style="bottom: -80rpx;">
- <view class="se-flex se-flex-h-fs se-b-r se-flex-1">
- <view class="se-pos se-w-130">
- <image src="@/static/image/wall.png" class="se-w-120 se-h-120" mode=""></image>
- <view @click="onNavigateTo()" class="se-w-80 se-ta-c se-b-orange se-br-30 se-bgc-orange se-py-5 se-px-22 se-c-white se-fs-20 se-pos-cb">
- 钱包
- </view>
- </view>
- <view class="se-flex se-flex-v-sa se-flex-ai-fs">
- <view class="se-flex se-fs-28 se-c-black">
- 我的余额
- </view>
- <view class="se-fs-30 se-display-ib se-pt-20" style="color: #DC2828;">
- ￥{{myMoney}}
- </view>
- </view>
- </view>
- <view class="se-flex se-flex-h-fe se-flex-1 se-pr-20">
- <image src="@/static/image/piao.png" class="se-w-120 se-h-120" mode=""></image>
- <view class="se-flex se-flex-v-sa se-flex-ai-fs ">
- <view class="se-flex se-fs-28 se-c-black">
- 金额记录
- </view>
- <view class="se-fs-30 se-display-ib se-pt-20" @click="onRecord()">
- <view class="se-b-orange se-fs-22 se-c-orange se-br-30 se-py-5 se-px-20">
- 去查看
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="se-px-40 se-py-30 se-mt-80">
- <u-swiper height="200rpx" style="background-color: #f5f5f5;height: 200rpx;" :indicator="true" :list="swiperList" keyName="image" @change="change" @click="click"></u-swiper>
- <!-- <u-swiper :height="100" :list="list" @click="swiperClick"></u-swiper> -->
- <!-- <image class="se-h-200 se-w-p-100" src="@/static/image/59.png" mode=""></image> -->
- </view>
- <view class="se-p-20 se-mx-40 se-mt-20 se-br-20 se-bgc-white">
- <view class="se-flex se-flex-ai-c se-pb-20">
- <view class="line-orange se-ml-10"></view>
- <view class="se-ml-10 se-fs-32 se-c-black se-fw-5">
- 我的服务
- </view>
- </view>
- <view class="se-grid">
- <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onEnterprise()">
- <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
- <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
- </view>
- <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">企业入驻</text>
- </view>
- <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onPerson()">
- <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
- <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
- </view>
- <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">个人入驻</text>
- </view>
- <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onResume()">
- <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
- <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
- </view>
- <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">我的简历</text>
- </view>
- <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onCustomerService()">
- <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
- <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
- </view>
- <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">联系客服</text>
- </view>
- <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onSystem()">
- <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
- <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
- </view>
- <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">系统设置</text>
- </view>
- <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onFeedback()">
- <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
- <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
- </view>
- <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">帮助与反馈</text>
- </view>
- <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onVersion()">
- <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
- <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
- </view>
- <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">关于本程序</text>
- </view>
- </view>
- </view>
- </view>
- </template>
-
- <script>
- import {
- userInfo,
- bannerList
- } from "@/common/api.js"
- export default {
- data() {
- return {
- swiperList:[],
- list: [
- '@/static/image/59.png'
- ],
- id:"",
- headImage:"",
- myMoney:0,
- nickName:"",
- phone:"",
- worker:{},
- boss:{},
- company:{},
-
- }
- },
- mounted() {
-
- },
- onShow() {
- this.onUserInfo()
- this.onBannerList()
- },
- methods: {
- onEdit(){
- uni.navigateTo({
- url:"/pages/login/index?back=1"
- })
- },
- onBannerList(){
- bannerList({}).then(response=>{
- console.info("banner",response)
- this.swiperList = response.result[1]
- }).catch(error=>{
-
- })
- },
- onUserInfo(){
- let params={}
- userInfo(params).then(response=>{
- console.info("userInfo",response)
- this.id=response.result.id
- this.headImage=response.result.headImage
- this.myMoney=response.result.myMoney?response.result.myMoney:0
- this.nickName=response.result.nickName?response.result.nickName:"微信昵称"
- this.phone=response.result.phone?response.result.phone:""
- this.worker=response.result.worker?response.result.worker:""
- this.boss=response.result.boss?response.result.boss:""
- this.company=response.result.company?response.result.company:""
-
- }).catch(error=>{
-
- })
- },
- swiperClick(event) {
- console.info(event);
- },
- onNavigateTo(){
- uni.navigateTo({
- url:"/pages_subpack/wallet/index"
- })
- },
- onRecord(){
- uni.navigateTo({
- url:"/pages_subpack/record/index"
- })
- },
- onSystem(){
- uni.navigateTo({
- url:"/pages_subpack/system/index"
- })
- },
- onFeedback(){
- uni.navigateTo({
- url:"/pages_subpack/feedback/index"
- })
- },
- onVersion(){
- uni.navigateTo({
- url:"/pages_subpack/version/index"
- })
- },
- onBusinessSettled(){
- uni.navigateTo({
- url:"/pages_subpack/business-settled/index"
- })
- },
- // 个人
- onPerson(){
- uni.navigateTo({
- url:"/pages_subpack/person/index"
- })
- },
- // 企业
- onEnterprise(){
- uni.navigateTo({
- url:"/pages_subpack/enterprise/index"
- })
- },
- onResume(){
- uni.navigateTo({
- url:"/pages_subpack/resume/index"
- })
- },
- onCustomerService(){
- uni.makePhoneCall({
- phoneNumber: '13185644852',
- success: () => {
- console.log("拨打成功");
- },
- fail: (err) => {
- console.error("拨打失败", err);
- },
- })
- }
- }
- }
- </script>
-
- <style>
- page {
- background-color: #f5f5f5 !important;
- }
-
- .se-grid {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr 1fr;
- gap: 10rpx;
- padding-bottom: 4rpx;
- }
- </style>
|
