XinLingKeJi/jdt-user
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(custom): 新增聚合积分支付
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
YuanHuakk
2024-03-20 15:53:52 +08:00
parent 2646d025f4
commit 63733d0109
14 changed files with 437 additions and 409 deletions
Download Patch File Download Diff File Expand all files Collapse all files

136
src/pages/user/index.vue
View File

@@ -27,6 +27,15 @@
</view>
<view class="rightIcon">
<Scan style="margin-right: 20px" @click="scanCode" size="22" />
<button v-if="isLogin" open-type="contact">
<Message
color="#666666"
style="margin-right: 20px"
@click="toSetting"
size="22"
/>
</button>
<Setting style="margin-right: 20px" @click="toSetting" size="22" />
</view>
</view>
@@ -91,29 +100,19 @@
</view>
<!-- 我的服务 -->
<view class="user-center">
<view class="user-center" v-if="isLogin">
<view>我的服务</view>
<view class="box">
<template v-if="isLogin">
<view
class="box-mini"
v-for="item in userMenuList"
:key="item.id"
@click="toPage(item.url)"
>
<!-- <image :src="item.icon" /> -->
<IconFont size="40" :name="item.icon"></IconFont>
<view class="label">{{ item.label }}</view>
</view>
</template>
<button v-if="isLogin" class="box-mini" open-type="contact">
<IconFont
size="40"
name="http://jdt168.com/uploads/default/20220829/7437d90fdd0fba868084bd9cd0b59049.png"
></IconFont>
<text class="label">联系客服</text>
</button>
<view
class="box-mini"
v-for="(item, idx) in userMenuList"
:key="idx"
@click="toPage(item.url)"
>
<!-- <image :src="item.icon" /> -->
<IconFont size="40" :name="item.icon"></IconFont>
<view class="label">{{ item.label }}</view>
</view>
</view>
</view>
@@ -130,7 +129,7 @@
@click="toPage('/pages/admin/add_order/index')"
>
<IconFont
size="50"
size="40"
:name="require('../../static/user/1-1.png')"
></IconFont>
</nut-grid-item>
@@ -141,7 +140,7 @@
@click="toPage('/pages/admin/verify/index')"
>
<IconFont
size="50"
size="40"
:name="require('../../static/user/1-2.png')"
></IconFont>
</nut-grid-item>
@@ -152,7 +151,7 @@
@click="toPage('/pages/admin/order_manage/index')"
>
<IconFont
size="50"
size="40"
:name="require('../../static/user/1-3.png')"
></IconFont>
</nut-grid-item>
@@ -163,7 +162,7 @@
@click="toPage('/pages/admin/withdrawal/index')"
>
<IconFont
size="50"
size="40"
:name="require('../../static/user/1-4.png')"
></IconFont>
</nut-grid-item>
@@ -184,7 +183,13 @@
<script lang="ts" setup>
import { ref } from "vue";
import { ArrowRight, Setting, IconFont, Scan } from "@nutui/icons-vue-taro";
import {
ArrowRight,
Setting,
IconFont,
Scan,
Message,
} from "@nutui/icons-vue-taro";
import Taro from "@tarojs/taro";
import Auth from "@/components/Auth.vue";
import { getPersonalInfo, getPhone, bindParent } from "@/api/user";
@@ -229,10 +234,9 @@ const getUserInfo = async () => {
...res.data,
data: {
...res.data.data,
permission:
res.data.data.permission
? JSON.parse(res.data.data.permission)
: {},
permission: res.data.data.permission
? JSON.parse(res.data.data.permission)
: {},
},
};
Taro.setStorageSync("userInfo", userInfo.value);
@@ -262,13 +266,11 @@ const toOrderList = (e: number) => {
const userMenuList = ref([
{
id: 0,
label: "后结订单",
url: "/pages/users/pending_order/index",
icon: require("../../static/user/dd.png"),
},
{
id: 1,
label: "我的账户",
url: "/pages/users/account/index",
icon: "http://jdt168.com/uploads/default/20220829/e819815623276fdbb9a54d685292e5c7.png",
@@ -280,23 +282,15 @@ const userMenuList = ref([
// icon: "http://jdt168.com/uploads/default/20220829/583fd6cbd729b24eab9c3cae20ae694d.png",
// },
{
id: 3,
label: "我的推广",
url: "/pages/users/distribution/index",
icon: "http://jdt168.com/uploads/default/20220829/73656833c1d849c050638f9ee9903b9d.png",
},
// {
// id: 4,
// label: "关注商家",
// url: "",
// icon: "http://jdt168.com/uploads/default/20220829/13637589cd20785aa21fca1d4f9b26bc.png",
// label: "聚合积分",
// url: "/pages/users/integral/index",
// icon: require("../../static/jhjf.png"),
// },
// {
// id: 5,
// label: '联系客服',
// url: '',
// icon: 'http://jdt168.com/uploads/default/20220829/7437d90fdd0fba868084bd9cd0b59049.png'
// }
]);
const toSetting = () => {
@@ -370,6 +364,7 @@ const scanCode = () => {
justify-content: space-between;
box-sizing: border-box;
text-align: left;
padding-right: 20px;
.user-center-card__header__info {
margin-left: 20px;
@@ -381,6 +376,23 @@ const scanCode = () => {
.rightIcon {
height: 100px;
margin: auto;
display: flex;
justify-content: flex-start;
// align-items: center;
button {
padding: 0 !important;
margin: 0 !important;
background: transparent;
-webkit-tap-highlight-color: transparent;
overflow: hidden;
position: relative;
top: -13px;
}
button::after {
border: none;
background: transparent;
}
}
}
@@ -433,25 +445,23 @@ const scanCode = () => {
background-color: #fff;
border-radius: 20px;
margin: 20px;
padding: 30px;
padding: 20px;
width: 710px;
box-sizing: border-box;
.box {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
box-sizing: border-box;
justify-content: flex-start;
.box-mini {
display: flex;
box-sizing: border-box;
width: 150px;
flex-direction: column;
align-items: center;
width: 150px;
margin-bottom: 20px;
margin-right: 13px;
.label {
font-size: 25px;
@@ -464,32 +474,6 @@ const scanCode = () => {
height: 80px;
}
}
button {
width: 150px;
position: relative;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
// font-size: 18px;
text-align: center;
text-decoration: none;
// line-height: 1;
line-height: 1.35;
// border-radius: 5px;
-webkit-tap-highlight-color: transparent;
overflow: hidden;
color: #000000;
background-color: #fff;
height: 100%;
}
button::after {
border: none;
background: transparent;
}
}
}