|
|
- <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="editInfo">
- <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="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: {
- // 编辑信息
- editInfo() {
- uni.navigateTo({
- url: "/pages/login/index"
- })
- },
- 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"
- })
- },
- onCustomerService() {
- uni.showModal({
- title: '联系客服',
- content: '确定拨打客服电话？',
- success: function(res) {
- if (res.confirm) {
- console.log('用户点击确定');
- } else if (res.cancel) {
- console.log('用户点击取消');
- }
- }
- });
- }
- }
- }
- </script>
-
- <style>
- page {
- background-color: #f5f5f5 !important;
- }
-
- .se-grid {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr 1fr;
- gap: 10rpx;
- padding-bottom: 4rpx;
- }
- </style>
|
