feat: 优化代码
This commit is contained in:
@@ -0,0 +1,246 @@
|
||||
<template>
|
||||
<view class="mine_about_us">
|
||||
<view class="about_us_image">
|
||||
<up-image src="/static/logo.png" width="100" height="120" bgColor="#f1f6ff00" shape="square" radius="10"></up-image>
|
||||
<view class="msg_">信任桥优品</view>
|
||||
</view>
|
||||
<view class="content_">
|
||||
信任桥优品是一款集线上商城、线下联盟商家的DAO聚合商城；通过“有趣”“有利”“有希望”的卖货玩法，吸引消费者、推广者、商家、投资人参与生态，共同打造共创共享的全球产业生态。
|
||||
</view>
|
||||
<view class="version_">
|
||||
<view class="version_fg"></view>
|
||||
<view class="version_item_" @click="getNewVersion">
|
||||
<view class="title_">检查版本</view>
|
||||
<view class="value_ check_version">
|
||||
<view v-if="isNewVersion" class="check_version_msg">发现新版本</view>
|
||||
<view style="margin-top: 14rpx;">
|
||||
<up-image src="/static/common/right.png" width="16" height="16" bgColor="#f1f6ff00" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="version_fg"></view>
|
||||
<view class="version_item_">
|
||||
<view class="title_">当前版本</view>
|
||||
<view class="value_">v{{localAppVersonName}}.{{localAppVerson}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<up-overlay :show="bannerShow" >
|
||||
<view class="up_content" @tap.stop>
|
||||
<view class="uni-banner">
|
||||
<view class="banner_box">
|
||||
<view class="title_">发现新版本</view>
|
||||
<view class="version_">
|
||||
<view class="version_item">V{{updateApkObj.versionCode}}</view>
|
||||
</view>
|
||||
<view class="conter">{{updateApkObj.content}}</view>
|
||||
<view class="banner_foot" v-if="!bannerPercentageShow">
|
||||
<button @click="goUpdate(updateApkObj,platformType)" class="banner_foot_button">立即更新</button>
|
||||
<view @click="bannerShow = false;" class="banner_foot_button_no" v-if="!updateApkObj.isForce">暂不更新</view>
|
||||
</view>
|
||||
<view v-else>
|
||||
<up-line-progress :percentage="bannerPercentage" activeColor="#009A4F"></up-line-progress>
|
||||
<view class="banner_loading_msg">
|
||||
更新中{{bannerPercentage}}%
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</up-overlay>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { comparisonVersionHandler } from '@/utils/index.js';
|
||||
import { checkAppVersion } from '@/api/common.js';
|
||||
import dayjs from 'dayjs';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
localAppVersonName:null,
|
||||
localAppVerson:null,
|
||||
isNewVersion:false,// 是否需要跟新
|
||||
platformType:null,// 当前版本号
|
||||
updateApkObj: {} ,// 后台数据
|
||||
bannerShow:false,
|
||||
bannerPercentageShow:false,// 是否显示进度条
|
||||
bannerPercentage:0,// 进度条
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
const localAppVersonName = uni.getStorageSync('version');
|
||||
if(localAppVersonName){
|
||||
this.localAppVersonName = localAppVersonName;
|
||||
}
|
||||
const localAppVerson = uni.getStorageSync('versionCode');
|
||||
if(localAppVerson){
|
||||
this.localAppVerson = localAppVerson;
|
||||
}
|
||||
// 获取设备是安卓还是ios
|
||||
const appUpdate = uni.getStorageSync('platform');
|
||||
// #ifdef APP-PLUS
|
||||
this.platformType = appUpdate == 'android' ? 'ANDROID' : 'IOS';
|
||||
this.checkVersion(); // 判断是否需要更新
|
||||
// #endif
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 检查最新的版本
|
||||
*/
|
||||
async checkVersion(){
|
||||
const params={
|
||||
terminal: this.platformType,
|
||||
versionCode:this.localAppVerson,
|
||||
}
|
||||
const res = await checkAppVersion(params);
|
||||
if(res && res.bizcode === 100){
|
||||
const data = res.data || {};
|
||||
if(data && Object.keys(data).length!==0 && comparisonVersionHandler(this.localAppVerson,data.versionCode)){
|
||||
this.isNewVersion = true;
|
||||
}
|
||||
this.updateApkObj = data;
|
||||
}
|
||||
},
|
||||
|
||||
async getNewVersion(){
|
||||
const params={
|
||||
terminal: this.platformType,
|
||||
versionCode:this.localAppVerson,
|
||||
}
|
||||
const res = await checkAppVersion(params)
|
||||
if(res && res.bizcode === 100){
|
||||
const data = res.data || {};
|
||||
if(data && Object.keys(data).length!==0 && comparisonVersionHandler(this.localAppVerson,data.versionCode)){
|
||||
this.updateApkObj = data;
|
||||
this.isNewVersion = true;
|
||||
this.bannerShow = true; // 显示弹窗
|
||||
}else{
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'sesses',
|
||||
message: "当前已为最新版本~",
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
// 安装
|
||||
goUpdate(updateApkObj,platformType) {
|
||||
const self = this;
|
||||
if (platformType === 'ANDROID') {
|
||||
// 弹出系统等待对话框
|
||||
var dtask = plus.downloader.createDownload(updateApkObj.downloadUrl, {}, function(d, status) {
|
||||
// 下载完成
|
||||
if (status == 200) {
|
||||
plus.runtime.install(plus.io.convertLocalFileSystemURL(d.filename), {force: true}, function(resp){
|
||||
uni.setStorageSync('versionUpdateTime', dayjs().valueOf()); // 记录升级的时间
|
||||
// 直接重启APP
|
||||
plus.runtime.restart();
|
||||
}, function(error) {
|
||||
console.log("error",error);
|
||||
uni.showToast({
|
||||
title: error.message,
|
||||
mask: false,
|
||||
duration: 1500
|
||||
});
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '更新失败',
|
||||
mask: false,
|
||||
duration: 1500
|
||||
});
|
||||
}
|
||||
});
|
||||
try {
|
||||
dtask.start(); // 开启下载的任务
|
||||
let prg = 0;
|
||||
self.bannerPercentageShow = true;
|
||||
dtask.addEventListener('statechanged', function(task, status) {
|
||||
// 给下载任务设置一个监听 并根据状态 做操作
|
||||
switch (task.state) {
|
||||
case 1:
|
||||
break;
|
||||
case 2:
|
||||
break;
|
||||
case 3:
|
||||
prg = parseInt((parseFloat(task.downloadedSize) / parseFloat(task.totalSize)) * 100);
|
||||
console.log("prg",+prg);
|
||||
self.bannerPercentage = prg;
|
||||
break;
|
||||
case 4:
|
||||
plus.nativeUI.closeWaiting();
|
||||
self.bannerShow = false; // 显示弹窗
|
||||
//下载完成
|
||||
break;
|
||||
}
|
||||
});
|
||||
} catch (err) {
|
||||
console.log("更新失败-03err",err);
|
||||
plus.nativeUI.closeWaiting();
|
||||
uni.showToast({
|
||||
title: '更新失败-03',
|
||||
mask: false,
|
||||
duration: 1500
|
||||
});
|
||||
}
|
||||
} else if (platformType === 'IOS') { // ios跳转到app store
|
||||
plus.runtime.openURL(updateApkObj.downloadUrl);
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.mine_about_us{
|
||||
background-color: $app-bj;
|
||||
padding: 30rpx;
|
||||
height: calc(100% - 60rpx);
|
||||
overflow: auto;
|
||||
.about_us_image{
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
margin-top: 100rpx;
|
||||
.msg_{
|
||||
text-align: center;
|
||||
margin-top: 20rpx;
|
||||
font-size: 31rpx;
|
||||
color: rgba(0,0,0,0.85);
|
||||
}
|
||||
}
|
||||
.content_{
|
||||
// padding: 30rpx;
|
||||
// margin-top: 20rpx;
|
||||
padding: 60rpx 0;
|
||||
}
|
||||
.version_{
|
||||
margin-top: 20rpx;
|
||||
.version_fg{
|
||||
width: 100%;
|
||||
// height: 1rpx;
|
||||
border-bottom: 1rpx solid rgba(0,0,0,0.16);
|
||||
}
|
||||
.version_item_{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
.title_{
|
||||
color: rgba(0,0,0,0.85);
|
||||
}
|
||||
.value_{
|
||||
color: rgba(0,0,0,0.26);
|
||||
}
|
||||
.check_version{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.check_version_msg{
|
||||
color:$app-zt-color
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,156 @@
|
||||
<template>
|
||||
<view class="mine_address_warp">
|
||||
<Header :leftTitle="$t('address.title')" left-path-type="switchTab" left-path="/pages/mine/mine" />
|
||||
<view v-for="item in addressList" :key="item.id" class="address_item"
|
||||
v-if="addressList && addressList.length !== 0">
|
||||
<view class="address_item_info">
|
||||
<view>{{ item.name }}</view>
|
||||
<view style="margin-left: 20rpx;">{{ item.phone }}</view>
|
||||
</view>
|
||||
<view class="address_item_address">
|
||||
{{ item.countryName }} {{ item.provinceName }} {{ item.cityName }} {{ item.areaName }} {{ item.address }}
|
||||
</view>
|
||||
<view class="address_operate">
|
||||
<up-checkbox :customStyle="{}" label="已默认" name="agree" usedAlone :checked="item.isDefault" shape="circle"
|
||||
activeColor="#FF7C41" @change="isDefaultChange(item)">
|
||||
</up-checkbox>
|
||||
<view class="operate_item">
|
||||
<view class="operate_" @click="deleteAddressFun(item)">删除</view>
|
||||
<view class="operate_" @click="updateAddress(item)">修改</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="not_order_warp">
|
||||
<view class="not_order_warp_img"><up-image src="/static/common/not_search.png" width="100" height="100"
|
||||
bgColor="#f1f6ff00"></up-image></view>
|
||||
<view class="not_order_msg_warp">暂无地址，快去添加吧~</view>
|
||||
</view>
|
||||
<view class="add_but" @click="jumpAddAddress">
|
||||
新增地址
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getAddress, setAddressDefault, deleteAddress } from '@/api/address.js';
|
||||
import Header from '@/components/header.vue';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
addressList: [],
|
||||
options: [
|
||||
{ text: '删除' }
|
||||
]
|
||||
}
|
||||
},
|
||||
components: { Header },
|
||||
mounted() {
|
||||
this.getAddressList();
|
||||
},
|
||||
methods: {
|
||||
// 添加地址
|
||||
jumpAddAddress() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_address_add/mine_address_add',
|
||||
})
|
||||
},
|
||||
// 查询地址
|
||||
async getAddressList() {
|
||||
const res = await getAddress();
|
||||
if (res && res.bizcode === 100) {
|
||||
this.addressList = res.data;
|
||||
}
|
||||
},
|
||||
// 设为默认地址
|
||||
async isDefaultChange(item) {
|
||||
const params = {
|
||||
id: item.id,
|
||||
}
|
||||
const res = await setAddressDefault(params);
|
||||
if (res && res.bizcode === 100) {
|
||||
this.getAddressList();
|
||||
}
|
||||
},
|
||||
// 删除地址
|
||||
deleteAddressFun(item) {
|
||||
const then = this;
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否要删除该地址？',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
then.deleteAddress(item);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
// 删除的方法
|
||||
async deleteAddress(item) {
|
||||
const params = {
|
||||
id: item.id,
|
||||
}
|
||||
const respon = await deleteAddress(params);
|
||||
if (respon && respon.bizcode === 100) {
|
||||
this.getAddressList();
|
||||
}
|
||||
},
|
||||
// 修改地址
|
||||
updateAddress(item) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_address_add/mine_address_add?id=' + item.id,
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mine_address_warp {
|
||||
height: calc(100vh - 188rpx);
|
||||
overflow-y: auto;
|
||||
background-color: $app-bj;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.address_item {
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx;
|
||||
padding: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.address_item_info {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #222222;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.address_item_address {
|
||||
font-weight: 500;
|
||||
font-size: 26rpx;
|
||||
color: #666666;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.address_operate {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.operate_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.operate_ {
|
||||
padding: 10rpx 30rpx;
|
||||
background: #F3F3F3;
|
||||
border-radius: 25rpx;
|
||||
font-size: 24rpx;
|
||||
color: #222222;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,263 @@
|
||||
<template>
|
||||
<view class="address_add_warp">
|
||||
<Header :leftTitle="$t('address.add.title')" left-path-type="navigateTo" :leftPath="leftPath" />
|
||||
<view class="address_form">
|
||||
<view class="add_form_item add_form_item_but">
|
||||
<view class="add_form_title">收货人</view>
|
||||
<up-input placeholder="收货人" border="surround" v-model="form.name" :customStyle="{
|
||||
'border': '0rpx',
|
||||
}"></up-input>
|
||||
</view>
|
||||
<view class="add_form_item add_form_item_but">
|
||||
<view class="add_form_title">手机号码</view>
|
||||
<up-input placeholder="请填写收货人手机号" border="surround" v-model="form.mobile" :customStyle="{
|
||||
'border': '0rpx',
|
||||
}" type="number"></up-input>
|
||||
</view>
|
||||
<view class="add_form_item add_form_item_but">
|
||||
<view class="add_form_title">所在地区</view>
|
||||
<view class="region_warp" @click="regionShowCheck(true)">
|
||||
<view style="color: #808080;margin-left: 22rpx;font-size: 28rpx;">{{ (form.regionStr &&
|
||||
form.regionStr.join("/")) || "所在地区" }}</view>
|
||||
<up-image src="/static/common/right_soild.png" width="14" height="14" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="add_form_item">
|
||||
<view class="add_form_title">详细地址</view>
|
||||
<up-input placeholder="门牌号、小区、楼栋号、单元室等" border="surround" v-model="form.address" :customStyle="{
|
||||
'border': '0rpx',
|
||||
'height': '100rpx',
|
||||
}"></up-input>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="address_default">
|
||||
<view class="title">设为默认地址</view>
|
||||
<up-switch
|
||||
v-model="form.isDefault"
|
||||
activeColor="#FF7C41"
|
||||
size="20"
|
||||
>
|
||||
</up-switch>
|
||||
</view> -->
|
||||
<view class="add_but" @click="addAddress">
|
||||
保存地址
|
||||
</view>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
<up-picker :show="regionShow" ref="uPickerRef" :columns="regionColumns" @confirm="regionConfirm"
|
||||
:loading="regionLoading" @change="regionChange" keyName="label" itemHeight="34" @cancel="regionShow = false"
|
||||
@close="regionShow = false"></up-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { editAddress, getAddressDetail } from '@/api/address.js'
|
||||
import { getCascadeRegion } from '@/api/common.js'
|
||||
import Header from '@/components/header.vue';
|
||||
|
||||
export default {
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
id: 0,
|
||||
name: null,// 收货人
|
||||
mobile: null,// 手机号码
|
||||
regionStr: null,// 所属地区
|
||||
countryId: null,// 国家ID
|
||||
provinceId: null,// 省份ID
|
||||
cityId: null,// 城市ID
|
||||
areaId: null,// 区域ID
|
||||
address: null,// 详细地址
|
||||
},
|
||||
regionShow: false,
|
||||
regionColumns: [],
|
||||
regionLoading: false,
|
||||
leftPath: "/pages/mine/mine_address/mine_address",
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
const id = option.id;
|
||||
if (id && id !== 0) {
|
||||
this.getById(id);
|
||||
}
|
||||
const ids = option.ids;
|
||||
if (ids && ids !== 0) {
|
||||
this.leftPath = "/pages/order_package/order_submit/order_submit?ids=" + ids + "&addressShow = true";
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 用作编辑
|
||||
*/
|
||||
async getById(id) {
|
||||
const parasm = {
|
||||
id,
|
||||
}
|
||||
const resp = await getAddressDetail(parasm);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
const data = resp.data;
|
||||
this.form.id = id;
|
||||
this.form.name = data.name;// 收货人
|
||||
this.form.mobile = data.phone;// 手机号码
|
||||
this.form.countryId = data.countryId;// 国家ID
|
||||
this.form.provinceId = data.provinceId;// 省份ID
|
||||
this.form.cityId = data.cityId;// 城市ID
|
||||
this.form.areaId = data.areaId;// 区域ID
|
||||
this.form.address = data.address;//
|
||||
const regionStr = [];
|
||||
if (data.countryName) {
|
||||
regionStr.push(data.countryName);
|
||||
}
|
||||
if (data.provinceName) {
|
||||
regionStr.push(data.provinceName);
|
||||
}
|
||||
if (data.cityName) {
|
||||
regionStr.push(data.cityName);
|
||||
}
|
||||
if (data.areaName) {
|
||||
regionStr.push(data.areaName);
|
||||
}
|
||||
|
||||
this.form.regionStr = regionStr;// 所属地区
|
||||
}
|
||||
},
|
||||
|
||||
// 选择地址的弹框
|
||||
async regionShowCheck(status) {
|
||||
if (status) {
|
||||
const nation = await this.getRegion(0);
|
||||
const province = nation && nation.length !== 0 ? await this.getRegion(nation[0].id) : [];
|
||||
const city = province && province.length !== 0 ? await this.getRegion(province[0].id) : [];
|
||||
const area = city && city.length !== 0 ? await this.getRegion(city[0].id) : [];
|
||||
this.regionColumns = [nation, province, city, area];
|
||||
} else {
|
||||
this.regionColumns = [[], [], [], []];
|
||||
}
|
||||
this.regionShow = status;
|
||||
},
|
||||
// 数据交互
|
||||
async getRegion(pId) {
|
||||
this.regionLoading = true
|
||||
const params = {
|
||||
parentId: pId,
|
||||
}
|
||||
const resp = await getCascadeRegion(params);
|
||||
const arrOption = [];
|
||||
if (resp.bizcode === 100) {
|
||||
const data = resp.data;
|
||||
if (data && data.length !== 0) {
|
||||
data.map(item => {
|
||||
arrOption.push({
|
||||
id: item.id,
|
||||
label: item.name,
|
||||
pId: pId,
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
this.regionLoading = false;
|
||||
return arrOption
|
||||
},
|
||||
// 地区改变
|
||||
async regionChange(e) {
|
||||
const {
|
||||
columnIndex,
|
||||
index,
|
||||
picker
|
||||
} = e;
|
||||
const selectData = this.regionColumns[columnIndex][index];
|
||||
const resultData = await this.getRegion(selectData.id);
|
||||
if (resultData && resultData.length !== 0) {
|
||||
const index = columnIndex + 1;
|
||||
this.regionColumns[index] = resultData;
|
||||
}
|
||||
},
|
||||
|
||||
// 提交地址
|
||||
regionConfirm(e) {
|
||||
const {
|
||||
columnIndex,
|
||||
value,
|
||||
values,
|
||||
index,
|
||||
} = e;
|
||||
const regionStr = [];
|
||||
const regionId = [];
|
||||
value.map(item => {
|
||||
if (item) {
|
||||
regionStr.push(item.label);
|
||||
regionId.push(item.id);
|
||||
}
|
||||
})
|
||||
this.form.regionStr = regionStr;
|
||||
if (regionId && regionId.length !== 0) {
|
||||
this.form.countryId = regionId[0] ? regionId[0] : null;
|
||||
this.form.provinceId = regionId[1] ? regionId[1] : null;
|
||||
this.form.cityId = regionId[2] ? regionId[2] : null;
|
||||
this.form.areaId = regionId[3] ? regionId[3] : null;
|
||||
}
|
||||
this.regionShowCheck(false);
|
||||
},
|
||||
|
||||
// 添加地址
|
||||
async addAddress() {
|
||||
const params = {
|
||||
...this.form,
|
||||
}
|
||||
if (!params.name) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入收货人",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.mobile) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入收货人手机号",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.regionStr) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请选择所在地区",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.address) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入详细地址",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.id || params.id === 0) {
|
||||
delete params.id;
|
||||
}
|
||||
if (!params.areaId || params.areaId === 0) {
|
||||
delete params.areaId;
|
||||
}
|
||||
delete params.regionStr;
|
||||
const res = await editAddress(params);
|
||||
if (res && res.bizcode === 100) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'success',
|
||||
message: params.id && params.id !== 0 ? '修改成功' : "添加成功",
|
||||
});
|
||||
const leftPath = this.leftPath;
|
||||
setTimeout(() => {
|
||||
uni.navigateTo({
|
||||
url: leftPath,
|
||||
})
|
||||
}, 2000)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,195 @@
|
||||
<template>
|
||||
<view class="authentication_warp">
|
||||
<Header :leftTitle="$t('authentication.title')" left-path-type="switchTab" left-path="/pages/mine/mine">
|
||||
</Header>
|
||||
<view class="data_common_warp">
|
||||
<view class="data_msg">请填写用户本人得相关信息</view>
|
||||
<view class="'add_form_item add_form_item_but'" v-for="item in formList" :key="item.id">
|
||||
<view class="add_form_title">{{ item.title }}</view>
|
||||
<up-input :placeholder="item.placeholder" border="surround" v-model="form[item.formName]"
|
||||
:customStyle="inputCss" :type="item.type"></up-input>
|
||||
</view>
|
||||
<view class="add_form_item">
|
||||
<view class="add_form_title">证件类型</view>
|
||||
<view class="cert_" @click="certShowCheck(true)">
|
||||
<view class="cert_title">{{ form.certName || '请选择' }}</view>
|
||||
<up-image src="/static/common/right.png" width="16" height="16" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 证件照 -->
|
||||
<CommonCard @valueFunc="getValue" />
|
||||
<view class="add_but" @click="addAuthentication">
|
||||
提交
|
||||
</view>
|
||||
<up-picker :show="certShow" :columns="[CERT_OPTION]" keyName="value" itemHeight="34" @confirm="certConfirm"
|
||||
@cancel="certShow = false" @close="certShow = false"></up-picker>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CommonCard from '@/components/common_card.vue';
|
||||
import Header from '@/components/header.vue';
|
||||
import { realNameAuthentication } from '@/api/auth.js';
|
||||
import { CERT_OPTION } from '@/utils/enumUtils.js';
|
||||
|
||||
export default {
|
||||
computed: {
|
||||
CERT_OPTION() {
|
||||
return CERT_OPTION;
|
||||
},
|
||||
},
|
||||
components: { CommonCard, Header },
|
||||
data() {
|
||||
return {
|
||||
inputCss: {
|
||||
"height": '80rpx',
|
||||
"border-radius": "30rpx",
|
||||
"border": "0rpx",
|
||||
},
|
||||
form: {
|
||||
name: null,
|
||||
certType: null,// 证状证件类型：1-居民身份证，2-护照
|
||||
certName: null,
|
||||
certNo: null,// 证件号码
|
||||
certFimg: null,// 证件正面照片
|
||||
certBimg: null,// 证件背面照片
|
||||
},
|
||||
formList: [
|
||||
{
|
||||
id: 1,
|
||||
title: "真实姓名",
|
||||
formName: "name",
|
||||
placeholder: "请输入您的真实姓名",
|
||||
type: "text",
|
||||
}, {
|
||||
id: 3,
|
||||
title: "证件号码",
|
||||
formName: "certNo",
|
||||
placeholder: "请输入证件号码",
|
||||
type: "text",
|
||||
}
|
||||
],
|
||||
uploadTemplList: [
|
||||
{
|
||||
id: 1,
|
||||
title: "标准",
|
||||
isOk: true,
|
||||
url: "/static/common/ID_ok.png",
|
||||
}, {
|
||||
id: 2,
|
||||
title: "边框缺失",
|
||||
isOk: false,
|
||||
url: "/static/common/ID_error_1.png",
|
||||
}, {
|
||||
id: 3,
|
||||
title: "照片模糊",
|
||||
isOk: false,
|
||||
url: "/static/common/ID_error_2.png",
|
||||
}, {
|
||||
id: 4,
|
||||
title: "闪光强烈",
|
||||
isOk: false,
|
||||
url: "/static/common/ID_error_3.png",
|
||||
}
|
||||
],
|
||||
certShow: false,
|
||||
certOption: [],
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async addAuthentication() {
|
||||
const params = {
|
||||
...this.form
|
||||
}
|
||||
if (!params.name) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入您的真实姓名",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.certType) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请选择证件类型",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.certNo) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入证件号码",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (params.certFimg.length === 0) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请上传证件正面照片",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (params.certBimg.length === 0) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请上传证件背面照片",
|
||||
});
|
||||
return;
|
||||
}
|
||||
console.log("params", params);
|
||||
const resp = await realNameAuthentication(params);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_authentication_ok/mine_authentication_ok',
|
||||
})
|
||||
}
|
||||
},
|
||||
// 提交地址
|
||||
certConfirm(e) {
|
||||
const {
|
||||
columnIndex,
|
||||
value,
|
||||
values,
|
||||
index,
|
||||
} = e;
|
||||
const data = value[0];
|
||||
this.form.certType = data.key;
|
||||
this.form.certName = data.value;
|
||||
this.certShowCheck(false);
|
||||
},
|
||||
// 选择银行的弹框
|
||||
async certShowCheck(status) {
|
||||
this.certShow = status;
|
||||
},
|
||||
getValue(type, value) {
|
||||
if (type === "Z") {
|
||||
this.form.certFimg = value;
|
||||
} else if (type === "F") {
|
||||
this.form.certBimg = value;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.authentication_warp {
|
||||
height: calc(100vh - 58rpx);
|
||||
background-color: $app-bj;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.cert_ {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: calc(100% - 170rpx);
|
||||
|
||||
.cert_title {
|
||||
margin-left: 30rpx;
|
||||
color: #9e9e9ec7
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,133 @@
|
||||
<template>
|
||||
<view class="authentication_ok_warp">
|
||||
<Header :leftTitle="$t('authentication.title')" left-path-type="switchTab" left-path="/pages/mine/mine" />
|
||||
<view class="authentication_ok_content" v-if="currentUserData && Object.keys(currentUserData).length !== 0">
|
||||
<view class="authentication_result">
|
||||
<up-image src="/static/mine/auth_ok.png" mode="widthFix" shape="circle" width="140" height="140"
|
||||
bgColor="#f1f6ff00" :fade="true" duration="450"></up-image>
|
||||
<view class="result_value">{{ getValue(CERT_STATUS_OPTION, currentUserData.certStatus) }}</view>
|
||||
</view>
|
||||
<view v-if="currentUserData.certStatus === 3" class="reauthentication_warp">
|
||||
<view class="reauthentication_but_warp" @click="reauthenticationFun">
|
||||
重新认证
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="not_order_warp">
|
||||
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="not_order_msg_warp">暂无相关认证信息</view>
|
||||
</view>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/components/header.vue';
|
||||
import { getUserInfo } from '@/api/auth.js';
|
||||
import { getValue, CERT_OPTION, CERT_STATUS_OPTION } from '@/utils/enumUtils.js';
|
||||
|
||||
export default {
|
||||
computed: {
|
||||
CERT_OPTION() {
|
||||
return CERT_OPTION;
|
||||
},
|
||||
CERT_STATUS_OPTION() {
|
||||
return CERT_STATUS_OPTION;
|
||||
},
|
||||
},
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
currentUserData: {},// 当前用户信息
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getUserInfo();
|
||||
},
|
||||
methods: {
|
||||
getValue,
|
||||
async getUserInfo() {
|
||||
const result = await getUserInfo();
|
||||
if (result && result.bizcode === 100) {
|
||||
const data = result.data;
|
||||
this.currentUserData = result.data || {};
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 重新认证
|
||||
*/
|
||||
reauthenticationFun() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_authentication/mine_authentication',
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.authentication_ok_warp {
|
||||
height: 100vh;
|
||||
background-color: #FFFFFF;
|
||||
|
||||
.authentication_ok_content {
|
||||
padding: 60rpx;
|
||||
}
|
||||
|
||||
.authentication_result {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin-top: 100rpx;
|
||||
|
||||
.result_title {
|
||||
font-weight: bold;
|
||||
font-size: 40rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.result_value {
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #666666;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.reauthentication_warp {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
|
||||
.reauthentication_but_warp {
|
||||
margin-top: 100rpx;
|
||||
border: 1rpx solid $app-zt-color;
|
||||
color: $app-zt-color;
|
||||
padding: 8rpx 10rpx;
|
||||
width: 200rpx;
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.authentication_info {
|
||||
background: #F8F8F8;
|
||||
border-radius: 10rpx;
|
||||
padding: 30rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.info_item {
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
line-height: 66rpx;
|
||||
}
|
||||
|
||||
.info_item_value {
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,188 @@
|
||||
<template>
|
||||
<view class="bank_add_warp">
|
||||
<view class="add_form">
|
||||
<view class="add_bank_form_item" v-for="item in formList" :key="item.id">
|
||||
<view class="add_title">{{ item.title }}</view>
|
||||
<up-input :placeholder="item.placeholder" border="surround" v-model="form[item.formName]"
|
||||
:customStyle="inputCss" :type="item.type"></up-input>
|
||||
</view>
|
||||
<view class="add_bank_form_item">
|
||||
<view class="add_title">银行</view>
|
||||
<view class="bank_warp" @click="bankShowCheck(true)">
|
||||
<view style="color: #808080;margin-left: 22rpx;font-size: 28rpx;">{{ form.bankName || "选择银行" }}</view>
|
||||
<up-image src="/static/common/right_soild.png" width="14" height="14" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="add_but" @click="addBank">
|
||||
添加
|
||||
</view>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
<up-picker :show="bankShow" :columns="bankOption" keyName="bankName" itemHeight="34" @confirm="bankConfirm"
|
||||
:loading="bankLoading" @close="bankShow = false" @cancel="bankShow = false"></up-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { bindBank } from '@/api/bank.js';
|
||||
import { getSupportBank } from '@/api/common.js';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
inputCss: {
|
||||
"height": '80rpx',
|
||||
"background": "#F5F5F5",
|
||||
"border-radius": "30rpx",
|
||||
"border": "0rpx",
|
||||
"padding-left": "16px",
|
||||
},
|
||||
form: {
|
||||
bankNo: null,//银行卡号
|
||||
bankId: null,// 银行ID
|
||||
bankName: null,// 银行ID
|
||||
bankUsername: null,//银行卡开户姓名
|
||||
bankPhone: null,//银行卡预留手机号码
|
||||
},
|
||||
formList: [
|
||||
{
|
||||
id: 1,
|
||||
title: "银行卡开户姓名",
|
||||
formName: "bankUsername",
|
||||
placeholder: "请输入银行卡开户姓名",
|
||||
type: 'text',
|
||||
}, {
|
||||
id: 3,
|
||||
title: "银行卡预留手机号码",
|
||||
formName: "bankPhone",
|
||||
placeholder: "请输入银行卡预留手机号码",
|
||||
type: 'number',
|
||||
}, {
|
||||
id: 2,
|
||||
title: "银行卡账号/卡号",
|
||||
formName: "bankNo",
|
||||
placeholder: "请输入账号",
|
||||
type: 'number',
|
||||
},
|
||||
],
|
||||
bankOption: [],// 银行列表选择
|
||||
bankShow: false,
|
||||
bankLoading: false,
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
},
|
||||
methods: {
|
||||
// 选择银行的弹框
|
||||
async bankShowCheck(status) {
|
||||
if (status) {
|
||||
const resp = await getSupportBank();
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.bankOption = [resp.data];
|
||||
}
|
||||
} else {
|
||||
this.bankOption = [[]];
|
||||
}
|
||||
this.bankShow = status;
|
||||
},
|
||||
// 提交地址
|
||||
bankConfirm(e) {
|
||||
const {
|
||||
columnIndex,
|
||||
value,
|
||||
values,
|
||||
index,
|
||||
} = e;
|
||||
if (!value || value.length === 0) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请先选择银行",
|
||||
});
|
||||
return;
|
||||
}
|
||||
const data = value[0];
|
||||
this.form.bankId = data.id;
|
||||
this.form.bankName = data.bankName;
|
||||
this.bankShowCheck(false);
|
||||
},
|
||||
async addBank() {
|
||||
const param = {
|
||||
...this.form
|
||||
};
|
||||
if (!param.bankUsername) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入银行卡开户姓名",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!param.bankPhone) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入银行卡预留手机号码",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!param.bankNo) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入银行卡账号/卡号",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!param.bankId) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请选择银行",
|
||||
});
|
||||
return;
|
||||
}
|
||||
delete param.bankName;
|
||||
const resp = await bindBank(param);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'sesses',
|
||||
message: "绑定成功",
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_bank_card/mine_bank_card',
|
||||
})
|
||||
}, 2000)
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bank_add_warp {
|
||||
height: calc(100vh - 58rpx);
|
||||
background-color: $app-bj;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.add_form {
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.add_bank_form_item {
|
||||
margin-bottom: 30rpx;
|
||||
|
||||
.add_title {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #111111;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.bank_warp {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,183 @@
|
||||
<template>
|
||||
<view class="mine_bank_warp">
|
||||
<Header :leftTitle="$t('bankCard.title')" left-path-type="switchTab" left-path="/pages/mine/mine" />
|
||||
<view class="mine_bank_content_warp">
|
||||
<view class="bank_title">
|
||||
银行卡（{{ bankList.length }}张）
|
||||
</view>
|
||||
<view class="bank_list">
|
||||
<view v-if="bankList.length !== 0" class="bank_item" v-for="item in bankList" :key="item.id">
|
||||
<view class="bank_data">
|
||||
<up-image :src="item.bankLogo || '/static/bank/default.png'" width="50" height="50"
|
||||
bgColor="#f1f6ff00"></up-image>
|
||||
<view class="bank_info">
|
||||
<view class="bank_bank_name">{{ item.bankName }}</view>
|
||||
<view class="bank_user_name">{{ item.bankUsername }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bank_parting_line"></view>
|
||||
<view class="operate_item">
|
||||
<view>{{ encipherBankNumber(item.bankNo) }}</view>
|
||||
<view class="operate_" @click="deleteClick(item)">解绑</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="not_order_warp">
|
||||
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="not_order_msg_warp">还未绑定银行卡哦～</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="add_but" @click="jumpAddBank">
|
||||
添加银行卡
|
||||
</view>
|
||||
</view>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getBankList, bindBank, unbind } from '@/api/bank.js';
|
||||
import { encipherBankNumber } from '@/utils/index.js';
|
||||
import Header from '@/components/header.vue';
|
||||
import { getUserInfo } from '@/api/auth.js'
|
||||
|
||||
export default {
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
bankList: [],
|
||||
currentUserData: {},
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getBankList();
|
||||
this.getUserInfo();
|
||||
},
|
||||
methods: {
|
||||
encipherBankNumber,
|
||||
jumpAddBank() {
|
||||
const currentUserData = this.currentUserData;
|
||||
if (currentUserData && Object.keys(currentUserData).length !== 0 && currentUserData.certStatus && currentUserData.certStatus !== 0) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_bank_add/mine_bank_add',
|
||||
})
|
||||
} else {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "还未进行实名认证，认证完才能绑定银行卡信息",
|
||||
});
|
||||
}
|
||||
},
|
||||
// 查询用户等级
|
||||
async getUserInfo() {
|
||||
const result = await getUserInfo();
|
||||
if (result && result.bizcode === 100) {
|
||||
const data = result.data;
|
||||
this.currentUserData = result.data || {};
|
||||
}
|
||||
},
|
||||
async getBankList() {
|
||||
const resp = await getBankList();
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.bankList = resp.data || [];
|
||||
}
|
||||
},
|
||||
// 删除
|
||||
deleteClick(item) {
|
||||
const then = this;
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否要解绑该银行卡？',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
then.deleteFun(item);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
// 删除的方法
|
||||
async deleteFun(item) {
|
||||
const params = {
|
||||
id: item.id,
|
||||
}
|
||||
const respon = await unbind(params);
|
||||
if (respon && respon.bizcode === 100) {
|
||||
this.getBankList();
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mine_bank_warp {
|
||||
height: calc(100vh - 58rpx);
|
||||
background-color: $app-bj;
|
||||
overflow-y: hidden;
|
||||
|
||||
.mine_bank_content_warp {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.bank_title {
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.bank_list {
|
||||
margin-top: 20rpx;
|
||||
height: calc(100vh - 250rpx);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.bank_item {
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx;
|
||||
padding: 30rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.bank_data {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.bank_info {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.bank_bank_name {
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.bank_user_name {
|
||||
font-weight: 500;
|
||||
font-size: 22rpx;
|
||||
color: #999999;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.bank_parting_line {
|
||||
height: 1rpx;
|
||||
background: #EEEEEEFF;
|
||||
border-radius: 0rpx 0rpx 1rpx 1rpx;
|
||||
margin: 30rpx auto;
|
||||
}
|
||||
|
||||
.operate_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.operate_ {
|
||||
padding: 10rpx 30rpx;
|
||||
background: #F3F3F3;
|
||||
border-radius: 25rpx;
|
||||
font-size: 24rpx;
|
||||
color: #222222;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,533 @@
|
||||
<template>
|
||||
<view class="my_team_warp">
|
||||
<!-- 导航栏 -->
|
||||
<view class="header_">
|
||||
<view style="margin-top: 10rpx;">
|
||||
<up-image src="/static/common/left_b.png" width="18" height="20" bgColor="#f1f6ff00" @click="jumpMine" />
|
||||
</view>
|
||||
<view class="title_">我的团队</view>
|
||||
</view>
|
||||
<!-- 我的信息 -->
|
||||
<view class="my_info">
|
||||
<view class="left_">
|
||||
<up-image src="/static/logo_y.png" width="50" height="50" bgColor="#f1f6ff00" shape="circle" />
|
||||
<view class="left_msg">
|
||||
<view>
|
||||
<text>{{ userData.name || '信任桥用户' }}</text>
|
||||
<text style="margin-left: 20rpx;">{{ userData.gradeName }}</text>
|
||||
</view>
|
||||
<view class="left_msg_title">ID:{{ userData.id || 0 }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="right_" v-if="performanceData && performanceData.seniorId">
|
||||
<view>上级ID：{{ performanceData.seniorId || 0 }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="my_team_content_warp">
|
||||
<!-- 我的团队 -->
|
||||
<view class="card_comm my_team" @click="jumpMyTeam">
|
||||
<view class="card_title_comm">
|
||||
我的团队
|
||||
</view>
|
||||
<view class="my_team_count">
|
||||
<view style="margin-right: 10rpx;">{{ (performanceData && performanceData.teamCount) || 0 }}人</view>
|
||||
<view style="margin-top: 10rpx;">
|
||||
<up-image src="/static/common/right.png" width="16" height="16" bgColor="#f1f6ff00" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 团队业绩 -->
|
||||
<view class="card_comm">
|
||||
<view class="card_title_comm card_title_comm2">
|
||||
<view>团队业绩</view>
|
||||
<up-image src="/static/common/tips.png" width="16" height="16" bgColor="#f1f6ff00"
|
||||
@click="openTeamShow = true;" />
|
||||
</view>
|
||||
<view class="performance">
|
||||
<view class="performance_item">
|
||||
<view class="title_comm">{{ performanceData && performanceData.teamAmount || 0 }}</view>
|
||||
<view class="data_comm">订单金额</view>
|
||||
</view>
|
||||
<view class="fg_comm"></view>
|
||||
<view class="performance_item">
|
||||
<view class="title_comm">{{ performanceData && performanceData.teamNum || 0 }}</view>
|
||||
<view class="data_comm">订单数量</view>
|
||||
</view>
|
||||
<view class="fg_comm"></view>
|
||||
<view class="performance_item">
|
||||
<view class="title_comm">{{ performanceData && performanceData.myAmount || 0 }}</view>
|
||||
<view class="data_comm">直购订单金额</view>
|
||||
</view>
|
||||
<view class="fg_comm"></view>
|
||||
<view class="performance_item">
|
||||
<view class="title_comm">{{ performanceData && performanceData.myNum || 0 }}</view>
|
||||
<view class="data_comm">直购订单数</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 提成统计-->
|
||||
<view class="royalty_warp">
|
||||
<!-- 提成货币 -->
|
||||
<view class="card_item_comm" @click="currencyShowCheck(true)" style="padding: 30rpx 30rpx 0;">
|
||||
<view class="card_title_comm">
|
||||
提成货币
|
||||
</view>
|
||||
<view class="commission_count">
|
||||
<view style="margin-right: 10rpx;">
|
||||
{{ selAcctCategory && Object.keys(selAcctCategory).length !== 0 ? selAcctCategory.value : '请选择' }}
|
||||
</view>
|
||||
<view style="margin-top: 10rpx;">
|
||||
<up-image src="/static/common/right.png" width="16" height="16" bgColor="#f1f6ff00" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_item_comm">
|
||||
<view class="card_title_comm card_title_comm2">
|
||||
<view>提成统计</view>
|
||||
<up-image src="/static/common/tips.png" width="16" height="16" bgColor="#f1f6ff00"
|
||||
@click="openTcShow = true;" />
|
||||
</view>
|
||||
<view class="performance">
|
||||
<view class="amount_item">
|
||||
<view class="title_comm">{{ (rewardSummary && rewardSummary.todayAmount) || 0 }}</view>
|
||||
<view class="data_comm">今日</view>
|
||||
</view>
|
||||
<view class="fg_comm"></view>
|
||||
<view class="amount_item">
|
||||
<view class="title_comm">{{ (rewardSummary && rewardSummary.unSettleAmount) || 0 }}</view>
|
||||
<view class="data_comm">当前未结算</view>
|
||||
</view>
|
||||
<view class="fg_comm"></view>
|
||||
<view class="amount_item">
|
||||
<view class="title_comm">{{ (rewardSummary && rewardSummary.settleAmount) || 0 }}</view>
|
||||
<view class="data_comm">已结清</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_fg_comm"></view>
|
||||
<view class="card_item_comm">
|
||||
<view class="card_title_comm">提成来源</view>
|
||||
<view class="royalty_list">
|
||||
<scroll-view scroll-y="true" @scrolltolower="loadMore" :style="{ 'height': 'calc(100vh - 1220rpx)' }">
|
||||
<view class="royalty_item" v-for="(item, index) in royaltyList" :key="index"
|
||||
v-if="royaltyList && royaltyList.length !== 0">
|
||||
<view>
|
||||
<view class="royalty_title_">{{ getValue(BALANCE_TYPE, item.bizType) }}</view>
|
||||
<view class="royalty_data_">{{ formatDate(item.ctdate) }}</view>
|
||||
</view>
|
||||
<view>
|
||||
<view class="royalty_title_ royalty_title_amount">{{ item.amount }}元</view>
|
||||
<view class="royalty_data_">{{ item.status ? "已结算" : "未结算" }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="not_order_warp">
|
||||
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="not_order_msg_warp">暂无相关数据</view>
|
||||
</view>
|
||||
<view v-if="royaltyLoading" style="text-align: center;">加载中...</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<up-picker :show="currencyShow" ref="uPickerRef" :columns="currencyColumns" @confirm="currencyConfirm"
|
||||
:loading="currencyLoading" keyName="value" itemHeight="34" @cancel="currencyShow = false"
|
||||
@close="currencyShow = false"></up-picker>
|
||||
<!-- 团队业绩 -->
|
||||
<up-modal :show="openTeamShow" :showConfirmButton="false">
|
||||
<view class="slot-content">
|
||||
<view class="close_warp" @click="openTeamShow = false;">
|
||||
<up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="content_">
|
||||
<view class="content_1">温馨提示</view>
|
||||
<view class="content_2">1、订单金额：团队下的总业绩</view>
|
||||
<view class="content_2">2、订单数量：团队下的总订单数</view>
|
||||
<view class="content_2">3、直购订单金额：直推的总订单金额</view>
|
||||
<view class="content_2">4、直购订单数：直推的总订单数</view>
|
||||
</view>
|
||||
<view class="but_">
|
||||
<view class="but_copy" @click="openTeamShow = false;">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</up-modal>
|
||||
<!-- 提成统计 -->
|
||||
<up-modal :show="openTcShow" :showConfirmButton="false">
|
||||
<view class="slot-content">
|
||||
<view class="close_warp" @click="openTcShow = false;">
|
||||
<up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="content_">
|
||||
<view class="content_1">温馨提示</view>
|
||||
<view class="content_2">1、今日：今日0点到当前时间的数据</view>
|
||||
<view class="content_2">2、当前未结算：当前所有收货后未结算的数据</view>
|
||||
<view class="content_2">3、直购订单金额：直推的总订单金额</view>
|
||||
<view class="content_2">4、已结算：所有已结算的数据</view>
|
||||
</view>
|
||||
<view class="but_">
|
||||
<view class="but_copy" @click="openTcShow = false;">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</up-modal>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import { getPerformance, getAcctCategory, getRewardSummaryRecord, getRewardSummary } from '@/api/team.js';
|
||||
import { formatDate } from '@/utils/index.js';
|
||||
import { BALANCE_TYPE, getValue } from '@/utils/enumUtils.js';
|
||||
import { getStorageFun, USER_DATA } from '@/utils/auth.js';
|
||||
import { getUserInfo } from '@/api/auth.js'
|
||||
|
||||
export default {
|
||||
computed: {
|
||||
BALANCE_TYPE() {
|
||||
return BALANCE_TYPE;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
royaltyForm: {
|
||||
page: 1,
|
||||
pageSize: 15,
|
||||
category: null,
|
||||
},
|
||||
royaltyList: [],// 提成来源
|
||||
royaltyLoading: false,
|
||||
currencyShow: false,
|
||||
currencyColumns: [],
|
||||
currencyLoading: false,
|
||||
performanceData: {},
|
||||
selAcctCategory: {},// 选择的账户
|
||||
rewardSummary: {},// 提成统计
|
||||
openTeamShow: false,// 团队业绩的提示
|
||||
openTcShow: false,// 提成统计
|
||||
userData: {},// 当前登录对象
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getUserInfo();
|
||||
this.getPerformance();
|
||||
this.getAcctCategory();
|
||||
},
|
||||
methods: {
|
||||
formatDate,
|
||||
getValue,
|
||||
jumpMine() {
|
||||
uni.switchTab({// 首页
|
||||
url: '/pages/mine/mine',
|
||||
})
|
||||
},
|
||||
jumpMyTeam() {
|
||||
const userData = getStorageFun(USER_DATA);
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_my_team_list/mine_my_team_list',
|
||||
})
|
||||
},
|
||||
// 查询用户信息
|
||||
async getUserInfo() {
|
||||
const result = await getUserInfo();
|
||||
if (result && result.bizcode === 100) {
|
||||
const data = result.data;
|
||||
this.userData = result.data || {};
|
||||
}
|
||||
},
|
||||
// 查询团队业绩
|
||||
async getPerformance() {
|
||||
const resp = await getPerformance();
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.performanceData = resp.data;
|
||||
}
|
||||
},
|
||||
|
||||
// 查询账户类型
|
||||
async getAcctCategory() {
|
||||
const resp = await getAcctCategory();
|
||||
if (resp && resp.bizcode === 100) {
|
||||
const data = resp.data || [];
|
||||
this.currencyColumns = [data];
|
||||
if (data && data.length !== 0) {
|
||||
this.selAcctCategory = data[0];
|
||||
this.royaltyForm.category = data[0].key;
|
||||
this.getRewardSummary();
|
||||
this.loadData();
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// 选择地址的弹框
|
||||
currencyShowCheck(status) {
|
||||
this.currencyShow = status;
|
||||
},
|
||||
// 提交地址
|
||||
currencyConfirm(e) {
|
||||
const {
|
||||
columnIndex,
|
||||
value,
|
||||
values,
|
||||
index,
|
||||
} = e;
|
||||
const data = value[0];
|
||||
this.royaltyList = [];
|
||||
this.royaltyForm.page = 1;
|
||||
this.selAcctCategory = data;
|
||||
this.royaltyForm.category = data.key;
|
||||
this.getRewardSummary();
|
||||
this.loadData();
|
||||
this.currencyShowCheck(false);
|
||||
},
|
||||
|
||||
|
||||
// 查询提成概括
|
||||
async getRewardSummary() {
|
||||
const params = {
|
||||
category: this.royaltyForm.category,
|
||||
};
|
||||
const resp = await getRewardSummary(params);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.rewardSummary = resp.data || [];
|
||||
}
|
||||
},
|
||||
|
||||
// 加载数据的方法
|
||||
async loadData() {
|
||||
if (this.royaltyLoading) return; // 如果正在加载，则不重复加载
|
||||
this.royaltyLoading = true; // 设置加载状态为true
|
||||
try {
|
||||
// 模拟异步获取数据，实际应用中应该替换为你的数据获取逻辑，例如API调用
|
||||
const newData = await this.fetchData();
|
||||
if (newData.entitys && newData.entitys.length !== 0) {
|
||||
this.royaltyList = [...this.royaltyList, ...newData.entitys]; // 将新数据添加到列表中
|
||||
this.royaltyForm.page++; // 页码加1
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载数据失败:', error);
|
||||
} finally {
|
||||
this.royaltyLoading = false; // 设置加载状态为false
|
||||
}
|
||||
},
|
||||
// 模拟获取数据的方法，实际应用中应该替换为你的数据获取逻辑，例如从服务器获取数据
|
||||
async fetchData() {
|
||||
const params = {
|
||||
...this.royaltyForm,
|
||||
}
|
||||
const data = await getRewardSummaryRecord(params);
|
||||
if (data && data.bizcode === 100 && data.data) {
|
||||
return data.data
|
||||
} else {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
// 当滚动到底部时触发的方法
|
||||
loadMore() {
|
||||
this.loadData(); // 加载更多数据
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.my_team_warp {
|
||||
background-color: $app-bt-bj;
|
||||
height: calc(100vh - 144rpx);
|
||||
overflow: hidden;
|
||||
padding: 114rpx 0rpx 30rpx;
|
||||
|
||||
.my_team_content_warp {
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.header_ {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.title_ {
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.my_info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #FFFFFF;
|
||||
margin-top: 30rpx;
|
||||
padding-left: 30rpx;
|
||||
|
||||
.left_ {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.left_msg {
|
||||
margin-left: 10rpx;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.left_msg_title {
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.right_ {
|
||||
font-size: 23rpx;
|
||||
color: #000000;
|
||||
line-height: 33rpx;
|
||||
background-color: #EEEEEE;
|
||||
border-radius: 30rpx 0 0 30rpx;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.card_comm {
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx;
|
||||
padding: 30rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.card_title_comm {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #111111;
|
||||
}
|
||||
|
||||
.card_title_comm2 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.card_fg_comm {
|
||||
height: 10rpx;
|
||||
background: #EEEEEE;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.title_comm {
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #111111;
|
||||
}
|
||||
|
||||
.fg_comm {
|
||||
width: 1rpx;
|
||||
height: 40rpx;
|
||||
background: #EEEEEE;
|
||||
}
|
||||
|
||||
.data_comm {
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.card_item_comm {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.my_team {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.my_team_count {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.performance {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.performance_item {
|
||||
width: 24%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.royalty_warp {
|
||||
border-radius: 30rpx;
|
||||
margin-top: 20rpx;
|
||||
background: #FFFFFF;
|
||||
|
||||
.amount_item {
|
||||
width: 30%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.amount_fg {
|
||||
width: 100%;
|
||||
height: 1rpx;
|
||||
background: #EEEEEE;
|
||||
border-radius: 1rpx;
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
.royalty_list {
|
||||
margin-top: 20rpx;
|
||||
|
||||
// height: 440rpx;
|
||||
// overflow: auto;
|
||||
.royalty_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: #F5F5F5;
|
||||
border-radius: 20rpx;
|
||||
padding: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.royalty_title_ {
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #111111;
|
||||
}
|
||||
|
||||
.royalty_title_amount {
|
||||
color: $app-bt-bj;
|
||||
}
|
||||
|
||||
.royalty_data_ {
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.content_1 {
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.content_2 {
|
||||
text-align: left;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.commission_count {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: rgba(0, 0, 0, 0.06);
|
||||
border-radius: 8rpx;
|
||||
padding: 16rpx 10rpx 16rpx 26rpx;
|
||||
margin-top: 20rpx;
|
||||
font-size: 27rpx;
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
line-height: 38rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,414 @@
|
||||
<template>
|
||||
<view class="my_team_list">
|
||||
<Header :leftTitle="$t('mine.my.team.title')" left-path-type="navigateTo" :leftPath="leftPath" />
|
||||
<view class="my_team_list_content">
|
||||
<view class="team_list_card">
|
||||
<view class="amount_">{{ (juniorSummaryData && juniorSummaryData.teamAmount) || 0 }}</view>
|
||||
<view class="amount_sum">总订单金额</view>
|
||||
<view class="comm_fg"></view>
|
||||
<view class="people_number">
|
||||
<view class="people_number_item">
|
||||
<view class="title_">总人数</view>
|
||||
<view class="value_">{{ (juniorSummaryData && juniorSummaryData.teamCount) || 0 }}</view>
|
||||
</view>
|
||||
<view class="comm_fg_s"></view>
|
||||
<view class="people_number_item">
|
||||
<view class="title_">直推人数</view>
|
||||
<view class="value_">{{ (juniorSummaryData && juniorSummaryData.ztCount) || 0 }}</view>
|
||||
</view>
|
||||
<view class="comm_fg_s"></view>
|
||||
<view class="people_number_item">
|
||||
<view class="title_">间推人数</view>
|
||||
<view class="value_">{{ (juniorSummaryData && juniorSummaryData.jtCount) || 0 }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="current_user_id" v-if="form.userId">当前用户ID：{{ form.userId }}</view>
|
||||
<view class="current_user_tips">
|
||||
<up-image src="/static/common/tips_b.png" width="20" height="20" bgColor="#f1f6ff00"
|
||||
@click="openTcShow = true;" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="team_list_remarks">
|
||||
<view>注：所有数据均截至到进入页面的时间为止，返回再进入页面数据会更新</view>
|
||||
<view style="margin-left: 40rpx;">总订单金额统计的为所有已支付的订单金额</view>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" @scrolltolower="loadMore" :style="{ 'height': 'calc(100vh - 500rpx)' }">
|
||||
<view class="team_item" v-for="(item, index) in listData" :key="item.id" v-if="listData && listData.length">
|
||||
<view class="team_header" @click="queryLowerFun(item, index)">
|
||||
<view class="header_left_">
|
||||
<view style="margin-top: 10rpx;">
|
||||
<up-image :src="item.userUrl || '/static/logo.png'" width="50" height="50" bgColor="#f1f6ff00"
|
||||
shape="circle" radius='16'></up-image>
|
||||
</view>
|
||||
<view class="right_data">
|
||||
<view class="name_">{{ item.userName || '信任桥优品用户' }}（{{ item.gradeName }}）</view>
|
||||
<view class="msg_">
|
||||
ID:{{ item.userId }}
|
||||
</view>
|
||||
<view class="msg_">
|
||||
注册时间：{{ formatDate(item.registTime) }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<up-image src="/static/common/right_x.png" width="20" height="20" bgColor="#f1f6ff00" radius='16'
|
||||
v-if="!item.isOpen"></up-image>
|
||||
<up-image src="/static/common/buttom_x.png" width="20" height="20" bgColor="#f1f6ff00" radius='16'
|
||||
v-else></up-image>
|
||||
</view>
|
||||
</view>
|
||||
<view style="padding: 10rpx;" v-if="item.isOpen && item.lowerData">
|
||||
<view class="team_lower">
|
||||
<view class="team_lower_item">
|
||||
<view class="title_">总订单金额</view>
|
||||
<view class="val_">{{ item.lowerData.teamAmount }}</view>
|
||||
</view>
|
||||
<view class="team_lower_fg"></view>
|
||||
<view class="team_lower_item">
|
||||
<view class="title_">直推人数</view>
|
||||
<view class="val_">{{ item.lowerData.ztCount }}</view>
|
||||
</view>
|
||||
<view class="team_lower_fg"></view>
|
||||
<view class="team_lower_item">
|
||||
<view class="title_">间推人数</view>
|
||||
<view class="val_">{{ item.lowerData.jtCount }}</view>
|
||||
</view>
|
||||
<view class="team_lower_fg"></view>
|
||||
<view class="team_lower_item">
|
||||
<view class="title_">总人数</view>
|
||||
<view class="val_">{{ item.lowerData.teamCount }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="not_order_warp">
|
||||
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="not_order_msg_warp">团队暂无数据</view>
|
||||
</view>
|
||||
<view v-if="royaltyLoading" style="text-align: center;">加载中...</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<!-- 提成统计 -->
|
||||
<up-modal :show="openTcShow" :showConfirmButton="false">
|
||||
<view class="slot-content">
|
||||
<view class="close_warp" @click="openTcShow = false;">
|
||||
<up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="content_">
|
||||
<view class="content_1">温馨提示</view>
|
||||
<view class="content_2">1、页面数据截至到进入该页面的时间统计</view>
|
||||
<view class="content_2">2、当前页面数据为主用户的数据</view>
|
||||
<view class="content_2">3、下方显示为全部的直推用户，点击后可跳转他/她的团队数据页，查看他/她的直推数据（也就是我的间推）</view>
|
||||
</view>
|
||||
<view class="but_">
|
||||
<view class="but_copy" @click="openTcShow = false;">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</up-modal>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getCascadeJunior, getJuniorSummary } from '@/api/team.js';
|
||||
import { formatDate } from '@/utils/index.js';
|
||||
import Header from '@/components/header.vue';
|
||||
|
||||
export default {
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
userId: 0,
|
||||
page: 1,
|
||||
pageSize: 15,
|
||||
},
|
||||
loading: false,
|
||||
listData: [],
|
||||
juniorSummaryData: {},// 统计
|
||||
leftPath: "/pages/mine/mine_my_team_list/mine_my_team_list",
|
||||
openTcShow: false,
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
const id = option.id;
|
||||
if (id && id !== "null") {
|
||||
this.form.userId = id;
|
||||
} else {
|
||||
this.leftPath = '/pages/mine/mine_my_team/mine_my_team';
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.loadData();
|
||||
this.getJuniorSummary();
|
||||
},
|
||||
methods: {
|
||||
formatDate,
|
||||
jumpNextLevel(item) {
|
||||
const path = "/pages/mine/mine_my_team_list/mine_my_team_list?id=" + item.userId;
|
||||
this.leftPath = path;
|
||||
uni.navigateTo({
|
||||
url: path,
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 查询统计数据
|
||||
*/
|
||||
async getJuniorSummary() {
|
||||
const resp = await getJuniorSummary();
|
||||
console.log("getJuniorSummary", resp);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.juniorSummaryData = resp.data;
|
||||
}
|
||||
},
|
||||
|
||||
// 加载数据的方法
|
||||
async loadData() {
|
||||
if (this.loading) return; // 如果正在加载，则不重复加载
|
||||
this.loading = true; // 设置加载状态为true
|
||||
try {
|
||||
// 模拟异步获取数据，实际应用中应该替换为你的数据获取逻辑，例如API调用
|
||||
const newData = await this.fetchData();
|
||||
if (newData.entitys && newData.entitys.length !== 0) {
|
||||
const data = newData.entitys.map(item => ({ ...item, isOpen: false }));
|
||||
this.listData = [...this.listData, ...data]; // 将新数据添加到列表中
|
||||
this.form.page++; // 页码加1
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载数据失败:', error);
|
||||
} finally {
|
||||
this.loading = false; // 设置加载状态为false
|
||||
}
|
||||
},
|
||||
// 模拟获取数据的方法，实际应用中应该替换为你的数据获取逻辑，例如从服务器获取数据
|
||||
async fetchData() {
|
||||
const params = {
|
||||
...this.form,
|
||||
}
|
||||
const data = await getCascadeJunior(params);
|
||||
if (data && data.bizcode === 100 && data.data) {
|
||||
return data.data
|
||||
} else {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
// 当滚动到底部时触发的方法
|
||||
loadMore() {
|
||||
this.loadData(); // 加载更多数据
|
||||
},
|
||||
/**
|
||||
* 查询团队下级数据
|
||||
* @param {Object} item
|
||||
* @param {Object} index
|
||||
*/
|
||||
async queryLowerFun(item, index) {
|
||||
const data = this.listData[index];
|
||||
const type = !data.isOpen
|
||||
if (type) {
|
||||
const params = {
|
||||
userId: item.userId,
|
||||
}
|
||||
const resp = await getJuniorSummary(params);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
data.lowerData = resp.data;
|
||||
}
|
||||
}
|
||||
data.isOpen = type;
|
||||
this.listData[index] = data;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.my_team_list {
|
||||
// height: calc(100vh - 58rpx);
|
||||
// overflow: auto;
|
||||
background-color: $app-bj;
|
||||
|
||||
.my_team_list_content {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.team_list_card {
|
||||
background-color: $app-bt-bj;
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
padding: 40rpx;
|
||||
border-radius: 15rpx;
|
||||
margin-bottom: 20rpx;
|
||||
position: relative;
|
||||
|
||||
.current_user_id {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #33333340;
|
||||
padding: 10rpx;
|
||||
font-size: 22rpx;
|
||||
border-radius: 10rpx 0;
|
||||
}
|
||||
|
||||
.current_user_tips {
|
||||
position: absolute;
|
||||
top: 20rpx;
|
||||
right: 20rpx;
|
||||
}
|
||||
|
||||
.amount_ {
|
||||
font-weight: 500;
|
||||
font-size: 58rpx;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.amount_sum {
|
||||
font-size: 23rpx;
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
}
|
||||
|
||||
.comm_fg {
|
||||
border: 2rpx dashed rgba(255, 255, 255, 0.55);
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
|
||||
.comm_fg_s {
|
||||
width: 1rpx;
|
||||
height: 35rpx;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.people_number {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.people_number_item {
|
||||
width: 30%;
|
||||
text-align: center;
|
||||
|
||||
.title_ {
|
||||
font-size: 23rpx;
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
line-height: 33rpx;
|
||||
}
|
||||
|
||||
.value_ {
|
||||
font-size: 38rpx;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
line-height: 54rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.team_list_remarks {
|
||||
font-size: 20rpx;
|
||||
color: #9E9E9E;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.team_item {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.team_header {
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-radius: 8rpx;
|
||||
background: #FFFFFF;
|
||||
padding: 20rpx;
|
||||
|
||||
.header_left_ {
|
||||
display: flex;
|
||||
align-items: inherit;
|
||||
width: calc(100% - 70rpx);
|
||||
}
|
||||
|
||||
.right_data {
|
||||
margin-left: 10rpx;
|
||||
// display: grid;
|
||||
}
|
||||
|
||||
.name_ {
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.msg_ {
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.team_lower {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #E9E9E9;
|
||||
border-radius: 4px;
|
||||
padding: 30rpx 20rpx;
|
||||
|
||||
.team_lower_fg {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.26);
|
||||
height: 36rpx;
|
||||
}
|
||||
|
||||
.team_lower_item {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title_ {
|
||||
font-size: 10px;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.val_ {
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
color: rgba(0, 0, 0, 0.9);
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.team_content {
|
||||
border-top: 1rpx solid #EEEEEE;
|
||||
padding: 20rpx 0 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.team_content_item {
|
||||
width: 50%;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.team_content2_item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.title_ {
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.content_ {
|
||||
font-size: 26rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.content_1 {
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.content_2 {
|
||||
text-align: left;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,640 @@
|
||||
<template>
|
||||
<view class="order_warp">
|
||||
<view class="order_header">
|
||||
<up-image src="/static/common/left.png" width="20" height="20" bgColor="#f1f6ff00" @click="jumpLeft"></up-image>
|
||||
<up-search shape="round" bgColor="#FFFFFFFF" :showAction="false" @search="searchFun"></up-search>
|
||||
</view>
|
||||
<view class="order_type_title">
|
||||
<view :class="form.type === item.id ? 'order_type_title_item order_type_title_item_sel' : 'order_type_title_item'"
|
||||
v-for="(item, index) in orderTypeList" @click="checkType(item)" :key="index">
|
||||
{{ item.title }}
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" @scrolltolower="loadMore" style="height: calc(100vh - 300rpx);">
|
||||
<view v-if="orderList && orderList.length !== 0" class="order_list_warp">
|
||||
<view class="order_item" v-for="item in orderList" :key="item.id">
|
||||
<!-- 头部 -->
|
||||
<view class="order_item_header">
|
||||
<view class="order_item_header_left">
|
||||
<up-image :src="item.shopLogo" width="22" height="22" bgColor="#f1f6ff00" shape="circle"></up-image>
|
||||
<view class="order_product_title">{{ item.shopName }}</view>
|
||||
</view>
|
||||
<!-- 除开待付款 -->
|
||||
<view v-if="item.status !== ORDER_TYPE.UNPAID" class="order_item_header_right"
|
||||
:style="{ 'color': ORDER_STATUS_CSS[item.status] }">
|
||||
{{ getValue(ORDER_STATUS, item.status) }}
|
||||
</view>
|
||||
<!-- 待付款 -->
|
||||
<view v-else class="order_item_header_right order_right_due">
|
||||
<view class="order_right_due_msg">等待付款</view>
|
||||
<view class="order_right_due_time">{{ formatDate1(item.expireTime) }}前</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 产品详情 -->
|
||||
<view class="order_item_content">
|
||||
<view v-for="pItem in item.items" :key="pItem.id">
|
||||
<view class="content_item" @click="jumpOrderInfo(item)">
|
||||
<up-image :src="pItem.mainGraph" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="content_info">
|
||||
<view class="content_info_title">{{ pItem.title }}</view>
|
||||
<view class="content_info_tag">{{ pItem.goodsSpece }}</view>
|
||||
<!-- <view>
|
||||
<text class="content_info_description" v-for="dItem in pItem.description">
|
||||
{{dItem}}
|
||||
</text>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="content_right">
|
||||
<view class="content_right_total">￥{{ pItem.goodsAmount }}</view>
|
||||
<view class="content_right_quantity">x{{ pItem.buyNum }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content_item_yd" v-if="pItem.expressNo">
|
||||
<view>运单号：<text v-if="pItem.expressName">（{{ pItem.expressName }}）</text>{{ pItem.expressNo }}</view>
|
||||
<view style="margin-left:10rpx;">
|
||||
<up-image src="/static/common/copy.png" width="14" height="14" bgColor="#f1f6ff00"
|
||||
@click="copyData(pItem.expressNo)"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<!-- 汇总 -->
|
||||
<view class="order_item_collect">
|
||||
<view class="collect_msg collect_msg_s" v-if="this.form.type === MINE_ORDER_TYPE.NOT_RECEIVE">
|
||||
<view class="content_item_yd_msg">(快递动态跟进请复制单号至[快递100官网] 查询)</view>
|
||||
<view>共{{ item.buyNum }}件,合计￥{{ item.sumAmount }}</view>
|
||||
</view>
|
||||
<view class="collect_msg" v-else>
|
||||
共{{ item.buyNum }}件,合计￥{{ item.sumAmount }}
|
||||
</view>
|
||||
<view class="collect_operate">
|
||||
<!-- <view class="operate_comm operate_but_1" v-if="item.status === ORDER_TYPE.UNSHIPPED" @click="checkCancel(true)">取消订单</view> -->
|
||||
<view class="operate_comm operate_but_2" v-if="item.status === ORDER_TYPE.UNPAID"
|
||||
@click="jumpOrderInfo(item)">去付款</view>
|
||||
<!-- <view class="operate_comm operate_but_1" v-if="item.status === ORDER_TYPE.COMPLETED">申请退款</view> -->
|
||||
<view class="operate_comm operate_but_2" v-if="item.status === ORDER_TYPE.NOT_RECEIVE"
|
||||
@click="confirmReceiptOk(item)">确认收货</view>
|
||||
<!-- <view class="operate_comm operate_but_3" v-if="item.status === ORDER_TYPE.UNSHIPPED">提醒发货</view> -->
|
||||
<view class="operate_comm operate_but_1"
|
||||
v-if="[ORDER_TYPE.NOT_RECEIVE, ORDER_TYPE.UNSHIPPED].includes(item.status)" @click="afterShow = true;">
|
||||
申请售后
|
||||
</view>
|
||||
<!-- <view class="operate_comm operate_but_1" v-if="item.status === ORDER_TYPE.AFTER_SALE">查看售后</view> -->
|
||||
<!-- <view class="operate_comm operate_but_1" v-if="[ORDER_TYPE.COMPLETED].includes(item.status)">删除记录</view> -->
|
||||
<!-- <view class="operate_comm operate_but_3" v-if="[ORDER_TYPE.COMPLETED,ORDER_TYPE.CANCELED].includes(item.status)">再次购买</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="not_order_warp">
|
||||
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="not_order_msg_warp">暂无相关订单</view>
|
||||
</view>
|
||||
<view v-if="loading" style="text-align: center;">加载中...</view>
|
||||
</scroll-view>
|
||||
<up-popup v-model:show="cancelShow" :round="10" :closeOnClickOverlay="false">
|
||||
<view class="cancel_show_warp">
|
||||
<view class="cancel_show_title_warp">
|
||||
<view>取消订单</view>
|
||||
<view class="cancel_show_title_icon" @click="checkCancel(false)"><up-icon name="close-circle" color="#9e9e9e"
|
||||
size="20"></up-icon></view>
|
||||
</view>
|
||||
<view class="cancel_show_msg_warp">
|
||||
<view>温馨提示：</view>
|
||||
<view>1.限时特价、预约资格等购买优惠可能一并取消</view>
|
||||
<view>2.订单一旦取消，支付优惠一并取消，可能无法恢复</view>
|
||||
</view>
|
||||
<view class="cancel_show_reason_warp">
|
||||
<view class="reason_title">请选择取消订单的原因（必选）：</view>
|
||||
<up-radio-group v-model="cancelForm.reason" placement="column">
|
||||
<up-radio :customStyle="{ marginBottom: '8px' }" v-for="(item, index) in reasonList" :key="index"
|
||||
:label="item.name" :name="item.name">
|
||||
</up-radio>
|
||||
</up-radio-group>
|
||||
<up-textarea v-model="cancelForm.remark"></up-textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="but_border_warp"></view>
|
||||
<view class="cancel_show_but">
|
||||
<view class="add_but" @click="cancelOk">提交</view>
|
||||
</view>
|
||||
</up-popup>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
<!-- 暂未开放 -->
|
||||
<up-modal :show="openShow" :showConfirmButton="false">
|
||||
<view class="slot-content">
|
||||
<view class="close_warp" @click="openShow = false;">
|
||||
<up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="content_">
|
||||
<view class="content_1">温馨提示</view>
|
||||
<view class="content_2">暂未开放</view>
|
||||
</view>
|
||||
<view class="but_">
|
||||
<view class="but_copy" @click="openShow = false;">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</up-modal>
|
||||
<!-- 申请售后 -->
|
||||
<up-modal :show="afterShow" :showConfirmButton="false">
|
||||
<view class="slot-content">
|
||||
<view class="close_warp" @click="afterShow = false;">
|
||||
<up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="content_">
|
||||
<view class="content_1">售后联系方式</view>
|
||||
<view class="content_2">如遇退/换货等问题，请联系客服处理</view>
|
||||
<view class="content_3">
|
||||
<view style="margin-left: 20rpx;">
|
||||
<up-image src="/static/common/kf_dh.png" width="40" height="40" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="content_info">
|
||||
<view class="content_info_title">客服电话</view>
|
||||
<view class="content_info_mobile">
|
||||
139 2278 6999
|
||||
<view style="margin-left: 20rpx;">
|
||||
<up-image src="/static/common/copy_c.png" width="14" height="14" bgColor="#f1f6ff00"
|
||||
@click="copyMobile(13922786999)"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="content_3">
|
||||
<view style="margin-left: 20rpx;">
|
||||
<up-image src="/static/common/kf_wx.png" width="40" height="40" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="content_info">
|
||||
<view class="content_info_title">客服微信</view>
|
||||
<view class="content_info_mobile">
|
||||
139 2278 6999
|
||||
<view style="margin-left: 20rpx;">
|
||||
<up-image src="/static/common/copy_c.png" width="14" height="14" bgColor="#f1f6ff00"
|
||||
@click="copyMobile(13922786999)"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="but_">
|
||||
<!-- <view class="but_copy" @click="copyMobile('13922786999')">复制号码</view> -->
|
||||
<view class="but_close" @click="afterShow = false;">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</up-modal>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { MINE_ORDER_TYPE, ORDER_TYPE, ORDER_STATUS, getValue } from '@/utils/enumUtils.js';
|
||||
import { ORDER_STATUS_CSS } from '@/utils/enumCssUtils.js';
|
||||
import { getOrderList, confirmReceipt } from '@/api/order.js';
|
||||
import dayjs from 'dayjs';
|
||||
import { formatDate1, copyData } from '@/utils/index.js'
|
||||
|
||||
export default {
|
||||
computed: {
|
||||
MINE_ORDER_TYPE() {
|
||||
return MINE_ORDER_TYPE;
|
||||
},
|
||||
ORDER_STATUS() {
|
||||
return ORDER_STATUS;
|
||||
},
|
||||
ORDER_STATUS_CSS() {
|
||||
return ORDER_STATUS_CSS;
|
||||
},
|
||||
ORDER_TYPE() {
|
||||
return ORDER_TYPE;
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
orderTypeList: [
|
||||
{
|
||||
id: MINE_ORDER_TYPE.UNPAID,
|
||||
title: "待支付",
|
||||
}, {
|
||||
id: MINE_ORDER_TYPE.UNSHIPPED,
|
||||
title: "待发货",
|
||||
}, {
|
||||
id: MINE_ORDER_TYPE.NOT_RECEIVE,
|
||||
title: "待收货",
|
||||
}, {
|
||||
id: MINE_ORDER_TYPE.SUCCEED,
|
||||
title: "已完成",
|
||||
},
|
||||
// {
|
||||
// id:MINE_ORDER_TYPE.AFTER_SALE,
|
||||
// title:"售后",
|
||||
// },
|
||||
],
|
||||
form: {
|
||||
search: null,//搜索
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
type: MINE_ORDER_TYPE.UNPAID,// 选中的类型
|
||||
},
|
||||
hasMore: true, // 是否有更多数据可以加载
|
||||
orderList: [],
|
||||
cancelShow: false,// 取消订单
|
||||
reasonList: [
|
||||
{
|
||||
id: 1,
|
||||
name: '地址信息填写错误',
|
||||
}, {
|
||||
id: 2,
|
||||
name: '不想要了',
|
||||
}, {
|
||||
id: 3,
|
||||
name: '商品错选/多选',
|
||||
}, {
|
||||
id: 4,
|
||||
name: '没用/少用/错用优惠券',
|
||||
}, {
|
||||
id: 5,
|
||||
name: '商品降价',
|
||||
}, {
|
||||
id: 6,
|
||||
name: '其他原因',
|
||||
},
|
||||
],
|
||||
cancelForm: {
|
||||
reason: null,
|
||||
remark: null,
|
||||
},
|
||||
loading: false, // 加载状态标志
|
||||
openShow: false,
|
||||
afterShow: false,// 售后申请
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const type = options.type;
|
||||
this.form.type = type && type < 5 ? parseInt(type, 10) : MINE_ORDER_TYPE.UNPAID;
|
||||
this.loadData();
|
||||
},
|
||||
methods: {
|
||||
dayjs,
|
||||
getValue,
|
||||
formatDate1,
|
||||
copyData,
|
||||
copyMobile(mobile) {
|
||||
copyData(mobile);
|
||||
this.afterShow = false;
|
||||
},
|
||||
jumpLeft() {
|
||||
uni.switchTab({
|
||||
url: '/pages/mine/mine',
|
||||
})
|
||||
},
|
||||
searchFun(val) {
|
||||
console.log("searchFun", val);
|
||||
},
|
||||
checkType(item) {
|
||||
this.form.page = 1;
|
||||
this.form.type = item.id;
|
||||
this.orderList = [];
|
||||
if (item.id !== MINE_ORDER_TYPE.AFTER_SALE) {
|
||||
this.loadData();
|
||||
} else {
|
||||
this.openShow = true;// 未开发的弹框
|
||||
}
|
||||
},
|
||||
jumpOrderInfo(item) {
|
||||
uni.navigateTo({
|
||||
url: "/pages/mine/mine_order_info/mine_order_info?id=" + item.id,
|
||||
})
|
||||
},
|
||||
// 处理到期时间
|
||||
handleExpressTime(expressTime) {
|
||||
let resultM = 0;
|
||||
if (!expressTime || expressTime === 0) {
|
||||
return resultM;
|
||||
}
|
||||
const currentTimestamp = dayjs().unix();
|
||||
const time = currentTimestamp - expressTime;
|
||||
resultM = dayjs(time).format('YYYY-MM-DD HH:MM:SS'); // 获取时分格式的字符串
|
||||
|
||||
// 如果需要将时分转换为分钟数（例如，'12:34'转换为754分钟），则需要额外计算：
|
||||
// const [hours, minutes] = formattedTime.split(':').map(Number); // 分解小时和分钟为数字
|
||||
// resultM = hours * 60 + minutes; // 计算总分钟数
|
||||
// console.log(resultM); // 输出总分钟数，例如754
|
||||
return resultM;
|
||||
},
|
||||
// 加载数据的方法
|
||||
async loadData() {
|
||||
if (this.loading) return; // 如果正在加载，则不重复加载
|
||||
this.loading = true; // 设置加载状态为true
|
||||
try {
|
||||
// 模拟异步获取数据，实际应用中应该替换为你的数据获取逻辑，例如API调用
|
||||
const newData = await this.fetchData(this.form.page, this.form.pageSize);
|
||||
if (newData.entitys && newData.entitys.length !== 0) {
|
||||
this.orderList = [...this.orderList, ...newData.entitys]; // 将新数据添加到列表中
|
||||
this.form.page++; // 页码加1
|
||||
console.log("this.orderList", this.orderList);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载数据失败:', error);
|
||||
} finally {
|
||||
this.loading = false; // 设置加载状态为false
|
||||
}
|
||||
},
|
||||
// 模拟获取数据的方法，实际应用中应该替换为你的数据获取逻辑，例如从服务器获取数据
|
||||
async fetchData(page, pageSize) {
|
||||
const params = {
|
||||
...this.form,
|
||||
page,
|
||||
pageSize,
|
||||
}
|
||||
const data = await getOrderList(params);
|
||||
if (data && data.bizcode === 100) {
|
||||
return data.data
|
||||
} else {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
// 当滚动到底部时触发的方法
|
||||
loadMore() {
|
||||
this.loadData(); // 加载更多数据
|
||||
},
|
||||
|
||||
checkCancel(status) {
|
||||
this.cancelShow = status;
|
||||
if (!status) {
|
||||
this.cancelForm = {
|
||||
reason: null,
|
||||
remark: null,
|
||||
}
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 确认取消
|
||||
*/
|
||||
cancelOk() {
|
||||
const params = {
|
||||
...this.cancelForm,
|
||||
}
|
||||
if (!params.reason) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请选择取消原因",
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.checkCancel(false);
|
||||
},
|
||||
/**
|
||||
* 确认收货
|
||||
*/
|
||||
confirmReceiptOk(item) {
|
||||
const then = this;
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否确认收货？',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
then.confirmReceiptFun(item);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async confirmReceiptFun(item) {
|
||||
const params = {
|
||||
id: item.id,
|
||||
}
|
||||
const resp = await confirmReceipt(params);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.orderList = [];
|
||||
this.form.page = 1;
|
||||
this.loadData();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.order_warp {
|
||||
height: calc(100vh - 130rpx);
|
||||
background-color: $app-bj;
|
||||
padding: 100rpx 30rpx 30rpx;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.order_header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.order_type_title {
|
||||
display: flex;
|
||||
margin-top: 30rpx;
|
||||
align-items: center;
|
||||
|
||||
.order_type_title_item {
|
||||
margin-right: 40rpx;
|
||||
font-weight: 500;
|
||||
font-size: 30rpx;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.order_type_title_item_sel {
|
||||
font-weight: 800;
|
||||
font-size: 36rpx;
|
||||
color: $app-bt-bj;
|
||||
}
|
||||
}
|
||||
|
||||
.order_list_warp {
|
||||
// height: calc(100vh - 270rpx);
|
||||
// overflow-y: auto;
|
||||
}
|
||||
|
||||
.order_item {
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx 20rpx;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.order_item_header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.order_product_title {
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #1A1A1A;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.order_item_header_left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.order_item_header_right {
|
||||
font-weight: 500;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.order_right_due {
|
||||
display: flex;
|
||||
background: #FFF9F2;
|
||||
border-radius: 19rpx 22rpx 22rpx 19rpx;
|
||||
}
|
||||
|
||||
.order_right_due_msg {
|
||||
background: $app-bt-bj;
|
||||
border-radius: 22rpx 0rpx 12rpx 22rpx;
|
||||
color: #FFFFFF;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
|
||||
.order_right_due_time {
|
||||
font-weight: bold;
|
||||
font-size: 24rpx;
|
||||
color: $app-bt-bj;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
|
||||
|
||||
.order_item_collect {
|
||||
margin-top: 20rpx;
|
||||
|
||||
.collect_msg {
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.collect_msg_s {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.cancel_show_warp {
|
||||
padding: 20rpx;
|
||||
|
||||
.cancel_show_title_warp {
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
color: #222222;
|
||||
line-height: 48rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cancel_show_title_icon {
|
||||
position: absolute;
|
||||
right: 14rpx;
|
||||
top: 6rpx;
|
||||
}
|
||||
|
||||
.cancel_show_msg_warp {
|
||||
background: #F8F8F8;
|
||||
padding: 30rpx;
|
||||
font-weight: 500;
|
||||
font-size: 26rpx;
|
||||
color: #222222;
|
||||
line-height: 48rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.cancel_show_reason_warp {
|
||||
margin-top: 20rpx;
|
||||
|
||||
.reason_title {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #222222;
|
||||
line-height: 36rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.but_border_warp {
|
||||
border: 1rpx solid #eeeeee94;
|
||||
margin: 30rpx 0;
|
||||
}
|
||||
|
||||
.cancel_show_but {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.add_but {
|
||||
position: initial;
|
||||
width: 94%;
|
||||
}
|
||||
|
||||
.content_info_title {
|
||||
width: 370rpx;
|
||||
}
|
||||
|
||||
.content_item_yd {
|
||||
font-weight: bold;
|
||||
font-size: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content_item_yd_msg {
|
||||
font-weight: bold;
|
||||
font-size: 18rpx;
|
||||
}
|
||||
|
||||
.content_2 {
|
||||
font-size: 26rpx;
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.content_3 {
|
||||
display: flex;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.06);
|
||||
border-radius: 12rpx;
|
||||
|
||||
.content_info {
|
||||
display: grid;
|
||||
margin-left: 20rpx;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.content_info_title {
|
||||
font-weight: 600;
|
||||
font-size: 26rpx;
|
||||
color: rgba(0, 0, 0, 0.9);
|
||||
line-height: 38rpx;
|
||||
}
|
||||
|
||||
.content_info_mobile {
|
||||
font-size: 30rpx;
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.but_ {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.but_close {
|
||||
background: #F24A00;
|
||||
box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(242, 74, 0, 0.5);
|
||||
border-radius: 41rpx;
|
||||
width: 60%;
|
||||
padding: 20rpx 0;
|
||||
font-size: 30rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,611 @@
|
||||
<template>
|
||||
<view class="mine_order_info_warp" :style="{
|
||||
'height': 'calc(100vh - ' + height + ')'
|
||||
}">
|
||||
<up-loading-page :loading="listLoading"></up-loading-page>
|
||||
<view class="order_info_header">
|
||||
<up-image src="/static/common/left_b.png" width="20" height="19" bgColor="#f1f6ff00" @click="jumpLeft"></up-image>
|
||||
<view class="header_status">
|
||||
<view style="margin-top: 10rpx;">
|
||||
<up-image src="/static/common/order_status_1.png" width="20" height="19" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<text class="msg">{{ getValue(ORDER_STATUS, orderInfo.status) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="order_info_content">
|
||||
<!-- 等待付款 -->
|
||||
<view class="content_due" v-if="orderInfo.status === ORDER_TYPE.UNPAID">
|
||||
<view style="">
|
||||
<text style="font-size: 28rpx;font-weight: bold;">需付款：</text>
|
||||
<text style="font-size: 28rpx;">￥</text>
|
||||
<text style="font-size: 36rpx;font-weight: bold;">{{ orderInfo.sumAmount }}</text>
|
||||
<text style="font-size: 20rpx;font-weight: bold;margin-left: 20rpx;">订单</text>
|
||||
<text style="font-size: 28rpx;font-weight: bold;margin-left: 10rpx;">{{ formatDate1(orderInfo.expireTime)
|
||||
}}</text>
|
||||
<text style="font-size: 20rpx;font-weight: bold;"> 自动取消</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content_cancel" v-if="orderInfo.status === ORDER_TYPE.CANCELED">取消原因：超时未支付</view>
|
||||
<!-- 地址 -->
|
||||
<view class="steps_warp">
|
||||
<!-- 物流单号 -->
|
||||
<view class="address_info">
|
||||
<view class="address_data_warp">
|
||||
<up-image src="/static/common/waybill.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="address_info_name">订单编号：</view>
|
||||
<view class="address_info_mobile" style="margin-right: 20rpx;">{{ orderInfo.orderNum }}</view>
|
||||
<up-image src="/static/common/copy.png" width="14" height="14" bgColor="#f1f6ff00"
|
||||
@click="copyData(orderInfo.orderNum)"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="address_info_right"> </view>
|
||||
<!-- 收货地址 -->
|
||||
<view class="address_warp">
|
||||
<view class="address_info">
|
||||
<view class="address_data_warp">
|
||||
<up-image src="/static/common/address.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="address_info_name">{{ orderInfo.name }}</view>
|
||||
<view class="address_info_mobile">{{ orderInfo.phone }}</view>
|
||||
</view>
|
||||
<!-- <view class="address_but">修改地址</view> -->
|
||||
</view>
|
||||
<view class="address_content">
|
||||
{{ assembleAddress(orderInfo).names }} {{ orderInfo.address }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 产品 -->
|
||||
<view class="order_comm order_product_warp">
|
||||
<!-- 头部 -->
|
||||
<view class="order_product_header">
|
||||
<up-image :src="orderInfo.shopLogo" width="22" height="22" bgColor="#f1f6ff00" shape="circle"></up-image>
|
||||
<view class="order_product_title">{{ orderInfo.shopName }}</view>
|
||||
</view>
|
||||
<!-- 产品详情 -->
|
||||
<view class="order_item_content">
|
||||
<view v-for="pItem in orderInfo.items" :key="pItem.id">
|
||||
<view class="content_item">
|
||||
<up-image :src="pItem.mainGraph" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="content_info">
|
||||
<view class="content_info_title">{{ pItem.title }}</view>
|
||||
<view class="content_info_tag">{{ pItem.goodsSpece }}</view>
|
||||
<view>
|
||||
<text class="content_info_description" v-for="dItem in pItem.description" :key="dItem">
|
||||
{{ dItem }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content_right">
|
||||
<view class="content_right_total">￥{{ pItem.goodsAmount }}</view>
|
||||
<view class="content_right_quantity">x{{ pItem.buyNum }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content_other_item">
|
||||
<view class="data_item data_item_yd" v-if="pItem.expressNo">
|
||||
<view class="item_title">运单号：</view>
|
||||
<view class="item_value">
|
||||
<view>{{ pItem.expressNo }} </view>
|
||||
<view style="margin-left:10rpx;">
|
||||
<up-image src="/static/common/copy.png" width="14" height="14" bgColor="#f1f6ff00"
|
||||
@click="copyData(pItem.expressNo)"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 金额等数据汇总 -->
|
||||
<view class="order_comm order_data_warp">
|
||||
<view class="data_item">
|
||||
<view class="item_title">商品总价</view>
|
||||
<view class="item_value">￥{{ orderInfo.sumAmount }}</view>
|
||||
</view>
|
||||
<view class="data_item">
|
||||
<view class="item_title">快递运费</view>
|
||||
<view class="item_value">￥0.00</view>
|
||||
</view>
|
||||
<view class="data_item">
|
||||
<view class="item_title">平台优惠<text class="copy_order_coupon" v-if="orderInfo.coupon">优惠券</text></view>
|
||||
<view class="item_value">-￥0.00</view>
|
||||
</view>
|
||||
<view class="data_item">
|
||||
<view class="item_title">应付款</view>
|
||||
<view class="item_value pay_amount">￥{{ orderInfo.sumAmount }}</view>
|
||||
</view>
|
||||
<view class="order_data_but"></view>
|
||||
|
||||
<view class="data_item">
|
||||
<view class="item_title">买家留言</view>
|
||||
<view class="item_value">{{ orderInfo.remark }}</view>
|
||||
</view>
|
||||
<view class="data_item">
|
||||
<view class="item_title">配送方式</view>
|
||||
<view class="item_value">普通快递</view>
|
||||
</view>
|
||||
<!-- <view class="data_item">
|
||||
<view class="item_title">支付方式</view>
|
||||
<view class="item_value">微信支付</view>
|
||||
</view> -->
|
||||
<view class="data_item">
|
||||
<view class="item_title">下单时间</view>
|
||||
<view class="item_value">{{ formatDate(orderInfo.ctdate) }}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 支付方式 -->
|
||||
<view class="order_way_warp" @click="wayShowFun(true)" v-if="orderInfo.status === ORDER_TYPE.UNPAID">
|
||||
<view>支付方式</view>
|
||||
<view class="order_way_right">
|
||||
{{ getValue(wayOption, wayForm.payway) }}
|
||||
<up-image src="/static/common/right.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="collect_operate order_but_warp"
|
||||
v-if="[ORDER_TYPE.UNPAID, ORDER_TYPE.NOT_RECEIVE].includes(orderInfo.status)">
|
||||
<!-- <view class="operate_comm operate_but_1" v-if="orderInfo.status === ORDER_TYPE.UNSHIPPED">取消订单</view> -->
|
||||
<view class="operate_comm operate_but_2" v-if="orderInfo.status === ORDER_TYPE.UNPAID" @click="goPay">去付款</view>
|
||||
<!-- <view class="operate_comm operate_but_1" v-if="orderInfo.status === ORDER_TYPE.COMPLETED">申请退款</view> -->
|
||||
<view class="operate_comm operate_but_2" v-if="orderInfo.status === ORDER_TYPE.NOT_RECEIVE"
|
||||
@click="confirmReceiptOk(orderInfo)">确认收货</view>
|
||||
<!-- <view class="operate_comm operate_but_3" v-if="orderInfo.status === ORDER_TYPE.UNSHIPPED">提醒发货</view> -->
|
||||
<!-- <view class="operate_comm operate_but_1" v-if="orderInfo.status === ORDER_TYPE.COMPLETED">申请售后</view> -->
|
||||
<!-- <view class="operate_comm operate_but_1" v-if="orderInfo.status === ORDER_TYPE.AFTER_SALE">查看售后</view> -->
|
||||
<!-- <view class="operate_comm operate_but_1" v-if="[ORDER_TYPE.COMPLETED].includes(orderInfo.status)">删除记录</view> -->
|
||||
<!-- <view class="operate_comm operate_but_3" v-if="[ORDER_TYPE.COMPLETED,ORDER_TYPE.CANCELED].includes(orderInfo.status)">再次购买</view> -->
|
||||
</view>
|
||||
<!-- 选择支付方式 -->
|
||||
<up-popup v-model:show="wayShow" :round="10" :closeOnClickOverlay="false" :closeable="true"
|
||||
:safeAreaInsetBottom="false">
|
||||
<view class="way_popup_warp">
|
||||
<view class="way_popup_title">支付方式</view>
|
||||
<up-radio-group v-model="wayForm.payway" placement="column">
|
||||
<view v-for="item in wayOption" :key="item.id" style="margin-bottom: 10rpx;">
|
||||
<view class="way_item">
|
||||
<view class="way_item_">
|
||||
<!-- <view style="margin-top: 2rpx;"><up-image :src="item.path" width="20" height="20" bgColor="#f1f6ff00"></up-image></view> -->
|
||||
<view class="way_item_val">{{ item.name }}<text v-if="item.balance"> (￥{{ item.balance
|
||||
}})</text>
|
||||
</view>
|
||||
</view>
|
||||
<up-radio :name="item.type" activeColor="#FF7C41">
|
||||
</up-radio>
|
||||
</view>
|
||||
<view class="balance_comm_msg" v-if="item.type === 'balance' && isShowBalance">当前现金余额不足，如需支付请前往充值</view>
|
||||
</view>
|
||||
</up-radio-group>
|
||||
<view class="popup_but" @click="wayShow = false;">
|
||||
确认
|
||||
</view>
|
||||
</view>
|
||||
</up-popup>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ORDER_TYPE, ORDER_STATUS, getValue } from '@/utils/enumUtils.js';
|
||||
import { copyData, assembleAddress, formatDate, formatDate1 } from '@/utils/index.js';
|
||||
import { getDetail, payment, getSupportPay, confirmReceipt } from '@/api/order.js';
|
||||
import { appWxpayFun, zfbPayFun, jumpWayOk, jumpWayError } from '@/utils/payUtils.js'
|
||||
|
||||
export default {
|
||||
computed: {
|
||||
ORDER_TYPE() {
|
||||
return ORDER_TYPE;
|
||||
},
|
||||
ORDER_STATUS() {
|
||||
return ORDER_STATUS;
|
||||
},
|
||||
ORDER_STATUS_CSS() {
|
||||
return ORDER_STATUS_CSS;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
id: 0,
|
||||
orderInfo: {},
|
||||
listLoading: false,
|
||||
wayForm: {
|
||||
id: 0,
|
||||
payway: null,// 支付方式
|
||||
},
|
||||
wayShow: false,
|
||||
wayOption: [],// 支付选项
|
||||
height: '180rpx',
|
||||
isShowBalance: false,
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
const id = options.id;
|
||||
this.id = id ? parseInt(id, 10) : 0;
|
||||
this.getOrderInfo();
|
||||
const payOpen = options.payOpen;
|
||||
// 支付弹框
|
||||
if (payOpen && payOpen !== "null") {
|
||||
this.getWayOption();
|
||||
this.wayShow = payOpen;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getValue,
|
||||
copyData,
|
||||
assembleAddress,
|
||||
formatDate,
|
||||
formatDate1,
|
||||
jumpLeft() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/mine/mine_order/mine_order?type=" + this.orderInfo.status,
|
||||
})
|
||||
},
|
||||
wayShowFun(type) {
|
||||
if (type) {
|
||||
this.getWayOption();
|
||||
}
|
||||
this.wayShow = type;
|
||||
},
|
||||
async getWayOption() {
|
||||
const result = await getSupportPay();
|
||||
if (result && result.bizcode === 100) {
|
||||
const data = result.data || [];
|
||||
const amount = this.orderInfo.sumAmount;
|
||||
let flag = data.some(item => ['wechat', 'alipay'].includes(item.type));
|
||||
// 没有支付宝和微信支付
|
||||
if (flag) {
|
||||
this.isShowBalance = false;
|
||||
} else {
|
||||
const balanceFlag = data.some(item => item.type === "balance" && item.balance < amount);
|
||||
this.isShowBalance = balanceFlag;
|
||||
}
|
||||
this.wayOption = data;
|
||||
}
|
||||
},
|
||||
// 查询订单详情
|
||||
async getOrderInfo() {
|
||||
this.listLoading = true;
|
||||
const params = {
|
||||
id: this.id,
|
||||
}
|
||||
const result = await getDetail(params);
|
||||
if (result && result.bizcode === 100) {
|
||||
const orderInfo = result.data;
|
||||
if ([ORDER_TYPE.UNPAID, ORDER_TYPE.NOT_RECEIVE].includes(orderInfo.status)) {
|
||||
this.height = '180rpx';
|
||||
} else {
|
||||
this.height = '0rpx';
|
||||
}
|
||||
this.orderInfo = orderInfo;
|
||||
}
|
||||
this.listLoading = false;
|
||||
},
|
||||
// 去支付
|
||||
async goPay() {
|
||||
const payway = this.wayForm.payway;
|
||||
if (!payway || payway === 0) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请先选择支付方式",
|
||||
});
|
||||
return;
|
||||
}
|
||||
const params = {
|
||||
id: this.orderInfo.id,
|
||||
payway,
|
||||
}
|
||||
const resp = await payment(params);
|
||||
// 提交订单成功，就唤起支付
|
||||
if (resp && resp.bizcode === 100) {
|
||||
const item = resp.data;
|
||||
if (item.status === 1) {
|
||||
jumpWayOk();
|
||||
return;
|
||||
}
|
||||
if (item.wechat && Object.keys(item.wechat).length !== 0) {
|
||||
this.appWxpay(item.wechat, item.orderId, item.orderNum);
|
||||
} else if (item.alipay && Object.keys(item.alipay).length !== 0 && item.alipay) {
|
||||
this.zfbPay(item.alipay, item.orderId, item.orderNum);
|
||||
} else {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "订单支付失败",
|
||||
});
|
||||
setTimeout(() => {
|
||||
jumpWayError()
|
||||
}, 2000)
|
||||
}
|
||||
} else {
|
||||
this.getOrderInfo();
|
||||
}
|
||||
},
|
||||
// app 微信支付
|
||||
async appWxpay(alipay, orderId, orderNum) {
|
||||
try {
|
||||
const result = await appWxpayFun(alipay, orderId, orderNum);
|
||||
console.log('支付成功', result);
|
||||
// 处理支付成功后的逻辑，如更新订单状态等
|
||||
} catch (error) {
|
||||
console.error('支付失败', error);
|
||||
// 处理支付失败后的逻辑，如提示用户等
|
||||
}
|
||||
},
|
||||
// 支付宝支付
|
||||
async zfbPay(alipay, orderId, orderNum) {
|
||||
try {
|
||||
const result = await zfbPayFun(alipay, orderId, orderNum);
|
||||
console.log('支付成功', result);
|
||||
// 处理支付成功后的逻辑，如更新订单状态等
|
||||
} catch (error) {
|
||||
console.error('支付失败', error);
|
||||
// 处理支付失败后的逻辑，如提示用户等
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 确认收货
|
||||
*/
|
||||
confirmReceiptOk(item) {
|
||||
const then = this;
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否确认收货？',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
then.confirmReceiptFun(item);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async confirmReceiptFun(item) {
|
||||
const params = {
|
||||
id: item.id,
|
||||
}
|
||||
const resp = await confirmReceipt(params);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.orderList = [];
|
||||
this.form.page = 1;
|
||||
this.loadData();
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 去充值
|
||||
*/
|
||||
goRechargeFun(item) {
|
||||
uni.navigateTo({
|
||||
url: "/pages/mine/mine_purse_recharge/mine_purse_recharge?category=balance&amount=" + item.balance + "&back=orderInfo&id=" + this.id,
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mine_order_info_warp {
|
||||
// height: calc(100vh - 180rpx);
|
||||
background-color: $app-bj;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.order_info_header {
|
||||
background-color: $app-bt-bj;
|
||||
height: 288rpx;
|
||||
display: flex;
|
||||
padding: 100rpx 30rpx 30rpx;
|
||||
|
||||
.header_status {
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 58rpx;
|
||||
align-items: center;
|
||||
|
||||
.msg {
|
||||
margin-left: 20rpx;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.order_info_content {
|
||||
position: absolute;
|
||||
top: 184rpx;
|
||||
width: calc(100% - 40rpx);
|
||||
padding: 0 20rpx;
|
||||
|
||||
.content_due {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
color: #FFFFFF;
|
||||
|
||||
.payment_but {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.but {
|
||||
background: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
text-align: center;
|
||||
width: 200rpx;
|
||||
padding: 10rpx 0;
|
||||
color: $app-bt-bj;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.content_cancel {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.steps_warp {
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx;
|
||||
padding: 20rpx;
|
||||
width: calc(100% - 40rpx);
|
||||
margin-top: 66rpx;
|
||||
|
||||
.address_info_right {
|
||||
border-left: 1rpx dashed #99999959;
|
||||
height: 14rpx;
|
||||
width: 10rpx;
|
||||
margin: 10rpx 20rpx;
|
||||
}
|
||||
|
||||
.address_warp {}
|
||||
|
||||
.address_info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.address_data_warp {
|
||||
font-weight: bold;
|
||||
color: #1A1A1A;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.address_info_name {
|
||||
margin-left: 10rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.address_info_mobile {
|
||||
margin-left: 10rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.address_but {
|
||||
border-radius: 30rpx;
|
||||
border: 1px solid #9A9A9A;
|
||||
font-size: 20rpx;
|
||||
color: #222222;
|
||||
padding: 8rpx 20rpx;
|
||||
}
|
||||
|
||||
.address_content {
|
||||
font-weight: 500;
|
||||
font-size: 26rpx;
|
||||
color: #666666;
|
||||
padding: 20rpx 10rpx 20rpx 44rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.order_comm {
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
margin-top: 30rpx;
|
||||
width: calc(100% - 60rpx);
|
||||
}
|
||||
|
||||
.order_product_warp {
|
||||
.order_product_header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.order_product_title {
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #1A1A1A;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.order_data_warp {
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
|
||||
.pay_amount {
|
||||
color: $app-bt-bj;
|
||||
}
|
||||
|
||||
.copy_order_number {
|
||||
background: #F2F2F2;
|
||||
border-radius: 18rpx;
|
||||
font-weight: bold;
|
||||
font-size: 22rpx;
|
||||
color: #333333;
|
||||
padding: 4rpx 14rpx;
|
||||
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.copy_order_coupon {
|
||||
margin-left: 24rpx;
|
||||
border-radius: 6rpx;
|
||||
border: 1px solid $app-bt-bj;
|
||||
padding: 4rpx 18rpx;
|
||||
color: $app-bt-bj;
|
||||
}
|
||||
|
||||
.order_data_but {
|
||||
border: 1rpx solid #F6F6F6;
|
||||
}
|
||||
}
|
||||
|
||||
.order_but_warp {
|
||||
position: fixed;
|
||||
height: 140rpx;
|
||||
bottom: 0;
|
||||
background-color: #ffffff;
|
||||
right: 14rpx;
|
||||
width: calc(100% - 40rpx);
|
||||
background-color: #ffffff;
|
||||
padding: 20rpx;
|
||||
|
||||
.operate_comm {
|
||||
height: 34rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.content_other_item {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.data_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
line-height: 60rpx;
|
||||
font-weight: bold;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.item_title {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.item_value {
|
||||
color: #1A1A1A;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.order_way_warp {
|
||||
margin-bottom: 60rpx;
|
||||
width: calc(100% - 96rpx);
|
||||
}
|
||||
|
||||
.content_info_title {
|
||||
width: 370rpx;
|
||||
}
|
||||
|
||||
.data_item_yd {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,167 @@
|
||||
<template>
|
||||
<view class="privacy_agreement_warp">
|
||||
<Header :leftTitle="$t('mine.privacy.agreement.title')" leftPathType="navigateTo" :leftPath="leftPath" />
|
||||
<view class="privacy_agreement_content_warp">
|
||||
本App名稱：信任桥<br />
|
||||
開發者：信任桥<br />
|
||||
|
||||
我們的隱私政策於2025年1月20日生效。 “信任桥”應用深知個人資訊安全重要性，並會盡全力保護您的個人資訊安全可靠。
|
||||
我們致力於維持您對我們的信任，恪守原則，保護您的個人資訊。 同時，我們承諾，我們將按業界成熟的安全標準，採取相應的安全保護措施來保護您的個人資訊。<br />
|
||||
請在使用我們的產品或服務前，仔細閱讀並瞭解本《信任桥隱私政策》。<br />
|
||||
我們如何收集和使用您的資訊<br />
|
||||
本隱私政策規定了信任桥如何收集，使用，披露，處理和保護您在使用我們的產品和服務時，通過信任桥提供給我們的資訊。
|
||||
若我們要求您提供某些資訊，以便在使用信任桥時驗證您的身份，我們將嚴格遵守本隱私政策和/或我們的用戶條款與條件來使用這些資訊。 本隱私政策在製定時充分考慮到您的需求；
|
||||
您全面瞭解我們的個人資料收集和使用管理，而且確信自己最終能控制提供給信任桥的所有個人資訊，這一點至關重要。<br />
|
||||
在這項隱私政策中。
|
||||
“個人資訊”指所有通過有關特定個人的資訊，或者與信任桥能够訪問的其他關於該人的資訊結合後，能够直接或簡介識別該人的所有數據。 此類個人資訊包括但不限於您提供或上傳的資訊和設備資訊。<br />
|
||||
通過使用信任桥或其他符合使用法律的操作，即表示您已閱讀並接受本隱私政策中所述之所有條款，包括我們定期作出的任何變更。
|
||||
為遵守使用法律，包括本地數據保護法律，我們將會對於特定類別的個人數據的處理（如自動個體決策）徵求您的明確同意。 另外，我們承諾遵照適用法律（包括您所在地的數據保護法律）來保護您的個人資訊的隱私，機密，和安全。
|
||||
同時我們承諾確保我們的全體員工和代理商履行這些義務。<br />
|
||||
最後，我們所希望的就是為我們的用戶帶來最好的體驗。<br />
|
||||
APP安裝及運行所需許可權清單及用途<br />
|
||||
1: INTERNET：允許應用訪問網絡，用於連接網絡以便應用更新內容<br />
|
||||
2: RECORD_AUDIO：允許程式播放視頻類資訊，調節進度<br />
|
||||
3: READ_CALENDAR：讀取行事曆活動，用於郵件功能中讀取並展示系統日程<br />
|
||||
那些資訊會被收集以及我們如何使用這些資訊？<br />
|
||||
收集的資訊類別<br />
|
||||
為了向您提供我們的服務，我們會要求您提供服務所必需的個人資訊。
|
||||
如過您不提供個人資訊，我們可能無法向您提供我們的產品或服務。<br />
|
||||
我們只會為了詳細說明過的，明確的，合法的目的收集必要的資訊，並保證不會以和上述目的不符的管道處理這些資訊。
|
||||
我們可能會收集一下各類資訊（無論其是否為個人資訊）<br />
|
||||
您提供給我們或上傳的資訊（包括您的聯系資訊）：我們可能收集您提供給我們的個人資訊，例如手機號、信任桥帳號資訊（例如您的姓名、年齡、性別使用記錄）。<br />
|
||||
我們指定與您相關的資訊：我們可能收集並使用諸如您的信任桥帳號等資訊。<br />
|
||||
位置資訊（僅適用於特定服務/功能）：與您的位置相關的各類資訊，例如區域和國家代碼、都市程式碼、移動網絡程式碼、移動設備國家代碼、社區識別碼、地區名稱、經緯度資訊、時區設定和語言設定。
|
||||
登入資訊：與您使用某些功能、移動應用程序和網站相關的資訊，例如cookie和其他匿名識別字科技、IP地址、網絡請求資訊、臨時消息歷史、標準系統日誌和系統崩潰資訊等。<br />
|
||||
設備資訊：為識別您的設備id並預防惡意程式及反作弊，提高服務安全性，保障運營質量及效率，我們會收集您的設備資訊（包括OAID，IMEI，設備序號，MEID，Android
|
||||
ID，IMSI，GUID，MAC地址）。<br />
|
||||
其他資訊：環境特徵值（ECV）（由信任桥帳號位置資訊產生的數值）<br />
|
||||
帳戶憑證：有關您帳戶憑證的資訊，例如手機號等。<br />
|
||||
我們將會在靜默/後臺狀態中收集您的按摩程式使用，用於提升我們提供給您的服務質量。<br />
|
||||
使用許可權：在使用應用的過程中，您可能需要授予應用訪問相機的許可權，以便進行掃碼使用硬體設備。
|
||||
我們僅在您授權的範圍內使用相機許可權，且不會將相機許可權用於其他目的。<br />
|
||||
法律要求：在法律法規要求的情况下我們可能會根據適用的法律法規、法律程式或政府要求，披露您的個人資訊。<br />
|
||||
自啟動和關聯啟動說明<br />
|
||||
為確保本應用處於關閉或後臺運行狀態下可正常接收到用戶端推送的資訊，本應用須使用（自啟動）能力，將存在一定頻率通過系統發送廣播喚醒本應用自啟動或關聯啟動行為，是因實現功能及服務所必要的。<br />
|
||||
當您打開內容類推送消息，在征得您的明確同意後，會跳轉打開相關內容。 在未征得您同意的情况下，則不會有自啟動或關聯啟動。<br />
|
||||
當您打開本App內部下載的檔案後，不會關聯啟動協力廠商App。<br />
|
||||
我們僅會在以下情况，公開披露您的的個人資訊收集個人資訊的目的在於向您提供產品和/或服務，並且保證我們遵守適用法律。
|
||||
您特此同意我們可以出於本隱私政策規定的目的處理個人資訊，並向我們的關聯公司（涉及通信、社交媒體、科技和雲業務）和協力廠商服務供應商（定義如下）披露個人資訊。<br />
|
||||
我們可能會將個人資訊用於下列目的：<br />
|
||||
提供、處理、維護、改善、開發我們的商品和/或給您的服務，以及通過設備或信任桥提供的服務。
|
||||
與您就您的設備、服務或任何普通査詢（例如更新、設備固件/軟體升級、客戶諮詢支持、相關資訊、通知）等進行交流。<br />
|
||||
開展市場行銷相關活動，例如提供行銷和推廣相關的資料和更新。<br />
|
||||
分析和開發與我們產品及服務的使用相關的統計資訊，以更好地改進我們的產品和服務。<br />
|
||||
儲存並維護與您相關的資訊，用於我們運營業務或履行法律義務。 無需與我們的服務器通信，提供本地服務。<br />
|
||||
關於我們如何使用您的資訊（其中可能包含個人資訊），下麵提供了更多詳細資訊：<br />
|
||||
創建您的信任桥帳號。 在通過移動設備創建帳號時收集的個人資訊用於建立用戶的個人帳戶和資料頁。<br />
|
||||
提供基於位置的服務。 在使用信任桥時，我們可能會使用位置資訊判斷設備時區，以保證在設備中準確顯示時間、登入服務地區。
|
||||
以及根據您的選擇為您提前開啟相應設備等體驗。 您可以隨時進入設備設定或停止使用這一應用程序來關閉這一功能。<br />
|
||||
設備接入。 設備通過App進行操作，無需驗證其設備的真實性。<br />
|
||||
設備狀態顯示。 可以允許您遠程查看設備狀態，以便您時刻查看設備運行情况。<br />
|
||||
收集用戶回饋。 您選擇提供的迴響對幫助信任桥改進我們的服務而言極為珍貴。
|
||||
為了跟踪您選擇提供的迴響，信任桥可能會使用您所提供的個人資訊與您聯系，並保留記錄。<br />
|
||||
發送通知。 我們可能會不時使用您的個人資訊來發送重要通知，例如有關設備异常運行狀態的通知、您定制的設備推送通知<br />
|
||||
（具體需要根據您購買添加設備的情况而定）、我們的條款、條件和政策變更。<br />
|
||||
信任桥的安全措施<br />
|
||||
我們承諾保證您的個人資訊安全。
|
||||
為了防止未經授權的訪問、披露或其他類似風險，我們落實了合理的物理、電子和管理措施流程，保護我們從您對信任桥的使用收集的資訊。 我們將採取所有合理的措施保護您的個人資訊。<br />
|
||||
您的個人資訊全都被儲存在安全的服務器上，並在受控設施中受到保護。
|
||||
我們依據重要性和敏感性對您的數據進行分類，並且保證您的個人資訊具有最高的安全等級。
|
||||
我們保證通過訪問這些資訊來幫助向您提供產品和服務的員工和協力廠商服務供應商具有嚴格的契约保密義務，如果未能履行這些義務，其將會受到紀律處分或被終止合作。 同樣，我們對以信任桥為基礎的資料存儲設有專門的存取控制措施。
|
||||
總而言之，我們定期審查資訊收集、儲存和處理實踐，包括物理安全措施，以防止任何未經授權的訪問和使用。<br />
|
||||
我們將採取所有可行的步驟保護您的個人資訊。
|
||||
但是，您應當意識到互聯網的使用並不總是安全的，囙此，我們不能保證在通過互聯網雙向傳輸時任何個人資訊的安全性或完整性。<br />
|
||||
我們將對個人數據洩露行為採取相應措施，如將洩露現象通報相關監管機构，或在某些情况下依照使用法律（包括您當地的數據保護法律）向數據主體通報個人數據洩露行為。<br />
|
||||
您能做什麼<br />
|
||||
您可以在保護您的個人資訊方面發揮自己的作用，不要向任何人透露您的帳戶資訊，除非此人獲得您的正式授權。
|
||||
無論您何時作為信任桥帳號用戶登錄信任桥，尤其是在他人的手機上登入時，在結束使用時您總應註銷登出。<br />
|
||||
信任桥不對因您未能保持個人資訊的私密性而導致協力廠商訪問您的個人資訊進而造成的安全疏漏承擔責任。
|
||||
儘管有上述規定，如果發生互聯網其他任何用戶未經授權使用您帳戶的情况或其他任何安全性漏洞，您必須立即通知我們。<br />
|
||||
您的協助將有助於我們保護您個人資訊的私密性。<br />
|
||||
保留政策<br />
|
||||
如有必要實現收集資訊的目的，或者遵守適用法律要求或允許，我們將一直保留個人資訊。
|
||||
如果有合理的理由認為保留個人資訊不能實現收集個人資訊的目的，我們將不再保留個人資訊，或删除個人資訊與特定個人相關聯的管道。
|
||||
如果是為了公眾利益對資訊進行進一步處理歸檔，為了科學或歷史研究目的或根據使用法律進行統計的目的，即使進一步處理資訊的目的與原始目的不相符，信任桥也可以進一步保留數據。<br />
|
||||
您可以控制您的個人資訊<br />
|
||||
聯繫我們<br />
|
||||
信任桥承認每個人對隱私權的關注各不相同。
|
||||
囙此，我們提供了一些示例，說明信任桥提供的各種管道，供您選擇，以限制收集、使用、披露或處理您的個人資訊，並控制您的隱私權設定：<br />
|
||||
打開或者關閉用戶體驗計畫和位置訪問功能；<br />
|
||||
登入或登出信任桥帳戶；<br />
|
||||
訪問、更新、更正、消除或限制處理您的個人資訊<br />
|
||||
您有權要求訪問和/或更正我們持有的與您有關的任何個人資訊。 當您更新個人資訊時，在我們處理您的請求前，會要求驗證您的身份。
|
||||
一旦我們獲得充分資訊，可處理您的請求以訪問或更正您的個人資訊時，我們將在適用資料保護法規定的時間內對您的請求做出回應。 根據您的要求. 我們可以將收集和處理的您的個人數據副本免費提供給您。
|
||||
對於同一資訊的任何額外請求，我們可能會根據使用法律根據實際管理支出收取合理的費用。<br />
|
||||
與您信任桥帳戶中的個人資訊相關的更多詳細資訊，您可以通過您的設備登入帳戶來訪問和更改。<br />
|
||||
註銷帳號<br />
|
||||
您可以通過APP-個人中心-註銷申請註銷您的帳號。
|
||||
為確保是相應用戶或者該用戶授權的主體申請註銷帳號，信任桥盡最大努力保護用戶的權益。 信任桥嚴格遵守法律法規有關個人資訊保護的規定，以上資訊僅用於本次帳號註銷。<br />
|
||||
信任桥特別提示，您註銷帳號的行為是不可逆的。
|
||||
除法律法規另有規定外，在您註銷帳號後，我們將删除或匿名化有關您的個人資訊，若删除個人資訊從科技上難以實現的，我們會停止除存儲和採取必要的安全保護措施之外的處理。<br />
|
||||
撤銷同意<br />
|
||||
請注意，您撤銷同意會導致某些法律後果。
|
||||
根據您撤銷同意讓我們處理您的個人資訊的範圍，這可能表示您不能享受信任桥的產品和服務。<br />
|
||||
其他規定<br />
|
||||
優先順序<br />
|
||||
如果您同意了適用的使用者協定，並且此類使用者協定和本隱私政策之間存在不一致，將以此類使用者協定為准。<br />
|
||||
本隱私政策的更新<br />
|
||||
我們會對隱私政策進行定期稽核，為反映我們資訊慣例的變更，我們可能會更新本隱私政策。
|
||||
如果我們對本隱私政策進行重大變更，我們將通過（向您帳戶指定的郵箱地址發送）電子郵件或在信任桥公佈或通過移動設備通知您，這樣您可以瞭解我們收集的資訊以及我們如何使用這些資訊。 此類隱私政策變化將從通知或網站規定的生效日期開始適用。
|
||||
我們建議您定期查閱，獲取我們隱私權實踐的最新資訊。 您繼續使用信任桥上的服務，將被視為接受更新的隱私政策。 在我們向您收集更多的個人資訊或我們希望因為新的目的使用或披露您的個人資訊時，我們會再次征得您的同意。<br />
|
||||
我是否必須同意任何協力廠商條款與條件？<br />
|
||||
我們的隱私政策不適用於協力廠商提供的產品和服務。 信任桥可能包括協力廠商的產品和服務，以及協力廠商網站的連結。
|
||||
當您使用這些產品或服務時，也可能收集您的資訊。 囙此，我們強烈建議您花時間閱讀該協力廠商的隱私政策，就像閱讀我們的政策一樣。 我們不對協力廠商如何使用他們向您收集的個人資訊負責，也不能控制其使用。
|
||||
我們的隱私政策不適用通過我們的服務連結的其他網站。<br />
|
||||
當您使用信任桥平臺上這些特定產品的擴展程式服務時，適用協力廠商條款和隱私政策，您將同意各擴展程式的條款。<br />
|
||||
關於我們系統管理您個人資訊的管道<br />
|
||||
聯繫我們<br />
|
||||
我們可能適時會對本隱私權政策進行調整或變更，本隱私權政策的任何更新將以標注更新時間的管道公佈在我們網站上，除法律法規或監管規定另有強制性規定外，經調整或變更的內容一經通知或公佈後生效。
|
||||
如您在隱私權政策調整或變更後繼續使用我們提供的任一服務或訪問我們相關網站的，我們相信這代表您已充分閱讀、理解並接受修改後的隱私權政策並受其約束。
|
||||
如果您對本隱私政策有任何意見或問題，或者您對信任桥收集、使用或披露您的個人資訊有任何問題，請通過信任桥中的客服或者問題迴響通路聯繫我們。<br />
|
||||
開發者：信任桥<br />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/components/header.vue';
|
||||
export default {
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
leftPath: '/pages/mine/mine_settings/mine_settings',
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
const backPath = option.backPath;
|
||||
if (backPath && backPath === "login") {
|
||||
this.leftPath = '/pages/login_package/login/login';
|
||||
}
|
||||
if (backPath && backPath === "register") {
|
||||
this.leftPath = '/pages/login_package/register/register';
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.privacy_agreement_warp {
|
||||
background-color: $app-bj;
|
||||
overflow: hidden;
|
||||
|
||||
.privacy_agreement_content_warp {
|
||||
padding: 40rpx;
|
||||
height: calc(100vh - 242rpx);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.interval {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.interval2 {
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<view class="user_agreement_warp">
|
||||
<Header :leftTitle="$t('mine.user.product.title')" left-path-type="navigateTo" :leftPath="leftPath" />
|
||||
<view class="user_agreement_content_warp">
|
||||
生效日期：2025/4/01<br />
|
||||
最后更新日期：2025/04/24<br />
|
||||
本协议适用于在 （信任桥）（以下简称“本商城”）购买商品的用户（以下简称“您”或“买家”）。为确保您的合法权益，本商城特制定本售后保障协议，明确售后服务范围、责任及处理流程。请您仔细阅读并确认同意后使用本商城服务。 <br />
|
||||
一、售后服务范围<br />
|
||||
1. 商品质量保障 <br />
|
||||
您在本商城购买的商品如存在 质量问题（如功能故障、破损、与描述不符等），可申请 退货、换货或维修。 <br />
|
||||
质量问题需在 收货后7天内 提出，并提供相关证明（如照片、视频等）。 <br />
|
||||
|
||||
2. 物流问题保障 <br />
|
||||
若因物流原因导致商品 未送达、损坏或丢失，本商城将协助您联系物流公司处理，或提供补发/退款服务。 <br />
|
||||
|
||||
3. 售后时效<br />
|
||||
本商城承诺在收到您的售后申请后 13个工作日内 响应，并在符合条件的情况下 715个工作日内 完成退换货或退款流程。<br />
|
||||
|
||||
|
||||
二、售后申请流程<br />
|
||||
1. 提交申请 <br />
|
||||
您可通过 商城APP/网站 → 订单中心 → 申请售后 提交申请，或联系客服（电话/在线客服）提供 订单号、问题描述及相关证明。<br />
|
||||
|
||||
2. 审核处理 <br />
|
||||
本商城将在 13个工作日内 审核您的申请，并告知处理结果。 <br />
|
||||
如需退货/换货，您需按商城提供的地址寄回商品（保持商品完好，不影响二次销售）。 <br />
|
||||
|
||||
3. 退款/换货/维修 <br />
|
||||
退款：审核通过后，款项将按原支付方式退回（17个工作日到账）。<br />
|
||||
换货：本商城将重新发货，运费由责任方承担（质量问题由商城承担，个人原因由买家承担）。 <br />
|
||||
维修：部分商品（如电子产品）可提供 官方保修服务，具体以品牌售后政策为准。<br />
|
||||
|
||||
三、不适用售后保障的情形<br />
|
||||
1. 人为损坏（如自行拆修、进水、摔坏等）。 <br />
|
||||
2. 超过售后期限（如收货超过15天未反馈问题）。 <br />
|
||||
3. 定制类商品（如刻字、专属设计等）。 <br />
|
||||
4. 虚拟商品（如电子书、会员卡等）。<br />
|
||||
5. 因个人原因不想要（如不喜欢、买错等），除非商城支持“7天无理由退货”。 <br />
|
||||
|
||||
四、责任划分<br />
|
||||
1. 商城责任 <br />
|
||||
因商品质量问题或物流问题导致的售后需求，本商城承担退换货费用。<br />
|
||||
若因商城原因导致售后延迟，将提供适当补偿（如优惠券、积分等）。<br />
|
||||
|
||||
2. 买家责任 <br />
|
||||
提供虚假售后信息（如伪造质量问题），本商城有权拒绝售后并保留法律追责权利。<br />
|
||||
因个人原因（如不喜欢、买错）申请退货，需自行承担退货运费（如适用）。 <br />
|
||||
|
||||
五、争议解决<br />
|
||||
1. 如对售后处理结果有异议，可联系本商城客服协商解决。 <br />
|
||||
2. 协商不成，可向 （商城所在地） 消费者协会或法院提起诉讼。 <br />
|
||||
|
||||
六、其他说明<br />
|
||||
1. 本商城有权根据法律法规或运营需求调整本协议，并通过公告通知用户。 <br />
|
||||
2. 本协议自您首次使用本商城服务时生效。 <br />
|
||||
|
||||
客服联系方式：<br />
|
||||
电话：18888888888<br />
|
||||
邮箱：deshanghui2025@163.com <br />
|
||||
在线客服：商城APP/网站内联系<br />
|
||||
|
||||
|
||||
本协议最终解释权归 （信任桥） 所有。<br />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/components/header.vue';
|
||||
|
||||
export default {
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
leftPath: '/pages/mine/mine_settings/mine_settings'
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
const backPath = option.backPath;
|
||||
if (backPath && backPath === "login") {
|
||||
this.leftPath = '/pages/login_package/login/login';
|
||||
}
|
||||
if (backPath && backPath === "register") {
|
||||
this.leftPath = '/pages/login_package/register/register';
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.user_agreement_warp {
|
||||
background-color: $app-bj;
|
||||
overflow: hidden;
|
||||
|
||||
.user_agreement_content_warp {
|
||||
padding: 40rpx;
|
||||
height: calc(100vh - 242rpx);
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,138 @@
|
||||
<template>
|
||||
<view class="mine_purse_bonus_warp">
|
||||
<view class="mine_purse_bonus_header">
|
||||
<view>
|
||||
<view class="header_title">可提现总额</view>
|
||||
<view>
|
||||
<text style="font-size: 40rpx;">￥</text>
|
||||
<text style="font-size: 60rpx;">585.</text>
|
||||
<text style="font-size: 40rpx;">84</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="header_but" @click="jumpWithdraw">提现</view>
|
||||
</view>
|
||||
<view class="mine_purse_bonus_content">
|
||||
<view class="title">财务明细</view>
|
||||
<view class="content_list">
|
||||
<view class="content_item purse_info_item" v-for="item in contentList" :key="item.id">
|
||||
<view class="purse_info_left">
|
||||
<up-image :src="item.type === 1 ? '/static/mine/purse_j.png' : '/static/mine/purse_t.png'" width="40"
|
||||
height="40" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="purse_data_warp">
|
||||
<view class="purse_info_name">{{ item.name }}</view>
|
||||
<view class="purse_info_value">{{ item.time }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="purse_info_right">
|
||||
<view class="purse_info_title">{{ item.type === 1 ? '+' : '-' }} {{ item.amount }}</view>
|
||||
<view class="purse_info_value">{{ item.typeName }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
contentList: [
|
||||
{
|
||||
id: 1,
|
||||
type: 1,// 1：提，2：奖
|
||||
name: "提现-中国银行5478",
|
||||
time: "01-01 14:10:10",
|
||||
amount: 1000,
|
||||
typeName: "购物消费",
|
||||
}, {
|
||||
id: 2,
|
||||
type: 3,// 1：提，2：奖
|
||||
name: "奖励",
|
||||
time: "01-01 14:10:10",
|
||||
amount: 1000,
|
||||
typeName: "奖励",
|
||||
}, {
|
||||
id: 3,
|
||||
type: 3,// 1：提，2：奖
|
||||
name: "奖励",
|
||||
time: "01-01 14:10:10",
|
||||
amount: 1000,
|
||||
typeName: "奖励",
|
||||
}, {
|
||||
id: 4,
|
||||
type: 1,// 1：提，2：奖
|
||||
name: "提现-中国银行5478",
|
||||
time: "01-01 14:10:10",
|
||||
amount: 1000,
|
||||
typeName: "购物消费",
|
||||
}, {
|
||||
id: 5,
|
||||
type: 1,// 1：提，2：奖
|
||||
name: "提现-中国银行5478",
|
||||
time: "01-01 14:10:10",
|
||||
amount: 1000,
|
||||
typeName: "购物消费",
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 提现
|
||||
jumpWithdraw() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/mine/mine_purse_bonus_withdraw/mine_purse_bonus_withdraw",
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mine_purse_bonus_warp {
|
||||
height: 100vh;
|
||||
background-color: $app-bj;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.mine_purse_bonus_header {
|
||||
background: $app-bt-bj;
|
||||
padding: 40rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #FFFFFF;
|
||||
|
||||
.header_title {
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #EEEEEE;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.header_but {
|
||||
background: #FFFFFF;
|
||||
border-radius: 25rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
color: $app-bt-bj;
|
||||
font-weight: 500;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.mine_purse_bonus_content {
|
||||
padding: 20rpx;
|
||||
height: calc(100vh - 300rpx);
|
||||
overflow-y: auto;
|
||||
|
||||
.title {
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.content_item {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,296 @@
|
||||
<template>
|
||||
<view class="mine_purse_bonus_waithdraw">
|
||||
<view class="waithdraw_header_">
|
||||
<view style="margin-top: 10rpx;" @click="jumpPurse">
|
||||
<up-image src="/static/common/left.png" width="18" height="18" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view>提现</view>
|
||||
<view @click="jumpLog">提现记录</view>
|
||||
</view>
|
||||
<view class="waithdraw_content_">
|
||||
<view class="content_bank_item">
|
||||
<view class="title_comm">提现账户</view>
|
||||
<view class="bank_" @click="bankShowCheck(true)">
|
||||
<view>{{ form.bankName || '请选择' }}</view>
|
||||
<up-image src="/static/common/right.png" width="16" height="16" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content_amout_item">
|
||||
<view class="title_comm">提现金额</view>
|
||||
<up-input placeholder="请输入提现金额" border="none" v-model="form.amount" :customStyle="{
|
||||
'height': '110rpx',
|
||||
'background-color': '#F8F8F8',
|
||||
'margin': '10rpx 0',
|
||||
'padding': '0 20rpx',
|
||||
}" type="number" @change="amountChange">
|
||||
<template #suffix>
|
||||
<text>元</text>
|
||||
<text class="all_" @click="allFun">全部</text>
|
||||
</template>
|
||||
</up-input>
|
||||
</view>
|
||||
<view class="content_amout_item" style="margin-top: 20rpx;">
|
||||
<view class="title_comm">实际到账</view>
|
||||
<up-input placeholder="请输入需要提现金额" border="none" v-model="form.dzAmount" :customStyle="{
|
||||
'height': '110rpx',
|
||||
'background-color': '#F8F8F8',
|
||||
'margin': '10rpx 0',
|
||||
'padding': '0 20rpx',
|
||||
}" disabled>
|
||||
<template #suffix>
|
||||
<text>元</text>
|
||||
</template>
|
||||
</up-input>
|
||||
<view class="amount_">
|
||||
<view>可提现金额：￥{{ withdrawAmount }}</view>
|
||||
<view>手续费：{{ form.rateAmount }}（{{ (ruleObj && ruleObj.rate * 100) || 0 }}%）</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="withdraw_but" @click="withdrawFun">提现</view>
|
||||
<view class="warm_reminder">
|
||||
<view>温馨提示</view>
|
||||
<view>
|
||||
<view>1、提现T+1到账，节假日顺延！</view>
|
||||
<view>2、单笔最小提现金额：{{ (ruleObj && ruleObj.minAmount) || 0 }}</view>
|
||||
<view>3、单日最大提现金额：{{ (ruleObj && ruleObj.dayAmount) || 0 }}</view>
|
||||
<view>4、单日最大提现次数：{{ (ruleObj && ruleObj.dayTimes) || 0 }}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<up-picker :show="bankShow" :columns="bankOption" keyName="bankName" itemHeight="34" @confirm="bankConfirm"
|
||||
:loading="bankLoading" @cancel="bankShow = false" @close="bankShow = false"></up-picker>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getWithdrawalRule, withdrawal } from '@/api/finance.js';
|
||||
import { getBankList } from '@/api/bank.js';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
category: null,//账户类型
|
||||
amount: null,// 提现金额
|
||||
dzAmount: 0,// 到账金额
|
||||
rateAmount: 0,// 手续费
|
||||
bankId: null,// 提现银行卡
|
||||
bankName: null,// 提现银行卡名称
|
||||
},
|
||||
withdrawAmount: 0,
|
||||
ruleObj: {},// 规则
|
||||
bankOption: [],
|
||||
bankShow: false,
|
||||
bankLoading: false,
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
const amount = option.amount || 0;
|
||||
if (amount && amount !== "null") {
|
||||
this.withdrawAmount = amount || 0;
|
||||
}
|
||||
const category = option.category;
|
||||
if (category && category !== "null") {
|
||||
this.form.category = category;
|
||||
this.getWithdrawalRule();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
jumpPurse() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/mine/mine_purse/mine_purse",
|
||||
})
|
||||
},
|
||||
allFun() {
|
||||
const amount = this.withdrawAmount;
|
||||
this.form.amount = amount;
|
||||
this.amountChange(amount);
|
||||
},
|
||||
jumpLog() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/mine/mine_purse_bonus_withdraw_log/mine_purse_bonus_withdraw_log?category=" + this.form.category,
|
||||
})
|
||||
},
|
||||
async withdrawFun() {
|
||||
const params = {
|
||||
...this.form,
|
||||
}
|
||||
if (!params.bankId) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请选择提现银行卡",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.amount) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入需要提现余额",
|
||||
});
|
||||
return;
|
||||
}
|
||||
const withdrawAmount = this.withdrawAmount;
|
||||
if (!withdrawAmount && withdrawAmount !== "0") {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "可提现余额不足",
|
||||
});
|
||||
return;
|
||||
}
|
||||
delete params.bankName;
|
||||
const resp = await withdrawal(params);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'success',
|
||||
message: "已成功申请提现",
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_purse/mine_purse'
|
||||
});
|
||||
}, 1500)
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 查询规则
|
||||
*/
|
||||
async getWithdrawalRule() {
|
||||
const params = {
|
||||
category: this.form.category
|
||||
}
|
||||
const resp = await getWithdrawalRule(params);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.ruleObj = resp.data;
|
||||
}
|
||||
},
|
||||
// 选择银行的弹框
|
||||
async bankShowCheck(status) {
|
||||
if (status) {
|
||||
this.bankLoading = true;
|
||||
const resp = await getBankList();
|
||||
if (resp && resp.bizcode === 100) {
|
||||
if (!resp.data) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'warring',
|
||||
message: "请先去银行卡管理绑定银行卡",
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.bankOption = [resp.data || []];
|
||||
}
|
||||
this.bankLoading = false;
|
||||
} else {
|
||||
this.bankOption = [[]];
|
||||
}
|
||||
this.bankShow = status;
|
||||
},
|
||||
// 提交地址
|
||||
bankConfirm(e) {
|
||||
const {
|
||||
columnIndex,
|
||||
value,
|
||||
values,
|
||||
index,
|
||||
} = e;
|
||||
const data = value[0];
|
||||
this.form.bankId = data.id;
|
||||
this.form.bankName = data.bankName;
|
||||
this.bankShowCheck(false);
|
||||
},
|
||||
amountChange(amount) {
|
||||
const withdrawAmount = this.withdrawAmount;
|
||||
if (!withdrawAmount && withdrawAmount !== "0") {
|
||||
return;
|
||||
}
|
||||
const rate = this.ruleObj.rate;
|
||||
if (rate && amount) {
|
||||
const rateAmount = amount * rate;
|
||||
this.form.rateAmount = rateAmount.toFixed(2);
|
||||
this.form.dzAmount = (amount - rateAmount).toFixed(2);
|
||||
} else {
|
||||
this.form.rateAmount = 0;
|
||||
this.form.dzAmount = 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.mine_purse_bonus_waithdraw {
|
||||
background-color: $app-bj;
|
||||
height: calc(100vh - 130rpx);
|
||||
padding: 100rpx 30rpx 30rpx;
|
||||
overflow: auto;
|
||||
|
||||
.waithdraw_header_ {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.waithdraw_content_ {
|
||||
margin-top: 40rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx;
|
||||
padding: 30rpx;
|
||||
|
||||
.content_bank_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1rpx solid #EEEEEE;
|
||||
padding-bottom: 30rpx;
|
||||
|
||||
.bank_ {
|
||||
display: flex;
|
||||
font-weight: 500;
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.title_comm {
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.content_amout_item {
|
||||
margin: 20rpx 0;
|
||||
|
||||
.amount_ {
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #808080;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.all_ {
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
color: $app-bt-bj;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.withdraw_but {
|
||||
width: 100%;
|
||||
padding: 20rpx 0;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
background-color: $app-bt-bj;
|
||||
margin-top: 100rpx;
|
||||
border-radius: 10rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.warm_reminder {
|
||||
margin: 60rpx 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,138 @@
|
||||
<template>
|
||||
<view class="purse_bonus_withdraw_log">
|
||||
<Header :leftTitle="'提现记录(' + getValue(ACCOUNT_CATEGORY, form.category) + ')'" left-path-type="navigateTo"
|
||||
:leftPath="'/pages/mine/mine_purse_bonus_withdraw/mine_purse_bonus_withdraw?category=' + form.category" />
|
||||
<scroll-view scroll-y="true" @scrolltolower="loadMore" :style="{ 'height': 'calc(100vh - 200rpx)' }">
|
||||
<view class="purse_bonus_withdraw_log_content" v-if="logList && logList.length !== 0">
|
||||
<view class="log_item" v-for="(item, index) in logList" :key="index">
|
||||
<view>
|
||||
<view class="title_">{{ item.bankName }}(**** {{ getBankNumber(item.bankNo) }})</view>
|
||||
<view class="msg_">{{ formatDate(item.ctdate) }}</view>
|
||||
</view>
|
||||
<view style="text-align: right;">
|
||||
<view class="title_">{{ handleAmount(item.amount) }}</view>
|
||||
<view class="msg_">{{ getValue(FINANCE_WITHDRAWAL_STATUS, item.status) }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="not_order_warp">
|
||||
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="not_order_msg_warp">还没有提现记录哦～</view>
|
||||
</view>
|
||||
<view v-if="loading" style="text-align: center;">加载中...</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/components/header.vue';
|
||||
import { handleAmount, formatDate, getBankNumber } from '@/utils/index.js';
|
||||
import { ACCOUNT_CATEGORY, ACCOUNT_TYPE, FINANCE_WITHDRAWAL_STATUS, getValue } from '@/utils/enumUtils.js';
|
||||
import { getWithdrawalList } from '@/api/finance.js';
|
||||
|
||||
export default {
|
||||
computed: {
|
||||
ACCOUNT_CATEGORY() {
|
||||
return ACCOUNT_CATEGORY;
|
||||
},
|
||||
ACCOUNT_TYPE() {
|
||||
return ACCOUNT_TYPE;
|
||||
},
|
||||
FINANCE_WITHDRAWAL_STATUS() {
|
||||
return FINANCE_WITHDRAWAL_STATUS;
|
||||
}
|
||||
},
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
logList: [],
|
||||
form: {
|
||||
category: null,
|
||||
page: 1,
|
||||
pageSize: 20,
|
||||
},
|
||||
loading: false, // 加载状态标志
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
const category = option.category;
|
||||
if (category && category !== "null") {
|
||||
this.form.category = category;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.loadData(); // 页面加载时加载数据
|
||||
},
|
||||
methods: {
|
||||
handleAmount,
|
||||
formatDate,
|
||||
getValue,
|
||||
getBankNumber,
|
||||
// 加载数据的方法
|
||||
async loadData() {
|
||||
if (this.loading) return; // 如果正在加载，则不重复加载
|
||||
this.loading = true; // 设置加载状态为true
|
||||
try {
|
||||
// 模拟异步获取数据，实际应用中应该替换为你的数据获取逻辑，例如API调用
|
||||
const newData = await this.fetchData(this.form.page, this.form.pageSize);
|
||||
if (newData.entitys) {
|
||||
this.logList = [...this.logList, ...newData.entitys]; // 将新数据添加到列表中
|
||||
this.form.page++; // 页码加1
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载数据失败:', error);
|
||||
} finally {
|
||||
this.loading = false; // 设置加载状态为false
|
||||
}
|
||||
},
|
||||
// 模拟获取数据的方法，实际应用中应该替换为你的数据获取逻辑，例如从服务器获取数据
|
||||
async fetchData(page, pageSize) {
|
||||
const params = {
|
||||
page,
|
||||
pageSize,
|
||||
category: this.form.category,
|
||||
}
|
||||
const data = await getWithdrawalList(params);
|
||||
if (data && data.bizcode === 100) {
|
||||
return data.data
|
||||
} else {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
// 当滚动到底部时触发的方法
|
||||
loadMore() {
|
||||
this.loadData(); // 加载更多数据
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.purse_bonus_withdraw_log {
|
||||
background-color: $app-bj;
|
||||
padding: 30rpx;
|
||||
|
||||
// height: calc(100vh - 60rpx);
|
||||
// overflow: auto;
|
||||
.log_item {
|
||||
padding: 30rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.title_ {
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.msg_ {
|
||||
font-size: 24rpx;
|
||||
color: #808080;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,138 @@
|
||||
<template>
|
||||
<view class="purse_recharge_warp">
|
||||
<Header :leftTitle="getValue(ACCOUNT_CATEGORY, form.fromCategory) + '兑换'" left-path-type="navigateTo"
|
||||
left-path="/pages/mine/mine_purse/mine_purse" style="background-color: #FFFFFF;" />
|
||||
<view class="purse_recharge_cntent">
|
||||
<view class="recharge_balance">
|
||||
<view class="recharge_balance_image">
|
||||
<view style="margin-top: 6rpx;">
|
||||
<up-image src="/static/mine/exchange.png" width="20" height="20" bgColor="#f1f6ff00" />
|
||||
</view>
|
||||
<view class="msg_">可兑换余额</view>
|
||||
</view>
|
||||
<view class="recharge_balance_">{{ proAmount }}</view>
|
||||
</view>
|
||||
<view class="form_item">
|
||||
<view class="form_item_title">兑换金额</view>
|
||||
<up-input placeholder="输入需要兑换的金额" border="surround" clearable v-model="form.amount" :customStyle="{
|
||||
'margin-top': '20rpx',
|
||||
'background': '#FFFFFF',
|
||||
'box-shadow': '0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.06)',
|
||||
'border-radius': '8rpx',
|
||||
'height': '80rpx',
|
||||
}" type="number"></up-input>
|
||||
</view>
|
||||
<view class="form_item">
|
||||
<view class="form_item_title">目标账户</view>
|
||||
<view class="recharge_way_warp">
|
||||
<up-radio-group v-model="form.toCategory" placement="column" v-if="wayOption && wayOption.length !== 0">
|
||||
<view :class="index + 1 < wayOption.length ? 'way_item way_item_but' : 'way_item'"
|
||||
v-for="(item, index) in wayOption" :key="item.id">
|
||||
<view class="way_item_">
|
||||
<!-- <view style="margin-top: 2rpx;"><up-image :src="item.path" width="20" height="20" bgColor="#f1f6ff00"></up-image></view> -->
|
||||
<view class="way_item_val">{{ getValue(ACCOUNT_CATEGORY, item.category) }}<text
|
||||
v-if="item.rate"> (汇率 1:{{ item.rate }})</text></view>
|
||||
</view>
|
||||
<up-radio :name="item.category" activeColor="#03AD27">
|
||||
</up-radio>
|
||||
</view>
|
||||
</up-radio-group>
|
||||
<view v-else class="not_order_warp">
|
||||
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="not_order_msg_warp">暂无兑换选项</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="add_but_" @click="rechargeOk">
|
||||
立即兑换
|
||||
</view>
|
||||
</view>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/components/header.vue';
|
||||
import { getExchangeRule, exchange } from '@/api/finance.js';
|
||||
import { ACCOUNT_CATEGORY, getValue } from '@/utils/enumUtils.js';
|
||||
|
||||
export default {
|
||||
computed: {
|
||||
ACCOUNT_CATEGORY() {
|
||||
return ACCOUNT_CATEGORY;
|
||||
},
|
||||
},
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
amount: null,//充值金额
|
||||
fromCategory: null,
|
||||
toCategory: null,
|
||||
},
|
||||
wayOption: [],
|
||||
proAmount: 0,// 可兑换的金额
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
const category = option.category;
|
||||
if (category && category !== 'null') {
|
||||
this.form.fromCategory = category;
|
||||
}
|
||||
const amount = option.amount;
|
||||
if (amount && amount !== 'null') {
|
||||
this.proAmount = amount;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getWayOption();
|
||||
},
|
||||
methods: {
|
||||
getValue,
|
||||
async getWayOption() {
|
||||
const params = {
|
||||
category: this.form.fromCategory,
|
||||
}
|
||||
const result = await getExchangeRule(params);
|
||||
if (result && result.bizcode === 100) {
|
||||
this.wayOption = result.data;
|
||||
}
|
||||
},
|
||||
// 立即提现
|
||||
async rechargeOk() {
|
||||
const params = this.form;
|
||||
if (!params.amount) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入需要兑换金额",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.toCategory) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请选择目标账户",
|
||||
});
|
||||
return;
|
||||
}
|
||||
console.log("params", params);
|
||||
const result = await exchange(params);
|
||||
console.log("result", result);
|
||||
if (result && result.bizcode === 100) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'success',
|
||||
message: "已成功申请兑换",
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_purse/mine_purse'
|
||||
});
|
||||
}, 1500)
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,209 @@
|
||||
<template>
|
||||
<view class="purse_log_warp">
|
||||
<Header :leftTitle="$t('mine.purse.mine_purse_log.title')" left-path-type="navigateTo"
|
||||
left-path="/pages/mine/mine_purse/mine_purse" />
|
||||
<view class="info_warp">
|
||||
<view class="info_title_warp">
|
||||
<view :class="selInfo === item.key ? 'info_title_item_warp info_title_item_sel_warp' : 'info_title_item_warp'"
|
||||
v-for="item in infoList" :key="item.key" @click="selectInfo(item)">
|
||||
<text>{{ item.name }}</text>
|
||||
<view class="info_title_item_sel_but_warp" v-if="selInfo === item.key"></view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 抽奖 -->
|
||||
<!-- <view class="info_list_warp" v-if="form.category === 'raffle'">
|
||||
<winningRecord heightRef="calc(100vh - 246rpx)"/>
|
||||
</view> -->
|
||||
<view class="info_list_warp">
|
||||
<scroll-view scroll-y="true" @scrolltolower="loadMore(selInfo)" style="height:calc(100vh - 300rpx)">
|
||||
<view v-for="item in orderList" :key="item.id" class="purse_info_item"
|
||||
v-if="orderList && orderList.length !== 0">
|
||||
<view class="purse_info_left">
|
||||
<!-- <up-image :src="item.type === 1? '/static/mine/purse_sf.png' : '/static/mine/purse_xf.png'" width="40" height="40" bgColor="#f1f6ff00"></up-image> -->
|
||||
<up-image src="/static/mine/purse_sf.png" width="40" height="40" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="purse_data_warp">
|
||||
<view class="purse_info_name">{{ getValue(BALANCE_TYPE, item.type) }}</view>
|
||||
<view class="purse_info_value">{{ formatDate(item.ctdate) }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="ipurse_nfo_right">
|
||||
<view class="purse_info_title">{{ handleAmount(item.amount) }}</view>
|
||||
<view class="purse_info_value">{{ item.remark }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="not_order_warp">
|
||||
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="not_order_msg_warp">暂无记录～</view>
|
||||
</view>
|
||||
<view v-if="loading" style="text-align: center;">加载中...</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/components/header.vue';
|
||||
import winningRecord from '@/components/winning_record.vue';
|
||||
import { getAcctFlow } from '@/api/finance.js';
|
||||
import { getValue, BALANCE_TYPE } from '@/utils/enumUtils.js';
|
||||
import { formatDate, handleAmount } from '@/utils/index.js';
|
||||
|
||||
export default {
|
||||
computed: {
|
||||
BALANCE_TYPE() {
|
||||
return BALANCE_TYPE;
|
||||
}
|
||||
},
|
||||
components: { winningRecord, Header },
|
||||
data() {
|
||||
return {
|
||||
infoList: [
|
||||
{
|
||||
name: "活期账户",
|
||||
key: "cur"
|
||||
},
|
||||
{
|
||||
name: "锁定账户",
|
||||
key: "lock"
|
||||
},
|
||||
],
|
||||
selInfo: "cur",
|
||||
form: {
|
||||
id: 0,
|
||||
page: 1,
|
||||
pageSize: 15,
|
||||
category: null,
|
||||
},
|
||||
orderList: [],
|
||||
lockId: 0,
|
||||
curId: 0,
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
const category = option.category;
|
||||
if (category && category !== 0) {
|
||||
this.form.category = category;
|
||||
}
|
||||
const lockId = option.lockId;
|
||||
const curId = option.curId;
|
||||
if (lockId && lockId !== 'null') {
|
||||
this.lockId = lockId;
|
||||
// this.selectInfo(this.infoList[1]);
|
||||
}
|
||||
if (curId && curId !== 'null') {
|
||||
this.curId = curId;
|
||||
this.selectInfo(this.infoList[0]);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getValue,
|
||||
formatDate,
|
||||
handleAmount,
|
||||
selectInfo(item) {
|
||||
this.orderList = [];
|
||||
this.form.page = 1;
|
||||
this.selInfo = item.key;
|
||||
let id = 0;
|
||||
if (item.key === "cur") {
|
||||
id = this.curId;
|
||||
}
|
||||
if (item.key === "lock") {
|
||||
id = this.lockId;
|
||||
}
|
||||
this.form.id = id;
|
||||
this.loadData();
|
||||
},
|
||||
|
||||
// 加载数据的方法
|
||||
async loadData() {
|
||||
if (this.loading) return; // 如果正在加载，则不重复加载
|
||||
this.loading = true; // 设置加载状态为true
|
||||
try {
|
||||
// 模拟异步获取数据，实际应用中应该替换为你的数据获取逻辑，例如API调用
|
||||
const newData = await this.fetchData(this.form.page, this.form.pageSize);
|
||||
this.orderList = [...this.orderList, ...newData]; // 将新数据添加到列表中
|
||||
this.form.page++; // 页码加1
|
||||
} catch (error) {
|
||||
console.error('加载数据失败:', error);
|
||||
} finally {
|
||||
this.loading = false; // 设置加载状态为false
|
||||
}
|
||||
},
|
||||
// 模拟获取数据的方法，实际应用中应该替换为你的数据获取逻辑，例如从服务器获取数据
|
||||
async fetchData(page, pageSize) {
|
||||
if (!this.form.id || this.form.id === 0) {
|
||||
return [];
|
||||
}
|
||||
const params = {
|
||||
id: this.form.id,
|
||||
category: this.form.category,
|
||||
page,
|
||||
pageSize,
|
||||
}
|
||||
console.log("params", params);
|
||||
const resp = await getAcctFlow(params);
|
||||
console.log("resp", resp);
|
||||
if (resp && resp.bizcode === 100) {
|
||||
const data = resp.data && resp.data.entitys || [];
|
||||
return data
|
||||
} else {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
// 当滚动到底部时触发的方法
|
||||
loadMore(selInfo) {
|
||||
let id = 0;
|
||||
if (selInfo === "cur") {
|
||||
id = this.curId;
|
||||
}
|
||||
if (selInfo === "lock") {
|
||||
id = this.lockId;
|
||||
}
|
||||
this.form.id = id;
|
||||
this.loadData(); // 加载更多数据
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.purse_log_warp {
|
||||
height: calc(100vh - 58rpx);
|
||||
padding: 30rpx;
|
||||
overflow-y: hidden;
|
||||
|
||||
.info_title_warp {
|
||||
display: flex;
|
||||
padding-left: 10rpx;
|
||||
}
|
||||
|
||||
.info_title_item_warp {
|
||||
margin-right: 40rpx;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.info_title_item_sel_warp {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.info_title_item_sel_but_warp {
|
||||
background: $app-bt-bj;
|
||||
border-radius: 4rpx;
|
||||
width: 80rpx;
|
||||
height: 8rpx;
|
||||
margin-left: 18rpx;
|
||||
}
|
||||
|
||||
.info_list_warp {
|
||||
margin-top: 30rpx;
|
||||
// height: calc(100vh - 500rpx);
|
||||
// overflow-y: auto;
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,235 @@
|
||||
<template>
|
||||
<view class="purse_recharge_warp">
|
||||
<Header :leftTitle="$t('purse.recharge.title')" left-path-type="navigateTo" :left-path="leftPath"
|
||||
style="background-color: #FFFFFF;" />
|
||||
<view class="purse_recharge_cntent">
|
||||
<view class="recharge_balance">
|
||||
<view class="recharge_balance_image">
|
||||
<up-image src="/static/mine/recharge.png" width="20" height="20" bgColor="#f1f6ff00" />
|
||||
<view class="msg_">现金余额</view>
|
||||
</view>
|
||||
<view class="recharge_balance_">{{ proAmount }}</view>
|
||||
</view>
|
||||
<view class="form_item">
|
||||
<view class="form_item_title">充值金额</view>
|
||||
<up-input placeholder="输入需要充值的金额" border="surround" clearable v-model="form.amount" :customStyle="{
|
||||
'margin-top': '20rpx',
|
||||
'background': '#FFFFFF',
|
||||
'box-shadow': '0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.06)',
|
||||
'border-radius': '8rpx',
|
||||
'height': '80rpx',
|
||||
}" type="number"></up-input>
|
||||
</view>
|
||||
<view class="form_item">
|
||||
<view class="form_item_title">支付方式</view>
|
||||
<view class="recharge_way_warp">
|
||||
<up-radio-group v-model="form.payway" placement="column">
|
||||
<view :class="index + 1 < wayOption.length ? 'way_item way_item_but' : 'way_item'"
|
||||
v-for="(item, index) in wayOption" :key="item.id">
|
||||
<view class="way_item_">
|
||||
<view class="way_item_val">{{ item.name }}<text v-if="item.balance"> ({{ item.balance
|
||||
}})</text>
|
||||
</view>
|
||||
</view>
|
||||
<up-radio :name="item.type" activeColor="#03AD27">
|
||||
</up-radio>
|
||||
</view>
|
||||
</up-radio-group>
|
||||
</view>
|
||||
</view>
|
||||
<view class="add_but_" @click="rechargeOk">
|
||||
立即充值
|
||||
</view>
|
||||
</view>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/components/header.vue';
|
||||
import { getRechargeSupportPay, recharge } from '@/api/finance.js';
|
||||
import { feedback } from '@/api/payment.js';
|
||||
import { appWxpayFun, zfbPayFun } from '@/utils/payUtils.js'
|
||||
|
||||
export default {
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
category: null,
|
||||
amount: null,//充值金额
|
||||
payway: null,// 支付当时
|
||||
},
|
||||
wayOption: [],
|
||||
proAmount: 0,
|
||||
leftPath: '/pages/mine/mine_purse/mine_purse',
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
const category = option.category;
|
||||
if (category && category !== 'null') {
|
||||
this.form.category = category;
|
||||
}
|
||||
const amount = option.amount;
|
||||
if (amount && amount !== 'null') {
|
||||
this.proAmount = amount;
|
||||
}
|
||||
const back = option.back;
|
||||
if (back && back !== 'null') {
|
||||
if (back === "submit") {
|
||||
const id = option.id;
|
||||
this.leftPath = "/pages/order_package/order_submit/order_submit?payOpen=true&ids=" + id;
|
||||
}
|
||||
if (back === "orderInfo") {
|
||||
const id = option.id;
|
||||
this.leftPath = "/pages/mine/mine_order_info/mine_order_info?payOpen=true&id=" + id;
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getWayOption();
|
||||
},
|
||||
methods: {
|
||||
async getWayOption() {
|
||||
const result = await getRechargeSupportPay();
|
||||
if (result && result.bizcode === 100) {
|
||||
this.wayOption = result.data;
|
||||
}
|
||||
},
|
||||
// 立即充值
|
||||
async rechargeOk() {
|
||||
const params = this.form;
|
||||
if (!params.amount) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入需要充值的金额",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.payway) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请选择支付方式",
|
||||
});
|
||||
return;
|
||||
}
|
||||
console.log("params", params);
|
||||
const result = await recharge(params);
|
||||
console.log("result", result);
|
||||
if (result && result.bizcode === 100) {
|
||||
const item = result.data;
|
||||
console.log("item", item);
|
||||
if (item.wechat && Object.keys(item.wechat).length !== 0) {
|
||||
this.appWxpay(item.wechat, item.orderId, item.orderNum);
|
||||
} else if (item.alipay && Object.keys(item.alipay).length !== 0 && item.alipay) {
|
||||
this.zfbPay(item.alipay, item.orderId, item.orderNum);
|
||||
} else {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "充值失败",
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
// app 微信支付
|
||||
async appWxpay(alipay, orderId, orderNum) {
|
||||
try {
|
||||
const result = await appWxpayFun(alipay, orderId, orderNum);
|
||||
console.log('支付成功', result);
|
||||
// 处理支付成功后的逻辑，如更新订单状态等
|
||||
} catch (error) {
|
||||
console.error('支付失败', error);
|
||||
// 处理支付失败后的逻辑，如提示用户等
|
||||
}
|
||||
// const newThis = this;
|
||||
// const orderInfo = {
|
||||
// "appid": item.appId, // 微信开放平台 - 应用 - AppId，注意和微信小程序、公众号 AppId 可能不一致
|
||||
// "noncestr": item.nonceStr, // 随机字符串
|
||||
// "package": "Sign=WXPay", // 固定值
|
||||
// "partnerid": item.partnerId, // 微信支付商户号
|
||||
// "prepayid": item.prepayId, // 统一下单订单号
|
||||
// "timestamp": item.timeStamp, // 时间戳（单位：秒）
|
||||
// "sign": item.sign // 签名，这里用的 MD5/RSA 签名
|
||||
// };
|
||||
// uni.requestPayment({
|
||||
// provider:"wxpay",
|
||||
// orderInfo: orderInfo,
|
||||
// success: function(res) {
|
||||
// console.log('success:' + res);
|
||||
// newThis.payFeedbackFun(orderId,orderNum,1);
|
||||
// newThis.jumpWayOk();
|
||||
// },
|
||||
// fail: function(err) {
|
||||
// console.log('fail:',err);
|
||||
// newThis.$refs.uToastRef.show({
|
||||
// type: 'error',
|
||||
// message: "充值失败",
|
||||
// });
|
||||
// setTimeout(()=>{
|
||||
// newThis.jumpWayError()
|
||||
// },2000)
|
||||
// }
|
||||
// });
|
||||
},
|
||||
// 支付宝支付
|
||||
async zfbPay(alipay, orderId, orderNum) {
|
||||
try {
|
||||
const result = await zfbPayFun(alipay, orderId, orderNum);
|
||||
console.log('支付成功', result);
|
||||
// 处理支付成功后的逻辑，如更新订单状态等
|
||||
} catch (error) {
|
||||
console.error('支付失败', error);
|
||||
// 处理支付失败后的逻辑，如提示用户等
|
||||
}
|
||||
// const that = this;
|
||||
// uni.requestPayment({
|
||||
// provider: 'alipay',
|
||||
// orderInfo: item,
|
||||
// success(res) {
|
||||
// that.payFeedbackFun(orderId,orderNum,1);
|
||||
// that.jumpWayOk();
|
||||
// },
|
||||
// //调用失败的回调
|
||||
// fail(err) {
|
||||
// that.$refs.uToastRef.show({
|
||||
// type: 'error',
|
||||
// message: "充值失败",
|
||||
// });
|
||||
// setTimeout(()=>{
|
||||
// that.jumpWayError()
|
||||
// },2000)
|
||||
// }
|
||||
// })
|
||||
},
|
||||
// 跳转到支付成功页面
|
||||
jumpWayOk() {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'success',
|
||||
message: "充值成功",
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_purse/mine_purse'
|
||||
});
|
||||
}, 1500)
|
||||
},
|
||||
// 支付结果回调
|
||||
async payFeedbackFun(orderId, orderNum, status) {
|
||||
const params = {
|
||||
orderId,
|
||||
orderNum,
|
||||
status,
|
||||
}
|
||||
const response = await feedback(params);
|
||||
console.log("response", response);
|
||||
if (response && response.bizcode !== 100) {
|
||||
console.error("反馈结果", response);
|
||||
}
|
||||
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,240 @@
|
||||
<template>
|
||||
<view class="mine_setting">
|
||||
<Header :leftTitle="$t('mine.settings.title')" left-path-type="switchTab" leftPath="/pages/mine/mine" />
|
||||
<view class="mine_setting_content">
|
||||
<view class="setting_comm">
|
||||
<view class="header_user">
|
||||
<view class="mine_data">
|
||||
<up-image src="/static/logo_y.png" shape="circle" width="60" height="60" bgColor="#f1f6ff00"></up-image>
|
||||
<view class="mine_info">
|
||||
<view class="mine_info_name">{{ userData.name || '信任桥用户' }}</view>
|
||||
<view class="mine_info_id">注册手机号:{{ userData.mobile }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view @click="jumpSetting">
|
||||
<up-image src="/static/common/right.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="header_fg"></view>
|
||||
<view class="item_comm" @click="jumpInfo('address')">
|
||||
<view>地址管理</view>
|
||||
<up-image src="/static/common/right.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="setting_comm">
|
||||
<view class="item_comm">
|
||||
<view>账号安全</view>
|
||||
<up-image src="/static/common/right.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="header_fg"></view>
|
||||
<view class="item_comm">
|
||||
<view>绑定收款信息</view>
|
||||
<up-image src="/static/common/right.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="setting_comm">
|
||||
<view class="item_comm">
|
||||
<view>邀请码</view>
|
||||
<view class="invite_code_">{{ userData.inviteCode }}</view>
|
||||
</view>
|
||||
<view class="header_fg"></view>
|
||||
<view class="item_comm" @click="jumpPwd">
|
||||
<view>交易密码设置</view>
|
||||
<up-image src="/static/common/right.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="header_fg"></view>
|
||||
<view class="item_comm" @click="jumpInfo('userAgreement')">
|
||||
<view>用户协议</view>
|
||||
<up-image src="/static/common/right.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="header_fg"></view>
|
||||
<view class="item_comm" @click="jumpInfo('privacyAgreement')">
|
||||
<view>隐私协议</view>
|
||||
<up-image src="/static/common/right.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="header_fg"></view>
|
||||
<view class="item_comm" @click="jumpInfo('productAgreement')">
|
||||
<view>售后保障协议</view>
|
||||
<up-image src="/static/common/right_x.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
<view class="header_fg"></view>
|
||||
<view class="item_comm" @click="jumpInfo('aboutUs')">
|
||||
<view>关于我们</view>
|
||||
<up-image src="/static/common/right.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="login_out_warp" @click="loginOutFun">
|
||||
退出登录
|
||||
</view>
|
||||
<!-- <view class="cancel_but" @click="cancelAccount">
|
||||
注销账号
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getStorageFun, USER_DATA, clear } from '@/utils/auth.js';
|
||||
import { getUserInfo } from '@/api/auth.js';
|
||||
import Header from '@/components/header.vue';
|
||||
|
||||
export default {
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
userData: {},// 当前登录对象
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
// this.userData = getStorageFun(USER_DATA);
|
||||
this.getUserInfo();
|
||||
},
|
||||
methods: {
|
||||
// 查询用户等级
|
||||
async getUserInfo() {
|
||||
const result = await getUserInfo();
|
||||
if (result && result.bizcode === 100) {
|
||||
const data = result.data;
|
||||
this.userData = result.data || {};
|
||||
}
|
||||
},
|
||||
// 退出登录
|
||||
loginOutFun() {
|
||||
clear();
|
||||
uni.navigateTo({
|
||||
url: '/pages/login_package/login/login'
|
||||
})
|
||||
},
|
||||
cancelAccount() {
|
||||
clear();
|
||||
uni.navigateTo({
|
||||
url: '/pages/login_package/login/login'
|
||||
})
|
||||
},
|
||||
jumpInfo(type) {
|
||||
// 地址
|
||||
if (type === "address") {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_address/mine_address'
|
||||
})
|
||||
} else if (type === "aboutUs") {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_about_us/mine_about_us'
|
||||
})
|
||||
} else if (type === "userAgreement") {// 用户协议
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_user_agreement/mine_user_agreement'
|
||||
})
|
||||
} else if (type === "privacyAgreement") {// 隐私政策
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_privacy_agreement/mine_privacy_agreement'
|
||||
})
|
||||
} else if (type === "productAgreement") {// 售后保障协议
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_product_agreement/mine_product_agreement'
|
||||
})
|
||||
}
|
||||
},
|
||||
// 跳转到交易密码
|
||||
jumpPwd() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_transaction_password/mine_transaction_password'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mine_setting {
|
||||
background-color: $app-bj;
|
||||
height: calc(100% - 20rpx);
|
||||
|
||||
.mine_setting_content {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.setting_comm {
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx;
|
||||
padding: 30rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.mine_data {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mine_info_not_login {
|
||||
font-weight: bold;
|
||||
font-size: 40rpx;
|
||||
color: #111111;
|
||||
}
|
||||
|
||||
.mine_info {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.mine_info_name {
|
||||
font-weight: bold;
|
||||
font-size: 40rpx;
|
||||
color: #111111;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.mine_info_id {
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
display: flex;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.header_user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.header_fg {
|
||||
width: 100%;
|
||||
height: 2rpx;
|
||||
background: #E7E7E7;
|
||||
margin: 30rpx 0;
|
||||
}
|
||||
|
||||
.item_comm {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.invite_code_ {
|
||||
color: $app-zt-color;
|
||||
}
|
||||
}
|
||||
|
||||
.login_out_warp {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
background-color: $app-bt-bj;
|
||||
padding: 20rpx;
|
||||
width: calc(100% - 40rpx);
|
||||
border-radius: 10rpx;
|
||||
margin: 140rpx 0 0rpx;
|
||||
}
|
||||
|
||||
.cancel_but {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
width: calc(100% - 40rpx);
|
||||
margin-top: 20rpx;
|
||||
font-size: 30rpx;
|
||||
color: #999999;
|
||||
padding: 20rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,166 @@
|
||||
<template>
|
||||
<view class="mine_transaction_password">
|
||||
<Header leftTitle="交易密码设置" left-path-type="navigateTo" leftPath="/pages/mine/mine_settings/mine_settings" />
|
||||
<view class="_transaction_pwd_content">
|
||||
<view class="rwa_add_form">
|
||||
<view class="rwa_add_item">
|
||||
<view class="rwa_add_item_title">手机号码</view>
|
||||
<up-input border="surround" v-model="mobile" :customStyle="inputCss" disabled></up-input>
|
||||
</view>
|
||||
<view class="rwa_add_item">
|
||||
<view class="rwa_add_item_title">验证码</view>
|
||||
<up-input placeholder="请输入手机验证码" border="surround" v-model="form.smsCode" :customStyle="inputCss">
|
||||
<template #suffix style="margin-right: 10rpx;">
|
||||
<view v-if="countdown" class="code-warp">
|
||||
<up-count-down :time="60 * 1000" format="ss" @finish="countdown = false"></up-count-down>
|
||||
<text style="margin-left: 10rpx;">s</text>
|
||||
</view>
|
||||
<view v-else @click="getMobileCode" class="code_msg">
|
||||
获取验证码
|
||||
</view>
|
||||
</template>
|
||||
</up-input>
|
||||
</view>
|
||||
<view class="rwa_add_item">
|
||||
<view class="rwa_add_item_title">交易密码</view>
|
||||
<up-input placeholder="请输入交易密码" border="surround" v-model="form.tradePw" :customStyle="inputCss"></up-input>
|
||||
<view class="rwa_add_item_msg">注：密码只能6位数字</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="add_but_css" @click="addPwd">
|
||||
创建
|
||||
</view>
|
||||
</view>
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/components/header.vue';
|
||||
import { getTradeSmsCode, resetTradePw } from '@/api/auth.js'
|
||||
import { getUserInfo } from '@/api/auth.js';
|
||||
|
||||
export default {
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
userData: {},
|
||||
inputCss: {
|
||||
"height": '80rpx',
|
||||
"background": "#F5F5F5",
|
||||
"border-radius": "20rpx",
|
||||
"border": "0rpx",
|
||||
"padding-left": "16px",
|
||||
},
|
||||
mobile: '',
|
||||
form: {
|
||||
smsCode: '',
|
||||
tradePw: '',
|
||||
},
|
||||
countdown: false,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.getUserInfo();
|
||||
},
|
||||
methods: {
|
||||
// 查询用户等级
|
||||
async getUserInfo() {
|
||||
const result = await getUserInfo();
|
||||
if (result && result.bizcode === 100) {
|
||||
const data = result.data;
|
||||
this.mobile = data.mobile || {};
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 获取手机验证码
|
||||
*/
|
||||
async getMobileCode() {
|
||||
this.countdown = true;
|
||||
const response = await getTradeSmsCode();
|
||||
if (response && response.bizcode === 100) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'success',
|
||||
message: response.msg,
|
||||
});
|
||||
} else {
|
||||
this.countdown = false;
|
||||
}
|
||||
},
|
||||
// 添加密码
|
||||
async addPwd() {
|
||||
const params = this.form;
|
||||
if (!params.smsCode) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请输入验证码",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.tradePw) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "请设置交易密码",
|
||||
});
|
||||
return;
|
||||
} else {
|
||||
const regex = /^\d{6}$/;
|
||||
if (!/^\d{6}$/.test(params.tradePw)) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'error',
|
||||
message: "交易密码只能6位数字",
|
||||
});
|
||||
return;
|
||||
}
|
||||
}
|
||||
delete params.mobile;
|
||||
const response = await resetTradePw(params);
|
||||
if (response && response.bizcode === 100) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: 'success',
|
||||
message: "设置成功",
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mine_settings/mine_settings',
|
||||
})
|
||||
}, 2000)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.mine_transaction_password {
|
||||
height: calc(100vh - 0rpx);
|
||||
}
|
||||
|
||||
._transaction_pwd_content {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.rwa_add_form {
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx;
|
||||
padding: 30rpx;
|
||||
margin-bottom: 60rpx;
|
||||
|
||||
.rwa_add_item {
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.rwa_add_item_title {
|
||||
margin-bottom: 10rpx;
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.rwa_add_item_msg {
|
||||
font-size: 20rpx;
|
||||
margin-top: 10rpx;
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,133 @@
|
||||
<template>
|
||||
<view class="user_agreement_warp">
|
||||
<Header :leftTitle="$t('mine.user.agreement.title')" left-path-type="navigateTo" :leftPath="leftPath" />
|
||||
<view class="user_agreement_content_warp">
|
||||
本应用“信任桥”（下称：信任桥）系由“信任桥”开发。<br />
|
||||
《软件许可和用户协议》（以下简称“本协议”）是您（或称“用户”）与信任桥及其关联公司（以下简称“关联公司”）、其合作单位（包括但不限于第三方平台，以下简称“合作单位”）之间关于用户下载、安装、使用“信任桥”（以下简称“本软件”）及使用信任桥相关产品和服务所订立的协议。信任桥和关联公司、合作单位分别就您在本应用程序接受服务的过程中享受的权利和承担的义务，与您签订本协议，并独立向您承担责任，互不承担保证、连带或共同责任等。本软件及服务的所有权和运营权均归信任桥所有。<br />
|
||||
信任桥（以下简称“信任桥”）在此特别提醒用户认真阅读、充分理解《软件许可及用户协议》（以下简称“本协议”）。用户务必审慎阅读、充分理解各条款内容，特别涉及免除或者限制信任桥责任、法律适用和争议解决的条款，尤此类条款将以加粗的形式提示您注意。请您审慎阅读并选择接受或不接受本协议（未成年人应在法定监护人陪同下阅读）。您的下载、安装、使用本软件以及账号获取和登录等行为将视为对本协议的接受，并同意接受本协议各项条款的约束，并与信任桥达成一致，成为信任桥平台用户。阅读本协议的过程中，如果您不同意本协议或其中任何条款约定，您应立即停止注册、使用。<br />
|
||||
信任桥有权修订本协议，更新后的协议条款将公布于软件，自公布之日起生效。<br />
|
||||
用户可重新下载安装本软件或软件中的关于查阅最新版协议条款。在信任桥修改本协议条款后，如果用户不接受修改后的条款，请立即停止使用信任桥提供的软件和服务，用户继续使用信任桥提供的软件和服务将被视为已接受了修改后的协议。<br />
|
||||
一、知识产权声明及授权范围<br />
|
||||
1.1.信任桥就本软件给予用户一项个人的、不可转让、不可转授权以及非独占性的许可。<br />
|
||||
1.2.用户可以为非商业目的在单一台移动终端设备上安装、使用、显示、运行本软件。但用户不得为商业运营目的安装、使用、运行本软件，不可以对本软件或者本软件运行过程中释放到任何终端设备内存中的数据及本软件运行过程中客户端与服务器端的交互数据进行复制、更改、修改、挂接运行或创作任何衍生作品，形式包括但不限于使用插件、外挂或非经授权的第三方工具/服务接入本软件和相关系统。如果需要进行商业性的销售、复制和散发，例如软件预装和捆绑，必须获得信任桥的书面授权和许可。<br />
|
||||
1.3.除本《协议》明示授权外，信任桥未授权给用户其他权利，若用户使用其他权利时须另外取得信任桥的书面同意。<br />
|
||||
1.4.考虑到互联网业务的高速发展，本协议条款并不能完整覆盖您与信任桥的所有权利和义务，也不能保证完全符合发展的需求。信任桥平台的法律声明、隐私政策、平台规范、规则、通知、公告、操作规则、帮助文档、温馨提示等均为本协议的补充协议，与本协议不可分割且具有同等法律效力。如您使用本平台服务，视为您同意上述补充协议。<br />
|
||||
二、软件的获取、安装、升级<br />
|
||||
2.1.用户应当按照信任桥的指定网站或指定方式下载安装本软件产品。谨防在非指定网站下载本软件，以免移动终端设备感染能破坏用户数据和获取用户隐私信息的恶意程序。如果用户从未经信任桥授权的第三方获取本软件或与本软件名称相同的安装程序，信任桥无法保证该软件能够正常使用，并对因此给您造成的损失不予负责。<br />
|
||||
2.2.用户必须选择与所安装终端设备相匹配的本软件版本，否则，由于软件与设备型号不相匹配所导致的任何软件问题、设备问题或损害，均由用户自行承担。<br />
|
||||
2.3.为了改善用户体验、完善服务内容，信任桥有权不时地为您提供本软件替换、修改、升级版本，也有权为替换、修改或升级收取费用，但将收费提前征得您的同意。软件新版本发布后，信任桥不保证旧版本软件的继续可用。<br />
|
||||
三、信任桥账号申请与使用<br />
|
||||
3.1.如您登录本软件，需注册有信任桥帐号。您对信任桥帐号的申请、使用等行为应符合信任桥帐号使用协议及信任桥不时修订并公布的规范。<br />
|
||||
3.2.在您开始注册程序使用本平台服务前，您应当具备中华人民共和国法律规定的与您行为相适应的民事行为能力。若您不具备前述与您行为相适应的民事行为能力，则您应当在您的监护人的参与下使用本款软件，您及您的监护人应依照法律规定承担因此而导致的一切后果。您账户下的操作行为，仅代表您本人；如需代表特定的单位在信任桥平台购买商品或享受服务，您须按照信任桥的要求提供该单位相关的证件材料及授权材料。此外，您还需确保您不是任何国家、国际组织或者地域实施的贸易限制、制裁或其他法律、规则限制的对象，否则您可能无法正常注册及使用信任桥平台服务。<br />
|
||||
四、使用规范<br />
|
||||
4.1.用户在遵守法律及本《协议》的前提下可依本《协议》使用本软件及服务，用户不得实施如下行为:<br />
|
||||
4.1.1.对本软件进行反向工程，如反汇编、反编译或者其他试图获得本软件的源代码;<br />
|
||||
4.1.2.通过修改或伪造软件运行中的指令、数据，增加、删减、变动软件的功能或运行效果，或者将用于上述用途的软件、方法进行运营或向公众传播，无论这些行为是否为商业目的;<br />
|
||||
4.1.3.使用本软件进行任何危害网络安全的行为，包括但不限于：使用未经许可的数据或进入未经许可的服务器/账户；未经允许进入公众网络或者他人操作系统并删除、修改、增加存储信息；未经许可企图探查、扫描、测试本软件的系统或网络的弱点或其它实施破坏网络安全的行为；企图干涉、破坏本软件系统或网站的正常运行，故意传播恶意程序或病毒以及其他破坏干扰正常网络信息服务的行为；伪造TCP/IP数据包名称或部分名称;<br />
|
||||
4.1.4.未经信任桥书面同意，用户对软件及其中的信息擅自实施包括但不限于下列行为：使用、出租、出借、复制、修改、链接、转载、汇编、发表、出版，建立镜像站点、擅自借助本软件发展与之有关的衍生产品、作品、服务、插件、外挂、兼容、互联等；<br />
|
||||
4.1.5.利用本软件发表、传送、传播、储存违反当地法律法规的内容;<br />
|
||||
4.1.6.利用本软件发表、传送、传播、储存侵害他人知识产权、商业秘密等合法权利的内容;<br />
|
||||
4.1.7.利用本软件批量发表、传送、传播广告信息及垃圾信息;<br />
|
||||
4.1.8.其他以任何不合法的方式、为任何不合法的目的、或以任何与本协议许可使用不一致的方式使用本软件和信任桥提供的其他服务;<br />
|
||||
4.2信息发布规范<br />
|
||||
4.2.1您可使用本软件发表属于您原创或您有权发表的观点看法、数据、文字、信息、用户名、图片、照片、个人信息、音频、视频文件、链接等信息内容。您必须保证，您拥有您所上传信息内容的知识产权或已获得合法授权，您使用本软件及服务的任何行为未侵犯任何第三方之合法权益。<br />
|
||||
4.2.2您在使用本软件时需遵守当地法律法规要求。<br />
|
||||
4.2.3我们不会与信任桥（及相关关联公司或者相关服务提供的主体）以外的任何公司、组织和个人共享您的个人信息，但以下情况除外：<br />
|
||||
(1)事先获得您明确的同意或授权;<br />
|
||||
(2)根据适用的法律法规、法律程序的要求、强制性的行政或司法要求所必须的情况下进行提供，包括但不限于有关主管部门按照《电子商务法》要求信任桥提供有关电子商务数据信息（其中包含部分个人信息）的。<br />
|
||||
4.2.4.您在使用本软件时不得利用本软件从事以下行为，包括但不限于：<br />
|
||||
4.2.4.1.制作、复制、发布、传播、储存违反当地法律法规的内容；<br />
|
||||
4.2.4.2.发布、传送、传播、储存侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的内容;<br />
|
||||
4.2.4.3.虚构事实、隐瞒真相以误导.欺骗他人;<br />
|
||||
4.2.4.4.发表、传送、传播广告信息及垃圾信息;<br />
|
||||
4.2.4.5.从事其他违反当地法律法规的行为。<br />
|
||||
4.2.5.您声明并保证，您对您所发布的信息拥有相应、合法的权利。否则，信任桥可对您发布的信息依法或依本协议进行删除或屏蔽。同时，信任桥不对任何您所发布的有关信息内容的真实性、适用性、合法性承担责任。<br />
|
||||
4.3【禁止性信息】您应当确保您所发布的信息不包含以下内容：<br />
|
||||
（1）违反国家法律法规禁止性规定的;<br />
|
||||
（2）政治宣传、封建迷信、淫秽、色情、赌博、暴力、恐怖或者教唆犯罪的;<br />
|
||||
（3）欺诈、虚假、不准确或存在误导性的;<br />
|
||||
（4）侵犯他人知识产权或涉及第三方商业秘密及其他专有权利的;<br />
|
||||
（5）侮辱、诽谤、恐吓、涉及他人隐私等侵害他人合法权益的;<br />
|
||||
（6）存在可能破坏、篡改、删除、影响信任桥平台任何系统正常运行或未经授权秘密获取信任桥相关平台及其他用户的数据、个人资料的病毒、木马、爬虫等恶意软件、程序代码的;<br />
|
||||
（7）其他违背社会公共利益或公共道德或依据相关信任桥平台协议、规则的规定不适合在信任桥平台上发布的。<br />
|
||||
4.4.未经许可，您不得在本软件中进行任何诸如发布广告、销售商品的商业行为<br />
|
||||
4.5.为方便您使用信任桥平台等其他相关服务，您授权信任桥将您在账户注册和使用信任桥平台服务过程中提供、形成的信息传递给其他相关服务提供者，或从其他相关服务提供者获取您在注册、使用相关服务期间提供、形成的信息。<br />
|
||||
4.6您理解并同意:<br />
|
||||
4.6.1.信任桥对用户是否涉嫌违反上述使用规范做出认定，并根据认定结果中止、终止对您的使用许可或采取其他依本约定可采取的限制措施;<br />
|
||||
4.6.2.对于用户使用许可软件时发布的涉嫌违法或涉嫌侵犯他人合法权利或违反本协议的信息，信任桥直接删除;<br />
|
||||
4.6.3.对于用户违反上述使用规范的行为对第三方造成损害的，您需要以自己的名义独立承担法律责任，并应确保信任桥免于因此产生损失或增加费用;<br />
|
||||
4.6.4.若用户违反有关法律规定或协议约定，使信任桥遭受损失，或受到第三方的索赔，或受到行政管理机关的处罚，用户应当赔偿信任桥因此造成的损失和（或）发生的费用，包括合理的律师费、调查取证费用。<br />
|
||||
4.7（第三方内容/服务说明】本软件可能包含由信任桥的关联方或第三方提供的内容或服务，信任桥只是为了用户便利操作而在本软件中提供相关功能模块，提供第三方内容或服务的使用入口。<br />
|
||||
4.7.1.不论第三方内容或服务预置于本软件中，还是由用户自行开通或订购，用户均理解并同意，信任桥不对第三方内容或服务提供方或用户行为的合法性、有效性，以及第三方内容或服务的合法性、准确性、有效性、安全性进行任何明示或默示的保证或担保。<br />
|
||||
4.7.2.信任桥并不监督第三方内容或服务，不对其拥有任何控制权，也不对第三方服务提供任何形式的保证或担保，更不承担任何责任。<br />
|
||||
4.7.3.用户与第三方内容或服务提供方之间发生的任何争议、纠纷应由用户与第三方服务提供方自行协商解决，信任桥不承担任何责任。<br />
|
||||
五、变更<br />
|
||||
5.1.信任桥可根据国家法律法规变化及维护交易秩序、保护消费者权益需要，不时修改本协议、补充协议，变更后的协议、补充协议（下称“变更事项”）将通过法定程序并以合理方式通知您。<br />
|
||||
5.2.信任桥和合作公司有权按需要修改或变更所提供的收费服务、收费标准、收费方式、服务费及服务条款。信任桥在提供服务时，可能现在或日后对部分服务的用户开始收取一定的费用如用户拒绝支付该等费用，则不能在收费开始后继续使用相关的服务。信任桥和合作公司将尽最大努力通过电邮或其他方式通知用户有关的修改或变更。<br />
|
||||
5.3.如您对已生效的变更事项仍不同意的，您应当于变更事项确定的生效之日起停止使用信任桥平台服务，变更事项对您不产生效力；如您在变更事项生效后仍继续使用信任桥平台服务，则视为您同意已生效的变更事项。<br />
|
||||
六、账号终止<br />
|
||||
6.1当您发生以下任一情况时，信任桥平台有权限制您的全部或部分权限(包括但不限于下单、参加促销活动等），取消相关未履行完毕的订单、解除合同，或者注销您的信任桥帐号：<br />
|
||||
（1) 通过网络攻击、大量发布广告等行为影响网站正常经营或影响网站为其他用户提供服务;<br />
|
||||
（2）多次在评论区或咨询区发布与所售商品或服务无关的信息，或多次恶意进行负面评价，违反平台信用评价制度的;<br />
|
||||
（3）通过不正当手段（如外挂工具、网络攻击、盗刷银行卡等方式）或其他违法，侵犯第三人利益的方式谋取利益;<br />
|
||||
（4）利用销售方过错或失误进行恶意索赔、投诉达两次或以上，或者无故对销售商或客服人员进行辱骂、人身攻击;<br />
|
||||
（5）非因商品/服务质量原因，短期内多次拒收商品或拒绝接受服务;<br />
|
||||
（6）通过账户购物从事索赔或转售业务的（如批发、零售);<br />
|
||||
（7）您提供的订单信息（包括但不限于姓名、电话、身份证号、电子邮箱等）不真实、不准确或不完整;<br />
|
||||
（8）您有其他影响平台正常经营秩序或违法行为。<br />
|
||||
6.2.一旦您在信任桥平台的账户被终止，您使用信任桥平台服务的权利即告终止。信任桥不因终止本协议对您承担任何责任，包括终止您的用户账户和删除您的用户内容；信任桥也没有义务向您或第三方提供您使用信任桥平台服务所形成的信息资料。<br />
|
||||
七、知识产权声明<br />
|
||||
7.1【知识产权保护】信任桥是本软件的知识产权权利人。本软件的一切著作权、商标权、专利权、商业秘密等知识产权，以及与本软件相关的所有信息内容（包括但不限于文字、图片、音频、视频、图表、界面设计、版面框架、有关数据或电子文档等）均受您所在当地法律法规和相应的国际条约保护，信任桥享有上述知识产权。您使用信任桥帐号及信任桥平台服务的行为应符合相关协议关于知识产权的约定。<br />
|
||||
7.2【知识产权许可】您在使用信任桥平台服务时利用信任桥帐号发表上传的文字、图片等原创信息的知识产权归您所有但是您确认您对该等信息的发表、上传行为视同为对信任桥非独占地、永久地、不可撤销地授予该等信息相关全部知识产权的使用、复制等权利，并且您同意信任桥可转授权上述权利。<br />
|
||||
7.3【知识产权归属】除非经过信任桥的在先书面同意，您未获得权利使用信任桥的任何知识产权。您保证、陈述并承诺您尊重信任桥的知识产权。您不会以自己名义或促使第三方，也不会同意或放任任何第三方，为了其任何营销、广告、促销或其他目的，在任何法域、以任何方式申请与信任桥或信任桥关联公司商标相似的商标、域名、无线网站、互联网搜索词或任何商号、服务标志。如出现上述情况，您须将所有相关权利转让给信任桥，费用由您承担。您保证、陈述并承诺，不会使用以下名称（包括但不限于“信任桥”）、上述品牌的附属标志及图案（包括但不限于等）作为企业、商户、服务或产品名称的一部分，亦不会使用与信任桥商标或近似商标的知识产权。如因您违反本条款约定而给信任桥造成损失的，该损失全部由您承担。<br />
|
||||
7.4【侵权处理】您在信任桥发布的信息不得侵犯任何第三人的知识产权，未经具有相关所有权人之事先书面同意，您不得以任何方式上传、发布、修改、传播或复制任何受著作权保护的材料、商标或属于其他人的专有信息。如您认为信任桥平台上的商品或其他信息侵犯了您的知识产权，请按照信任桥平台上公布的知识产权保护规则及流程处理。<br />
|
||||
八、通知<br />
|
||||
您在注册成为信任桥用户，并接受信任桥平台服务时，您应该向信任桥提供真实有效的联系方式（包括联系电话等），对于联系方式发生变更的，您有义务及时更新有关信息，并保持可被联系的状态。信任桥向您浏览界面推送的弹窗等通知形式，也作为向您发出的有效通知。信任桥将向您的上述联系方式的其中之一或其中若干向您送达各类通知，而此类通知的内容可能对您的权利义务产生重大的有利或不利影响，请您务必及时关注。您应当保证所提供的联系方式是准确、有效的，并进行实时更新。如果因提供的联系方式不确切，或不及时告知变更后的联系方式，使通知无法送达或未及时送达，由您自行承担由此可能产生的法律后果。<br />
|
||||
九、适用法律及争议解决<br />
|
||||
9.1本协议应适用中华人民共和国法律。您因使用信任桥平台服务所产生及与信任桥平台服务有关的争议，由信任桥与您协商解决。协商不成时，任何一方均可向上海市青浦区有管辖权的人民法院提起诉讼。<br />
|
||||
9.2本协议中的某些条款因故无法适用，则本协议的其他条款继续适用且无法适用的条款将会被修改，以便其能够依法适用。<br />
|
||||
9.3未明示授权的其他权利仍由信任桥保留，您在行使这些权利时须另外取得信任桥的书面许可。信任桥如果未行使前述任何权利，并不构成对该权利的放弃。<br />
|
||||
十、其他<br />
|
||||
10.1.用户在使用本软件某一特定服务时，该服务可能会另有单独的协议、相关业务规则等（以下统称为“单独协议”)，您在使用该项服务前请阅读并同意相关的单独协议。<br />
|
||||
10.2.本协议生效时间为2025年1月20日。<br />
|
||||
10.3.本协议所有条款的标题仅为阅读方便，本身并无实际涵义，不能作为本协议涵义解释的依据。<br />
|
||||
10.4.本协议条款无论因何种原因部分无效或不可执行，其余条款仍有效，对双方具有约束力。<br />
|
||||
开发者：信任桥<br />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/components/header.vue';
|
||||
export default {
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
leftPath: '/pages/mine/mine_settings/mine_settings'
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
const backPath = option.backPath;
|
||||
if (backPath && backPath === "login") {
|
||||
this.leftPath = '/pages/login_package/login/login';
|
||||
}
|
||||
if (backPath && backPath === "register") {
|
||||
this.leftPath = '/pages/login_package/register/register';
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.user_agreement_warp {
|
||||
background-color: $app-bj;
|
||||
overflow: hidden;
|
||||
|
||||
.user_agreement_content_warp {
|
||||
padding: 40rpx;
|
||||
height: calc(100vh - 242rpx);
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,24 @@
|
||||
<template>
|
||||
<view class="mine_winning_record">
|
||||
<winningRecord />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import winningRecord from '@/components/winning_record.vue';
|
||||
|
||||
export default {
|
||||
components:{winningRecord},
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mine_winning_record{
|
||||
padding: 30rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user