mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-02 10:16:38 +08:00
sumt
This commit is contained in:
summation
parent
320c23dde5
commit
e133d3e778
127
rc-busness/pages/address/address.vue
Normal file
127
rc-busness/pages/address/address.vue
Normal file
@ -0,0 +1,127 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<van-address-edit
|
||||||
|
:area-list="areaList"
|
||||||
|
:address-info="{
|
||||||
|
name: editAddressData.name,
|
||||||
|
tel: editAddressData.tel,
|
||||||
|
addressDetail: editAddressData.detailAddress,
|
||||||
|
areaCode: areaCode,
|
||||||
|
}"
|
||||||
|
show-delete
|
||||||
|
show-set-default
|
||||||
|
show-search-result
|
||||||
|
:search-result="searchResult"
|
||||||
|
@save="onSave"
|
||||||
|
@delete="onDelete"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { Toast } from "vant";
|
||||||
|
import { areaList } from "@vant/area-data";
|
||||||
|
var _ = require("lodash");
|
||||||
|
import { memberAddress } from "../../ajax/getData";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
areaList,
|
||||||
|
searchResult: [],
|
||||||
|
areaCode: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
props: ["editAddressData"],
|
||||||
|
computed: {},
|
||||||
|
methods: {
|
||||||
|
async onSave(content) {
|
||||||
|
// Toast('save');
|
||||||
|
let provinceId = Number(content.areaCode.substring(0, 2)); //省份id
|
||||||
|
let cityId = Number(content.areaCode.substring(2, 4)); //城市id
|
||||||
|
let districtId = Number(content.areaCode.substring(4, 7)); //区域编码
|
||||||
|
//id 详细地址 /收货人姓名 电话号码 省份id/城市id/区域编码
|
||||||
|
let memberId = JSON.parse(localStorage.getItem("userInfo")).data.id;
|
||||||
|
let postData = {
|
||||||
|
memberId,
|
||||||
|
provinceId: 25,
|
||||||
|
cityId: 36,
|
||||||
|
districtId: 418,
|
||||||
|
// provinceId,
|
||||||
|
// cityId,
|
||||||
|
// districtId,
|
||||||
|
detailAddress: content.addressDetail,
|
||||||
|
recipient: content.name,
|
||||||
|
recipientPhone: content.tel,
|
||||||
|
default: content.default,
|
||||||
|
};
|
||||||
|
let saveType = this.editAddressData.saveType ? "update" : "add";
|
||||||
|
let data = await memberAddress(saveType, postData);
|
||||||
|
if (data) {
|
||||||
|
this.$message({
|
||||||
|
type: "warning",
|
||||||
|
message: data.msg,
|
||||||
|
});
|
||||||
|
if (data.code == "0") {
|
||||||
|
this.$emit("isClose", false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async onDelete() {
|
||||||
|
// Toast("delete");
|
||||||
|
let postData = {
|
||||||
|
ids: this.editAddressData.id,
|
||||||
|
memberId: this.editAddressData.memberId,
|
||||||
|
};
|
||||||
|
let data = await memberAddress("delete", postData);
|
||||||
|
if (data) {
|
||||||
|
this.$message({
|
||||||
|
type: "warning",
|
||||||
|
message: data.msg,
|
||||||
|
});
|
||||||
|
if (data.code == "0") {
|
||||||
|
this.$emit("isClose", false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async areaCodeInit() {
|
||||||
|
var city = this.editAddressData.city;
|
||||||
|
var district = this.editAddressData.district;
|
||||||
|
this.areaCode = "1310001";
|
||||||
|
// _.forEach(this.areaList.city_list, (o, c) => {
|
||||||
|
// if (o == city) {
|
||||||
|
// // let cityId = String(_.take(c, 2));
|
||||||
|
// let cityId = c.substring(0, 4);
|
||||||
|
// _.forEach(this.areaList.county_list, (i, a) => {
|
||||||
|
// if (i == district) {
|
||||||
|
// // let districtId = String(_.take(a, 2));
|
||||||
|
// let districtId = a.substring(0, 4);
|
||||||
|
// if (cityId == districtId) {
|
||||||
|
// this.areaCode = a;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.areaCodeInit();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.van-area {
|
||||||
|
width: 400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
border: 1px solid #808285;
|
||||||
|
}
|
||||||
|
.van-popup {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.van-overlay {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.v-modal {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -2,11 +2,10 @@
|
|||||||
<div class="allmain">
|
<div class="allmain">
|
||||||
|
|
||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
<div class="online bold rc-md-down" id="fixed-catbar-seperator"></div>
|
|
||||||
<!-- <tabs></tabs> -->
|
<!-- <tabs></tabs> -->
|
||||||
<div class="rc-top"></div>
|
<div class="rc-top"></div>
|
||||||
<div class="rc-usermain">
|
<div class="rc-usermain">
|
||||||
<div class="online bold"></div>
|
|
||||||
<div class="rc">
|
<div class="rc">
|
||||||
<span
|
<span
|
||||||
v-for="(item, index) in discountlist"
|
v-for="(item, index) in discountlist"
|
||||||
@ -28,20 +27,20 @@
|
|||||||
>
|
>
|
||||||
<img :src="userimage" alt="" />
|
<img :src="userimage" alt="" />
|
||||||
<div class="rc-contair">
|
<div class="rc-contair">
|
||||||
<div class="rc-left" ref="userleft" id="userleft">
|
<div class="rc-left" ref="userleft" id="userleft" :style='usercolor'>
|
||||||
<div>
|
<div>
|
||||||
<i>￥</i><span>{{ item.couponAmount }}</span>
|
<i>￥</i><span>{{item.couponTypeId=='4'?parseInt(((item.discount) *10))+ '折':item.couponAmount}}</span>
|
||||||
</div>
|
</div>
|
||||||
<strong>{{ item.couponName }}</strong>
|
<strong>{{ item.couponName }}</strong>
|
||||||
</div>
|
</div>
|
||||||
<div class="rc-right">
|
<div class="rc-right">
|
||||||
<i>
|
<i :style='usercolor'>
|
||||||
{{ item.couponName }}
|
{{ item.couponName }}
|
||||||
</i>
|
</i>
|
||||||
<div class="rc-userfont">
|
<div class="rc-userfont">
|
||||||
<strong>有效期</strong>
|
<strong>有效期</strong>
|
||||||
<span>{{item.validFrom}}至</span>
|
<span>{{item.validFrom}}至</span>
|
||||||
<em>{{ item.validTo }}</em>
|
<em>{{item.validTo}}</em>
|
||||||
</div>
|
</div>
|
||||||
<nuxt-link :to="`/productdetails/productlist`">
|
<nuxt-link :to="`/productdetails/productlist`">
|
||||||
<div v-if="userload" class="ts-stand">
|
<div v-if="userload" class="ts-stand">
|
||||||
@ -71,6 +70,7 @@ export default {
|
|||||||
userload: true,
|
userload: true,
|
||||||
pastdue: false,
|
pastdue: false,
|
||||||
unused: false,
|
unused: false,
|
||||||
|
usercolor:{color:'#e1001a'},
|
||||||
usermessage:[],
|
usermessage:[],
|
||||||
userstates:0,
|
userstates:0,
|
||||||
userimage: require("../../assets/image/unused.png"),
|
userimage: require("../../assets/image/unused.png"),
|
||||||
@ -196,6 +196,10 @@ export default {
|
|||||||
if(data){
|
if(data){
|
||||||
console.log(data);
|
console.log(data);
|
||||||
this.newlist=data.data;
|
this.newlist=data.data;
|
||||||
|
this.newlist.forEach(element=>{
|
||||||
|
element.validFrom=element.validFrom.slice(0,10)
|
||||||
|
element.validTo=element.validTo.slice(0,10)
|
||||||
|
})
|
||||||
console.log(this.newlist);
|
console.log(this.newlist);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -207,21 +211,26 @@ export default {
|
|||||||
this.pastdue = true;
|
this.pastdue = true;
|
||||||
this.userimage = require("../../assets/image/hasused.png");
|
this.userimage = require("../../assets/image/hasused.png");
|
||||||
this.userstates=1
|
this.userstates=1
|
||||||
this.userdraw(this.usermessage.data.mobile,0)
|
console.log(this.$refs.userleft);
|
||||||
|
this.usercolor={color:'white'}
|
||||||
|
|
||||||
|
|
||||||
|
this.userdraw(this.usermessage.data.mobile,1)
|
||||||
}
|
}
|
||||||
if (this.activeIndex == 0) {
|
if (this.activeIndex == 0) {
|
||||||
this.userload = true;
|
this.userload = true;
|
||||||
this.pastdue = false;
|
this.pastdue = false;
|
||||||
this.userdraw(this.usermessage.data.mobile,0)
|
this.userdraw(this.usermessage.data.mobile,0)
|
||||||
|
this.usercolor={color:'#e1001a'}
|
||||||
this.userstates=0
|
this.userstates=0
|
||||||
this.userimage = require("../../assets/image/unused.png");
|
this.userimage = require("../../assets/image/unused.png");
|
||||||
}
|
}
|
||||||
if (this.activeIndex == 2) {
|
if (this.activeIndex == 2) {
|
||||||
this.userload = false;
|
this.userload = false;
|
||||||
this.pastdue = true;
|
this.pastdue = true;
|
||||||
this.userdraw(this.usermessage.data.mobile,0)
|
this.userdraw(this.usermessage.data.mobile,2)
|
||||||
this.userstates=2
|
this.userstates=2
|
||||||
|
this.usercolor={color:'white'}
|
||||||
this.userimage = require("../../assets/image/expired.png");
|
this.userimage = require("../../assets/image/expired.png");
|
||||||
}
|
}
|
||||||
console.log(index);
|
console.log(index);
|
||||||
@ -242,6 +251,18 @@ export default {
|
|||||||
// }
|
// }
|
||||||
// dis_livchat(option);
|
// dis_livchat(option);
|
||||||
// }
|
// }
|
||||||
|
},
|
||||||
|
|
||||||
|
directives: {
|
||||||
|
'color': {
|
||||||
|
bind: function(el, binding){
|
||||||
|
el.style.color = binding.value
|
||||||
|
},
|
||||||
|
inserted: function(el){
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
if(this.usermessage!=='' ||this.usermessage.data!==undefined){
|
if(this.usermessage!=='' ||this.usermessage.data!==undefined){
|
||||||
|
|||||||
@ -1,33 +1,38 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
<div class="rc-top"></div>
|
|
||||||
<div class="rc-main rc-layout-container rc-max-width--lg">
|
|
||||||
<div class="rc-usermain">
|
|
||||||
<ul>
|
|
||||||
<li v-for="(item,index) in userrecord" :key="index">
|
|
||||||
{{item.title}}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ol>
|
|
||||||
<li v-for="(item,index) in usermessage" :key="index">
|
|
||||||
<span>{{item.startDate}}</span>
|
|
||||||
<em>{{item.changeValue}}</em>
|
|
||||||
<i>{{item.remark}}</i>
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
|
|
||||||
</div>
|
<div class="rc-usermain ">
|
||||||
|
<ul>
|
||||||
|
<li v-for="(item,index) in userrecord" :key="index">
|
||||||
|
{{item.title}}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ol>
|
||||||
|
|
||||||
</div>
|
<li v-for="(item,index) in usermessage" :key="index">
|
||||||
<Myfooter v-on:litentop='showmesg'></Myfooter>
|
<span>{{item.startDate}}</span>
|
||||||
</div>
|
<em>{{item.changeValue}}</em>
|
||||||
|
<i>{{item.remark}}</i>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="rc-button">
|
||||||
|
<div class="rc-order">
|
||||||
|
<span>积分兑换</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Myheader from '~/components/header.vue'
|
import Myheader from '~/components/header.vue'
|
||||||
import Myfooter from '~/components/rc-footer.vue'
|
import { memberAccount } from "../../ajax/getData";
|
||||||
import { memberAccount } from "../../ajax/getData";
|
|
||||||
export default {
|
export default {
|
||||||
data(){
|
data(){
|
||||||
return{
|
return{
|
||||||
@ -103,7 +108,6 @@ export default {
|
|||||||
},
|
},
|
||||||
components:{
|
components:{
|
||||||
Myheader,
|
Myheader,
|
||||||
Myfooter
|
|
||||||
},
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -111,4 +115,6 @@ export default {
|
|||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
@import url("../../assets/css/integral.less");
|
@import url("../../assets/css/integral.less");
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
|
<!-- <tabs></tabs> -->
|
||||||
<div class="rc-top"></div>
|
<div class="rc-top"></div>
|
||||||
<tabs></tabs>
|
|
||||||
<div class="rc-layout-container rc-one-column rc-full-width ts-mypersonal">
|
<div class="rc-layout-container rc-one-column rc-full-width ts-mypersonal">
|
||||||
<div class="rc-column">
|
<div class="rc-column">
|
||||||
<!-- <div class="rc-title">
|
<!-- <div class="rc-title">
|
||||||
@ -47,8 +47,10 @@
|
|||||||
<div class="rc-cordd">
|
<div class="rc-cordd">
|
||||||
<span>距离升级还差:</span> <span class="lackOfPoint">{{ rcvalue }}</span>
|
<span>距离升级还差:</span> <span class="lackOfPoint">{{ rcvalue }}</span>
|
||||||
<div class="block">
|
<div class="block">
|
||||||
<div class="ts-point-tag rc-md-up"></div>
|
<div class="ts-point-tag rc-md-up">0</div>
|
||||||
<div class="r-block" ref="userblock"></div>
|
<div class="r-block" ref="userblock"></div>
|
||||||
|
<!-- <el-slider v-model="value" range show-stops :max="10"> </el-slider> -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="rc-value">
|
<div class="rc-value">
|
||||||
<span>0</span>
|
<span>0</span>
|
||||||
@ -136,25 +138,25 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Myheader from '~/components/header.vue'
|
import Myheader from '~/components/header.vue'
|
||||||
import MyFooter from '~/components/rc-footer.vue'
|
import MyFooter from '~/components/rc-footer.vue'
|
||||||
import tabs from "@/components/tabs.vue";
|
import tabs from "@/components/tabs.vue";
|
||||||
export default {
|
export default {
|
||||||
middleware: 'metaTitle',
|
middleware: 'metaTitle',
|
||||||
// middleware: 'metaTitle',
|
// middleware: 'metaTitle',
|
||||||
meta: {title: '个人中心'},
|
meta: {title: '个人中心'},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
userlog:false,
|
userlog:false,
|
||||||
islogin:false,
|
islogin:false,
|
||||||
dialogInfo1:false,
|
dialogInfo1:false,
|
||||||
userid:null,
|
userid:null,
|
||||||
usertitle:'',
|
usertitle:'',
|
||||||
rcvalue:5000,
|
rcvalue:5000,
|
||||||
usermessage:'关注皇家爱宠荟，修改个人资料',
|
usermessage:'关注皇家爱宠荟，修改个人资料',
|
||||||
userimage:require("../../assets/image/rc-new.png"),
|
userimage:require("../../assets/image/rc-new.png"),
|
||||||
userlogin:'登录注册',
|
userlogin:'登录注册',
|
||||||
userorder: "新手铲屎官",
|
userorder: "新手铲屎官",
|
||||||
prefecture: [
|
prefecture: [
|
||||||
{
|
{
|
||||||
title: "待付款",
|
title: "待付款",
|
||||||
@ -202,11 +204,11 @@ export default {
|
|||||||
components: {
|
components: {
|
||||||
Myheader,
|
Myheader,
|
||||||
MyFooter,
|
MyFooter,
|
||||||
tabs,
|
tabs
|
||||||
},
|
},
|
||||||
watch:{
|
watch:{
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
userinter(){
|
userinter(){
|
||||||
let user= localStorage.getItem("userInfo");
|
let user= localStorage.getItem("userInfo");
|
||||||
@ -313,7 +315,7 @@ obligation(item,index){
|
|||||||
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
|
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
|
||||||
|
|
||||||
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
|
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
|
||||||
//console.log("当前是电脑打开")
|
console.log("当前是电脑打开")
|
||||||
if(this.userlog==true){
|
if(this.userlog==true){
|
||||||
this.usermessage='关注皇家爱宠荟，修改个人资料',
|
this.usermessage='关注皇家爱宠荟，修改个人资料',
|
||||||
this.dialogInfo1=true;
|
this.dialogInfo1=true;
|
||||||
@ -323,7 +325,7 @@ obligation(item,index){
|
|||||||
}
|
}
|
||||||
|
|
||||||
}else{
|
}else{
|
||||||
//console.log("当前是手机打开")
|
console.log("当前是手机打开")
|
||||||
this.dialogInfo1=false;
|
this.dialogInfo1=false;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -339,12 +341,13 @@ obligation(item,index){
|
|||||||
return
|
return
|
||||||
|
|
||||||
}else{
|
}else{
|
||||||
if(item.title=='收货地址'){
|
if(item.title=='收货地址'){
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: `/useraddress/openaddress/`
|
path: `/useraddress/openaddress/`
|
||||||
})
|
})
|
||||||
//console.log('这是地址的跳转');
|
console.log('这是地址的跳转');
|
||||||
}
|
|
||||||
|
}
|
||||||
if(index==0){
|
if(index==0){
|
||||||
this.userlog=true
|
this.userlog=true
|
||||||
this.ifadroind();
|
this.ifadroind();
|
||||||
@ -368,42 +371,44 @@ obligation(item,index){
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
//console.log(this.islogin)
|
console.log(this.islogin)
|
||||||
//console.log(this.userid);
|
console.log(this.userid);
|
||||||
let userwidth=0;
|
let userwidth=0;
|
||||||
this.ifadroind();
|
this.ifadroind();
|
||||||
let user= JSON.parse(localStorage.getItem("userInfo"));
|
let user= JSON.parse(localStorage.getItem("userInfo"));
|
||||||
//console.log(user)
|
console.log(user)
|
||||||
if(user!==null){
|
if(user!==null){
|
||||||
//console.log('11')
|
console.log('11')
|
||||||
this.userid=user.data;
|
this.userid=user.data;
|
||||||
console.log(this.userid);
|
console.log(this.userid);
|
||||||
this.usertitle=this.userid.memberName;
|
this.usertitle=this.userid.memberName;
|
||||||
this.rcrcord=this.userid.availiblePoint;
|
|
||||||
if(this.userid.memberLevel==1){
|
this.rcrcord=this.userid.availiblePoint;
|
||||||
let userlength=this.userid.availiblePoint.toString().length;
|
|
||||||
this.userimage=require('../../assets/image/rc-new.png');
|
if(this.userid.memberLevel==1){
|
||||||
this.userorder='新手铲屎官';
|
let userlength=this.userid.availiblePoint.toString().length;
|
||||||
this.uservalue=5000; //新手总积分
|
this.userimage=require('../../assets/image/rc-new.png');
|
||||||
this.rcvalue=this.uservalue-this.userid.availiblePoint; //新手总积分减去本身的积分
|
this.userorder='新手铲屎官';
|
||||||
if(userlength==1||userlength==2||userlength==3||userlength==4){
|
this.uservalue=5000; //新手总积分
|
||||||
userwidth=this.userid.availiblePoint/100
|
this.rcvalue=this.uservalue-this.userid.availiblePoint; //新手总积分减去本身的积分
|
||||||
//console.log(userwidth);
|
if(userlength==1||userlength==2||userlength==3||userlength==4){
|
||||||
}
|
userwidth=this.userid.availiblePoint/100
|
||||||
}
|
console.log(userwidth);
|
||||||
else if(this.userid.memberLevel==2){
|
}
|
||||||
this.userimage=require('../../assets/image/rc-new2.png');
|
}
|
||||||
this.userorder='资深铲屎官';
|
else if(this.userid.memberLevel==2){
|
||||||
this.uservalue=10000;
|
this.userimage=require('../../assets/image/rc-new2.png');
|
||||||
this.rcvalue=this.uservalue-this.userid.availiblePoint;
|
this.userorder='资深铲屎官';
|
||||||
userwidth=this.userid.availiblePoint/100
|
this.uservalue=10000;
|
||||||
}else if( this.userid.memberLevel==3){
|
this.rcvalue=this.uservalue-this.userid.availiblePoint;
|
||||||
this.userimage=require('../../assets/image/rc-new1.png');
|
userwidth=this.userid.availiblePoint/100
|
||||||
this.userorder='金牌铲屎官';
|
}else if( this.userid.memberLevel==3){
|
||||||
this.usrnewlist=this.goldmedal;
|
this.userimage=require('../../assets/image/rc-new1.png');
|
||||||
userwidth=100
|
this.userorder='金牌铲屎官';
|
||||||
}
|
this.usrnewlist=this.goldmedal;
|
||||||
this.$refs.userblock.style.width=userwidth+'%'
|
userwidth=100
|
||||||
|
}
|
||||||
|
this.$refs.userblock.style.width=userwidth+'%';
|
||||||
let tagEle=document.querySelector('.ts-point-tag');
|
let tagEle=document.querySelector('.ts-point-tag');
|
||||||
if(tagEle){
|
if(tagEle){
|
||||||
tagEle.innerText=this.userid.availiblePoint;
|
tagEle.innerText=this.userid.availiblePoint;
|
||||||
@ -412,14 +417,17 @@ obligation(item,index){
|
|||||||
tagEleLeft=0;
|
tagEleLeft=0;
|
||||||
tagEle.style.left=tagEleLeft+"%";
|
tagEle.style.left=tagEleLeft+"%";
|
||||||
}
|
}
|
||||||
} else{
|
} else{
|
||||||
|
console.log('---');
|
||||||
this.userid=[];
|
this.userid=[];
|
||||||
}
|
}
|
||||||
|
|
||||||
if(this.userid==undefined ||this.userid==''||this.userid==null){
|
if(this.userid==undefined ||this.userid==''||this.userid==null){
|
||||||
console.log(this.userid)
|
console.log(this.userid)
|
||||||
this.islogin=true;
|
this.islogin=true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
414
rc-busness/pages/personal/settlement.less
Normal file
414
rc-busness/pages/personal/settlement.less
Normal file
@ -0,0 +1,414 @@
|
|||||||
|
ul li ol li em strong i {
|
||||||
|
list-style: none;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-header {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.settlement {
|
||||||
|
padding-top: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.rc-main {
|
||||||
|
width: 92%;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 1400px;
|
||||||
|
|
||||||
|
.rc-userbottomm {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-border {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1px solid #d7d7d7;
|
||||||
|
margin-top: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-receiving {
|
||||||
|
width: 100%;
|
||||||
|
height: 80px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
em {
|
||||||
|
font-style: normal;
|
||||||
|
color: #e1001a;
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #666666;
|
||||||
|
font-size: 16px;
|
||||||
|
display: block;
|
||||||
|
margin-top: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delivery {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 140px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.viewdetails {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #444444;
|
||||||
|
font-size: 18px;
|
||||||
|
display: block;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 8px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.to-delivery {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-style: normal;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
// margin-left: 16px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
margin-left: 8px;
|
||||||
|
display: block;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bo-delivery {
|
||||||
|
span {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #666666;
|
||||||
|
display: block;
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.address-list {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.mypersonal {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
border: 1px solid #808285;
|
||||||
|
height: 118px;
|
||||||
|
width: 320px;
|
||||||
|
padding: 15px;
|
||||||
|
color: #333333;
|
||||||
|
margin: 20px 40px 20px 0;
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
border: 1px solid #E2001A;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit {
|
||||||
|
position: absolute;
|
||||||
|
top: 5px;
|
||||||
|
right: 8px;
|
||||||
|
display: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
.edit {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-delivery {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-style: normal;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
margin-left: 3px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
margin-left: 3px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.per-delivery {
|
||||||
|
span {
|
||||||
|
color: #666666;
|
||||||
|
display: block;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.rc-usermain {
|
||||||
|
display: flex;
|
||||||
|
padding: 20px 0;
|
||||||
|
|
||||||
|
.rc-image {
|
||||||
|
border: 1px solid #d8d8d8;
|
||||||
|
margin-right: 20px;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 96px;
|
||||||
|
height: 96px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-right {
|
||||||
|
.rc-usercenter {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
h3,
|
||||||
|
.price {
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 17px;
|
||||||
|
color: #e1001a;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-userright {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
color: #666666;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
margin-top: 16px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-userbottom {
|
||||||
|
display: flex;
|
||||||
|
width: 60%;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.price {
|
||||||
|
font-style: normal;
|
||||||
|
color: #e1001a;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-merchandise {
|
||||||
|
|
||||||
|
padding: 15px 0;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
display: block;
|
||||||
|
content: '';
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
width: 25%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
line-height: 40px;
|
||||||
|
float: right;
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
font-style: normal;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li .red {
|
||||||
|
color: #e1001a;
|
||||||
|
font-size: 20px;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-payment {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 80px;
|
||||||
|
|
||||||
|
.u-trackingnumber {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
margin-right: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 8px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
color: #666666;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
font-style: normal;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-foot {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.rc-foo {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: self-end;
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
color: #333333;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
em {
|
||||||
|
font-style: normal;
|
||||||
|
color: #e1001a;
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
width: 164px;
|
||||||
|
margin-top: 36px;
|
||||||
|
background: #e2001a;
|
||||||
|
line-height: 48px;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
height: 48px;
|
||||||
|
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.diallog_width{
|
||||||
|
width: 100%;
|
||||||
|
max-width: 440px;
|
||||||
|
}
|
||||||
|
.el-dialog{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
//手机端
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
|
||||||
|
.diallog_width{
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
.rc-main {
|
||||||
|
.address-list {
|
||||||
|
display: contents;
|
||||||
|
|
||||||
|
.mypersonal {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-usermain {
|
||||||
|
.rc-right { display: table}
|
||||||
|
}
|
||||||
|
.rc-merchandise{
|
||||||
|
padding: 15px 0 120px;
|
||||||
|
ul{
|
||||||
|
float: none;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-foot{
|
||||||
|
.rc-foo{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: self-end;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
background: #fff;
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
<div class="rc-top"></div>
|
<div class="rc-top"></div>
|
||||||
<div class="rc-full-width rc-layout-container">
|
<div class="rc-header">
|
||||||
<div class="rc-main">
|
<div class="rc-main">
|
||||||
<div class="rc-headera">
|
<div class="rc-headera">
|
||||||
<span
|
<span
|
||||||
@ -118,39 +118,27 @@ export default {
|
|||||||
|
|
||||||
goldmedal: [
|
goldmedal: [
|
||||||
{
|
{
|
||||||
ordernumber: "1111111111111111111",
|
ordernumber: "1111111111111111111",
|
||||||
orderstype: 1,
|
orderstype: 1,
|
||||||
usereat: "专属升级奖励",
|
usereat: "专属升级奖励",
|
||||||
ordernum: 0,
|
ordernum: 0,
|
||||||
num: "5kg",
|
num: "5kg",
|
||||||
specification: "1",
|
specification: "1",
|
||||||
buttontitle:'立即支付',
|
buttontitle:'立即支付',
|
||||||
userprice: "167.00",
|
userprice: "167.00",
|
||||||
catimage: require("../../assets/image/rc-win.png"),
|
catimage: require("../../assets/image/rc-win.png"),
|
||||||
orderDetailList:{
|
|
||||||
userlist:{
|
|
||||||
num:10,
|
|
||||||
pcs:10,
|
|
||||||
ecprice:167
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
ordernumber: "1111111111111111111",
|
ordernumber: "1111111111111111111",
|
||||||
usereat: "每年4次免积分产品试吃",
|
|
||||||
ordernum: 0,
|
usereat: "每年4次免积分产品试吃",
|
||||||
buttontitle:'再次购买',
|
ordernum: 0,
|
||||||
catimage: require("../../assets/image/usereat.png"),
|
buttontitle:'再次购买',
|
||||||
orderstype: 2,
|
catimage: require("../../assets/image/usereat.png"),
|
||||||
userprice: "167.00",
|
orderstype: 2,
|
||||||
orderDetailList:{
|
userprice: "167.00",
|
||||||
userlist:{
|
|
||||||
num:10,
|
|
||||||
pcs:10,
|
|
||||||
ecprice:167
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
ordernumber: "1111111111111111111",
|
ordernumber: "1111111111111111111",
|
||||||
@ -160,13 +148,6 @@ export default {
|
|||||||
catimage: require("../../assets/image/usercar.png"),
|
catimage: require("../../assets/image/usercar.png"),
|
||||||
orderstype: 3,
|
orderstype: 3,
|
||||||
userprice: "167.00",
|
userprice: "167.00",
|
||||||
orderDetailList:{
|
|
||||||
userlist:{
|
|
||||||
num:10,
|
|
||||||
pcs:10,
|
|
||||||
ecprice:167
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
ordernumber: "1111111111111111111",
|
ordernumber: "1111111111111111111",
|
||||||
@ -183,13 +164,6 @@ export default {
|
|||||||
catimage: require("../../assets/image/consult.png"),
|
catimage: require("../../assets/image/consult.png"),
|
||||||
orderstype: 2,
|
orderstype: 2,
|
||||||
userprice: "167.00",
|
userprice: "167.00",
|
||||||
orderDetailList:{
|
|
||||||
userlist:{
|
|
||||||
num:10,
|
|
||||||
pcs:10,
|
|
||||||
ecprice:167
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
ordernumber: "1111111111111111111",
|
ordernumber: "1111111111111111111",
|
||||||
@ -198,13 +172,6 @@ export default {
|
|||||||
catimage: require("../../assets/image/rc-book.png"),
|
catimage: require("../../assets/image/rc-book.png"),
|
||||||
orderstype: 3,
|
orderstype: 3,
|
||||||
userprice: "167.00",
|
userprice: "167.00",
|
||||||
orderDetailList:{
|
|
||||||
userlist:{
|
|
||||||
num:10,
|
|
||||||
pcs:10,
|
|
||||||
ecprice:100
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
ordernumber: "1111111111111111111",
|
ordernumber: "1111111111111111111",
|
||||||
@ -213,13 +180,6 @@ export default {
|
|||||||
catimage: require("../../assets/image/userself.png"),
|
catimage: require("../../assets/image/userself.png"),
|
||||||
orderstype: 3,
|
orderstype: 3,
|
||||||
userprice: "167.00",
|
userprice: "167.00",
|
||||||
orderDetailList:{
|
|
||||||
userlist:{
|
|
||||||
num:10,
|
|
||||||
pcs:10,
|
|
||||||
ecprice:100
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
usereat: "每年积分兑换1次价值288元的免费体检及100元医院绝育券",
|
usereat: "每年积分兑换1次价值288元的免费体检及100元医院绝育券",
|
||||||
@ -227,83 +187,84 @@ export default {
|
|||||||
catimage: require("../../assets/image/rc-health.png"),
|
catimage: require("../../assets/image/rc-health.png"),
|
||||||
orderstype: 3,
|
orderstype: 3,
|
||||||
userprice: "167.00",
|
userprice: "167.00",
|
||||||
orderDetailList:{
|
|
||||||
userlist:{
|
|
||||||
num:10,
|
|
||||||
pcs:10,
|
|
||||||
ecprice:100
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
let user= JSON.parse(localStorage.getItem("userInfo"));
|
let user= JSON.parse(localStorage.getItem("userInfo"));
|
||||||
this.userdata=user;
|
this.userdata=user;
|
||||||
let stype=this.$route.query.stype
|
let stype=this.$route.query.stype
|
||||||
if(user=='' ||user==null){
|
|
||||||
this.$message({
|
if(user=='' ||user==null){
|
||||||
type: 'warning',
|
this.$message({
|
||||||
message: '请先去登录'
|
type: 'warning',
|
||||||
});
|
message: '请先去登录'
|
||||||
return
|
});
|
||||||
}else{
|
return
|
||||||
this.indet(user.data.mobile,stype);
|
}else{
|
||||||
}
|
this.indet(user.data.mobile,stype);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
Myheader,
|
Myheader,
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async indet(mobile,stype){
|
async indet(mobile,stype){
|
||||||
let data=await userindent(mobile,);
|
let data=await userindent(mobile,);
|
||||||
this.activeIndex=stype;
|
this.activeIndex=stype;
|
||||||
//this.goldmedal=data;
|
this.goldmedal=data;
|
||||||
let list=[];
|
let list=[];
|
||||||
let fahuolist=[];
|
let fahuolist=[];
|
||||||
console.log(this.goldmedal);
|
console.log(this.goldmedal);
|
||||||
for(let i=0;i<this.goldmedal.length;i++){
|
for(let i=0;i<this.goldmedal.length;i++){
|
||||||
list.push(this.goldmedal[i].orderDetailList);
|
list.push(this.goldmedal[i].orderDetailList);
|
||||||
}
|
|
||||||
},
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
async canceldanhao(orderNumber){
|
async canceldanhao(orderNumber){
|
||||||
let data=await canceldanhao(orderNumber);
|
let data=await canceldanhao(orderNumber);
|
||||||
console.log(data);
|
console.log(data);
|
||||||
if(data){
|
if(data){
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '取消订单成功'
|
message: '取消订单成功'
|
||||||
});
|
});
|
||||||
this.indet(this.userdata.data.mobile);
|
this.indet(this.userdata.data.mobile);
|
||||||
}
|
}
|
||||||
},
|
|
||||||
|
|
||||||
userpay(item,index){
|
},
|
||||||
console.log(item);
|
|
||||||
if(item.status==0){
|
userpay(item,index){
|
||||||
this.canceldanhao(item.orderNumber);
|
console.log(item);
|
||||||
}
|
if(item.status==0){
|
||||||
console.log(item.buttontitle);
|
this.canceldanhao(item.orderNumber);
|
||||||
if(item.buttontitle=='立即支付'){
|
|
||||||
this.$router.push({
|
}
|
||||||
path: "/personal/userpay",
|
console.log(item.buttontitle);
|
||||||
query: {
|
if(item.buttontitle=='立即支付'){
|
||||||
stype: 1,
|
this.$router.push({
|
||||||
},
|
path: "/personal/userpay",
|
||||||
});
|
query: {
|
||||||
}else if(item.buttontitle=='再次购买'){
|
stype: 1,
|
||||||
this.$router.push({
|
},
|
||||||
path: "/myorder/userrecord",
|
});
|
||||||
query: {
|
}else if(item.buttontitle=='再次购买'){
|
||||||
stype: 1,
|
this.$router.push({
|
||||||
},
|
path: "/myorder/userrecord",
|
||||||
});
|
query: {
|
||||||
}
|
stype: 1,
|
||||||
},
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
selectGoods(item, index) {
|
selectGoods(item, index) {
|
||||||
this.activeIndex = index;
|
this.activeIndex = index;
|
||||||
if(index==1){
|
if(index==1){
|
||||||
@ -339,6 +300,360 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
@import url("../../assets/css/global.less");
|
|
||||||
@import url("../../assets/css/useraddress.less");
|
// 手机端
|
||||||
|
@media screen and(min-width: 320px) and(max-width:768px) {
|
||||||
|
.active {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #e2001a;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.unactive {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #444444;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.rc-header {
|
||||||
|
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
.rc-main {
|
||||||
|
width: 92%;
|
||||||
|
margin: 0 auto;
|
||||||
|
.rc-usermaina{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.rc-headera {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 64px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.rc-userheader{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-center {
|
||||||
|
width: 100%;
|
||||||
|
height: 245px;
|
||||||
|
margin-top: 8px;
|
||||||
|
.rc-usermain {
|
||||||
|
.pc-bottom{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
.rc-image {
|
||||||
|
border: 1px solid #D8D8D8;
|
||||||
|
margin-top: 17px;
|
||||||
|
;
|
||||||
|
img {
|
||||||
|
width: 96px;
|
||||||
|
height: 96px;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-right {
|
||||||
|
|
||||||
|
.rc-userbottomm{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 100%;
|
||||||
|
margin-left: 16px;
|
||||||
|
justify-content: center;
|
||||||
|
em
|
||||||
|
{
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-top: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
color: #E1001A;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-userright {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
color: #666666;
|
||||||
|
font-size: 14px;
|
||||||
|
span{
|
||||||
|
display: block;
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-userbottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 8px;
|
||||||
|
span{
|
||||||
|
color: #666666;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
i{
|
||||||
|
font-style: normal;
|
||||||
|
color: #E1001A;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-bottom {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 24px;
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
width: 130px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
line-height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
color: #e2001a;
|
||||||
|
height: 40px;
|
||||||
|
border: 2px solid #e2001a;
|
||||||
|
justify-content: center;
|
||||||
|
border-radius: 30px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
span:last-child{
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-title {
|
||||||
|
height: 52px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px solid #d8d8d8;
|
||||||
|
justify-content: space-between;
|
||||||
|
span{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #999999;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
em{
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 14px;
|
||||||
|
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
i{
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 14px;
|
||||||
|
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.rc-usertitle strong{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// /* 最小768px最大1920 *pc端/
|
||||||
|
@media screen and (min-width: 768px) and (max-width: 1920px) {
|
||||||
|
.active {
|
||||||
|
font-size: 18px;
|
||||||
|
color: #e2001a;
|
||||||
|
cursor: pointer;
|
||||||
|
// margin-left: 40px;
|
||||||
|
}
|
||||||
|
.unactive {
|
||||||
|
font-size: 18px;
|
||||||
|
color: #444444;
|
||||||
|
cursor: pointer;
|
||||||
|
// margin-left: 80px;
|
||||||
|
}
|
||||||
|
.rc-header {
|
||||||
|
.rc-main {
|
||||||
|
width: 92%;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
.rc-headera {
|
||||||
|
display: flex;
|
||||||
|
height: 64px;
|
||||||
|
align-items: center;
|
||||||
|
border: 1px solid #D7D7D7;
|
||||||
|
border-radius: 3px 3px 0px 0px;
|
||||||
|
font-size: 18px;
|
||||||
|
span:first-child{
|
||||||
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
margin-left: 80px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-userheader{
|
||||||
|
width: 100%;
|
||||||
|
height: 64px;
|
||||||
|
background: #F6F6F6;
|
||||||
|
border: 1px solid #D7D7D7;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 18px;
|
||||||
|
span:first-child{
|
||||||
|
margin-left: 173px;
|
||||||
|
}
|
||||||
|
span:last-child{
|
||||||
|
margin-right: 87px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-center {
|
||||||
|
width: 100%;
|
||||||
|
height: 220px;
|
||||||
|
border: 1px solid #D7D7D7;
|
||||||
|
.rc-usermain {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 164px;
|
||||||
|
.rc-usercenter{
|
||||||
|
width: 25%;
|
||||||
|
em{
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-image {
|
||||||
|
border: 1px solid #D8D8D8;
|
||||||
|
margin-left: 40px;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 96px;
|
||||||
|
height: 96px;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-right {
|
||||||
|
.rc-userbottom{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
margin-left: 16px;
|
||||||
|
|
||||||
|
em
|
||||||
|
{
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-top: 18px;
|
||||||
|
|
||||||
|
color: #E1001A;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-userright {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
color: #666666;
|
||||||
|
font-size: 16px;
|
||||||
|
span{
|
||||||
|
display: block;
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rc-userbottomm {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 58%;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #E1001A;
|
||||||
|
font-weight: bold;
|
||||||
|
i{
|
||||||
|
font-style: normal;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pc-bottom {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-right: 40px;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
width: 130px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
line-height: 40px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
color: #e2001a;
|
||||||
|
height: 40px;
|
||||||
|
border: 2px solid #e2001a;
|
||||||
|
justify-content: center;
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
span:last-child{
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-bottom {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rc-title {
|
||||||
|
height: 55px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px solid #d8d8d8;
|
||||||
|
justify-content: space-between;
|
||||||
|
span{
|
||||||
|
font-size: 16px;
|
||||||
|
color: #999999;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
strong{
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #444444;
|
||||||
|
}
|
||||||
|
em{
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
i{
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-left: 40px;
|
||||||
|
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.rc-usertitle{
|
||||||
|
margin-right: 73px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
em{
|
||||||
|
display: block;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -1,578 +1,320 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div class="page_modules">
|
||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
<div class="rc-main">
|
<div class="cont_modules">
|
||||||
<div class="online" style="height:3px;width:93%;margin:0 auto;background:#DDDDDD;margin-top:0.23rem"></div>
|
<tabs></tabs>
|
||||||
<div class="rc-hearder">
|
<el-row class="order_info">
|
||||||
<div class="rc-userpay">
|
<el-col :span="6" class="ph_hidden">
|
||||||
<div class="paysucess">
|
<ul class="li_inline">
|
||||||
<span>订单提交成功等待付款</span>
|
<li class="sucess_img">
|
||||||
|
<img src="../../assets/image/usersucess.png" alt="" />
|
||||||
</div>
|
</li>
|
||||||
<div class="rc-all">
|
<li class="ready">
|
||||||
<div class="rc-payprice">
|
<p>订单提交成功</p>
|
||||||
<span>付款金额:</span>
|
<p>等待付款</p>
|
||||||
<i>{{ userprice }}</i>
|
</li>
|
||||||
|
</ul>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" class="ph_hidden"> </el-col>
|
||||||
|
<el-col :span="6" class="ready_right">
|
||||||
|
<div class="inline_right">
|
||||||
|
<p>付款金额:</p>
|
||||||
|
<p class="price">{{ info.userprice }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="rc-receiving">
|
<div class="inline_right">
|
||||||
<span>收货信息:</span>
|
<p>收货信息:</p>
|
||||||
<i>{{ userinformation }}</i>
|
<p>{{ info.userinformation }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</el-col>
|
||||||
<div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
|
</el-row>
|
||||||
<div class="rc-usermaina">
|
</div>
|
||||||
<div class="rc-title" id="qrcode" ref="qrcode" >
|
<div class="rc_contline"></div>
|
||||||
</div>
|
<div class="cont_modules">
|
||||||
</div>
|
<div class="pay_title color_red">请选择支付方式</div>
|
||||||
|
</div>
|
||||||
</div>
|
<div class="rc_contline"></div>
|
||||||
<div class="rc-paystype">
|
<div class="cont_modules">
|
||||||
<span>请选择支付方式</span>
|
<div class="pay_list">
|
||||||
</div>
|
<ul>
|
||||||
|
<li
|
||||||
<div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
|
class="pay_item"
|
||||||
<div class="paystype">
|
|
||||||
<div
|
|
||||||
class="payAlipay"
|
|
||||||
v-for="(item, index) in userpaystype"
|
v-for="(item, index) in userpaystype"
|
||||||
:key="index"
|
:key="index"
|
||||||
@click="selectGoods(item, index)"
|
@click="selectGoods(item, index)"
|
||||||
:class="activeIndex == index ? 'active' : 'unactive'"
|
:class="activeIndex == index ? 'active' : ''"
|
||||||
>
|
>
|
||||||
<div class="rc-payype">
|
<img :src="item.payimage" alt="" />
|
||||||
<img :src="item.payimage" alt="" />
|
<span>{{ item.paytype }}支付</span>
|
||||||
<span>{{ item.price }}</span>
|
</li>
|
||||||
</div>
|
</ul>
|
||||||
<div class="user-righticon">
|
</div>
|
||||||
<img src="../../assets/image/rc-left.png" alt="" />
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
<div class="paycord">
|
||||||
|
<div id="qrcode" ref="qrcode" class="qrcode"></div>
|
||||||
|
<span>{{ paytype }}扫一扫立即支付</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-dialog
|
||||||
|
:visible.sync="dialogSuccess"
|
||||||
|
@close="closeDialogSuccess"
|
||||||
|
>
|
||||||
|
<div class="tc dl_cont">
|
||||||
|
<div class="dl_img">
|
||||||
|
<img src="../../assets/image/usersucess.png" alt="" />
|
||||||
|
</div>
|
||||||
|
<h3 class="title">支付成功</h3>
|
||||||
|
<p>您的商品我们正在抓紧打包，请耐心等候！</p>
|
||||||
|
<div class="line_dashed"></div>
|
||||||
|
<div class="userer">
|
||||||
|
<img
|
||||||
|
width="210"
|
||||||
|
height="210"
|
||||||
|
src="../../assets/image/rc-discount.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<p>微信扫一扫，识别二维码</p>
|
||||||
|
<p class="tips">加入社群0元试用商品随单发放</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
<div class="paycord" @click="usershow()" id="qrcode" ref="qrcode">
|
|
||||||
<!-- <img src="../../assets/image/rc-discount.png" alt="" />
|
|
||||||
<span>微信扫一扫立即支付</span> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<el-dialog
|
<el-dialog
|
||||||
:visible.sync="dialogInfo1"
|
:visible.sync="dialogFail"
|
||||||
hegight="700px"
|
@close="closeDialogFail"
|
||||||
@close='closeDialog'
|
>
|
||||||
>
|
<div class="tc dl_cont">
|
||||||
|
<div class="dl_img">
|
||||||
<div class="rc-header">
|
<img src="../../assets/pay/fail.png" alt="" />
|
||||||
<div class="rc-titled" >
|
</div>
|
||||||
<img src="../../assets/image/usersucess.png" alt="">
|
<h3 class="title">支付失败</h3>
|
||||||
</div>
|
<p>请返回商品结算页面重新支付</p>
|
||||||
<div class="rc-logmain">
|
</div>
|
||||||
<h3>支付成功</h3>
|
</el-dialog>
|
||||||
<span>{{usermessage}}</span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="userer">
|
|
||||||
|
|
||||||
<img src="../../assets/image/rc-discount.png" alt="">
|
|
||||||
<span>微信扫一扫，识别二维码</span>
|
|
||||||
<i>加入社群0元试用商品随单发放</i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Myheader from "~/components/header.vue";
|
import Myheader from "~/components/header.vue";
|
||||||
import QRCode from 'qrcodejs2'
|
import tabs from "@/components/tabs.vue";
|
||||||
import { generateOrderWX } from "../../ajax/getData";
|
import QRCode from "qrcodejs2";
|
||||||
|
|
||||||
|
import { generateOrderAlipay, updateOrderWX } from "../../ajax/getData";
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
userdata:null,
|
activeIndex: 0,
|
||||||
activeIndex: 0,
|
isSucess: false,
|
||||||
usermessage:'您的商品我们正在抓紧打包，请耐心等候！',
|
paytype: "微信",
|
||||||
userprice: "￥167.00",
|
|
||||||
userinformation: "李某某 151****7917",
|
|
||||||
userpaystype: [
|
userpaystype: [
|
||||||
{
|
{
|
||||||
price: "支付宝支付",
|
paytype: "微信",
|
||||||
payimage: require("../../assets/image/rc-cat.png"),
|
payimage: require("../../assets/pay/wx.png"),
|
||||||
catimage: require("../../assets/image/rc-left.png"),
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
price: "微信支付",
|
paytype: "支付宝",
|
||||||
payimage: require("../../assets/image/rc-cat.png"),
|
payimage: require("../../assets/pay/zfb.png"),
|
||||||
catimage: require("../../assets/image/rc-left.png"),
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
dialogInfo1:false,
|
dialogSuccess: true,
|
||||||
|
dialogFail: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
// 总价计算
|
||||||
|
info() {
|
||||||
|
let obj = {
|
||||||
|
userprice: this.$route.query.userPayData.postData[0].payAmount,
|
||||||
|
userinformation:
|
||||||
|
this.$route.query.userPayData.postData[0].orderAddress
|
||||||
|
.addressUserName +
|
||||||
|
" " +
|
||||||
|
this.$route.query.userPayData.postData[0].orderAddress
|
||||||
|
.addressPhoneNumber,
|
||||||
|
};
|
||||||
|
return obj;
|
||||||
|
},
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.userdata=this.$route.query.wxdata;
|
this.qrcode(this.$route.query.userPayData.wxPay);
|
||||||
this.userpay(this.userdata);
|
|
||||||
console.log(this.userdata);
|
|
||||||
this.$nextTick(() => {
|
|
||||||
|
|
||||||
this.userpay();
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
closeDialogSuccess() {
|
||||||
closeDialog(){
|
this.qrcode = null;
|
||||||
this.qrcode=null;
|
this.$router.push({
|
||||||
console.log('关闭的')
|
path: "/index",
|
||||||
},
|
});
|
||||||
|
|
||||||
async userpay(userdata) {
|
|
||||||
|
|
||||||
console.log("-----");
|
|
||||||
let data = await generateOrderWX();
|
|
||||||
console.log();
|
|
||||||
this.qrcode(userdata);
|
|
||||||
},
|
},
|
||||||
qrcode (e) {
|
closeDialogFail() {
|
||||||
console.log(e);
|
this.qrcode = null;
|
||||||
let qrcode = new QRCode('qrcode',{
|
this.$router.push({
|
||||||
width: 150, // 设置宽度，单位像素
|
path: "/personal/useraddress",
|
||||||
height: 150, // 设置高度，单位像素
|
});
|
||||||
text: e// 设置二维码内容或跳转地址
|
},
|
||||||
})
|
qrcode(e) {
|
||||||
|
let qrcode = new QRCode("qrcode", {
|
||||||
},
|
width: 260, // 设置宽度，单位像素
|
||||||
selectGoods(item,index){
|
height: 260, // 设置高度，单位像素
|
||||||
let _that=this
|
text: e, // 设置二维码内容或跳转地址
|
||||||
_that.dialogInfo1=true;
|
});
|
||||||
_that.activeIndex=index;
|
},
|
||||||
if(item.price=='微信支付'){
|
async selectGoods(item, index) {
|
||||||
// this.userpay();
|
this.activeIndex = index;
|
||||||
|
this.paytype = item.paytype;
|
||||||
}
|
if (index == 1) {
|
||||||
},
|
//支付宝
|
||||||
usershow(){
|
let res = await generateOrderAlipay(
|
||||||
console.log('这是支付')
|
this.$route.query.userPayData.postData
|
||||||
this.dialogInfo1=true;
|
);
|
||||||
|
if (res.success) {
|
||||||
|
this.qrcode(res.data);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
//支付监听
|
||||||
|
async updateOrderWX() {
|
||||||
|
let res = await updateOrderWX();
|
||||||
|
if (res.success) {
|
||||||
|
this.dialogSuccess = true;
|
||||||
|
clearInterval(this.time);
|
||||||
|
} else {
|
||||||
|
this.dialogFail = true;
|
||||||
|
clearInterval(this.time);
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
Myheader,
|
Myheader,
|
||||||
|
tabs,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped >
|
<style lang="less" scoped >
|
||||||
@media screen and (max-width: 768px) {
|
.sucess_img {
|
||||||
|
width: 96px;
|
||||||
.rc-usermaina{
|
height: 96px;
|
||||||
width: 100%;
|
margin-right: 10px;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.rc-userpay{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
/deep/.el-dialog {
|
|
||||||
width:80%;
|
|
||||||
height: 500px;
|
|
||||||
}
|
}
|
||||||
.rc-header{
|
.order_info {
|
||||||
display: flex;
|
padding: 10px 0;
|
||||||
flex-direction: column;
|
}
|
||||||
align-items: center;
|
.info {
|
||||||
text-align: center;
|
display: flex;
|
||||||
h3{
|
justify-content: space-between;
|
||||||
color:#333333;
|
}
|
||||||
font-size: 26px;
|
.ready {
|
||||||
}
|
font-size: 20px;
|
||||||
.rc-title{
|
color: #e2001a;
|
||||||
|
}
|
||||||
|
.ready_right {
|
||||||
|
line-height: 200%;
|
||||||
|
padding-top: 8px;
|
||||||
|
}
|
||||||
|
.price {
|
||||||
|
font-size: 20px;
|
||||||
|
color: #e2001a;
|
||||||
|
}
|
||||||
|
.pay_title {
|
||||||
|
font-size: 26px;
|
||||||
|
padding: 26px 0;
|
||||||
|
border-bottom: 1px solid #d7d7d7;
|
||||||
|
}
|
||||||
|
.pay_list {
|
||||||
|
padding: 20px 0;
|
||||||
|
.pay_item {
|
||||||
|
float: left;
|
||||||
|
margin-right: 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 30px;
|
|
||||||
display: none;
|
|
||||||
img{
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
margin-left: 40px;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.rc-titled{
|
|
||||||
img{
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.userer{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
img{
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-direction: column;
|
border: 1px solid #333333;
|
||||||
|
padding: 5px 20px;
|
||||||
}
|
cursor: pointer;
|
||||||
|
&.active {
|
||||||
span{
|
border: 1px solid #e2001a;
|
||||||
font-size: 16px;
|
color: #e2001a;
|
||||||
|
|
||||||
color: #333333;
|
|
||||||
}
|
}
|
||||||
i{
|
img {
|
||||||
font-size: 18px;
|
margin-right: 5px;
|
||||||
font-style: normal;
|
width: 24px;
|
||||||
display: block;
|
height: 24px;
|
||||||
margin-top: 32px;
|
|
||||||
color: #E1001A;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
&::after {
|
||||||
.rc-main {
|
content: "";
|
||||||
width: 100%;
|
|
||||||
margin-top: 24%;
|
|
||||||
.paysucess{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.paycord{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.rc-hearder {
|
|
||||||
width: 93%;
|
|
||||||
margin: 0 auto;
|
|
||||||
i em {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
.rc-userpay {
|
|
||||||
width: 100%;
|
|
||||||
// height: 96px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
.rc-all{
|
|
||||||
height: 96px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
// display: none;
|
|
||||||
}
|
|
||||||
.rc-payprice {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
span {
|
|
||||||
font-size: 14px;
|
|
||||||
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
font-size: 14px;
|
|
||||||
font-style: normal;
|
|
||||||
|
|
||||||
color: #e1001a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.rc-receiving {
|
|
||||||
margin-top: 8px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
span {
|
|
||||||
font-size: 14px;
|
|
||||||
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
font-style: normal;
|
|
||||||
color: #666666;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
font-size: 16px;
|
|
||||||
display: block;
|
|
||||||
margin-top: 53px;
|
|
||||||
color: #e1001a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.rc-paystype {
|
|
||||||
height:64px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
span {
|
|
||||||
font-size: 16px;
|
|
||||||
|
|
||||||
color: #e1001a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.payAlipay {
|
|
||||||
.user-righticon{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
img{
|
|
||||||
width: 8px;
|
|
||||||
height: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
height: 80px;
|
|
||||||
border-bottom: 1px solid #d8d8d8;
|
|
||||||
.rc-payype {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
img {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
color: #333333;
|
|
||||||
font-size: 14px;
|
|
||||||
margin-left: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (min-width: 768px) and (max-width: 1920px) {
|
|
||||||
.rc-usermaina{
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/deep/.el-dialog {
|
|
||||||
width: 440px;
|
|
||||||
height: 677px;
|
|
||||||
}
|
|
||||||
.rc-header{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
text-align: center;
|
|
||||||
h3{
|
|
||||||
color:#333333;
|
|
||||||
font-size: 26px;
|
|
||||||
}
|
|
||||||
.rc-titled{
|
|
||||||
img{
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.rc-title{
|
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -75px;
|
|
||||||
display: block;
|
display: block;
|
||||||
top: 59%;
|
clear: both;
|
||||||
img{
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.userer{
|
|
||||||
img{
|
|
||||||
width: 210px;
|
|
||||||
height: 210px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
span{
|
|
||||||
font-size: 16px;
|
|
||||||
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
i{
|
|
||||||
font-size: 18px;
|
|
||||||
font-style: normal;
|
|
||||||
display: block;
|
|
||||||
margin-top: 32px;
|
|
||||||
color: #E1001A;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.rc-main {
|
.paycord {
|
||||||
.active {
|
padding: 10px;
|
||||||
border: 1px solid #E2001A;
|
text-align: center;
|
||||||
cursor: pointer;
|
.qrcode {
|
||||||
width: 200px;
|
margin: 0 auto 10px;
|
||||||
height: 56px;
|
width: 260px;
|
||||||
|
height: 260px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.unactive {
|
.dl_width {
|
||||||
border:1px solid #3D3D3D;
|
width: 440px;
|
||||||
cursor: pointer;
|
|
||||||
width: 200px;
|
|
||||||
height: 56px;
|
|
||||||
}
|
}
|
||||||
width: 100%;
|
.dl_cont {
|
||||||
.rc-hearder {
|
color: #333;
|
||||||
width: 93%;
|
margin-top: -10px;
|
||||||
|
.title {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: bold;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
.line_dashed {
|
||||||
|
border-bottom: 2px dashed #999999;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
.dl_img {
|
||||||
|
img {
|
||||||
|
width: 90px;
|
||||||
|
height: 90px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
i em {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
.rc-userpay {
|
|
||||||
width: 100%;
|
|
||||||
height: 96px;
|
|
||||||
// display: flex;
|
|
||||||
// justify-content: space-between;
|
|
||||||
.paysucess{
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
span{
|
|
||||||
font-size: 20px;
|
|
||||||
display: block;
|
|
||||||
width: 61%;
|
|
||||||
color: #E2001A;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.rc-all{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
}
|
||||||
.rc-payprice {
|
padding: 0px 0 20px;
|
||||||
display: flex;
|
}
|
||||||
justify-content: flex-end;
|
.userer {
|
||||||
span {
|
img {
|
||||||
font-size: 16px;
|
margin: 0 auto;
|
||||||
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
font-size: 16px;
|
|
||||||
font-style: normal;
|
|
||||||
|
|
||||||
color: #e1001a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.rc-receiving {
|
|
||||||
margin-top: 8px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
span {
|
|
||||||
font-size: 16px;
|
|
||||||
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
font-style: normal;
|
|
||||||
color: #666666;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
font-size: 16px;
|
|
||||||
display: block;
|
|
||||||
margin-top: 53px;
|
|
||||||
color: #e1001a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.paystype{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
.rc-paystype {
|
|
||||||
height: 100px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
span {
|
|
||||||
font-size: 26px;
|
|
||||||
|
|
||||||
color: #E2001A;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.payAlipay {
|
|
||||||
|
|
||||||
margin-left: 20px;
|
|
||||||
.user-righticon{
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
img{
|
|
||||||
width: 8px;
|
|
||||||
height: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
height: 56px;
|
|
||||||
|
|
||||||
.rc-payype {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 16px;
|
|
||||||
color: #E2001A;
|
|
||||||
justify-content: center;
|
|
||||||
width: 100%;
|
|
||||||
img {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
|
|
||||||
margin-left: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.paycord{
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
img{
|
|
||||||
width: 260px;
|
|
||||||
height: 260px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
span{
|
|
||||||
font-size: 20px;
|
|
||||||
display: block;
|
|
||||||
color: #333333;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.tips {
|
||||||
|
color: #e2001a;
|
||||||
|
margin-top: 30px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.ph_hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ready_right {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.pay_title {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.pay_list {
|
||||||
|
padding: 0;
|
||||||
|
.pay_item {
|
||||||
|
float: none;
|
||||||
|
border: none;
|
||||||
|
border-bottom: 1px solid #d7d7d7;
|
||||||
|
height: 50px;;
|
||||||
|
margin-right: 0;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: left;
|
||||||
|
justify-content: left; &.active {
|
||||||
|
border: none;
|
||||||
|
border-bottom: 1px solid #d7d7d7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.paycord{ display:none;}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -104,7 +104,6 @@ export default {
|
|||||||
|
|
||||||
//查询人的所有地址
|
//查询人的所有地址
|
||||||
async editaddress(user) {
|
async editaddress(user) {
|
||||||
|
|
||||||
user.data.id=844350
|
user.data.id=844350
|
||||||
let data = await selectaddress(user.data.id);
|
let data = await selectaddress(user.data.id);
|
||||||
this.list=data.data;
|
this.list=data.data;
|
||||||
|
|||||||
@ -1,308 +1,308 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container rc-full-width">
|
<div class="container rc-full-width">
|
||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
<div class="rc-top"></div>
|
<div class="rc-top"></div>
|
||||||
|
|
||||||
<div class="content ts-max-width--460">
|
<div class="content ts-max-width--460">
|
||||||
<h2 class="rc-beta rc-text--center">账号注册</h2>
|
<h2 class="rc-beta rc-text--center">账号注册</h2>
|
||||||
|
|
||||||
<div class="rc-layout-container rc-one-column">
|
|
||||||
<div class="rc-column">
|
|
||||||
<input
|
|
||||||
class="ts-standard-input"
|
|
||||||
v-model="tel"
|
|
||||||
placeholder="请输入手机号"
|
|
||||||
:error-message="usertel"
|
|
||||||
v-if="!ifpassword"
|
|
||||||
clearable
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- <van-field
|
|
||||||
v-model="password"
|
|
||||||
type="password"
|
|
||||||
placeholder="请输入密码"
|
|
||||||
:error-message="pass"
|
|
||||||
|
|
||||||
clearable
|
|
||||||
/> -->
|
|
||||||
<div class="rc-layout-container rc-two-column">
|
|
||||||
<div class="rc-column">
|
|
||||||
<input
|
|
||||||
v-if="!ifpassword"
|
|
||||||
v-model="sms"
|
|
||||||
class="ts-standard-input ts-standard-input--two center"
|
|
||||||
center
|
|
||||||
clearable
|
|
||||||
placeholder="请输入验证码"
|
|
||||||
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="rc-column">
|
|
||||||
<button
|
|
||||||
:disabled="flag"
|
|
||||||
slot="button"
|
|
||||||
size="small"
|
|
||||||
@click="sendCode"
|
|
||||||
class="rc-use ts-standard-btn ts-standard-btn--two"
|
|
||||||
>{{ buttonmsg }}</button
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="rc-layout-container rc-one-column">
|
<div class="rc-layout-container rc-one-column">
|
||||||
<div class="usecheck rc-column rc-text--left">
|
<div class="rc-column">
|
||||||
<label>
|
<input
|
||||||
<input
|
class="ts-standard-input"
|
||||||
type="checkbox"
|
v-model="tel"
|
||||||
@click="checkBox()"
|
placeholder="请输入手机号"
|
||||||
style="width: 24px; height: 24px"
|
:error-message="usertel"
|
||||||
v-model="inRank"
|
v-if="!ifpassword"
|
||||||
/>我已阅读同意隐私声明和账号使用协议
|
clearable
|
||||||
</label>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rc-layout-container rc-two-column rc-button">
|
<!-- <van-field
|
||||||
<div class="rc-column rc-text--left">
|
v-model="password"
|
||||||
<a href="#" class="rc-styled-link"><span>隐私政策</span></a>
|
type="password"
|
||||||
</div>
|
placeholder="请输入密码"
|
||||||
<div class="rc-column rc-text--right">
|
:error-message="pass"
|
||||||
<nuxt-link :to="`/userlogin/login/`" class="rc-styled-link">
|
|
||||||
<span>返回登录</span>
|
|
||||||
</nuxt-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="rc-layout-container rc-one-column">
|
clearable
|
||||||
<div class="rc-column">
|
/> -->
|
||||||
<input
|
<div class="rc-layout-container rc-two-column">
|
||||||
type="primary"
|
<div class="rc-column">
|
||||||
:loading="loading"
|
<input
|
||||||
loading-text="注册中..."
|
v-if="!ifpassword"
|
||||||
size="large"
|
v-model="sms"
|
||||||
:disabled="zhud"
|
class="ts-standard-input ts-standard-input--two center"
|
||||||
@click="register()"
|
center
|
||||||
class="ts-standard-btn ts-standard-btn--max-width"
|
clearable
|
||||||
value="注册"
|
placeholder="请输入验证码"
|
||||||
></input
|
|
||||||
>
|
>
|
||||||
<!-- <van-divider @click="toLogin">注册账户</van-divider> -->
|
</div>
|
||||||
</div>
|
<div class="rc-column">
|
||||||
</div>
|
<button
|
||||||
</div>
|
:disabled="flag"
|
||||||
|
slot="button"
|
||||||
|
size="small"
|
||||||
|
@click="sendCode"
|
||||||
|
class="rc-use ts-standard-btn ts-standard-btn--two"
|
||||||
|
>{{ buttonmsg }}</button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="rc-layout-container rc-one-column">
|
||||||
|
<div class="usecheck rc-column rc-text--left">
|
||||||
|
<label>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
@click="checkBox()"
|
||||||
|
style="width: 24px; height: 24px"
|
||||||
|
v-model="inRank"
|
||||||
|
/>我已阅读同意隐私声明和账号使用协议
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="rc-layout-container rc-two-column rc-button">
|
||||||
|
<div class="rc-column rc-text--left">
|
||||||
|
<a href="#" class="rc-styled-link"><span>隐私政策</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="rc-column rc-text--right">
|
||||||
|
<nuxt-link :to="`/userlogin/login/`" class="rc-styled-link">
|
||||||
|
<span>返回登录</span>
|
||||||
|
</nuxt-link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="rc-layout-container rc-one-column">
|
||||||
|
<div class="rc-column">
|
||||||
|
<input
|
||||||
|
type="primary"
|
||||||
|
:loading="loading"
|
||||||
|
loading-text="注册中..."
|
||||||
|
size="large"
|
||||||
|
:disabled="zhud"
|
||||||
|
@click="register()"
|
||||||
|
class="ts-standard-btn ts-standard-btn--max-width"
|
||||||
|
value="注册"
|
||||||
|
></input
|
||||||
|
>
|
||||||
|
<!-- <van-divider @click="toLogin">注册账户</van-divider> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {useredit,inserdiscount,sendMsg,vadatnmsg } from '../../ajax/getData'
|
import {useredit,inserdiscount,sendMsg,vadatnmsg } from '../../ajax/getData'
|
||||||
import Myheader from '~/components/header.vue' //引用头部公共组件
|
import Myheader from '~/components/header.vue' //引用头部公共组件
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
phone:'',
|
phone:'',
|
||||||
layerMSg:'手机格式不对',
|
layerMSg:'手机格式不对',
|
||||||
tel:'',
|
tel:'',
|
||||||
password:'',
|
password:'',
|
||||||
captchadata:'',
|
captchadata:'',
|
||||||
tamp:'',
|
tamp:'',
|
||||||
hash:'',
|
hash:'',
|
||||||
sms:'',
|
sms:'',
|
||||||
buttonmsg:'获取验证码',
|
buttonmsg:'获取验证码',
|
||||||
flag:false,
|
flag:false,
|
||||||
adminCode:'',
|
adminCode:'',
|
||||||
zhud:false,
|
zhud:false,
|
||||||
usercheckbox:false,
|
usercheckbox:false,
|
||||||
loading:false,
|
loading:false,
|
||||||
usertitle:true,
|
usertitle:true,
|
||||||
gender: '',
|
gender: '',
|
||||||
inRank:false,
|
inRank:false,
|
||||||
ifpassword:false
|
ifpassword:false
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
Myheader,
|
Myheader,
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
usertel () {
|
usertel () {
|
||||||
if (this.tel === ""){
|
if (this.tel === ""){
|
||||||
return ''
|
return ''
|
||||||
}else if(!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel)){
|
}else if(!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel)){
|
||||||
return '手机号格式错误'
|
return '手机号格式错误'
|
||||||
}else {
|
}else {
|
||||||
return ''
|
return ''
|
||||||
}
|
}
|
||||||
},
|
|
||||||
pass () {
|
|
||||||
if (this.password === ""){
|
|
||||||
return ''
|
|
||||||
}else if(this.password.length<6){
|
|
||||||
return '密码不可小于6位'
|
|
||||||
}else {
|
|
||||||
return ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
pass () {
|
||||||
|
if (this.password === ""){
|
||||||
|
return ''
|
||||||
|
}else if(this.password.length<6){
|
||||||
|
return '密码不可小于6位'
|
||||||
|
}else {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
mounted(){
|
mounted(){
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
|
|
||||||
//获取验证码
|
//获取验证码
|
||||||
async usermsg() {
|
async usermsg() {
|
||||||
//console.log("-----");
|
//console.log("-----");
|
||||||
let data = await sendMsg(this.tel);
|
let data = await sendMsg(this.tel);
|
||||||
if(data){
|
if(data){
|
||||||
//console.log(data);
|
//console.log(data);
|
||||||
//this.captchadata=data.msgNum;
|
//this.captchadata=data.msgNum;
|
||||||
this.tamp=data.tamp;
|
this.tamp=data.tamp;
|
||||||
this.hash=data.hash;
|
this.hash=data.hash;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
async vadmsg() {
|
async vadmsg() {
|
||||||
//console.log("-----");
|
//console.log("-----");
|
||||||
let data = await vadatnmsg(this.sms,this.hash,this.tamp);
|
let data = await vadatnmsg(this.sms,this.hash,this.tamp);
|
||||||
if(data){
|
if(data){
|
||||||
return data;
|
return data;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
checkBox(){
|
checkBox(){
|
||||||
//console.log(event.target.checked)
|
//console.log(event.target.checked)
|
||||||
this.usercheckbox=event.target.checked
|
this.usercheckbox=event.target.checked
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
//添加优惠券
|
//添加优惠券
|
||||||
async serdiscount (mobile,couponId) {
|
async serdiscount (mobile,couponId) {
|
||||||
let data = await inserdiscount(mobile,couponId);
|
let data = await inserdiscount(mobile,couponId);
|
||||||
if(data){
|
if(data){
|
||||||
console.log(data);
|
console.log(data);
|
||||||
}
|
}
|
||||||
//console.log(data);
|
//console.log(data);
|
||||||
},
|
},
|
||||||
//注册账户
|
//注册账户
|
||||||
sendCode () {
|
sendCode () {
|
||||||
this.getCode()
|
this.getCode()
|
||||||
},
|
},
|
||||||
getCode() {
|
getCode() {
|
||||||
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '手机号码输入有误'
|
message: '手机号码输入有误'
|
||||||
});
|
});
|
||||||
return
|
return
|
||||||
|
|
||||||
} else{
|
} else{
|
||||||
let time = 60;
|
let time = 60;
|
||||||
let timer;
|
let timer;
|
||||||
|
|
||||||
timer = setInterval(() => {
|
timer = setInterval(() => {
|
||||||
time--;
|
time--;
|
||||||
if (time === 0) {
|
if (time === 0) {
|
||||||
clearInterval(timer);
|
clearInterval(timer);
|
||||||
this.flag = false;
|
this.flag = false;
|
||||||
this.buttonmsg = "点击发送验证码";
|
this.buttonmsg = "点击发送验证码";
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.flag = true;
|
this.flag = true;
|
||||||
this.buttonmsg = time + "秒后重新发送";
|
this.buttonmsg = time + "秒后重新发送";
|
||||||
}, 1000);
|
}, 1000);
|
||||||
this.usermsg();
|
this.usermsg();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async register () {
|
async register () {
|
||||||
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '手机号码输入有误'
|
message: '手机号码输入有误'
|
||||||
});
|
});
|
||||||
return
|
return
|
||||||
|
|
||||||
}
|
}
|
||||||
// if(this.sms!==this.captchadata){
|
// if(this.sms!==this.captchadata){
|
||||||
// this.$message({
|
// this.$message({
|
||||||
// type: 'warning',
|
// type: 'warning',
|
||||||
// message: '验证码输入有误请重新输入'
|
// message: '验证码输入有误请重新输入'
|
||||||
// });
|
// });
|
||||||
// return
|
// return
|
||||||
// }
|
// }
|
||||||
if(this.sms==''){
|
if(this.sms==''){
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '请输入验证码'
|
message: '请输入验证码'
|
||||||
});
|
});
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
console.log(this.usercheckbox);
|
console.log(this.usercheckbox);
|
||||||
if(this.usercheckbox==false){
|
if(this.usercheckbox==false){
|
||||||
console.log('----');
|
console.log('----');
|
||||||
|
this.$message({
|
||||||
|
type: 'warning',
|
||||||
|
message: '请先同意隐私声明和账号使用协议'
|
||||||
|
});
|
||||||
|
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '请先同意隐私声明和账号使用协议'
|
message: '手机号码输入有误'
|
||||||
});
|
});
|
||||||
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
return
|
||||||
this.$message({
|
|
||||||
type: 'warning',
|
}
|
||||||
message: '手机号码输入有误'
|
|
||||||
});
|
|
||||||
return
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
else{
|
||||||
else{
|
|
||||||
//let user= JSON.parse(localStorage.getItem("userInfo"));
|
//let user= JSON.parse(localStorage.getItem("userInfo"));
|
||||||
let data = await this.vadmsg();
|
let data = await this.vadmsg();
|
||||||
if(data.code=="1")
|
if(data.code=="1")
|
||||||
{
|
{
|
||||||
data=await useredit(this.tel);
|
data=await useredit(this.tel);
|
||||||
if(data.code=='1'){
|
if(data.code=='1'){
|
||||||
let couponId='0000000123';
|
let couponId='0000000123';
|
||||||
this.serdiscount(this.tel,couponId);
|
this.serdiscount(this.tel,couponId);
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.serdiscount(this.tel,"0000000140");
|
this.serdiscount(this.tel,"0000000140");
|
||||||
}, 100);
|
}, 100);
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.serdiscount(this.tel,"0000000122");
|
this.serdiscount(this.tel,"0000000122");
|
||||||
}, 500);
|
}, 500);
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: "/",
|
path: "/",
|
||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: data.msg
|
message: data.msg
|
||||||
});
|
});
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
// reallR () {
|
},
|
||||||
// this.zhud=true
|
|
||||||
// this.loading=true
|
// reallR () {
|
||||||
// axios.post('https://www.daxunxun.com/users/register', {
|
// this.zhud=true
|
||||||
// username: this.tel,
|
// this.loading=true
|
||||||
// password: this.password
|
// axios.post('https://www.daxunxun.com/users/register', {
|
||||||
// }).then(res=>{
|
// username: this.tel,
|
||||||
// this.zhud=false
|
// password: this.password
|
||||||
// this.loading=false
|
// }).then(res=>{
|
||||||
// if (res.data === 2) {
|
// this.zhud=false
|
||||||
// Toast('用户名已注册，请直接登录')
|
// this.loading=false
|
||||||
// } else if (res.data === 0) {
|
// if (res.data === 2) {
|
||||||
// Toast('注册失败')
|
// Toast('用户名已注册，请直接登录')
|
||||||
// } else {
|
// } else if (res.data === 0) {
|
||||||
// Toast('注册成功')
|
// Toast('注册失败')
|
||||||
// }
|
// } else {
|
||||||
// })
|
// Toast('注册成功')
|
||||||
// }
|
// }
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,116 +1,116 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container rc-full-width">
|
<div class="container rc-full-width">
|
||||||
<Myheader></Myheader>
|
<Myheader></Myheader>
|
||||||
<div class="rc-top"></div>
|
<div class="rc-top"></div>
|
||||||
<div class="content ts-max-width--460">
|
<div class="content ts-max-width--460">
|
||||||
<h2 class="rc-beta rc-text--center">{{ usertitle ? "账号登录" : "" }}</h2>
|
<h2 class="rc-beta rc-text--center">{{ usertitle ? "账号登录" : "" }}</h2>
|
||||||
<!-- Deprecated : No tab switching as no password
|
<!-- Deprecated : No tab switching as no password
|
||||||
<div class="rc-header">
|
<div class="rc-header">
|
||||||
<span
|
<span
|
||||||
v-for="(item, index) in swiperData"
|
v-for="(item, index) in swiperData"
|
||||||
:key="index"
|
:key="index"
|
||||||
@click="selectGoods(item, index)"
|
@click="selectGoods(item, index)"
|
||||||
:class="activeIndex == index ? 'active' : 'unactive'"
|
:class="activeIndex == index ? 'active' : 'unactive'"
|
||||||
>{{ item.title }}</span
|
>{{ item.title }}</span
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
<div class="rc-layout-container rc-one-column">
|
<div class="rc-layout-container rc-one-column">
|
||||||
<div class="rc-column">
|
<div class="rc-column">
|
||||||
<input
|
<input
|
||||||
class="ts-standard-input"
|
class="ts-standard-input"
|
||||||
v-model="tel"
|
v-model="tel"
|
||||||
placeholder="请输入手机号"
|
placeholder="请输入手机号"
|
||||||
:error-message="usertel"
|
:error-message="usertel"
|
||||||
v-if="!ifpassword"
|
v-if="!ifpassword"
|
||||||
clearable
|
clearable
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Deprecated : No tab switching as no password
|
<!-- Deprecated : No tab switching as no password
|
||||||
<input
|
<input
|
||||||
v-model="text"
|
v-model="text"
|
||||||
class="ts-standard-input ts-standard-input--two"
|
class="ts-standard-input ts-standard-input--two"
|
||||||
placeholder="请输入账号"
|
placeholder="请输入账号"
|
||||||
|
|
||||||
v-if="ifpassword"
|
v-if="ifpassword"
|
||||||
clearable
|
clearable
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<van-field
|
<van-field
|
||||||
v-model="password"
|
v-model="password"
|
||||||
type="password"
|
type="password"
|
||||||
placeholder="请输入密码"
|
placeholder="请输入密码"
|
||||||
|
|
||||||
v-if="ifpassword"
|
v-if="ifpassword"
|
||||||
clearable
|
clearable
|
||||||
/>
|
/>
|
||||||
-->
|
-->
|
||||||
<div class="rc-layout-container rc-two-column">
|
<div class="rc-layout-container rc-two-column">
|
||||||
<div class="rc-column">
|
<div class="rc-column">
|
||||||
<input
|
<input
|
||||||
v-if="!ifpassword"
|
v-if="!ifpassword"
|
||||||
v-model="sms"
|
v-model="sms"
|
||||||
class="ts-standard-input ts-standard-input--two center"
|
class="ts-standard-input ts-standard-input--two center"
|
||||||
center
|
center
|
||||||
clearable
|
clearable
|
||||||
placeholder="请输入验证码"
|
placeholder="请输入验证码"
|
||||||
|
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="rc-column">
|
<div class="rc-column">
|
||||||
<button
|
<button
|
||||||
:disabled="flag"
|
:disabled="flag"
|
||||||
slot="button"
|
slot="button"
|
||||||
size="small"
|
size="small"
|
||||||
@click="sendCode"
|
@click="sendCode"
|
||||||
class="rc-use ts-standard-btn ts-standard-btn--two"
|
class="rc-use ts-standard-btn ts-standard-btn--two"
|
||||||
>{{ buttonmsg }}</button
|
>{{ buttonmsg }}</button
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="rc-layout-container rc-one-column">
|
<div class="rc-layout-container rc-one-column">
|
||||||
<div class="usecheck rc-column rc-text--left">
|
<div class="usecheck rc-column rc-text--left">
|
||||||
<label>
|
<label>
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
@click="checkBox()"
|
@click="checkBox()"
|
||||||
style="width: 24px; height: 24px"
|
style="width: 24px; height: 24px"
|
||||||
v-model="inRank"
|
v-model="inRank"
|
||||||
/>我已阅读同意隐私声明和账号使用协议
|
/>我已阅读同意隐私声明和账号使用协议
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rc-layout-container rc-two-column rc-button">
|
<div class="rc-layout-container rc-two-column rc-button">
|
||||||
<div class="rc-column rc-text--left">
|
<div class="rc-column rc-text--left">
|
||||||
<a href="#" class="rc-styled-link"><span>隐私政策</span></a>
|
<a href="#" class="rc-styled-link"><span>隐私政策</span></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="rc-column rc-text--right">
|
<div class="rc-column rc-text--right">
|
||||||
<nuxt-link :to="`/userlogin/edit/`" class="rc-styled-link">
|
<nuxt-link :to="`/userlogin/edit/`" class="rc-styled-link">
|
||||||
<span>注册账户</span>
|
<span>注册账户</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="rc-layout-container rc-one-column">
|
<div class="rc-layout-container rc-one-column">
|
||||||
<div class="rc-column">
|
<div class="rc-column">
|
||||||
<input
|
<input
|
||||||
type="primary"
|
type="primary"
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
loading-text="登录..."
|
loading-text="登录..."
|
||||||
size="large"
|
size="large"
|
||||||
:disabled="zhud"
|
:disabled="zhud"
|
||||||
@click="register()"
|
@click="register()"
|
||||||
class="ts-standard-btn ts-standard-btn--max-width"
|
class="ts-standard-btn ts-standard-btn--max-width"
|
||||||
value="登录"
|
value="登录"
|
||||||
></input
|
></input
|
||||||
>
|
>
|
||||||
<!-- <van-divider @click="toLogin">注册账户</van-divider> -->
|
<!-- <van-divider @click="toLogin">注册账户</van-divider> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
||||||
@ -149,7 +149,7 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
Myheader
|
Myheader
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
usertel() {
|
usertel() {
|
||||||
@ -188,32 +188,32 @@ export default {
|
|||||||
// },
|
// },
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
...mapMutations(["changeClod"]),
|
...mapMutations(["changeClod"]),
|
||||||
checkBox(){
|
checkBox(){
|
||||||
console.log(event.target.checked)
|
console.log(event.target.checked)
|
||||||
this.usercheckbox=event.target.checked
|
this.usercheckbox=event.target.checked
|
||||||
},
|
},
|
||||||
|
|
||||||
//获取验证码
|
//获取验证码
|
||||||
async usermsg() {
|
async usermsg() {
|
||||||
//console.log("-----");
|
//console.log("-----");
|
||||||
let data = await sendMsg(this.tel);
|
let data = await sendMsg(this.tel);
|
||||||
if(data){
|
if(data){
|
||||||
console.log(data);
|
console.log(data);
|
||||||
//this.captchadata=data.msgNum;
|
//this.captchadata=data.msgNum;
|
||||||
this.tamp=data.tamp;
|
this.tamp=data.tamp;
|
||||||
this.hash=data.hash;
|
this.hash=data.hash;
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
//发送验证码数据
|
//发送验证码数据
|
||||||
async vadmsg() {
|
async vadmsg() {
|
||||||
//console.log("-----");
|
//console.log("-----");
|
||||||
let data = await vadatnmsg(this.sms,this.hash,this.tamp);
|
let data = await vadatnmsg(this.sms,this.hash,this.tamp);
|
||||||
if(data){
|
if(data){
|
||||||
return data;
|
return data;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onClickHander(e) {
|
onClickHander(e) {
|
||||||
console.log(e);
|
console.log(e);
|
||||||
@ -239,93 +239,93 @@ export default {
|
|||||||
},
|
},
|
||||||
sendCode() {
|
sendCode() {
|
||||||
|
|
||||||
this.getCode();
|
this.getCode();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
getCode() {
|
getCode() {
|
||||||
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '手机号码输入有误'
|
message: '手机号码输入有误'
|
||||||
});
|
});
|
||||||
return
|
return
|
||||||
|
|
||||||
} else{
|
|
||||||
|
|
||||||
|
|
||||||
let time = 60;
|
} else{
|
||||||
let timer;
|
|
||||||
|
|
||||||
timer = setInterval(() => {
|
let time = 60;
|
||||||
time--;
|
let timer;
|
||||||
if (time === 0) {
|
|
||||||
clearInterval(timer);
|
timer = setInterval(() => {
|
||||||
this.flag = false;
|
time--;
|
||||||
this.buttonmsg = "点击发送验证码";
|
if (time === 0) {
|
||||||
return;
|
clearInterval(timer);
|
||||||
}
|
this.flag = false;
|
||||||
this.flag = true;
|
this.buttonmsg = "点击发送验证码";
|
||||||
this.buttonmsg = time + "秒后重新发送";
|
return;
|
||||||
}, 1000);
|
}
|
||||||
this.usermsg();
|
this.flag = true;
|
||||||
|
this.buttonmsg = time + "秒后重新发送";
|
||||||
|
}, 1000);
|
||||||
|
this.usermsg();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async register() {
|
async register() {
|
||||||
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '手机号码输入有误'
|
message: '手机号码输入有误'
|
||||||
});
|
});
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if(this.sms==''){
|
if(this.sms==''){
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '请输入验证码'
|
message: '请输入验证码'
|
||||||
});
|
});
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if(this.usercheckbox==false){
|
if(this.usercheckbox==false){
|
||||||
//console.log('----');
|
//console.log('----');
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '请先同意隐私声明和账号使用协议'
|
message: '请先同意隐私声明和账号使用协议'
|
||||||
});
|
});
|
||||||
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
if (!/^[1][3,4,5,7,8][0-9]{9}$/.test(this.tel) || this.tel === "") {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '手机号码输入有误'
|
message: '手机号码输入有误'
|
||||||
});
|
});
|
||||||
return
|
return
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
let data=await this.vadmsg();
|
let data=await this.vadmsg();
|
||||||
if(data.code=="1")
|
if(data.code=="1")
|
||||||
{
|
{
|
||||||
data = await userLongin(this.tel);
|
data = await userLongin(this.tel);
|
||||||
if(data.msg=='SUCCESS'){
|
if(data.msg=='SUCCESS'){
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: '登录成功'
|
message: '登录成功'
|
||||||
});
|
});
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: "/",
|
path: "/",
|
||||||
});
|
});
|
||||||
let token=JSON.stringify(data);
|
let token=JSON.stringify(data);
|
||||||
this.changeClod({ cloud: token });
|
this.changeClod({ cloud: token });
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
message: data.msg
|
message: data.msg
|
||||||
});
|
});
|
||||||
|
|
||||||
return
|
return
|
||||||
}},
|
}},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user