|
@@ -0,0 +1,156 @@
|
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
|
+<html lang="en">
|
|
|
|
|
+<head>
|
|
|
|
|
+ <meta charset="UTF-8">
|
|
|
|
|
+ <title>GoPays</title>
|
|
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
|
+ <meta name="full-screen" content="yes">
|
|
|
|
|
+ <meta name="x5-fullscreen" content="true">
|
|
|
|
|
+ <meta name="viewport"
|
|
|
|
|
+ content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
|
|
|
|
|
+
|
|
|
|
|
+ <link rel="stylesheet" href="css/element-ui.css">
|
|
|
|
|
+ <link rel="stylesheet" href="css/element@2.12.2.css">
|
|
|
|
|
+ <link rel="stylesheet" href="css/index.css">
|
|
|
|
|
+
|
|
|
|
|
+</head>
|
|
|
|
|
+<body>
|
|
|
|
|
+<div class="container" id="forget" v-loading="pictLoading" element-loading-background="rgba(43, 48, 67, 0.65)"
|
|
|
|
|
+ element-loading-spinner="el-icon-loading">
|
|
|
|
|
+ <div class="Va-document">
|
|
|
|
|
+ <div class="content-info">
|
|
|
|
|
+ <p class="title"><span class="tit1">{{ lang.serial }}</span> <span class="tit2">{{ params.serial || '--' }}</span>
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <div class="pays">
|
|
|
|
|
+ <div class="pay">
|
|
|
|
|
+ <p class="tit">支付金额(CNY)</p>
|
|
|
|
|
+ <p class="num">{{ params.cny || '0' }}</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="time">
|
|
|
|
|
+ <span v-if="timeStatus == 1">{{ time }}</span>
|
|
|
|
|
+ <span v-if="timeStatus == 2" style="color: #BF233D;">已过期</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="beizhu">*[禁止备注]禁止备注任何敏感字样(入金,虚拟货币等),否则支付的款项无法找回。</p>
|
|
|
|
|
+ <div class="list" v-if="params.payType == 'ALIPAY'">
|
|
|
|
|
+ <div class="tit-label" style="width: 100%;">
|
|
|
|
|
+ <p class="label">二维码</p>
|
|
|
|
|
+ <p class="com" id="ShareLink7" style="display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ margin-bottom: 10px;">
|
|
|
|
|
+ <!-- <img :src="ho + params.alipayUrl" alt=""> -->
|
|
|
|
|
+ <img style="width: 250px;" :src="ho + params.alipayUrl" alt="">
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- <div>
|
|
|
|
|
+ <span class="btn" @click="CopyShareLink(params.bankUname)">复制</span>
|
|
|
|
|
+ </div> -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="list" v-if="params.payType == 'WECHAT'">
|
|
|
|
|
+ <div class="tit-label" style="width: 100%;">
|
|
|
|
|
+ <p class="label">二维码</p>
|
|
|
|
|
+ <p class="com" id="ShareLink7" style="display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ margin-bottom: 10px;">
|
|
|
|
|
+ <!-- <img :src="ho + params.alipayUrl" alt=""> -->
|
|
|
|
|
+ <img style="width: 250px;" :src="ho + params.wechatUrl" alt="">
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- <div>
|
|
|
|
|
+ <span class="btn" @click="CopyShareLink(params.bankUname)">复制</span>
|
|
|
|
|
+ </div> -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-if="!['ALIPAY','WECHAT'].includes(params.payType)">
|
|
|
|
|
+ <div class="list">
|
|
|
|
|
+ <div class="tit-label">
|
|
|
|
|
+ <p class="label">收款人</p>
|
|
|
|
|
+ <p class="com" id="ShareLink1">{{ params.bankUname || '--' }}</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <span class="btn" @click="CopyShareLink(params.bankUname)">复制</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="list">
|
|
|
|
|
+ <div class="tit-label">
|
|
|
|
|
+ <p class="label">收款人账户</p>
|
|
|
|
|
+ <p class="com" id="ShareLink2">{{ params.bankCardNum || '--' }}</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <span class="btn" @click="CopyShareLink(params.bankCardNum)">复制</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="list">
|
|
|
|
|
+ <div class="tit-label">
|
|
|
|
|
+ <p class="label">收款人银行</p>
|
|
|
|
|
+ <p class="com" id="ShareLink3">{{ params.bankName || '--' }}</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <span class="btn" @click="CopyShareLink(params.bankName)">复制</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="list">
|
|
|
|
|
+ <div class="tit-label">
|
|
|
|
|
+ <p class="label">支行信息</p>
|
|
|
|
|
+ <p class="com" id="ShareLink4">{{ params.bankBranchName || '--' }}</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <span class="btn" @click="CopyShareLink(params.bankBranchName)">复制</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="list" v-if="params.payType == 'ALIPAY'">
|
|
|
|
|
+ <div class="tit-label">
|
|
|
|
|
+ <p class="label">备注信息</p>
|
|
|
|
|
+ <p class="com" id="ShareLink6">{{ params.payMsg || '--' }}</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <span class="btn" @click="CopyShareLink(params.payMsg)">复制</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="list" v-if="params.payType == 'WECHAT'">
|
|
|
|
|
+ <div class="tit-label">
|
|
|
|
|
+ <p class="label">备注信息</p>
|
|
|
|
|
+ <p class="com" id="ShareLink6">{{ params.payMsg || '--' }}</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <span class="btn" @click="CopyShareLink(params.payMsg)">复制</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="list">
|
|
|
|
|
+ <div class="tit-label">
|
|
|
|
|
+ <p class="label">付款金额</p>
|
|
|
|
|
+ <p class="com" id="ShareLink5">{{ params.cny || '0' }}</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <span class="btn" @click="CopyShareLink(params.cny)">复制</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="beizhu">*完成付款后,请务必点击“我已付款“按钮,否则支付的款项可能无法找回。</p>
|
|
|
|
|
+
|
|
|
|
|
+ <div style="margin: 20px 10px;" class="btn-box">
|
|
|
|
|
+ <el-row type="flex">
|
|
|
|
|
+ <el-col :span="8" :xs="12" class="l-btn">
|
|
|
|
|
+ <el-button style="width: 100%;" type="" @click="confirm(5)">取消</el-button>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="16" :xs="12" class="r-btn">
|
|
|
|
|
+ <el-button style="width: 100%;" type="primary" @click="confirm(1)">我已付款</el-button>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</div>
|
|
|
|
|
+
|
|
|
|
|
+<script src="js/vue.min.js"></script>
|
|
|
|
|
+<script src="js/axios.min.js"></script>
|
|
|
|
|
+<script src="js/element-ui.js"></script>
|
|
|
|
|
+<script src="js/element@2.12.2.js"></script>
|
|
|
|
|
+<script src="js/forget.js"></script>
|
|
|
|
|
+
|
|
|
|
|
+</body>
|
|
|
|
|
+</html>
|