|
@@ -17,8 +17,8 @@
|
|
|
<view class="user-main">
|
|
<view class="user-main">
|
|
|
<view>
|
|
<view>
|
|
|
<image
|
|
<image
|
|
|
- class="avatar"
|
|
|
|
|
- :src="isHttpsImage(appStore.$userInfo?.avatar)"
|
|
|
|
|
|
|
+ class="avatar"
|
|
|
|
|
+ :src="isHttpsImage(appStore.$userInfo?.avatar)"
|
|
|
></image>
|
|
></image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="user-detail">
|
|
<view class="user-detail">
|
|
@@ -26,15 +26,25 @@
|
|
|
<text class="name">{{ appStore.$userInfo?.nickname }}</text>
|
|
<text class="name">{{ appStore.$userInfo?.nickname }}</text>
|
|
|
<image class="vip-tag" v-if="appStore.$userInfo?.svip" mode="widthFix" :src="HTTP_REQUEST_URL_IMG+'sviplogo.png'"></image>
|
|
<image class="vip-tag" v-if="appStore.$userInfo?.svip" mode="widthFix" :src="HTTP_REQUEST_URL_IMG+'sviplogo.png'"></image>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="name-vip" v-else @click="navigateTo('/pages/users/login/index')">
|
|
|
|
|
|
|
+ <view
|
|
|
|
|
+ class="name-vip"
|
|
|
|
|
+ v-else
|
|
|
|
|
+ @click="navigateTo('/pages/users/login/index')"
|
|
|
|
|
+ >
|
|
|
<text class="name">未登录</text>
|
|
<text class="name">未登录</text>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <text class="vip-expire" v-if="appStore.$userInfo?.svip">到期时间:{{ appStore.$userInfo?.svipExpireTime }}</text>
|
|
|
|
|
|
|
+ <text class="vip-expire" v-if="appStore.$userInfo?.svip"
|
|
|
|
|
+ >到期时间:{{ appStore.$userInfo?.svipExpireTime }}</text
|
|
|
|
|
+ >
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="btn-content" @click="handleEdit()">
|
|
<view class="btn-content" @click="handleEdit()">
|
|
|
- <image class="setting" :src="HTTP_REQUEST_URL_IMG+'setting.png'" mode="widthFix"></image>
|
|
|
|
|
|
|
+ <image
|
|
|
|
|
+ class="setting"
|
|
|
|
|
+ :src="HTTP_REQUEST_URL_IMG + 'setting.png'"
|
|
|
|
|
+ mode="widthFix"
|
|
|
|
|
+ ></image>
|
|
|
<text class="btn-text">编辑资料</text>
|
|
<text class="btn-text">编辑资料</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -61,8 +71,12 @@
|
|
|
<view class="balance">{{ wallet.balance }}</view>
|
|
<view class="balance">{{ wallet.balance }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <view class="transaction-detail" @click="viewTransactionDetail" v-if="useList&&useList.length>0&&showIcons">
|
|
|
|
|
- <text style="margin-right: 10rpx;">交易明细</text>
|
|
|
|
|
|
|
+ <view
|
|
|
|
|
+ class="transaction-detail"
|
|
|
|
|
+ @click="viewTransactionDetail"
|
|
|
|
|
+ v-if="useList && useList.length > 0 && showIcons"
|
|
|
|
|
+ >
|
|
|
|
|
+ <text style="margin-right: 10rpx">交易明细</text>
|
|
|
<uni-icons type="right" size="16" color="#666666"></uni-icons>
|
|
<uni-icons type="right" size="16" color="#666666"></uni-icons>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -70,30 +84,42 @@
|
|
|
|
|
|
|
|
<view class="assets">
|
|
<view class="assets">
|
|
|
<view
|
|
<view
|
|
|
- v-for="(asset, index) in wallet.assets"
|
|
|
|
|
- :key="asset.name"
|
|
|
|
|
- class="asset-container"
|
|
|
|
|
|
|
+ v-for="(asset, index) in wallet.assets"
|
|
|
|
|
+ :key="asset.name"
|
|
|
|
|
+ class="asset-container"
|
|
|
>
|
|
>
|
|
|
<view class="asset-item">
|
|
<view class="asset-item">
|
|
|
<text class="asset-name">{{ asset.name }}</text>
|
|
<text class="asset-name">{{ asset.name }}</text>
|
|
|
- <text class="asset-amount">{{ asset.balance }}{{ asset.unit }}</text>
|
|
|
|
|
|
|
+ <text class="asset-amount"
|
|
|
|
|
+ >{{ asset.balance }}{{ asset.unit }}</text
|
|
|
|
|
+ >
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<!-- 在每个资产项后面添加垂直分隔线,除了最后一个 -->
|
|
<!-- 在每个资产项后面添加垂直分隔线,除了最后一个 -->
|
|
|
<up-line
|
|
<up-line
|
|
|
- v-if="index < wallet.assets.length - 1"
|
|
|
|
|
- color="#F1F3F8"
|
|
|
|
|
- direction="col"
|
|
|
|
|
- length="80rpx"
|
|
|
|
|
- style="margin: 0 20rpx;"
|
|
|
|
|
|
|
+ v-if="index < wallet.assets.length - 1"
|
|
|
|
|
+ color="#F1F3F8"
|
|
|
|
|
+ direction="col"
|
|
|
|
|
+ length="80rpx"
|
|
|
|
|
+ style="margin: 0 20rpx"
|
|
|
></up-line>
|
|
></up-line>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
-
|
|
|
|
|
- <view class="wallet-actions" v-if="tradeList&&tradeList.length>0&&showIcons">
|
|
|
|
|
- <view class="wallet-btn withdraw" @click="goDetail(tradeList[0].jumpUrl)">{{tradeList[0].iconName}}</view>
|
|
|
|
|
- <view class="wallet-btn recharge" @click="goDetail(tradeList[1].jumpUrl)">{{tradeList[1].iconName}}</view>
|
|
|
|
|
|
|
+ <view
|
|
|
|
|
+ class="wallet-actions"
|
|
|
|
|
+ v-if="tradeList && tradeList.length > 0 && showIcons"
|
|
|
|
|
+ >
|
|
|
|
|
+ <view
|
|
|
|
|
+ class="wallet-btn withdraw"
|
|
|
|
|
+ @click="goDetail(tradeList[0].jumpUrl)"
|
|
|
|
|
+ >{{ tradeList[0].iconName }}</view
|
|
|
|
|
+ >
|
|
|
|
|
+ <view
|
|
|
|
|
+ class="wallet-btn recharge"
|
|
|
|
|
+ @click="goDetail(tradeList[1].jumpUrl)"
|
|
|
|
|
+ >{{ tradeList[1].iconName }}</view
|
|
|
|
|
+ >
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<view class="functions" v-if="useList&&useList.length>0&&showIcons">
|
|
<view class="functions" v-if="useList&&useList.length>0&&showIcons">
|
|
@@ -134,11 +160,23 @@
|
|
|
<view class="order-section">
|
|
<view class="order-section">
|
|
|
<view class="section-header">
|
|
<view class="section-header">
|
|
|
<text class="section-title">我的订单</text>
|
|
<text class="section-title">我的订单</text>
|
|
|
- <view class="more" @click="viewAllOrders">全部订单<uni-icons style="margin-left: 10rpx;" type="right" size="16" color="#666666"></uni-icons></view>
|
|
|
|
|
|
|
+ <view class="more" @click="viewAllOrders"
|
|
|
|
|
+ >全部订单<uni-icons
|
|
|
|
|
+ style="margin-left: 10rpx"
|
|
|
|
|
+ type="right"
|
|
|
|
|
+ size="16"
|
|
|
|
|
+ color="#666666"
|
|
|
|
|
+ ></uni-icons
|
|
|
|
|
+ ></view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<view class="order-status">
|
|
<view class="order-status">
|
|
|
- <view class="status-item" v-for="order in orderStatus" :key="order.name" @click="viewOrders(order.id)">
|
|
|
|
|
|
|
+ <view
|
|
|
|
|
+ class="status-item"
|
|
|
|
|
+ v-for="order in orderStatus"
|
|
|
|
|
+ :key="order.name"
|
|
|
|
|
+ @click="viewOrders(order.id)"
|
|
|
|
|
+ >
|
|
|
<view class="status-icon">
|
|
<view class="status-icon">
|
|
|
<image class="img" :src="order.src" mode="widthFix"></image>
|
|
<image class="img" :src="order.src" mode="widthFix"></image>
|
|
|
</view>
|
|
</view>
|
|
@@ -155,21 +193,43 @@
|
|
|
|
|
|
|
|
<view class="functions">
|
|
<view class="functions">
|
|
|
<template v-for="func in commonFunctions" :key="func.name">
|
|
<template v-for="func in commonFunctions" :key="func.name">
|
|
|
- <view class="function-item" @click="handleFunctionClick(func.pageUrl)" v-if="func.show">
|
|
|
|
|
|
|
+ <view class="function-item" @click="handleFunctionClick(func)" v-if="func.show">
|
|
|
<view class="function-icon">
|
|
<view class="function-icon">
|
|
|
<image class="img" :src="func.src" mode="widthFix"></image>
|
|
<image class="img" :src="func.src" mode="widthFix"></image>
|
|
|
</view>
|
|
</view>
|
|
|
<text class="function-name">{{ func.name }}</text>
|
|
<text class="function-name">{{ func.name }}</text>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
-
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 企微客服弹窗 -->
|
|
|
|
|
+ <up-popup
|
|
|
|
|
+ :show="showCallList"
|
|
|
|
|
+ closeOnClickOverlay
|
|
|
|
|
+ mode="bottom"
|
|
|
|
|
+ @close="showCallList = false"
|
|
|
|
|
+ >
|
|
|
|
|
+ <view class="callService">
|
|
|
|
|
+ <view class="list-box">
|
|
|
|
|
+ <view
|
|
|
|
|
+ v-for="(item, index) in callList"
|
|
|
|
|
+ :key="index"
|
|
|
|
|
+ class="list-item"
|
|
|
|
|
+ @click="callService(item)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <view class="item-left">
|
|
|
|
|
+ <view class="item-name">{{ item.serviceName }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </up-popup>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
|
-import { ref, reactive, watch,computed } from 'vue'
|
|
|
|
|
|
|
+import { ref, reactive, watch, computed } from "vue";
|
|
|
import { onLoad, onShow, onPageScroll } from "@dcloudio/uni-app";
|
|
import { onLoad, onShow, onPageScroll } from "@dcloudio/uni-app";
|
|
|
import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons.vue";
|
|
import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons.vue";
|
|
|
import { HTTP_REQUEST_URL_IMG } from "@/config/app";
|
|
import { HTTP_REQUEST_URL_IMG } from "@/config/app";
|
|
@@ -178,62 +238,131 @@ import { useAppStore } from "@/stores/app";
|
|
|
import { useToast } from "@/hooks/useToast";
|
|
import { useToast } from "@/hooks/useToast";
|
|
|
import { getMetalBalance } from "@/api/vault";
|
|
import { getMetalBalance } from "@/api/vault";
|
|
|
import { footprintList } from "@/api/merchant.js";
|
|
import { footprintList } from "@/api/merchant.js";
|
|
|
|
|
+import { getCustomerServiceList } from "@/api/user";
|
|
|
import { toLogin } from "@/libs/login.js";
|
|
import { toLogin } from "@/libs/login.js";
|
|
|
|
|
|
|
|
-
|
|
|
|
|
-const showIcons = ref(false)
|
|
|
|
|
|
|
+const showIcons = ref(false);
|
|
|
const appStore = useAppStore();
|
|
const appStore = useAppStore();
|
|
|
const { Toast } = useToast();
|
|
const { Toast } = useToast();
|
|
|
const isLogin = appStore.isLogin;
|
|
const isLogin = appStore.isLogin;
|
|
|
|
|
|
|
|
-const navBgColor = ref('rgba(255,255,255,0)');
|
|
|
|
|
|
|
+const callList = ref([]);
|
|
|
|
|
+const showCallList = ref(false);
|
|
|
|
|
+
|
|
|
|
|
+const navBgColor = ref("rgba(255,255,255,0)");
|
|
|
// 钱包信息
|
|
// 钱包信息
|
|
|
const wallet = ref({
|
|
const wallet = ref({
|
|
|
- balance: appStore.userInfo?.nowMoney || '0.00',
|
|
|
|
|
|
|
+ balance: appStore.userInfo?.nowMoney || "0.00",
|
|
|
assets: [
|
|
assets: [
|
|
|
- { name: '黄金资产', balance: '0.00', unit: 'g' ,type:1 },
|
|
|
|
|
- { name: '铂金资产', balance: '0.00', unit: 'g' ,type:2 },
|
|
|
|
|
- { name: '白银资产', balance: '0.00', unit: 'g' ,type:3 }
|
|
|
|
|
- ]
|
|
|
|
|
-})
|
|
|
|
|
|
|
+ { name: "黄金资产", balance: "0.00", unit: "g", type: 1 },
|
|
|
|
|
+ { name: "铂金资产", balance: "0.00", unit: "g", type: 2 },
|
|
|
|
|
+ { name: "白银资产", balance: "0.00", unit: "g", type: 3 },
|
|
|
|
|
+ ],
|
|
|
|
|
+});
|
|
|
|
|
|
|
|
// 主要功能列表
|
|
// 主要功能列表
|
|
|
const mainFunctions = ref([
|
|
const mainFunctions = ref([
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/mailiao.png`, name: '买料',pageUrl:'/pages/users/vault/rechargeGold' },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/mailiao2.png`, name: '卖料',pageUrl:'/pages/users/vault/storeMetal/index' },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/cunliao.png`, name: '存料',pageUrl:'/pages/users/vault/storeMetal/goldBullionStock' },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/tiliao.png`, name: '提料',pageUrl:'/pages/users/vault/storeMetal/metalExchange' }
|
|
|
|
|
-])
|
|
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/mailiao.png`,
|
|
|
|
|
+ name: "买料",
|
|
|
|
|
+ pageUrl: "/pages/users/vault/rechargeGold",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/mailiao2.png`,
|
|
|
|
|
+ name: "卖料",
|
|
|
|
|
+ pageUrl: "/pages/users/vault/storeMetal/index",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/cunliao.png`,
|
|
|
|
|
+ name: "存料",
|
|
|
|
|
+ pageUrl: "/pages/users/vault/storeMetal/goldBullionStock",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/tiliao.png`,
|
|
|
|
|
+ name: "提料",
|
|
|
|
|
+ pageUrl: "/pages/users/vault/storeMetal/metalExchange",
|
|
|
|
|
+ },
|
|
|
|
|
+]);
|
|
|
|
|
|
|
|
// 最近访问的商家
|
|
// 最近访问的商家
|
|
|
-const recentStores = ref([])
|
|
|
|
|
|
|
+const recentStores = ref([]);
|
|
|
|
|
|
|
|
// 订单状态
|
|
// 订单状态
|
|
|
const orderStatus = ref([
|
|
const orderStatus = ref([
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/daifukuan.png`, name: '待付款',id:0 },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/daifahuo.png`, name: '待发货',id:1 },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/daishouhuo.png`, name: '待收货',id:2 },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/tuikuan.png`, name: '退款/换货' ,id:5},
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/yiwancheng.png`, name: '已完成',id:4 },
|
|
|
|
|
-])
|
|
|
|
|
-const merchantZYShow = ref(false)
|
|
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/daifukuan.png`,
|
|
|
|
|
+ name: "待付款",
|
|
|
|
|
+ id: 0,
|
|
|
|
|
+ },
|
|
|
|
|
+ { src: `${HTTP_REQUEST_URL_IMG}setting/daifahuo.png`, name: "待发货", id: 1 },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/daishouhuo.png`,
|
|
|
|
|
+ name: "待收货",
|
|
|
|
|
+ id: 2,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/tuikuan.png`,
|
|
|
|
|
+ name: "退款/换货",
|
|
|
|
|
+ id: 5,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/yiwancheng.png`,
|
|
|
|
|
+ name: "已完成",
|
|
|
|
|
+ id: 4,
|
|
|
|
|
+ },
|
|
|
|
|
+]);
|
|
|
|
|
+const merchantZYShow = ref(false);
|
|
|
const lxsjShow = ref(false);
|
|
const lxsjShow = ref(false);
|
|
|
const logoutShow = ref(false);
|
|
const logoutShow = ref(false);
|
|
|
// 常用功能
|
|
// 常用功能
|
|
|
const commonFunctions = computed(() => {
|
|
const commonFunctions = computed(() => {
|
|
|
const baseFunctions = [
|
|
const baseFunctions = [
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/zuji.png`, name: '浏览足迹', pageUrl: '/pages/users/browsing_history/index', show: true },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/shoucang.png`, name: '我的收藏', pageUrl: '/pages/users/user_goods_collection/index', show: true },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/dingwei.png`, name: '收货地址', pageUrl: '/pages/users/user_address_list/index', show: true },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/dianpu.png`, name: '联系商家', pageUrl: '/pages/users/my_merchant/index', show: lxsjShow.value },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/dianpu.png`, name: '门店主页', pageUrl: '/pages/merchantCenter/index', show: merchantZYShow.value },
|
|
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/zuji.png`,
|
|
|
|
|
+ name: "浏览足迹",
|
|
|
|
|
+ pageUrl: "/pages/users/browsing_history/index",
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/shoucang.png`,
|
|
|
|
|
+ name: "我的收藏",
|
|
|
|
|
+ pageUrl: "/pages/users/user_goods_collection/index",
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/dingwei.png`,
|
|
|
|
|
+ name: "收货地址",
|
|
|
|
|
+ pageUrl: "/pages/users/user_address_list/index",
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/dianpu.png`,
|
|
|
|
|
+ name: "联系商家",
|
|
|
|
|
+ pageUrl: "/pages/users/my_merchant/index",
|
|
|
|
|
+ show: lxsjShow.value,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/dianpu.png`,
|
|
|
|
|
+ name: "门店主页",
|
|
|
|
|
+ pageUrl: "/pages/merchantCenter/index",
|
|
|
|
|
+ show: merchantZYShow.value,
|
|
|
|
|
+ },
|
|
|
// { src: `${HTTP_REQUEST_URL_IMG}setting/xiazaiapp.png`, name: '下载APP', pageUrl: 'download', show: true },
|
|
// { src: `${HTTP_REQUEST_URL_IMG}setting/xiazaiapp.png`, name: '下载APP', pageUrl: 'download', show: true },
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/lianxikefu.png`, name: '平台客服', show: true },
|
|
|
|
|
- { src: `${HTTP_REQUEST_URL_IMG}setting/logout.png`, name: '退出登录', pageUrl: 'logout', show: logoutShow.value }
|
|
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/lianxikefu.png`,
|
|
|
|
|
+ name: "平台客服",
|
|
|
|
|
+ show: true,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/logout.png`,
|
|
|
|
|
+ name: "退出登录",
|
|
|
|
|
+ pageUrl: "logout",
|
|
|
|
|
+ show: logoutShow.value,
|
|
|
|
|
+ },
|
|
|
];
|
|
];
|
|
|
|
|
|
|
|
// 根据 show 值过滤
|
|
// 根据 show 值过滤
|
|
|
- return baseFunctions.filter(func => func.show);
|
|
|
|
|
|
|
+ return baseFunctions.filter((func) => func.show);
|
|
|
});
|
|
});
|
|
|
const params = ref({
|
|
const params = ref({
|
|
|
page: 1,
|
|
page: 1,
|
|
@@ -242,65 +371,74 @@ const params = ref({
|
|
|
|
|
|
|
|
// 页面加载
|
|
// 页面加载
|
|
|
onShow(async () => {
|
|
onShow(async () => {
|
|
|
- if(appStore.isLogin){
|
|
|
|
|
|
|
+ if (appStore.isLogin) {
|
|
|
await appStore.USERINFO();
|
|
await appStore.USERINFO();
|
|
|
logoutShow.value = true;
|
|
logoutShow.value = true;
|
|
|
- wallet.value.balance = appStore.userInfo?.nowMoney || '0.00';
|
|
|
|
|
- if(appStore.userInfo?.merchant?.id){
|
|
|
|
|
|
|
+ wallet.value.balance = appStore.userInfo?.nowMoney || "0.00";
|
|
|
|
|
+ if (appStore.userInfo?.merchant?.id) {
|
|
|
merchantZYShow.value = true;
|
|
merchantZYShow.value = true;
|
|
|
- }else{
|
|
|
|
|
|
|
+ } else {
|
|
|
merchantZYShow.value = false;
|
|
merchantZYShow.value = false;
|
|
|
}
|
|
}
|
|
|
- if(appStore.merchantId || appStore.userInfo?.merchant?.id){
|
|
|
|
|
|
|
+ if (appStore.merchantId || appStore.userInfo?.merchant?.id) {
|
|
|
lxsjShow.value = true;
|
|
lxsjShow.value = true;
|
|
|
- }else{
|
|
|
|
|
|
|
+ } else {
|
|
|
lxsjShow.value = false;
|
|
lxsjShow.value = false;
|
|
|
}
|
|
}
|
|
|
- }else{
|
|
|
|
|
|
|
+ } else {
|
|
|
logoutShow.value = false;
|
|
logoutShow.value = false;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- fetchMetalBalance()
|
|
|
|
|
- getHistoryList()
|
|
|
|
|
-})
|
|
|
|
|
|
|
+ fetchMetalBalance();
|
|
|
|
|
+ getHistoryList();
|
|
|
|
|
+});
|
|
|
|
|
+
|
|
|
|
|
+onLoad(async () => {
|
|
|
|
|
+ await getServiceList();
|
|
|
|
|
+});
|
|
|
onPageScroll((e) => {
|
|
onPageScroll((e) => {
|
|
|
- if(e.scrollTop > 0){
|
|
|
|
|
- navBgColor.value ='#ffe079';
|
|
|
|
|
- }else{
|
|
|
|
|
- navBgColor.value ='rgba(252,255,255,0)';
|
|
|
|
|
|
|
+ if (e.scrollTop > 0) {
|
|
|
|
|
+ navBgColor.value = "#ffe079";
|
|
|
|
|
+ } else {
|
|
|
|
|
+ navBgColor.value = "rgba(252,255,255,0)";
|
|
|
}
|
|
}
|
|
|
-})
|
|
|
|
|
|
|
+});
|
|
|
|
|
|
|
|
const wxConfig = ref({});
|
|
const wxConfig = ref({});
|
|
|
const tradeList = ref([]);
|
|
const tradeList = ref([]);
|
|
|
-const useList = ref([])
|
|
|
|
|
|
|
+const useList = ref([]);
|
|
|
watch(
|
|
watch(
|
|
|
() => appStore.wxConfig,
|
|
() => appStore.wxConfig,
|
|
|
(newVal) => {
|
|
(newVal) => {
|
|
|
const configDate = newVal || appStore.$wxConfig;
|
|
const configDate = newVal || appStore.$wxConfig;
|
|
|
wxConfig.value = configDate;
|
|
wxConfig.value = configDate;
|
|
|
- const list = JSON.parse(configDate.essentialFunctions);
|
|
|
|
|
- if(list[0].status==false){
|
|
|
|
|
- showIcons.value = false;
|
|
|
|
|
- }else{
|
|
|
|
|
- showIcons.value = true;
|
|
|
|
|
- }
|
|
|
|
|
- tradeList.value = [list[0],list[1]];
|
|
|
|
|
- useList.value = [{
|
|
|
|
|
- ...list[2],
|
|
|
|
|
- src: `${HTTP_REQUEST_URL_IMG}setting/mailiao.png`
|
|
|
|
|
- },{
|
|
|
|
|
- ...list[3],
|
|
|
|
|
- src: `${HTTP_REQUEST_URL_IMG}setting/mailiao2.png`
|
|
|
|
|
- },{
|
|
|
|
|
- ...list[4],
|
|
|
|
|
- src: `${HTTP_REQUEST_URL_IMG}setting/cunliao.png`,
|
|
|
|
|
- iconName: '存料'
|
|
|
|
|
- },{
|
|
|
|
|
- ...list[5],
|
|
|
|
|
- src: `${HTTP_REQUEST_URL_IMG}setting/tiliao.png`
|
|
|
|
|
- }]
|
|
|
|
|
- console.log(tradeList.value)
|
|
|
|
|
|
|
+ const list = JSON.parse(configDate.essentialFunctions);
|
|
|
|
|
+ if (list[0].status == false) {
|
|
|
|
|
+ showIcons.value = false;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ showIcons.value = true;
|
|
|
|
|
+ }
|
|
|
|
|
+ tradeList.value = [list[0], list[1]];
|
|
|
|
|
+ useList.value = [
|
|
|
|
|
+ {
|
|
|
|
|
+ ...list[2],
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/mailiao.png`,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ ...list[3],
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/mailiao2.png`,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ ...list[4],
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/cunliao.png`,
|
|
|
|
|
+ iconName: "存料",
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ ...list[5],
|
|
|
|
|
+ src: `${HTTP_REQUEST_URL_IMG}setting/tiliao.png`,
|
|
|
|
|
+ },
|
|
|
|
|
+ ];
|
|
|
|
|
+ console.log(tradeList.value);
|
|
|
},
|
|
},
|
|
|
{ deep: true, immediate: true }
|
|
{ deep: true, immediate: true }
|
|
|
);
|
|
);
|
|
@@ -308,66 +446,70 @@ watch(
|
|
|
// 编辑资料
|
|
// 编辑资料
|
|
|
const editProfile = () => {
|
|
const editProfile = () => {
|
|
|
uni.showToast({
|
|
uni.showToast({
|
|
|
- title: '编辑资料',
|
|
|
|
|
- icon: 'none'
|
|
|
|
|
- })
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ title: "编辑资料",
|
|
|
|
|
+ icon: "none",
|
|
|
|
|
+ });
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
// 开通会员
|
|
// 开通会员
|
|
|
const openVip = () => {
|
|
const openVip = () => {
|
|
|
uni.showToast({
|
|
uni.showToast({
|
|
|
- title: '开通会员',
|
|
|
|
|
- icon: 'none'
|
|
|
|
|
- })
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ title: "开通会员",
|
|
|
|
|
+ icon: "none",
|
|
|
|
|
+ });
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
// 查看会员权益
|
|
// 查看会员权益
|
|
|
-const goVIP = ()=>{
|
|
|
|
|
- uni.navigateTo({ url:"/pages/users/VIP/VIP" });
|
|
|
|
|
-}
|
|
|
|
|
|
|
+const goVIP = () => {
|
|
|
|
|
+ uni.navigateTo({ url: "/pages/users/VIP/VIP" });
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
// 查看交易明细
|
|
// 查看交易明细
|
|
|
const viewTransactionDetail = () => {
|
|
const viewTransactionDetail = () => {
|
|
|
- if(!isLogin){
|
|
|
|
|
|
|
+ if (!isLogin) {
|
|
|
toLogin();
|
|
toLogin();
|
|
|
- }else{
|
|
|
|
|
- uni.navigateTo({ url:"/pages/users/vault/index" });
|
|
|
|
|
|
|
+ } else {
|
|
|
|
|
+ uni.navigateTo({ url: "/pages/users/vault/index" });
|
|
|
}
|
|
}
|
|
|
-}
|
|
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
// 充值
|
|
// 充值
|
|
|
const recharge = () => {
|
|
const recharge = () => {
|
|
|
- if(!isLogin){
|
|
|
|
|
|
|
+ if (!isLogin) {
|
|
|
toLogin();
|
|
toLogin();
|
|
|
- }else{
|
|
|
|
|
- uni.navigateTo({ url:`/pages/webview/index?path=${'/pages/users/vault/rechargeRmb'}` });
|
|
|
|
|
|
|
+ } else {
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url: `/pages/webview/index?path=${"/pages/users/vault/rechargeRmb"}`,
|
|
|
|
|
+ });
|
|
|
}
|
|
}
|
|
|
-}
|
|
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
// 提现
|
|
// 提现
|
|
|
const withdraw = () => {
|
|
const withdraw = () => {
|
|
|
- if(!isLogin){
|
|
|
|
|
|
|
+ if (!isLogin) {
|
|
|
toLogin();
|
|
toLogin();
|
|
|
- }else{
|
|
|
|
|
- uni.navigateTo({ url:`/pages/webview/index?path=${'/pages/users/vault/withdraw'}` });
|
|
|
|
|
|
|
+ } else {
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url: `/pages/webview/index?path=${"/pages/users/vault/withdraw"}`,
|
|
|
|
|
+ });
|
|
|
}
|
|
}
|
|
|
-}
|
|
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
const goDetail = (url) => {
|
|
const goDetail = (url) => {
|
|
|
- console.log(url)
|
|
|
|
|
- const webviewPageUrl = `/pages/webview/index?path=${url}`;
|
|
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: webviewPageUrl,
|
|
|
|
|
- fail: (err) => {
|
|
|
|
|
- console.error("跳转到webview页面失败:", err);
|
|
|
|
|
- uni.showToast({
|
|
|
|
|
- title: "跳转失败,请重试",
|
|
|
|
|
- icon: "none",
|
|
|
|
|
- duration: 1500,
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- });
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ console.log(url);
|
|
|
|
|
+ const webviewPageUrl = `/pages/webview/index?path=${url}`;
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url: webviewPageUrl,
|
|
|
|
|
+ fail: (err) => {
|
|
|
|
|
+ console.error("跳转到webview页面失败:", err);
|
|
|
|
|
+ uni.showToast({
|
|
|
|
|
+ title: "跳转失败,请重试",
|
|
|
|
|
+ icon: "none",
|
|
|
|
|
+ duration: 1500,
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
function handleLogOut() {
|
|
function handleLogOut() {
|
|
|
uni.showModal({
|
|
uni.showModal({
|
|
@@ -387,9 +529,10 @@ function handleLogOut() {
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
// 功能点击
|
|
// 功能点击
|
|
|
-const handleFunctionClick = (url) => {
|
|
|
|
|
- console.log(url)
|
|
|
|
|
-
|
|
|
|
|
|
|
+const handleFunctionClick = (item) => {
|
|
|
|
|
+ const url = item.pageUrl;
|
|
|
|
|
+ console.log(url);
|
|
|
|
|
+ if (item.name === "平台客服") return (showCallList.value = true);
|
|
|
if (!url) return;
|
|
if (!url) return;
|
|
|
// 买料、卖料、消费需要通过webview跳转
|
|
// 买料、卖料、消费需要通过webview跳转
|
|
|
if (
|
|
if (
|
|
@@ -412,43 +555,62 @@ const handleFunctionClick = (url) => {
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
return; // 阻止继续执行后续跳转逻辑
|
|
return; // 阻止继续执行后续跳转逻辑
|
|
|
- }else if(url === "download"){
|
|
|
|
|
|
|
+ } else if (url === "download") {
|
|
|
uni.setClipboardData({
|
|
uni.setClipboardData({
|
|
|
- data: 'https://a.app.qq.com/o/simple.jsp?pkgname=uni.app.UNI9DE338F',
|
|
|
|
|
|
|
+ data: "https://a.app.qq.com/o/simple.jsp?pkgname=uni.app.UNI9DE338F",
|
|
|
showToast: false,
|
|
showToast: false,
|
|
|
success: function () {
|
|
success: function () {
|
|
|
uni.showToast({
|
|
uni.showToast({
|
|
|
title: "下载链接复制成功,请打开内置手机浏览器访问下载。",
|
|
title: "下载链接复制成功,请打开内置手机浏览器访问下载。",
|
|
|
- icon: 'none'
|
|
|
|
|
- })
|
|
|
|
|
- console.log('success');
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
|
+ });
|
|
|
|
|
+ console.log("success");
|
|
|
|
|
+ },
|
|
|
});
|
|
});
|
|
|
- return
|
|
|
|
|
- }else if(url === "logout"){
|
|
|
|
|
|
|
+ return;
|
|
|
|
|
+ } else if (url === "logout") {
|
|
|
handleLogOut();
|
|
handleLogOut();
|
|
|
- }else{
|
|
|
|
|
|
|
+ } else {
|
|
|
|
|
+ console.log(url)
|
|
|
uni.navigateTo({ url });
|
|
uni.navigateTo({ url });
|
|
|
}
|
|
}
|
|
|
-}
|
|
|
|
|
|
|
+};
|
|
|
|
|
+
|
|
|
|
|
+// 获取客服列表
|
|
|
|
|
+const getServiceList = async (url) => {
|
|
|
|
|
+ const res = await getCustomerServiceList();
|
|
|
|
|
+ callList.value = res.data.list;
|
|
|
|
|
+};
|
|
|
|
|
+
|
|
|
|
|
+// 跳转企微客服
|
|
|
|
|
+const callService = async (item) => {
|
|
|
|
|
+ wx.openCustomerServiceChat({
|
|
|
|
|
+ corpId: item.enterpriseId,
|
|
|
|
|
+ extInfo: {
|
|
|
|
|
+ url: item.serviceLink,
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
// 查看商家
|
|
// 查看商家
|
|
|
const viewStore = (store) => {
|
|
const viewStore = (store) => {
|
|
|
- if(!store.merchantId ){
|
|
|
|
|
|
|
+ if (!store.merchantId) {
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
- uni.navigateTo({ url:"/pages/merchantCenters/merchant?merchantId="+store.merchantId });
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url: "/pages/merchantCenters/merchant?merchantId=" + store.merchantId,
|
|
|
|
|
+ });
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
// 查看全部订单
|
|
// 查看全部订单
|
|
|
const viewAllOrders = () => {
|
|
const viewAllOrders = () => {
|
|
|
- uni.navigateTo({ url:"/pages/order_list/index" });
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ uni.navigateTo({ url: "/pages/order_list/index" });
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
// 查看订单
|
|
// 查看订单
|
|
|
const viewOrders = (status) => {
|
|
const viewOrders = (status) => {
|
|
|
- uni.navigateTo({ url:"/pages/order_list/index?status="+ status});
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ uni.navigateTo({ url: "/pages/order_list/index?status=" + status });
|
|
|
|
|
+};
|
|
|
const navigateTo = (url) => {
|
|
const navigateTo = (url) => {
|
|
|
if (!url) return;
|
|
if (!url) return;
|
|
|
uni.navigateTo({ url });
|
|
uni.navigateTo({ url });
|
|
@@ -466,7 +628,6 @@ async function fetchMetalBalance() {
|
|
|
}
|
|
}
|
|
|
const params = { userId: appStore.uid };
|
|
const params = { userId: appStore.uid };
|
|
|
const { data } = await getMetalBalance(params);
|
|
const { data } = await getMetalBalance(params);
|
|
|
- console.log(data)
|
|
|
|
|
wallet.value.assets = wallet.value.assets.map((metal) => {
|
|
wallet.value.assets = wallet.value.assets.map((metal) => {
|
|
|
const metalValue = data[metal.type];
|
|
const metalValue = data[metal.type];
|
|
|
return metalValue !== undefined ? { ...metal, balance: metalValue } : metal;
|
|
return metalValue !== undefined ? { ...metal, balance: metalValue } : metal;
|
|
@@ -488,7 +649,7 @@ const getHistoryList = async () => {
|
|
|
/* 顶部用户信息 */
|
|
/* 顶部用户信息 */
|
|
|
.user-header {
|
|
.user-header {
|
|
|
height: 600rpx;
|
|
height: 600rpx;
|
|
|
- background-image: url("https://sb-admin.oss-cn-shenzhen.aliyuncs.com/shuibei-mini/new-mini/jianbianBG.png");
|
|
|
|
|
|
|
+ background-image: linear-gradient(200deg, #fcd965 0%, #ffffff 90%) !important;
|
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
|
padding: 150rpx 20rpx 20rpx;
|
|
padding: 150rpx 20rpx 20rpx;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
@@ -532,7 +693,8 @@ const getHistoryList = async () => {
|
|
|
margin-left: 16rpx;
|
|
margin-left: 16rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.vip-expire, .login-tip {
|
|
|
|
|
|
|
+.vip-expire,
|
|
|
|
|
+.login-tip {
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
color: #666;
|
|
color: #666;
|
|
|
}
|
|
}
|
|
@@ -542,7 +704,7 @@ const getHistoryList = async () => {
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
- .setting{
|
|
|
|
|
|
|
+ .setting {
|
|
|
width: 40rpx;
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
height: 40rpx;
|
|
|
}
|
|
}
|
|
@@ -560,12 +722,12 @@ const getHistoryList = async () => {
|
|
|
height: 108rpx;
|
|
height: 108rpx;
|
|
|
padding: 0 30rpx;
|
|
padding: 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
- .vipBG{
|
|
|
|
|
|
|
+ .vipBG {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
border-radius: 48rpx 48rpx 0 0;
|
|
border-radius: 48rpx 48rpx 0 0;
|
|
|
}
|
|
}
|
|
|
- .vip-text{
|
|
|
|
|
|
|
+ .vip-text {
|
|
|
margin-top: -108rpx;
|
|
margin-top: -108rpx;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -573,32 +735,32 @@ const getHistoryList = async () => {
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
- .title{
|
|
|
|
|
|
|
+ .title {
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
- color: #BDAD8E;
|
|
|
|
|
|
|
+ color: #bdad8e;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- .vipIcon{
|
|
|
|
|
|
|
+ .vipIcon {
|
|
|
width: 70rpx;
|
|
width: 70rpx;
|
|
|
height: 60rpx;
|
|
height: 60rpx;
|
|
|
margin-right: 10rpx;
|
|
margin-right: 10rpx;
|
|
|
}
|
|
}
|
|
|
- .bigText{
|
|
|
|
|
|
|
+ .bigText {
|
|
|
font-size: 32rpx;
|
|
font-size: 32rpx;
|
|
|
- color: #FACD8D;
|
|
|
|
|
|
|
+ color: #facd8d;
|
|
|
margin: 0 10rpx;
|
|
margin: 0 10rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .open-vip{
|
|
|
|
|
|
|
+ .open-vip {
|
|
|
width: 144rpx;
|
|
width: 144rpx;
|
|
|
height: 60rpx;
|
|
height: 60rpx;
|
|
|
line-height: 60rpx;
|
|
line-height: 60rpx;
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
- color: #5D3D03;
|
|
|
|
|
- background: linear-gradient( 270deg, #FEE2A3 0%, #FDEBCC 100%);
|
|
|
|
|
|
|
+ color: #5d3d03;
|
|
|
|
|
+ background: linear-gradient(270deg, #fee2a3 0%, #fdebcc 100%);
|
|
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
|
|
- .bofang{
|
|
|
|
|
|
|
+ .bofang {
|
|
|
width: 24rpx;
|
|
width: 24rpx;
|
|
|
height: 24rpx;
|
|
height: 24rpx;
|
|
|
margin-left: 10rpx;
|
|
margin-left: 10rpx;
|
|
@@ -639,7 +801,6 @@ const getHistoryList = async () => {
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-
|
|
|
|
|
.balance {
|
|
.balance {
|
|
|
font-size: 48rpx;
|
|
font-size: 48rpx;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
@@ -703,12 +864,12 @@ const getHistoryList = async () => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.recharge {
|
|
.recharge {
|
|
|
- background: #F8C008;
|
|
|
|
|
|
|
+ background: #f8c008;
|
|
|
color: #333;
|
|
color: #333;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.withdraw {
|
|
.withdraw {
|
|
|
- background: rgba(248,192,8,0.1);
|
|
|
|
|
|
|
+ background: rgba(248, 192, 8, 0.1);
|
|
|
color: #333;
|
|
color: #333;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -732,7 +893,7 @@ const getHistoryList = async () => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.function-icon {
|
|
.function-icon {
|
|
|
- .img{
|
|
|
|
|
|
|
+ .img {
|
|
|
width: 60rpx;
|
|
width: 60rpx;
|
|
|
height: 60rpx;
|
|
height: 60rpx;
|
|
|
}
|
|
}
|
|
@@ -744,7 +905,9 @@ const getHistoryList = async () => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 最近访问 */
|
|
/* 最近访问 */
|
|
|
-.recent-visit, .order-section, .common-functions {
|
|
|
|
|
|
|
+.recent-visit,
|
|
|
|
|
+.order-section,
|
|
|
|
|
+.common-functions {
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
margin: 20rpx;
|
|
margin: 20rpx;
|
|
|
border-radius: 16rpx;
|
|
border-radius: 16rpx;
|
|
@@ -774,7 +937,7 @@ const getHistoryList = async () => {
|
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
|
border-bottom: 2rpx solid #f0f0f0;
|
|
border-bottom: 2rpx solid #f0f0f0;
|
|
|
- background-color: #F9F7F0;
|
|
|
|
|
|
|
+ background-color: #f9f7f0;
|
|
|
border-radius: 16rpx;
|
|
border-radius: 16rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -783,8 +946,7 @@ const getHistoryList = async () => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.store-logo {
|
|
.store-logo {
|
|
|
-
|
|
|
|
|
- .img{
|
|
|
|
|
|
|
+ .img {
|
|
|
width: 100rpx;
|
|
width: 100rpx;
|
|
|
height: 100rpx;
|
|
height: 100rpx;
|
|
|
border-radius: 16rpx;
|
|
border-radius: 16rpx;
|
|
@@ -817,7 +979,7 @@ const getHistoryList = async () => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.status-icon {
|
|
.status-icon {
|
|
|
- .img{
|
|
|
|
|
|
|
+ .img {
|
|
|
width: 60rpx;
|
|
width: 60rpx;
|
|
|
height: 60rpx;
|
|
height: 60rpx;
|
|
|
}
|
|
}
|
|
@@ -832,8 +994,32 @@ const getHistoryList = async () => {
|
|
|
.common-functions .functions {
|
|
.common-functions .functions {
|
|
|
grid-template-columns: repeat(4, 1fr);
|
|
grid-template-columns: repeat(4, 1fr);
|
|
|
}
|
|
}
|
|
|
-.page-title{
|
|
|
|
|
|
|
+.page-title {
|
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
|
color: #333;
|
|
color: #333;
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
|
|
+
|
|
|
|
|
+.callService {
|
|
|
|
|
+ padding: 20px 10px 0px;
|
|
|
|
|
+ // background-color: #ddcca3;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ margin-bottom: 30rpx;
|
|
|
|
|
+
|
|
|
|
|
+ .list-box {
|
|
|
|
|
+ background: #fff;
|
|
|
|
|
+ border-radius: 20px;
|
|
|
|
|
+
|
|
|
|
|
+ .list-item {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100rpx;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ border-bottom: 1px solid #e1e1e1;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|