|
|
@@ -1,141 +1,149 @@
|
|
|
<template>
|
|
|
- <view class="app-content">
|
|
|
- <view class="billing_box_bg">
|
|
|
- <view class="top-view"> </view>
|
|
|
- <view class="result-view">
|
|
|
- <view :class="['iconfont', 'iconchenggong']"></view>
|
|
|
- <view class="result-title">充值成功</view>
|
|
|
- <view class="textarea-container">
|
|
|
- <textarea
|
|
|
- class="result-textarea"
|
|
|
- v-model="copyText"
|
|
|
- readonly
|
|
|
- placeholder="售后金额¥20元,已充值到你的账户,点击下面链接查看你的账户余额和明细 链接:#小程序://花掌柜/v9C1DSa6pqAVGGH 链接有效期30天"
|
|
|
- ></textarea>
|
|
|
+ <view class="app-content">
|
|
|
+ <view class="billing_box_bg">
|
|
|
+ <view class="top-view"> </view>
|
|
|
+ <view class="result-view">
|
|
|
+ <view :class="['iconfont', 'iconchenggong']"></view>
|
|
|
+ <view class="result-title">充值成功</view>
|
|
|
+ <view class="textarea-container">
|
|
|
+ <textarea
|
|
|
+ class="result-textarea"
|
|
|
+ v-model="copyText"
|
|
|
+ readonly
|
|
|
+ placeholder=""
|
|
|
+ ></textarea>
|
|
|
+ </view>
|
|
|
+ <view class="pay-confirm-content">
|
|
|
+ <view>
|
|
|
+ <button class="admin-button-com blue big" @click="recharge()" style="width:420upx;">复制上面文字,发给客户</button>
|
|
|
</view>
|
|
|
- <view class="pay-confirm-content">
|
|
|
- <view>
|
|
|
- <button class="admin-button-com blue big" @click="recharge()" style="width:420upx;">复制上面文字,发给客户</button>
|
|
|
- </view>
|
|
|
- <view style="margin-top:40upx;">
|
|
|
- <button class="admin-button-com big" @click="goBack" style="width:420upx;">返回</button>
|
|
|
- </view>
|
|
|
+ <view style="margin-top:40upx;">
|
|
|
+ <button class="admin-button-com big" @click="goBack" style="width:420upx;">返回</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </template>
|
|
|
- <script>
|
|
|
- export default {
|
|
|
- name: "resultCp",
|
|
|
- data() {
|
|
|
- return {
|
|
|
- orderInfo:[],
|
|
|
- copyText: "售后金额¥20元,已充值到你的账户,点击下面链接查看你的账户余额和明细\n链接:#小程序://花掌柜/v9C1DSa6pqAVGGH\n链接有效期30天"
|
|
|
- }
|
|
|
- },
|
|
|
- onLoad(){
|
|
|
- //返回上一页时刷新
|
|
|
- let pages = getCurrentPages();
|
|
|
- let prevPage = pages[ pages.length - 2 ];
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import { getMallRechargeShortLink } from "@/api/recharge";
|
|
|
+export default {
|
|
|
+ name: "resultCp",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ orderInfo:[],
|
|
|
+ copyText:""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(){
|
|
|
+
|
|
|
+ //返回上一页时刷新
|
|
|
+ let pages = getCurrentPages();
|
|
|
+ let prevPage = pages[ pages.length - 2 ];
|
|
|
+ if(prevPage.$vm){
|
|
|
prevPage.$vm.pageAction = {refresh:1}
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init(){
|
|
|
+ let amount = this.option.amount?parseFloat(this.option.amount):0
|
|
|
+ getMallRechargeShortLink().then(res=>{
|
|
|
+ if(res.code == 1){
|
|
|
+ let link = res.data.link ? res.data.link:''
|
|
|
+ this.copyText = "售后金额¥"+amount+"元,已充值到你的账户\n点击下面链接查看你的账户余额\n"+link+"\n链接30天后失效"
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
- methods: {
|
|
|
- init(){
|
|
|
- let id = this.option.id?this.option.id:0
|
|
|
- getDetB({id: id}).then(res => {
|
|
|
- this.orderInfo = res.data
|
|
|
- })
|
|
|
- },
|
|
|
- recharge(){
|
|
|
- // 复制文本到剪贴板
|
|
|
- uni.setClipboardData({
|
|
|
- data: this.copyText,
|
|
|
- success: () => {
|
|
|
- uni.showToast({
|
|
|
- title: '复制成功',
|
|
|
- icon: 'success',
|
|
|
- duration: 2000
|
|
|
- });
|
|
|
- },
|
|
|
- fail: () => {
|
|
|
- uni.showToast({
|
|
|
- title: '复制失败',
|
|
|
- icon: 'none',
|
|
|
- duration: 2000
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- goBack(){
|
|
|
- uni.navigateBack()
|
|
|
- }
|
|
|
+ recharge(){
|
|
|
+ // 复制文本到剪贴板
|
|
|
+ uni.setClipboardData({
|
|
|
+ data: this.copyText,
|
|
|
+ success: () => {
|
|
|
+ uni.showToast({
|
|
|
+ title: '复制成功',
|
|
|
+ icon: 'success',
|
|
|
+ duration: 2000
|
|
|
+ });
|
|
|
+ },
|
|
|
+ fail: () => {
|
|
|
+ uni.showToast({
|
|
|
+ title: '复制失败',
|
|
|
+ icon: 'none',
|
|
|
+ duration: 2000
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
- };
|
|
|
- </script>
|
|
|
- <style lang="scss" scoped>
|
|
|
- .billing_box_bg {
|
|
|
+ goBack(){
|
|
|
+ uni.navigateBack()
|
|
|
+ }
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.billing_box_bg {
|
|
|
+ position: relative;
|
|
|
+ padding: 30upx 30upx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ .top-view {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 299upx;
|
|
|
+ background: #3385ff;
|
|
|
+ border-radius: 0upx 0upx 83upx 83upx;
|
|
|
+ }
|
|
|
+ .result-view {
|
|
|
position: relative;
|
|
|
- padding: 30upx 30upx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- background-color: #f5f5f5;
|
|
|
- .top-view {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 299upx;
|
|
|
- background: #3385ff;
|
|
|
- border-radius: 0upx 0upx 83upx 83upx;
|
|
|
+ align-items: center;
|
|
|
+ padding: 80upx 0upx 70upx 0upx;
|
|
|
+ width: 100%;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 20upx;
|
|
|
+ z-index: 1;
|
|
|
+ .iconchenggong {
|
|
|
+ font-size: 130upx;
|
|
|
+ color: $mainColor1;
|
|
|
}
|
|
|
- .result-view {
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- padding: 80upx 0upx 70upx 0upx;
|
|
|
+ .result-title {
|
|
|
+ margin: 50upx 0 30upx;
|
|
|
+ font-size: 38upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .textarea-container {
|
|
|
width: 100%;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 20upx;
|
|
|
- z-index: 1;
|
|
|
- .iconchenggong {
|
|
|
- font-size: 130upx;
|
|
|
- color: $mainColor1;
|
|
|
- }
|
|
|
- .result-title {
|
|
|
- margin: 50upx 0 30upx;
|
|
|
- font-size: 38upx;
|
|
|
- }
|
|
|
+ padding: 0 40upx;
|
|
|
+ margin-bottom: 40upx;
|
|
|
|
|
|
- .textarea-container {
|
|
|
+ .result-textarea {
|
|
|
width: 100%;
|
|
|
- padding: 0 40upx;
|
|
|
- margin-bottom: 40upx;
|
|
|
+ min-height: 300upx;
|
|
|
+ padding: 30upx;
|
|
|
+ background: #f8f9fa;
|
|
|
+ border: 2upx solid #e9ecef;
|
|
|
+ border-radius: 16upx;
|
|
|
+ font-size: 32upx;
|
|
|
+ line-height: 1.6;
|
|
|
+ color: #333;
|
|
|
+ resize: none;
|
|
|
|
|
|
- .result-textarea {
|
|
|
- width: 100%;
|
|
|
- min-height: 300upx;
|
|
|
- padding: 30upx;
|
|
|
- background: #f8f9fa;
|
|
|
- border: 2upx solid #e9ecef;
|
|
|
- border-radius: 16upx;
|
|
|
- font-size: 32upx;
|
|
|
- line-height: 1.6;
|
|
|
- color: #333;
|
|
|
- resize: none;
|
|
|
-
|
|
|
- &:focus {
|
|
|
- border-color: $mainColor1;
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
+ &:focus {
|
|
|
+ border-color: $mainColor1;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .pay-confirm-content {
|
|
|
- padding: 30upx 40upx;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- </style>
|
|
|
+.pay-confirm-content {
|
|
|
+ padding: 30upx 40upx;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+</style>
|