提交优化 #9
@ -54,12 +54,13 @@
|
|||||||
|
|
||||||
<view class="vip-kt">
|
<view class="vip-kt">
|
||||||
<view class="top">
|
<view class="top">
|
||||||
<text class="t1">开通会员</text>
|
<text class="t1" v-if="userInfo.activate == 1">试用会员</text>
|
||||||
|
<text class="t1" v-if="userInfo.activate == 2">开通会员</text>
|
||||||
<text class="t2">有效期至</text>
|
<text class="t2">有效期至</text>
|
||||||
<text class="t3">2024-10-24</text>
|
<text class="t3">2024-10-24</text>
|
||||||
</view>
|
</view>
|
||||||
<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120">
|
<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120">
|
||||||
<view id="demo1" @click="vipFun(index)" class="scroll-view-item_H uni-bg-red" :class="valVip == index ? 'on' : ''" v-for="(item,index) in vipList" :key="index">
|
<view id="demo1" @click="vipFun(index,item.name)" class="scroll-view-item_H uni-bg-red" :class="valVip == index ? 'on' : ''" v-for="(item,index) in vipList" :key="index">
|
||||||
<view class="t">{{item.name}}</view>
|
<view class="t">{{item.name}}</view>
|
||||||
<view class="c">¥<text class="tx">{{item.specialPrice}}</text></view>
|
<view class="c">¥<text class="tx">{{item.specialPrice}}</text></view>
|
||||||
<view class="b" v-if="index==0">试用1天</view>
|
<view class="b" v-if="index==0">试用1天</view>
|
||||||
@ -71,9 +72,12 @@
|
|||||||
<view class="vip-text">
|
<view class="vip-text">
|
||||||
购买即视为同意《<text class="ts">会员用户协议</text>》
|
购买即视为同意《<text class="ts">会员用户协议</text>》
|
||||||
</view>
|
</view>
|
||||||
<view class="vip-btn" @click="beclick()">
|
<view class="vip-btn" @click="beclick()" v-if="userInfo.activate != 1">
|
||||||
立即试用
|
立即试用
|
||||||
</view>
|
</view>
|
||||||
|
<view class="vip-btn" @click="beclick()" v-else>
|
||||||
|
立即开通
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</s-layout>
|
</s-layout>
|
||||||
</template>
|
</template>
|
||||||
@ -96,6 +100,7 @@
|
|||||||
const vipList = ref([]);
|
const vipList = ref([]);
|
||||||
const vipList2 = ref([]);
|
const vipList2 = ref([]);
|
||||||
const valVip = ref([]);
|
const valVip = ref([]);
|
||||||
|
const nameVip = ref([]);
|
||||||
// 定义方法
|
// 定义方法
|
||||||
function getList() {
|
function getList() {
|
||||||
request({
|
request({
|
||||||
@ -113,27 +118,28 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// vipFun
|
// vipFun
|
||||||
function vipFun(index) {
|
let data = {
|
||||||
valVip.value = index
|
cardName:nameVip.value
|
||||||
|
}
|
||||||
|
function vipFun(index,name) {
|
||||||
|
valVip.value = index
|
||||||
|
data.cardName = name
|
||||||
}
|
}
|
||||||
let kk = {
|
|
||||||
cardName:'试用'
|
|
||||||
};
|
|
||||||
|
|
||||||
// beclick
|
// beclick
|
||||||
function beclick() {
|
function beclick() {
|
||||||
|
console.log(data.cardName,"nameVip.value")
|
||||||
request({
|
request({
|
||||||
url: `${baseUrl}${apiPath}/pay/member/create`,
|
url: `${baseUrl}${apiPath}/pay/member/create`,
|
||||||
method: 'post',
|
method: 'post',
|
||||||
params: {
|
data,
|
||||||
cardName:kk
|
|
||||||
},
|
|
||||||
custom: {
|
custom: {
|
||||||
showLoading: false,
|
showLoading: false,
|
||||||
},
|
},
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
console.log(JSON.stringify(kk),"-----------试用---------------")
|
console.log(res,"-----------试用---------------")
|
||||||
|
sheep.$helper.toast('试用开通成功');
|
||||||
|
sheep.$router.go('/pages/index/user')
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -68,7 +68,10 @@
|
|||||||
<view v-if="type === 'UserOrder'" class="new-huiy" @click="
|
<view v-if="type === 'UserOrder'" class="new-huiy" @click="
|
||||||
sheep.$router.go('/pages/user/user_vip/list')
|
sheep.$router.go('/pages/user/user_vip/list')
|
||||||
">
|
">
|
||||||
<view class="new-button">立即开通</view>
|
<view class="new-button" v-if="userInfo.activate == 1">正在试用</view>
|
||||||
|
<view class="new-button" v-if="userInfo.activate == 2">开通</view>
|
||||||
|
<view class="new-button" v-if="userInfo.activate == 3">永久</view>
|
||||||
|
<view class="new-button" v-if="userInfo.activate == 0">立即开通</view>
|
||||||
<image class="seckill1" mode="aspectFit"
|
<image class="seckill1" mode="aspectFit"
|
||||||
src="https://zysc.fjptzykj.com:3000/shangcheng/64776e2edc3c2f15295e7c3976ba301e08f9170f99a2e845d8f33bd65179b177.png" />
|
src="https://zysc.fjptzykj.com:3000/shangcheng/64776e2edc3c2f15295e7c3976ba301e08f9170f99a2e845d8f33bd65179b177.png" />
|
||||||
</view>
|
</view>
|
||||||
@ -86,13 +89,15 @@
|
|||||||
import {
|
import {
|
||||||
ref,
|
ref,
|
||||||
reactive,
|
reactive,
|
||||||
unref
|
unref,
|
||||||
|
computed
|
||||||
} from 'vue';
|
} from 'vue';
|
||||||
import AddressApi from '@/sheep/api/member/address';
|
import AddressApi from '@/sheep/api/member/address';
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
model: [],
|
model: [],
|
||||||
});
|
});
|
||||||
|
// 用户信息
|
||||||
|
const userInfo = computed(() => sheep.$store('user').userInfo);
|
||||||
const ff = async (id) => {
|
const ff = async (id) => {
|
||||||
let {
|
let {
|
||||||
code,
|
code,
|
||||||
|
Loading…
Reference in New Issue
Block a user