forked from angelo/web-retail-h5
302 lines
7.0 KiB
Vue
302 lines
7.0 KiB
Vue
<!--
|
|
* @Descripttion:
|
|
* @version:
|
|
* @Author: 王三华
|
|
* @Date: 2023-06-12 17:17:03
|
|
-->
|
|
<!--
|
|
* @Descripttion:
|
|
* @version:
|
|
* @Author: kBank
|
|
* @Date: 2023-03-24 10:42:40
|
|
-->
|
|
<template>
|
|
<u-popup :show="sucShow" closeable :round="10" mode="center" @close="sucShow= false">
|
|
<view class="pop_a">
|
|
<view class="tit">
|
|
<u-icon name="checkmark-circle-fill" color="#029B00"></u-icon>
|
|
<view>{{$t('w_0158')}}</view>
|
|
</view>
|
|
<!-- <view class="digBody">
|
|
<view class="red">{{$t('w_0159')}}
|
|
<view class="copy"
|
|
@click="onCopy">{{$t('MY_CK_27')}}</view>
|
|
</view>
|
|
<view>{{$t('CK_KS_14')}}: {{ allData.memberName }}</view>
|
|
<view>{{$t('MN_T_1')}}: {{ allData.memberCode }}</view>
|
|
<view>会员电话: {{ allData.phone }}</view>
|
|
<view>登录密码: {{ allData.loginPassword }}</view>
|
|
<view>支付密码: {{ allData.payPassword }}</view>
|
|
<view>邮箱: {{ allData.email }}</view>
|
|
<view>登录网址: {{ allData.urlAddress }}</view>
|
|
</view>
|
|
<span slot="footer"
|
|
class="dialog-footer">
|
|
<view class="btn"
|
|
@click="handleClose">{{$t('w_0035')}}</view>
|
|
<view class="hui"
|
|
@click="handleClose">取消</view>
|
|
</span> -->
|
|
<!-- <view class="tit1">{{$t('w_0159')}}</view> -->
|
|
<view class="getCode" @tap="onCopy">{{$t('MY_CK_27')}}</view>
|
|
<view class="form">
|
|
<u--form labelPosition="left" labelWidth="80px" :model="allData" ref="uForm">
|
|
<u-form-item :label="$t('CK_KS_14')+':'" borderBottom>
|
|
<u--input v-model="allData.memberName" border="none"></u--input>
|
|
</u-form-item>
|
|
<u-form-item :label="$t('MN_T_1')+':'" borderBottom>
|
|
<u--input v-model="allData.memberCode" border="none"></u--input>
|
|
</u-form-item>
|
|
<u-form-item :label="$t('w_0160')+':'" borderBottom>
|
|
<u--input v-model="allData.phone" border="none"></u--input>
|
|
</u-form-item>
|
|
<u-form-item :label="$t('w_0041')+':'" borderBottom>
|
|
<u--input v-model="allData.loginPassword" border="none">
|
|
</u--input>
|
|
</u-form-item>
|
|
<u-form-item :label="$t('N_I_217')+':'" borderBottom>
|
|
<u--input v-model="allData.payPassword" border="none">
|
|
</u--input>
|
|
</u-form-item>
|
|
<u-form-item :label="$t('w_0161')+':'" borderBottom>
|
|
<u--input v-model="allData.urlAddress" border="none"></u--input>
|
|
</u-form-item>
|
|
<!-- <u-form-item :label="'公众号搜索'+':'"
|
|
borderBottom>
|
|
<u--input v-model="allData.gzh"
|
|
border="none"></u--input>
|
|
</u-form-item>
|
|
<u-form-item :label="'APP(苹果)'+':'"
|
|
borderBottom>
|
|
<u--input v-model="allData.ios"
|
|
border="none"></u--input>
|
|
</u-form-item>
|
|
<u-form-item :label="'APP(安卓)'+':'"
|
|
borderBottom>
|
|
<u--input v-model="allData.android"
|
|
border="none"></u--input>
|
|
</u-form-item> -->
|
|
</u--form>
|
|
<view class="disflx">
|
|
<u-button type="success" class="uBtn" shape="circle"
|
|
color="linear-gradient(to right, #fb3024, #fb3024 )"
|
|
@tap="handleClose">{{$t('w_0035')}}</u-button>
|
|
</view>
|
|
</view>
|
|
<img class="yh" v-show="bia" src="@/static/images/yh.gif" alt="">
|
|
<img class="cd" v-show="bia" src="@/static/images/cd.gif" alt="">
|
|
</view>
|
|
</u-popup>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
sucShow: false,
|
|
bia: false,
|
|
allData: '',
|
|
}
|
|
},
|
|
methods: {
|
|
showSuccess(data) {
|
|
this.allData = data
|
|
// this.allData.gzh = '海之圣'
|
|
// this.allData.ios = 'http://yxydl.hzs413.com/q2efum'
|
|
// this.allData.android = 'https://cn.hzs413.com/'
|
|
this.sucShow = true
|
|
this.bia = true
|
|
let that = this
|
|
setTimeout(() => {
|
|
that.bia = false
|
|
}, 3000)
|
|
},
|
|
handleClose() {
|
|
this.sucShow = false
|
|
this.$emit('successClose')
|
|
},
|
|
payPw() {},
|
|
onCopy() {
|
|
let text =
|
|
this.$t('CK_KS_14') + ':' +
|
|
this.allData.memberName +
|
|
'\n' +
|
|
this.$t('MN_T_1') + ':' +
|
|
this.allData.memberCode +
|
|
'\n' +
|
|
this.$t('w_0160') + ':' +
|
|
this.allData.phone +
|
|
'\n' +
|
|
this.$t('w_0041') + ':' +
|
|
this.allData.loginPassword +
|
|
'\n' +
|
|
this.$t('N_I_217') + ':' +
|
|
this.allData.payPassword +
|
|
'\n' +
|
|
this.$t('w_0161') + ':' +
|
|
this.allData.urlAddress
|
|
// +
|
|
// '\n' +
|
|
// this.$t('APP_ADD_7')+':' +
|
|
// this.allData.gzh+
|
|
// '\n' +
|
|
// 'APP'+`(${this.$t('APP_ADD_8')})` +
|
|
// ':' +
|
|
// this.allData.ios+
|
|
// '\n' +
|
|
// 'APP'+`(${this.$t('APP_ADD_9')})` +
|
|
// ':' +
|
|
// this.allData.android
|
|
this.$copyText(text).then((res) => {
|
|
uni.showToast({
|
|
title: this.$t('MY_CK_29'),
|
|
icon: 'none',
|
|
})
|
|
})
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.dialog-footer {
|
|
display: flex;
|
|
}
|
|
|
|
.btn {
|
|
line-height: 50px;
|
|
width: 120px;
|
|
height: 50px;
|
|
background: #d5251d;
|
|
border-radius: 6px 6px 6px 6px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
color: #ffffff;
|
|
margin: 25px auto;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.hui {
|
|
line-height: 50px;
|
|
width: 120px;
|
|
height: 50px;
|
|
background: #ccc;
|
|
border-radius: 6px 6px 6px 6px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
color: #ffffff;
|
|
margin: 25px auto;
|
|
cursor: pointer;
|
|
}
|
|
|
|
::v-deep .el-dialog {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::v-deep .el-dialog__body {
|
|
padding: 0;
|
|
}
|
|
|
|
.tit {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 30rpx;
|
|
font-family: Source Han Sans CN;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
// border-bottom: 1px solid #f2f2f2;
|
|
// padding-bottom: 15px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.tit1 {
|
|
font-size: 30rpx;
|
|
font-family: Source Han Sans CN;
|
|
font-weight: bold;
|
|
color: #fb3024;
|
|
text-align: center;
|
|
}
|
|
|
|
.digBody {
|
|
margin-top: 30px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-family: PingFang SC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #666666;
|
|
|
|
.red {
|
|
font-size: 20px;
|
|
font-family: PingFang SC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #f43c3a;
|
|
position: relative;
|
|
line-height: 30px;
|
|
height: 30px;
|
|
|
|
.copy {
|
|
position: absolute;
|
|
right: 0;
|
|
transform: translateX(-100%);
|
|
top: 0;
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
height: 30px;
|
|
color: #333;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
view {
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.yh {
|
|
width: 262px;
|
|
height: 262px;
|
|
position: absolute;
|
|
top: -100px;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.cd {
|
|
width: 496px;
|
|
height: 496px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
.getCode {
|
|
text-align: right;
|
|
margin: 48rpx 24rpx 0 0;
|
|
font-size: 10px;
|
|
font-family: PingFang SC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #18acff;
|
|
}
|
|
|
|
.pop_a {
|
|
padding: 40rpx 40rpx;
|
|
}
|
|
|
|
.uBtn {
|
|
margin: 20rpx;
|
|
}
|
|
|
|
::v-deep .u-popup__content {
|
|
width: 90%;
|
|
}
|
|
|
|
::v-deep .u-form-item__body__left__content__label {
|
|
font-size: 24rpx;
|
|
font-family: Source Han Sans CN;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
}
|
|
</style> |