<!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 v-if="timeStatus == 1" 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 v-if="timeStatus == 2" class="content-info">
      <div class="timeout">
        <svg t="1773048670401" class="icon img_timeout" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16256" id="mx_n_1773048670402" width="256" height="256"><path d="M512 32C246.912 32 32 246.912 32 512c0 265.088 214.912 480 480 480 265.088 0 480-214.912 480-480 0-265.088-214.912-480-480-480z m0 896C282.24 928 96 741.76 96 512S282.24 96 512 96s416 186.24 416 416-186.24 416-416 416z" p-id="16257" fill="#bfbfbf"></path><path d="M512 384a32 32 0 0 0-32 32v352a32 32 0 0 0 64 0V416a32 32 0 0 0-32-32z" p-id="16258" fill="#bfbfbf"></path><path d="M512 272m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" p-id="16259" fill="#bfbfbf"></path></svg>
        <div class="timeout_tips">
          {{lang['orderTip']}}
        </div>
      </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>