add
This commit is contained in:
parent
98727e5824
commit
43612fe683
|
@ -149,4 +149,8 @@ export const getReportingSms = (data) => {
|
|||
|
||||
export const uploadImg = (data) => {
|
||||
return request.post('/Upload/image', data);
|
||||
}
|
||||
|
||||
export const getVipInfoByPhone = (data) => {
|
||||
return request.get('/user/user/other_user_info', data);
|
||||
}
|
|
@ -2,8 +2,8 @@ let BASE_URL
|
|||
let WSS_URL
|
||||
import store from "@/store/user.js"
|
||||
// 环境
|
||||
let env = "dev"
|
||||
// let env = "prod"
|
||||
// let env = "dev"
|
||||
let env = "prod"
|
||||
// let env = "release";
|
||||
// let env = "local";
|
||||
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
</view>
|
||||
<view class="li-top" style="margin-bottom: 0;">
|
||||
<text style="font-size: 24rpx;color: grey;">{{item.create_time}}</text>
|
||||
<text style="font-size: 24rpx;color: grey;">余额 {{item.before_balance}}</text>
|
||||
<text style="font-size: 24rpx;color: grey;">余额 {{item.balance}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -21,8 +21,8 @@
|
|||
<view class="li" v-for="(item,index) in lists" :key="index">
|
||||
<view class="li-top">
|
||||
<text>{{item.title}}</text>
|
||||
<text style="font-weight: bold;" :style="{color:!item.financial_pm?'#50C758':'red'
|
||||
}">{{ !item.financial_pm?'+':'-' }}{{item.number}}</text>
|
||||
<text style="font-weight: bold;" :style="{color:item.financial_pm?'#50C758':'red'
|
||||
}">{{ item.financial_pm?'+':'-' }}{{item.number}}</text>
|
||||
</view>
|
||||
<view class="li-top" style="margin-bottom: 0;">
|
||||
<text style="font-size: 24rpx;color: grey;">{{item.create_time}}</text>
|
||||
|
|
|
@ -12,17 +12,22 @@
|
|||
</view>
|
||||
|
||||
<view v-else>
|
||||
<view class="tabs">
|
||||
<!-- <view class="tabs">
|
||||
<text @click="currentTab = 1" :class="{ actText: currentTab == 1 }">开通{{ Role == 1 ? '行业会员' : '商户' }}
|
||||
</text>
|
||||
<text @click="currentTab = 2, getCount(), getLists()" :class="{ actText: currentTab == 2 }"> 已开通列表</text>
|
||||
<view class="lines" :class="{ actLine: currentTab == 2 }" />
|
||||
</view>
|
||||
<!-- tabs1 -->
|
||||
<block v-if='currentTab == 1'>
|
||||
</view> -->
|
||||
<up-sticky bgColor="#fff" style="padding: 20rpx;">
|
||||
<up-tabs :list="tabsLst" :itemStyle="{width:'33vw',paddingBottom:'20rpx'}" lineColor='#50C758'
|
||||
:current='currentTab' @change="tabsChange"></up-tabs>
|
||||
</up-sticky>
|
||||
|
||||
<!-- tabs0 -->
|
||||
<block v-if='currentTab == 0'>
|
||||
<view class="card card1">
|
||||
<view class="card1-tit">
|
||||
{{ Role == 1 ? '行业会员' : '商户' }}开通报备
|
||||
行业会员开通报备
|
||||
<!-- <up-input v-model='formData.auth_code'> </up-input> -->
|
||||
</view>
|
||||
<up-form labelPosition="left" :model="formData" :borderBottom='false'>
|
||||
|
@ -48,7 +53,7 @@
|
|||
suffixIcon='arrow-down'></up-input>
|
||||
</view>
|
||||
</up-form-item>
|
||||
<up-form-item label="" v-if='Role == 1'>
|
||||
<up-form-item label="">
|
||||
<view @click="showPop1 = true" style="width: 100%;">
|
||||
<up-input style="pointer-events: none" v-model="formData.label_name" border="none"
|
||||
prefixIcon="man-add" readonly placeholder="点击选择用户身份" :customStyle="{
|
||||
|
@ -58,15 +63,6 @@
|
|||
suffixIcon='arrow-down'></up-input>
|
||||
</view>
|
||||
</up-form-item>
|
||||
<!-- <up-form-item label="" v-if='Role == 1'>
|
||||
<view style="width: 100%;">
|
||||
<up-input v-model="formData.price" border="none" prefixIcon="rmb-circle" placeholder="请输入金额"
|
||||
:customStyle="{
|
||||
background: '#F3F3F3', padding: '20rpx',
|
||||
'border-radius': '30rpx'
|
||||
}" :placeholderStyle="{ color: '#444444' }" :prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
|
||||
</view>
|
||||
</up-form-item> -->
|
||||
<up-form-item label="">
|
||||
<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;">
|
||||
<view class="">
|
||||
|
@ -85,15 +81,15 @@
|
|||
报备人:{{ STORE_INFO.name }}
|
||||
</view>
|
||||
|
||||
<view class="store-info" v-if="Role==1">
|
||||
<view class="store-info">
|
||||
<view class="" style="width: 300rpx;margin: 0 auto;border-bottom: 1px solid #F3F3F3;">
|
||||
<up-input inputAlign='center' placeholder="请输入金额" @focus="formData.price=''" color='#FF6B00'
|
||||
:placeholderStyle="{fontSize:'28rpx'}" fontSize='20px' border="none"
|
||||
<up-input inputAlign='center' type='digit' placeholder="请输入金额" @focus="formData.price=''"
|
||||
color='#FF6B00' :placeholderStyle="{fontSize:'28rpx'}" fontSize='20px' border="none"
|
||||
v-model="formData.price" @blur='tofixedPrice'></up-input>
|
||||
</view>
|
||||
<view style="color: red;margin-top: 20rpx;font-size: 24rpx;"
|
||||
v-if="formData.label_limit&&formData.price<formData.label_limit">
|
||||
{{formData.label_name}}角色最低金额不能低于{{formData.label_limit}}元
|
||||
{{formData.label_name}}角色最低金额不能低于{{formData.label_limit}}元且最高金额不能超过10000.00元
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
@ -102,14 +98,85 @@
|
|||
<view class="submit-btn" @click="submit">
|
||||
<view
|
||||
style='width: 710rpx;height: 100rpx;text-align: center;line-height: 100rpx;text-align: center;color: white;background-color: #33B83A;border-radius: 50rpx;font-size:40rpx ;'>
|
||||
{{ Role == 1 ? '完成并收款' : '完成' }}
|
||||
完成并收款
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<block v-if="currentTab==1">
|
||||
<view class="card card1">
|
||||
<view class="card1-tit">
|
||||
行业会员追加经营资金
|
||||
<!-- <up-input v-model='formData.auth_code'> </up-input> -->
|
||||
</view>
|
||||
<up-form labelPosition="left" :model="formData2" :borderBottom='false'>
|
||||
<up-form-item label="">
|
||||
<up-input @change="phoneChnge" v-model="formData2.mobile" border="none" prefixIcon="phone"
|
||||
placeholder="输入电话号码自动查询"
|
||||
:customStyle="{ background: '#F3F3F3', padding: '20rpx', 'border-radius': '30rpx' }"
|
||||
:placeholderStyle="{ color: '#444444' }"
|
||||
:prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="">
|
||||
<up-input v-model="formData2.real_name" disabled border="none" prefixIcon="account"
|
||||
placeholder="系统自动获取" color='grey'
|
||||
:customStyle="{ background: '#F3F3F3', padding: '20rpx', 'border-radius': '30rpx' }"
|
||||
:placeholderStyle="{ color: 'grey' }"
|
||||
:prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="">
|
||||
<up-input style="pointer-events: none" v-model="formData2.address" border="none"
|
||||
prefixIcon="map" readonly color='grey' placeholder="系统自动获取" :customStyle="{
|
||||
background: '#F3F3F3', padding: '20rpx',
|
||||
'border-radius': '30rpx'
|
||||
}" :placeholderStyle="{ color: 'grey' }" :prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="">
|
||||
<up-input style="pointer-events: none" v-model="formData2.label_name" border="none" color='grey'
|
||||
prefixIcon="man-add" readonly placeholder="系统自动获取" :customStyle="{
|
||||
background: '#F3F3F3', padding: '20rpx',
|
||||
'border-radius': '30rpx'
|
||||
}" :placeholderStyle="{ color: 'grey' }" :prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
|
||||
</up-form-item>
|
||||
</up-form>
|
||||
<view class="store-info">
|
||||
报备人:{{ STORE_INFO.name }}
|
||||
</view>
|
||||
|
||||
<view class="store-info">
|
||||
<view class="" style="width: 300rpx;margin: 0 auto;border-bottom: 1px solid #F3F3F3;">
|
||||
<up-input inputAlign='center' placeholder="请输入金额" @focus="formData2.price=''" color='#FF6B00'
|
||||
:placeholderStyle="{fontSize:'28rpx'}" fontSize='20px' border="none"
|
||||
v-model="formData2.price" type='digit' @blur='tofixedPrice(2)'></up-input>
|
||||
</view>
|
||||
<view style="color: red;margin-top: 20rpx;font-size: 24rpx;"
|
||||
v-if="formData2.label_limit&&formData2.price<formData2.label_limit">
|
||||
<view class="">
|
||||
{{formData2.label_name}}会员最低金额不能低于{{formData2.label_limit}}元
|
||||
</view>
|
||||
<view class="">
|
||||
最高金额不能超过10000.00元
|
||||
</view>
|
||||
<view class="">
|
||||
可单次多笔累计操作
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="submit-btn" @click="submit(2)">
|
||||
<view
|
||||
style='width: 710rpx;height: 100rpx;text-align: center;line-height: 100rpx;text-align: center;color: white;background-color: #33B83A;border-radius: 50rpx;font-size:40rpx ;'>
|
||||
完成并收款
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</block>
|
||||
<!-- tabs2 -->
|
||||
<block v-else>
|
||||
<block v-if="currentTab == 2">
|
||||
<view class="vip-card">
|
||||
<text>当前已开通:</text>
|
||||
<up-count-to :startVal="0" :endVal="count"></up-count-to>
|
||||
|
@ -120,25 +187,22 @@
|
|||
<uni-table stripe emptyText="暂无更多数据" width="100%">
|
||||
<!-- 表头行 -->
|
||||
<uni-tr>
|
||||
<uni-th width="20" align="center">序号</uni-th>
|
||||
<uni-th width="50" align="center" v-if='Role == 1'>行业会员</uni-th>
|
||||
<uni-th width="50" align="center" v-if='Role == 1'>经营资金</uni-th>
|
||||
<uni-th width="50" align="center" v-if='Role == 4'>开通时间</uni-th>
|
||||
<uni-th width="50" align="center" v-if='Role == 4'>商户</uni-th>
|
||||
<uni-th width="50" align="center" v-if='Role == 1'>角色</uni-th>
|
||||
<!-- <uni-th width="20" align="center">序号</uni-th> -->
|
||||
<uni-th width="50" align="center">行业会员</uni-th>
|
||||
<uni-th width="50" align="center">经营资金</uni-th>
|
||||
<uni-th width="50" align="center">开通时间</uni-th>
|
||||
<uni-th width="50" align="center">角色</uni-th>
|
||||
<uni-th width="50" align="center">状态</uni-th>
|
||||
</uni-tr>
|
||||
<!-- 表格数据行 -->
|
||||
<uni-tr v-for="(item, index) in lists" :key="item.order_id">
|
||||
<uni-td align="center">{{index+1}}</uni-td>
|
||||
<uni-td style="font-size: 20rpx;" align="center" v-if='Role == 1'>{{ item.real_name }}</uni-td>
|
||||
<uni-td style="font-size: 20rpx;" align="center" v-if='Role == 1'>{{ item.price }}</uni-td>
|
||||
<uni-td style="font-size: 20rpx;" align="center"
|
||||
v-if='Role == 4'>{{ item.create_time }}</uni-td>
|
||||
<uni-td style="font-size: 20rpx;" align="center" v-if='Role == 4'>{{ item.nickname }}</uni-td>
|
||||
<uni-td style="font-size: 20rpx;" align="center" v-if='Role == 1'>{{ item.label_name }}</uni-td>
|
||||
<!-- <uni-td align="center">{{index+1}}</uni-td> -->
|
||||
<uni-td style="font-size: 20rpx;" align="center">{{ item.real_name }}</uni-td>
|
||||
<uni-td style="font-size: 20rpx;" align="center">{{ item.price }}</uni-td>
|
||||
<uni-td style="font-size: 20rpx;" align="center">{{ item.create_time }}</uni-td>
|
||||
<uni-td style="font-size: 20rpx;" align="center">{{ item.label_name }}</uni-td>
|
||||
<uni-td style="font-size: 20rpx;" align="center">
|
||||
<view v-if="item.paid == 1 || Role == 4">已开通</view>
|
||||
<view v-if="item.paid == 1 ">已开通</view>
|
||||
<view v-else style="color:#33B83A ;">
|
||||
<view @click="upadtaStatus(item)">
|
||||
未开通,查询
|
||||
|
@ -226,7 +290,8 @@
|
|||
getUserLabel,
|
||||
getUserShip,
|
||||
getCreateLists,
|
||||
getReportingSms
|
||||
getReportingSms,
|
||||
getVipInfoByPhone
|
||||
} from "@/api/user.js"
|
||||
import Push from "@/utils/push.js"
|
||||
import {
|
||||
|
@ -244,6 +309,28 @@
|
|||
const columns = ref([])
|
||||
const showModa = ref(true)
|
||||
const storePhone = ref('')
|
||||
const tabsLst = reactive([{
|
||||
name: '开通行业会员'
|
||||
},
|
||||
{
|
||||
name: '追加经营资金'
|
||||
},
|
||||
{
|
||||
name: '已开通列表'
|
||||
},
|
||||
]);
|
||||
|
||||
|
||||
const tabsChange = (e) => {
|
||||
currentTab.value = e.index
|
||||
if (e.index == 2) {
|
||||
getCount()
|
||||
getLists()
|
||||
}
|
||||
// getLists()
|
||||
}
|
||||
|
||||
|
||||
const confirmStore = () => {
|
||||
getStoreByPhone({
|
||||
phone: storePhone.value
|
||||
|
@ -291,7 +378,7 @@
|
|||
const code = ref('')
|
||||
const checkPhone = (phone) => {
|
||||
const regex = /^1[3-9]\d{9}$/;
|
||||
return regex.test(formData.mobile) ? true : false
|
||||
return regex.test(phone) ? true : false
|
||||
}
|
||||
|
||||
const getCode = async () => {
|
||||
|
@ -312,7 +399,7 @@
|
|||
// 验证码结束
|
||||
|
||||
|
||||
const currentTab = ref(1)
|
||||
const currentTab = ref(0)
|
||||
const formData = reactive({
|
||||
store_id: STORE_INFO.id,
|
||||
mobile: "",
|
||||
|
@ -348,7 +435,61 @@
|
|||
// code: '12'
|
||||
})
|
||||
|
||||
const tofixedPrice = () => {
|
||||
|
||||
const formData2 = reactive({
|
||||
store_id: STORE_INFO.id,
|
||||
mobile: "",
|
||||
province: 510000,
|
||||
city: '',
|
||||
area: "",
|
||||
street: "",
|
||||
village: "",
|
||||
real_name: "",
|
||||
auth_code: "",
|
||||
address: "",
|
||||
label_name: "",
|
||||
label_id: "",
|
||||
label_limit: "",
|
||||
user_ship: '',
|
||||
brigade: "",
|
||||
price: "",
|
||||
})
|
||||
|
||||
const phoneChnge = async () => {
|
||||
if (formData2.mobile.length == 0) resetFormData();
|
||||
if (!checkPhone(formData2.mobile)) return
|
||||
uni.showLoading({
|
||||
title: '查询用户中'
|
||||
})
|
||||
let {
|
||||
data
|
||||
} = await getVipInfoByPhone({
|
||||
mobile: formData2.mobile
|
||||
})
|
||||
uni.hideLoading()
|
||||
formData2.city = data.address_info?.city
|
||||
formData2.area = data.address_info?.area
|
||||
formData2.province = data.address_info?.province
|
||||
formData2.street = data.address_info?.street
|
||||
formData2.village = data.address_info?.village
|
||||
formData2.real_name = data.real_name
|
||||
formData2.address = data.address_info?.address_like
|
||||
formData2.label_id = data.label_id
|
||||
// formData2.label_limit = data.label_id
|
||||
formData2.user_ship = data.user_ship
|
||||
formData2.brigade = data.address_info?.brigade
|
||||
columns.value[0].forEach(item => {
|
||||
if (item.label_id == data.label_id) {
|
||||
formData2.label_name = item.label_name
|
||||
formData2.label_limit = item.limit
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
|
||||
const tofixedPrice = (type = 1) => {
|
||||
if (type == 2) return formData2.price = (+formData2.price).toFixed(2)
|
||||
formData.price = (+formData.price).toFixed(2)
|
||||
}
|
||||
|
||||
|
@ -356,10 +497,16 @@
|
|||
for (let key in formData) {
|
||||
formData[key] = ''
|
||||
}
|
||||
for (let key in formData2) {
|
||||
formData2[key] = ''
|
||||
}
|
||||
|
||||
|
||||
tabsList.forEach(item => {
|
||||
item.name = '请选择'
|
||||
})
|
||||
formData.province = 510000
|
||||
formData2.province = 510000
|
||||
cutDown.value = 0
|
||||
currentAddressIndex.value = 0
|
||||
}
|
||||
|
@ -490,39 +637,22 @@
|
|||
|
||||
|
||||
// 提交
|
||||
const submit = async () => {
|
||||
if (!formData.real_name) return uni.$u.toast('请填写真实姓名');
|
||||
if (!formData.mobile) return uni.$u.toast('请填写电话号码');
|
||||
if (!formData.code) return uni.$u.toast('请输入短信验证码');
|
||||
if (!formData.address) return uni.$u.toast('请选择地址');
|
||||
if (!formData.label_id) return uni.$u.toast('请选择用户身份');
|
||||
if (formData.price < formData.label_limit) return uni.$u.toast(
|
||||
`${formData.label_name}角色最低金额不能低于${formData.label_limit}元`);
|
||||
formData.store_id = STORE_INFO.id
|
||||
if (Role.value == 1) {
|
||||
// formData.recharge_type = 'INDUSTRYMEMBERS'
|
||||
// formData.user_ship = 1
|
||||
// vipRechargeApi(formData).then(res => {
|
||||
// uni.showLoading({
|
||||
// title: '支付中...'
|
||||
// });
|
||||
// timerInvol = setTimeout(() => {
|
||||
// uni.hideLoading();
|
||||
// uni.$u.toast('支付超时');
|
||||
// console.log("支付超时")
|
||||
// }, 10000)
|
||||
// })
|
||||
// return
|
||||
const submit = async (type = 1) => {
|
||||
if (type == 2) {
|
||||
if (!formData2.mobile) return uni.$u.toast('请填写电话号码');
|
||||
if (formData2.price < formData2.label_limit) return uni.$u.toast(
|
||||
`${formData2.label_name}角色最低金额不能低于${formData2.label_limit}元`);
|
||||
formData2.store_id = STORE_INFO.id
|
||||
uni.scanCode({
|
||||
success: function(res) {
|
||||
if (String(res.result.length) != 18) return uni.$u.toast('二维码未扫描完整');
|
||||
uni.showLoading({
|
||||
title: '支付中...'
|
||||
});
|
||||
formData.auth_code = res.result
|
||||
formData.recharge_type = 'INDUSTRYMEMBERS'
|
||||
formData.user_ship = 1
|
||||
vipRechargeApi(formData).then(res => {
|
||||
formData2.auth_code = res.result
|
||||
formData2.recharge_type = 'INDUSTRYMEMBERS'
|
||||
formData2.user_ship = 1
|
||||
vipRechargeApi(formData2).then(res => {
|
||||
timerInvol = setTimeout(() => {
|
||||
uni.hideLoading();
|
||||
if (currentTab.value == 2) return;
|
||||
|
@ -532,7 +662,52 @@
|
|||
|
||||
}
|
||||
});
|
||||
} else {
|
||||
if (!formData.real_name) return uni.$u.toast('请填写真实姓名');
|
||||
if (!formData.mobile) return uni.$u.toast('请填写电话号码');
|
||||
if (!formData.code) return uni.$u.toast('请输入短信验证码');
|
||||
if (!formData.address) return uni.$u.toast('请选择地址');
|
||||
if (!formData.label_id) return uni.$u.toast('请选择用户身份');
|
||||
if (formData.price < formData.label_limit) return uni.$u.toast(
|
||||
`${formData.label_name}角色最低金额不能低于${formData.label_limit}元`);
|
||||
formData.store_id = STORE_INFO.id
|
||||
if (Role.value == 1) {
|
||||
// formData.recharge_type = 'INDUSTRYMEMBERS'
|
||||
// formData.user_ship = 1
|
||||
// vipRechargeApi(formData).then(res => {
|
||||
// uni.showLoading({
|
||||
// title: '支付中...'
|
||||
// });
|
||||
// timerInvol = setTimeout(() => {
|
||||
// uni.hideLoading();
|
||||
// uni.$u.toast('支付超时');
|
||||
// console.log("支付超时")
|
||||
// }, 10000)
|
||||
// })
|
||||
// return
|
||||
uni.scanCode({
|
||||
success: function(res) {
|
||||
if (String(res.result.length) != 18) return uni.$u.toast('二维码未扫描完整');
|
||||
uni.showLoading({
|
||||
title: '支付中...'
|
||||
});
|
||||
formData.auth_code = res.result
|
||||
formData.recharge_type = 'INDUSTRYMEMBERS'
|
||||
formData.user_ship = 1
|
||||
vipRechargeApi(formData).then(res => {
|
||||
timerInvol = setTimeout(() => {
|
||||
uni.hideLoading();
|
||||
if (currentTab.value == 2) return;
|
||||
uni.$u.toast('支付超时');
|
||||
}, 30000)
|
||||
})
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
const rePay = (item) => {
|
||||
|
@ -604,8 +779,6 @@
|
|||
|
||||
}
|
||||
|
||||
getCount()
|
||||
getLists()
|
||||
|
||||
const upadtaStatus = (item) => {
|
||||
updataOrderApi({
|
||||
|
|
|
@ -53,7 +53,7 @@
|
|||
"style": {
|
||||
"navigationBarTitleText": "个人中心",
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationBarBackgroundColor": "#D3FDCA"
|
||||
"navigationBarBackgroundColor": "#CDFBBC"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/charge/charge_record",
|
||||
|
|
|
@ -14,12 +14,12 @@
|
|||
<up-transition :show="showWeixin">
|
||||
<view class="btn">
|
||||
<up-button @click="weixinLogin" color="#20B128" size="large"><up-icon color="#fff"
|
||||
size="28"></up-icon>微信快捷登录</up-button>
|
||||
size="28"></up-icon>手机号快捷登录</up-button>
|
||||
</view>
|
||||
<view class="btn">
|
||||
<!-- <view class="btn">
|
||||
<up-button @click="navgo('/pages/login/test')" color="#20B128" size="large"><up-icon
|
||||
name="account-fill" color="#fff" size="28"></up-icon>手机号快捷登录</up-button>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- <view class="btn">
|
||||
<up-button @click="officialCode" color="#20B128" size="large"><up-icon name="weixin-fill" color="#fff"
|
||||
size="28"></up-icon>公众号授权</up-button>
|
||||
|
|
182
pages/my/my.vue
182
pages/my/my.vue
|
@ -20,71 +20,66 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.balance {
|
||||
position: absolute;
|
||||
top: 160rpx;
|
||||
z-index: 999;
|
||||
left: 80rpx;
|
||||
font-size: 50rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 620rpx;
|
||||
justify-content: space-between;
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<view>
|
||||
<!-- <up-navbar title="我的" :autoBack="true" bgColor="transparent" :fixed="true">
|
||||
</up-navbar> -->
|
||||
<view class="user-info">
|
||||
<image class="bg" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/e3a7b202404261113002322.webp"
|
||||
mode="widthFix"></image>
|
||||
<view style="flex-grow: 1;overflow-y: auto;">
|
||||
<view class="user-info"
|
||||
:style="{backgroundImage: userInfo.user_ship!=1?'url(https://lihai001.oss-cn-chengdu.aliyuncs.com/def/e3a7b202404261113002322.webp)':'url(https://lihai001.oss-cn-chengdu.aliyuncs.com/attach/a8055202406281609236596.png)' }">
|
||||
<view class="u-card">
|
||||
<view style="display: flex;" @click="updataInfp">
|
||||
<up-avatar :src="userInfo.avatar" size="56"></up-avatar>
|
||||
<up-image :src="userInfo.avatar" mode="aspectFill" width="112rpx" height="112rpx"
|
||||
shape="circle"></up-image>
|
||||
<view class="content">
|
||||
<view class="u-phone">{{userInfo.nickname}}</view>
|
||||
<view class="u-id">ID: {{userInfo.id}}</view>
|
||||
<view style="font-size: 32rpx;">{{userInfo.nickname}}</view>
|
||||
<view class="uid">
|
||||
<text>ID:</text>
|
||||
<view style="margin:0 20rpx;">
|
||||
{{userInfo.id}}
|
||||
</view>
|
||||
<view
|
||||
style="display: flex;align-items: center;background-color: #F6EECD;padding: 4rpx 10rpx;border-radius: 20rpx;">
|
||||
<view style="margin-right: 10rpx;">
|
||||
<up-icon
|
||||
name="https://lihai001.oss-cn-chengdu.aliyuncs.com/attach/e8621202406281618363287.png"></up-icon>
|
||||
</view>
|
||||
{{userInfo.label_name}}会员
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="to-vip-btn" @click="navgo('/pageQuota/vipUser/index')">
|
||||
会员报备
|
||||
</view>
|
||||
</view>
|
||||
<view class="balance" @click="navgo('/pageQuota/balanceDetail/index?type=2')">
|
||||
<view class="" style="font-size: 28rpx;transform: translateY(10rpx);">
|
||||
余额:
|
||||
</view>
|
||||
<view style="font-size: 50rpx;">
|
||||
{{userInfo.now_money||"0.00"}}<text style="font-size: 28rpx;"> (元)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="balance" @click="navgo('/pageQuota/balanceDetail/index?type=2')">
|
||||
<view class="" style="font-size: 28rpx;transform: translateY(10rpx);">
|
||||
余额:
|
||||
</view>
|
||||
<view class="">
|
||||
{{userInfo.now_money||"0.00"}}<text style="font-size: 28rpx;"> (元)</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="rest">
|
||||
<!-- <view class="rest-item" @click="navgo('/pageQuota/balanceDetail/index?type=2')">
|
||||
<view class="rest-item-num">{{userInfo.now_money||"0.00"}}</view>
|
||||
<view class="rest-item-txt">余额</view>
|
||||
</view> -->
|
||||
<view class="rest-item" @click="navgo('/pageQuota/balanceDetail/index?type=1')">
|
||||
<view class="rest-item-num">{{userInfo.purchase_funds||'0.00'}}</view>
|
||||
<view class="rest-item-txt">采购款</view>
|
||||
</view>
|
||||
<view class="rest-item">
|
||||
<view class="rest-item" @click="navgo('/pageQuota/balanceDetail/index?type=4')">
|
||||
<view class="rest-item-num">{{userInfo.return_money||'0.00'}}</view>
|
||||
<view class="rest-item-txt">返还金</view>
|
||||
</view>
|
||||
<!-- <view class="rest-item" @click="navgo('/pageQuota/balanceDetail/index?type=3')"> -->
|
||||
|
||||
<!-- <view class="rest-item" @click="navgo('/pageQuota/balanceDetail/index?type=3')"> -->
|
||||
<view class="rest-item">
|
||||
<view class="rest-item" @click="navgo('/pageQuota/balanceDetail/index?type=3')">
|
||||
<view class="rest-item-num">{{userInfo.GetNumber ||"0.00"}}</view>
|
||||
<view class="rest-item-txt">礼品券</view>
|
||||
</view>
|
||||
<view class="rest-item">
|
||||
<view class="rest-item" @click="navgo('/pageQuota/balanceDetail/index?type=3')">
|
||||
<view class="rest-item-num">{{userInfo.number ||"0.00"}}</view>
|
||||
<view class="rest-item-txt">冻结券</view>
|
||||
</view>
|
||||
|
@ -141,16 +136,15 @@
|
|||
</view>
|
||||
|
||||
<up-popup :show="showPop" @close="showPop=false" @open="showPop=true">
|
||||
<view class="popContent">
|
||||
<view class="popContent" :style="{paddingBottom:isFoucs?'500rpx':'50rpx'}">
|
||||
<view style="text-align: center;font-size: 30rpx;font-weight: bold;">
|
||||
修改个人信息{{isFoucs}}
|
||||
修改个人信息
|
||||
</view>
|
||||
<up-input v-model="formData.nick_name" border="none" placeholder="请输入个人呢称"></up-input>
|
||||
<up-form labelPosition="left">
|
||||
<!-- <up-form-item label="呢称" prop="userInfo.name" borderBottom ref="item1">
|
||||
<up-input :cursorSpacing='1100' v-model="formData.nick_name" border="none"
|
||||
<up-form-item label="呢称" prop="userInfo.name" borderBottom ref="item1" @tap="isFoucs=true">
|
||||
<up-input :adjustPosition="false" @blur="isFoucs=false" v-model="formData.nick_name" border="none"
|
||||
placeholder="请输入个人呢称"></up-input>
|
||||
</up-form-item> -->
|
||||
</up-form-item>
|
||||
<up-form-item label="头像" prop="userInfo.sex" borderBottom ref="item1">
|
||||
<up-image :src="formData.avatar" width="80px" height="80px" @click="uploadAvatar"></up-image>
|
||||
</up-form-item>
|
||||
|
@ -265,6 +259,7 @@
|
|||
title: '上传中...'
|
||||
});
|
||||
const tempFilePaths = chooseImageRes.tempFilePaths;
|
||||
console.log('ewser', config.HTTP_REQUEST_URL)
|
||||
uni.uploadFile({
|
||||
url: config.HTTP_REQUEST_URL + '/api/Upload/image', //仅为示例,非真实的接口地址
|
||||
filePath: tempFilePaths[0],
|
||||
|
@ -299,7 +294,12 @@
|
|||
userInfo.value = res.data;
|
||||
formData.avatar = res.data.avatar
|
||||
formData.nick_name = res.data.nickname
|
||||
|
||||
if (res.data.user_ship == 1) {
|
||||
uni.setNavigationBarColor({
|
||||
frontColor: "#000000",
|
||||
backgroundColor: "#F3FCF2"
|
||||
})
|
||||
}
|
||||
})
|
||||
getOrderCount();
|
||||
})
|
||||
|
@ -314,84 +314,48 @@
|
|||
|
||||
<style lang="scss">
|
||||
.user-info {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 750rpx;
|
||||
height: 250rpx;
|
||||
|
||||
.bg {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
// background-color: red;
|
||||
width: 100vw;
|
||||
height: 300rpx;
|
||||
background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 70rpx 50rpx 0 50rpx;
|
||||
|
||||
.u-card {
|
||||
box-sizing: border-box;
|
||||
padding: 50rpx 0 50rpx 50rpx;
|
||||
position: absolute;
|
||||
top: -10rpx;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
|
||||
.to-vip-btn {
|
||||
color: white;
|
||||
padding: 10rpx 20rpx;
|
||||
background-color: #39BE40;
|
||||
border-radius: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
align-items: center;
|
||||
|
||||
.content {
|
||||
// width: 500rpx;
|
||||
padding-left: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
.u-phone {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.u-id {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.u-card-level {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 40rpx;
|
||||
|
||||
.u-level-item {
|
||||
.uid {
|
||||
margin-top: 15rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
&:not(:nth-last-child(1)) {
|
||||
margin-right: 100rpx;
|
||||
}
|
||||
|
||||
.u-level-item-num {
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.u-level-item-txt {
|
||||
font-size: 26rpx;
|
||||
color: #444444;
|
||||
}
|
||||
font-size: 22rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.to-vip-btn {
|
||||
color: white;
|
||||
padding: 10rpx 20rpx;
|
||||
height: 34rpx;
|
||||
background-color: #39BE40;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.balance {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 35rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -3,7 +3,36 @@
|
|||
<view class="count_down" v-if="datas.paid==0&&countDown">
|
||||
还剩<text>{{countDown}}</text>订单自动取消
|
||||
</view>
|
||||
<view class="m-card m-address" style="margin-top: 20rpx;">
|
||||
<view class="m-card m-address" style="margin-top: 20rpx;" v-if="datas.is_writeoff==1">
|
||||
<view class="address-info"
|
||||
style='display: flex;justify-content: space-between;width: 690rpx;align-items: center;'
|
||||
@click="callPhone(store_info.phone)">
|
||||
<view class="top" style="align-items: flex-start;">
|
||||
<view style="color: #333;display: flex;align-items: center;flex-shrink: 0;">
|
||||
<text style="margin: 0 10rpx;color:#20B128">核销门店</text>
|
||||
</view>
|
||||
<view>
|
||||
<view style="color: #333;">
|
||||
{{store_info.name}}
|
||||
</view>
|
||||
<view style="font-size: 24rpx;color: #333;">
|
||||
{{store_info.detailed_address}}
|
||||
</view>
|
||||
<view>
|
||||
<view v-if="store_info.phone">
|
||||
<text style="margin-right: 10rpx;">{{store_info.name||store_info.mer_real_name}}</text>
|
||||
<text>{{store_info.phone}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view @click.stop="navgo('/multipleShop/index/index')"
|
||||
style="padding: 20rpx;background-color:#20B128;color: white;border-radius: 40rpx;flex-shrink: 0;">
|
||||
所有提货点
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="m-card m-address" style="margin-top: 20rpx;" v-else>
|
||||
<view class="address-info"
|
||||
style='display: flex;justify-content: space-between;width: 690rpx;align-items: center;'
|
||||
@click="callPhone(shopInfo.phone)">
|
||||
|
@ -32,7 +61,8 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="m-card m-address" style="margin-top: 20rpx;" v-if="addressInfo && addressInfo.address_id">
|
||||
|
||||
<!-- <view class="m-card m-address" style="margin-top: 20rpx;" v-if="addressInfo && addressInfo.address_id">
|
||||
<view class="address-info">
|
||||
<view class="top">
|
||||
<up-icon name="account"></up-icon>
|
||||
|
@ -47,8 +77,8 @@
|
|||
<view style="width: 80px;"><up-button @click="showAddress = true" size="small" shape="circle"
|
||||
color="#f6f6f6" :customStyle="{color:'#666666'}">修改</up-button></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="m-card m-address" style="margin-top: 20rpx;" v-else>
|
||||
</view> -->
|
||||
<!-- <view class="m-card m-address" style="margin-top: 20rpx;" v-else>
|
||||
<view class="address-info">
|
||||
<view class="top">
|
||||
<up-icon name="account"></up-icon>
|
||||
|
@ -59,7 +89,7 @@
|
|||
<view style="width: 80px;"><up-button @click="showAddress = true" size="small" shape="circle"
|
||||
color="#f6f6f6" :customStyle="{color:'#666666'}">修改</up-button></view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="m-card m-good" v-for="(item,index) in datas.goods_list" :key="index">
|
||||
<view class="image">
|
||||
<up-image :src="item.image" width="120rpx" height="120rpx"></up-image>
|
||||
|
@ -231,6 +261,7 @@
|
|||
})
|
||||
}
|
||||
|
||||
const store_info = ref({})
|
||||
const datas = ref({})
|
||||
const getDetails = () => {
|
||||
orderDetailApi({
|
||||
|
@ -240,6 +271,7 @@
|
|||
datas.value = res.data;
|
||||
options.code = datas.value.verify_code; // 生成条形码的值
|
||||
shopInfo.value = res.data.near_store;
|
||||
store_info.value = res.data.store_info || {};
|
||||
if (addressList.value.length > 0 && res.data.paid) {
|
||||
addressInfo.value = addressList.value.find(item => item.address_id == res.data.address_id);
|
||||
} else {
|
||||
|
|
Loading…
Reference in New Issue