feat: 会员中心 hgcloud 主题初始化 + drone 部署步骤
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/ - .gitignore 排除压缩包和临时解压目录 - drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
This commit is contained in:
yiqiu
143
clientarea/hgcloud/orderDetail.php
Normal file
143
clientarea/hgcloud/orderDetail.php
Normal file
@@ -0,0 +1,143 @@
|
||||
{include file="header"}
|
||||
<!-- 页面独有样式 -->
|
||||
<link rel="stylesheet" href="/{$template_catalog}/template/{$themes}/css/orderDetail.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- mounted之前显示 -->
|
||||
<div id="mainLoading">
|
||||
<div class="ddr ddr1"></div>
|
||||
<div class="ddr ddr2"></div>
|
||||
<div class="ddr ddr3"></div>
|
||||
<div class="ddr ddr4"></div>
|
||||
<div class="ddr ddr5"></div>
|
||||
</div>
|
||||
<div class="template">
|
||||
<el-container>
|
||||
<aside-menu></aside-menu>
|
||||
<el-container>
|
||||
<top-menu></top-menu>
|
||||
<el-main>
|
||||
<!-- 自己的东西 -->
|
||||
<div class="order-detail">
|
||||
<div class="page-top">
|
||||
<div class="back-btn" @click="goBack">
|
||||
<svg t="1749023272025" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" p-id="20485" width="0.26rem" height="0.26rem">
|
||||
<path
|
||||
d="M672.426667 209.92H455.68v-136.533333l-295.253333 170.666666 295.253333 170.666667v-136.533333h215.04C819.2 278.186667 938.666667 397.653333 938.666667 546.133333s-119.466667 267.946667-267.946667 267.946667H52.906667c-18.773333 0-34.133333 15.36-34.133334 34.133333s15.36 34.133333 34.133334 34.133334h619.52c186.026667 0 336.213333-150.186667 336.213333-336.213334s-151.893333-336.213333-336.213333-336.213333z"
|
||||
p-id="20486" fill="var(--color-primary)"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="top-title">{{lang.order_text1}}</div>
|
||||
|
||||
</div>
|
||||
<div class="page-content" ref="orderPageRef">
|
||||
<div class="order-info">
|
||||
<div class="info-left">
|
||||
<div class="order-user">{{orderData.client_name}}</div>
|
||||
<div class="order-num">{{lang.order_text2}}<span class="num-text">{{orderData.id}}</span></div>
|
||||
<div class="order-data order-num">{{lang.order_text3}}<span class="num-text">{{orderData.create_time |
|
||||
formateTime }}</span></div>
|
||||
</div>
|
||||
<div class="info-right">
|
||||
<div class="order-status">
|
||||
<span class="Unpaid-text pay-status"
|
||||
v-if="orderData.status === 'Unpaid'">{{lang.order_text4}}</span>
|
||||
<span class="Paid-text pay-status" v-if="orderData.status === 'Paid'">{{lang.order_text5}}</span>
|
||||
<span class="Refunded-text pay-status"
|
||||
v-if="orderData.status === 'Refunded'">{{lang.order_text6}}</span>
|
||||
<!-- 待上传 -->
|
||||
<span v-if="orderData.status=='WaitUpload'" class="pay-status Wait">
|
||||
{{lang.finance_custom1}}
|
||||
</span>
|
||||
<!-- 待审核 -->
|
||||
<span v-if="orderData.status=='WaitReview'" class="pay-status Wait">
|
||||
{{lang.finance_custom2}}
|
||||
</span>
|
||||
<!-- 未通过 -->
|
||||
<span v-if="orderData.status=='ReviewFail'" class="pay-status Unpaid">
|
||||
{{lang.finance_custom3}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="go-pay">
|
||||
<div ref="payBtnRef" class="pay-text" @click="goPay" v-if="orderData.status === 'Unpaid'">
|
||||
{{lang.order_text7}}
|
||||
</div>
|
||||
<div class="pay-info" v-if="orderData.pay_time">{{orderData.pay_time | formateTime}}</div>
|
||||
<div class="pay-info" v-if="orderData.status !== 'Unpaid' && orderData.gateway">
|
||||
<span v-if="orderData.gateway_sign === 'credit'">{{lang.order_text8}}</span>
|
||||
<span
|
||||
v-else-if="orderData.credit*1 > 0 && orderData.credit !== orderData.amount">{{lang.order_text9}}
|
||||
+ {{orderData.gateway}}</span>
|
||||
<span v-else>{{orderData.gateway}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="self-field">
|
||||
<div class="self-num" v-for="item in self_defined_field" :key="item.id">
|
||||
<span class="field-name">{{item.field_name}}：</span>
|
||||
<span class="self-text">{{item.value || '--'}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-table">
|
||||
<div class="table-title">{{lang.order_text1}}</div>
|
||||
<div class="table-content">
|
||||
<div class="table-item title-item">
|
||||
<div class="des">{{lang.order_text10}}</div>
|
||||
<div class="des">{{lang.order_text11}}</div>
|
||||
</div>
|
||||
<div class="table-item order-item" v-for="item in orderData.items" :key="item.id">
|
||||
<div class="des-text">{{item.description}}</div>
|
||||
<div class="money-text">{{commonData.currency_prefix}}{{item.amount}}</div>
|
||||
</div>
|
||||
<div class="table-item">
|
||||
<div></div>
|
||||
<div>
|
||||
<span class="total-money">{{lang.order_text12}}</span>
|
||||
<span class="money-text">{{commonData.currency_prefix}}{{orderData.amount}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-transaction">
|
||||
<div class="table-top">
|
||||
<div class="w-200">{{lang.order_text13}}</div>
|
||||
<div class="w-200">{{lang.finance_label1}}</div>
|
||||
<div class="w-200">{{lang.finance_custom21}}</div>
|
||||
<div class="flex-1">{{lang.finance_custom22}}</div>
|
||||
<div class="w-200 text-r">{{lang.order_text11}}</div>
|
||||
</div>
|
||||
<template v-if="transactionList.length >0">
|
||||
<div v-for="item in transactionList" :key="item.id" class="table-bottom">
|
||||
<div class="w-200">{{item.create_time | formateTime}}</div>
|
||||
<div class="w-200">{{item.product_name || '--'}}</div>
|
||||
<div class="w-200">{{item.host_name || '--'}}</div>
|
||||
<div class="flex-1">{{item.description || '--'}}</div>
|
||||
<div class="w-200 text-r">{{commonData.currency_prefix}}{{ item.amount }}</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-else>
|
||||
<div class="no-list">{{lang.order_text15}}</div>
|
||||
</template>
|
||||
<!-- <pagination style="margin-top: 15px;" v-if="params.total > 20" :page-data="params" @sizechange="sizeChange" @currentchange="currentChange"></pagination> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="down-pag">
|
||||
<el-button plain @click="handelPdf"><i
|
||||
class="el-icon-download el-icon--left"></i>{{lang.order_text16}}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</el-container>
|
||||
<pay-dialog ref="payDialog" @payok="paySuccess" @paycancel="payCancel"></pay-dialog>
|
||||
</div>
|
||||
<!-- =======页面独有======= -->
|
||||
<script src="/{$template_catalog}/template/{$themes}/components/pagination/pagination.js"></script>
|
||||
<script src="/{$template_catalog}/template/{$themes}/components/payDialog/payDialog.js"></script>
|
||||
<script src="/{$template_catalog}/template/{$themes}/js/common/html2pdf.bundle.min.js"></script>
|
||||
<script src="/{$template_catalog}/template/{$themes}/api/orderDetail.js"></script>
|
||||
<script src="/{$template_catalog}/template/{$themes}/js/orderDetail.js"></script>
|
||||
{include file="footer"}
|
||||
Reference in New Issue
Block a user