diff --git a/.drone.yml b/.drone.yml
index 4d1bf80..c4a3777 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -23,6 +23,9 @@ steps:
# 将会员中心全局主题 hgcloud 同步到运行目录
- cp -rf /www/wwwroot/hgdemo.hgidc.cn/public/web/BlackFruit-web/clientarea/hgcloud /www/wwwroot/hgdemo.hgidc.cn/public/clientarea/template/pc/
+ # 将用户中心仪表盘主题 hgcloud_home 同步到运行目录
+ - cp -rf /www/wwwroot/hgdemo.hgidc.cn/public/web/BlackFruit-web/clientarea/home/hgcloud_home /www/wwwroot/hgdemo.hgidc.cn/public/home/template/pc/
+
- name: Restart Nginx
commands:
- nginx -s reload
diff --git a/clientarea/home/hgcloud_home/api/finance.js b/clientarea/home/hgcloud_home/api/finance.js
new file mode 100644
index 0000000..01799a9
--- /dev/null
+++ b/clientarea/home/hgcloud_home/api/finance.js
@@ -0,0 +1,163 @@
+// 订单列表
+function orderList(params) {
+ return Axios.get("/order", {params});
+}
+
+// 交易记录列表
+function transactionList(params) {
+ return Axios.get(`/transaction`, {params});
+}
+
+// 订单详情
+function orderDetails(id) {
+ return Axios.get(`/order/${id}`);
+}
+
+// 余额记录列表
+function creditList(params) {
+ return Axios.get(`/credit`, {params});
+}
+// 公共配置
+function common() {
+ return Axios.get(`/common`);
+}
+
+// 账户详情
+function account() {
+ return Axios.get(`/account`);
+}
+
+// 提现申请
+function withdraw(params) {
+ return Axios.post(`/withdraw`, params);
+}
+
+// 提现规则详情
+function withdrawRule(params) {
+ return Axios.get(`/withdraw/rule/credit`, {params});
+}
+
+// 充值
+function recharge(params) {
+ return Axios.post(`/recharge`, params);
+}
+
+// 支付方式
+function gatewayList() {
+ return Axios.get(`/gateway`);
+}
+
+// 支付
+function pay(params) {
+ return Axios.post(`/pay`, params);
+}
+
+// 支付状态
+function getPayStatus(id) {
+ return Axios.get(`/pay/${id}/status`);
+}
+
+// 获取待审核金额
+function unAmount() {
+ return Axios.get(`/refund/pending/amount`);
+}
+
+// 使用/取消余额
+function creditPay(params) {
+ return Axios.post(`/credit`, params);
+}
+// 删除订单
+function delete_order(id) {
+ return Axios.delete(`/order/${id}`);
+}
+
+// // 使用余额支付
+// function onlinePay(params) {
+// return Axios.post(`/pay`, params);
+// }
+
+// 代金券
+// 可领代金券列表
+function voucherAvailable({params}) {
+ return Axios.get(`/voucher`, {params});
+}
+
+function voucherMine(params) {
+ return Axios.get(`/voucher/mine`, {params});
+}
+
+function voucherGet(params) {
+ return Axios.post(`/voucher/${params.id}/get`, params);
+}
+
+function combineOrder(params) {
+ return Axios.post(`/order/combine`, params);
+}
+
+/* 申请合同列表 */
+function contractOrder(params) {
+ return Axios.get(`/e_contract/order`, {params});
+}
+/* 合同管理列表 */
+function contractList(params) {
+ return Axios.get(`/e_contract`, {params});
+}
+
+/* 保存甲方信息 */
+function editPartInfo(params) {
+ return Axios.put(`/e_contract/first_part_info`, params);
+}
+/* 获取甲方信息 */
+function getPartInfo() {
+ return Axios.get(`/e_contract/first_part_info`);
+}
+
+// 下载PDF
+function downloadContract(id) {
+ return Axios.post(`/e_contract/${id}/download`);
+}
+
+// 预览PDF
+function viewContract(id) {
+ return Axios.get(`/e_contract/${id}/preview`);
+}
+
+//取消合同
+function cancelContrat(id) {
+ return Axios.post(`/e_contract/${id}/cancel`);
+}
+
+//邮递纸质合同
+function mailContract(params) {
+ return Axios.post(`/e_contract/${params.id}/mail`, params);
+}
+
+// 获取实名认证信息
+function certificationInfo() {
+ return Axios.get(`/certification/info`);
+}
+
+// 出账列表
+function creditLimtList(params) {
+ return Axios.get(`/credit_limit/account`, {params});
+}
+
+// 授信详情
+function creditDetail() {
+ return Axios.get(`/credit_limit`);
+}
+
+//出账周期订单列表
+function creditOrderList(params) {
+ return Axios.get(`/credit_limit/account/${params.id}/order`, {params});
+}
+
+// 信用额提前还款
+function prePayment() {
+ return Axios.post(`/credit_limit/prepayment`);
+}
+
+// 冻结记录
+function apiFreezeList(params) {
+ return Axios.get(`/account/credit/freeze`, {params});
+}
diff --git a/clientarea/home/hgcloud_home/api/home.js b/clientarea/home/hgcloud_home/api/home.js
new file mode 100644
index 0000000..8d1490c
--- /dev/null
+++ b/clientarea/home/hgcloud_home/api/home.js
@@ -0,0 +1,58 @@
+// 会员中心首页
+function indexData() {
+ return Axios.get(`/index`);
+}
+
+//会员中心首页产品列表
+function indexHost(params) {
+ return Axios.get(`/index/host`, {params});
+}
+// 获取实名认证信息
+function certificationInfo() {
+ return Axios.get(`/certification/info`);
+}
+//工单列表
+function ticket_list(params) {
+ return Axios.get(`/ticket`, {params});
+}
+//会员中心首页新闻列表
+function newsList(params) {
+ return Axios.get(`/news/index`, {params});
+}
+// 推广者统计信息
+function promoter_statistic() {
+ return Axios.get(`/referral/promoter/statistic`);
+}
+
+// 开启推介计划
+function openRecommend() {
+ return Axios.post(`recommend/promoter`);
+}
+// 推广者基础信息
+function promoterInfo() {
+ return Axios.get(`/recommend/promoter`);
+}
+
+// 获取微信公众号用户关联信息
+function getWxInfo() {
+ return Axios.get(`/mp_weixin_notice/client`);
+}
+// 获取二维码
+function getWxQrcode() {
+ return Axios.get(`/mp_weixin_notice/qrcode`);
+}
+
+// 授信详情
+function creditDetail() {
+ return Axios.get(`/credit_limit`);
+}
+
+// 用户可用平台币详情
+function apiCoinDetail() {
+ return Axios.get(`/coin/client/coupon`);
+}
+
+// 平台币充值页面详情
+function apiCoinRecharge(params) {
+ return Axios.get(`/coin/recharge`, {params});
+}
diff --git a/clientarea/home/hgcloud_home/css/home.css b/clientarea/home/hgcloud_home/css/home.css
new file mode 100644
index 0000000..e5e1466
--- /dev/null
+++ b/clientarea/home/hgcloud_home/css/home.css
@@ -0,0 +1,907 @@
+.el-main {
+ padding: 0 !important;
+}
+.main-content {
+ display: flex;
+ column-gap: 0.24rem;
+ background: #f6f6fa;
+}
+.left-box {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ row-gap: 0.24rem;
+}
+.info-box {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+ padding: 0.25rem;
+ background-color: #fff;
+ border-radius: 0.04rem;
+}
+.info-first {
+ height: 0.6rem;
+ display: flex;
+ cursor: pointer;
+}
+.name-first {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.36rem;
+ background: #fff;
+ width: 0.6rem;
+ height: 0.6rem;
+ border-radius: 0.03rem;
+ color: #FFFFFF;
+ font-weight: bold;
+}
+.name-box {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ margin-left: 0.08rem;
+}
+.name {
+ color: #8692B0;
+ font-size: 0.14rem;
+ font-weight: 400;
+}
+.name .id-text {
+ color: #1E2736;
+}
+.hello {
+ font-weight: 400;
+ font-size: 0.16rem;
+ color: #1E2736;
+ max-width: 2.5rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.info-second {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+.info-three {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ row-gap: 0.04rem;
+}
+.info-three .compny-box,
+.info-three .person-box {
+ display: flex;
+ align-items: flex-start;
+ column-gap: 0.32rem;
+ font-size: 0.14rem;
+}
+.info-three .compny-box .left-icon,
+.info-three .person-box .left-icon {
+ display: flex;
+ align-items: center;
+ column-gap: 0.04rem;
+ font-size: 0.14rem;
+ color: #8692B0;
+}
+.info-three .compny-box .left-icon img,
+.info-three .person-box .left-icon img {
+ vertical-align: middle;
+ width: 0.24rem;
+ height: 0.24rem;
+ flex-shrink: 0;
+}
+.info-three .compny-box .right-text .certify-id,
+.info-three .person-box .right-text .certify-id {
+ display: flex;
+ align-items: center;
+}
+.info-three .compny-box .right-text .right-type,
+.info-three .person-box .right-text .right-type {
+ color: #949CB0;
+}
+.info-three .compny-box .right-text .company-name,
+.info-three .person-box .right-text .company-name {
+ color: #1E2736;
+ display: inline-block;
+ max-width: 2.5rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.info-three .compny-box .right-text .certify-bottom,
+.info-three .person-box .right-text .certify-bottom {
+ display: flex;
+ align-items: center;
+}
+.info-three .compny-box .right-text .certify-bottom .cpoy-btn,
+.info-three .person-box .right-text .certify-bottom .cpoy-btn {
+ cursor: pointer;
+ margin-left: 0.04rem;
+ width: 0.14rem;
+ height: 0.14rem;
+}
+.info-three .compny-box .right-text .bule-text,
+.info-three .person-box .right-text .bule-text {
+ cursor: pointer;
+ color: var(--color-primary);
+}
+.info-three .compny-box .right-text .certify-text,
+.info-three .person-box .right-text .certify-text {
+ color: #292E36;
+ display: inline-block;
+ max-width: 1.6rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.email-box,
+.phone-box {
+ color: #8692B0;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 0.14rem;
+}
+.email-box .phone-number,
+.phone-box .phone-number {
+ margin-left: 0.25rem;
+ color: #1E2736;
+}
+.info-second > div img {
+ margin-right: 0.05rem;
+ vertical-align: middle;
+ width: 0.16rem;
+}
+.statistics-content {
+ display: flex;
+ flex-wrap: wrap;
+ min-height: 2.4rem;
+}
+.money-box {
+ box-sizing: border-box;
+ flex: 1;
+ padding: 0.24rem;
+ border-radius: 0.04rem;
+ background-color: #fff;
+}
+.money-top {
+ display: flex;
+ justify-content: space-between;
+ column-gap: 0.26rem;
+}
+.money-top .money-credit {
+ position: relative;
+ flex: 1;
+ flex-shrink: 0;
+ border-radius: 0.04rem;
+ background: #F6F6FA;
+ padding: 0.16rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+.money-top .money-credit .credit-btn {
+ position: absolute;
+ right: 0;
+ top: 0;
+ cursor: pointer;
+ background-color: var(--color-primary);
+ font-size: 0.14rem;
+ color: #fff;
+ padding: 0.05rem 0.23rem;
+ border-radius: 0.04rem;
+ border-radius: 0 0.04rem 0 0.08rem;
+}
+.money-top .money-credit .credit-title {
+ color: #646464;
+ font-size: 0.14rem;
+ display: flex;
+ align-items: center;
+ column-gap: 0.08rem;
+}
+.money-top .money-credit .credit-title.coin-title {
+ justify-content: space-between;
+}
+.money-top .money-credit .credit-title .credit-detail {
+ color: var(--color-primary);
+ font-size: 0.14rem;
+ cursor: pointer;
+}
+.money-top .money-credit .credit-title .create-notice {
+ display: flex;
+ align-items: center;
+}
+.money-top .money-credit .credit-title .create-notice .notice-status {
+ width: 0.06rem;
+ height: 0.06rem;
+ border-radius: 50%;
+ background-color: #A2A2A2;
+}
+.money-top .money-credit .credit-title .create-notice .notice-status.active {
+ background-color: var(--color-success);
+}
+.money-top .money-credit .credit-title .create-notice .notice-btn {
+ color: var(--color-primary);
+ font-size: 0.12rem;
+ cursor: pointer;
+}
+.money-top .money-credit .credit-money {
+ margin-top: 0.16rem;
+ display: flex;
+ align-items: center;
+ column-gap: 0.1rem;
+}
+.money-top .money-credit .credit-money .credit-num {
+ color: #2B2B2B;
+ font-size: 0.32rem;
+ font-weight: 500;
+ flex-shrink: 0;
+}
+.money-top .money-credit .credit-money .credit-num .s-24 {
+ margin-right: 0.08rem;
+ font-size: 0.24rem;
+}
+.money-top .money-credit .credit-money .recharge-btn {
+ cursor: pointer;
+ padding: 0 0.1rem;
+ line-height: 0.24rem;
+ color: #ffffff;
+ font-size: 0.12rem;
+ border-radius: 0.04rem;
+ background: var(--color-primary);
+}
+.money-top .money-credit .credit-money .recharge-text {
+ font-weight: 400;
+ cursor: pointer;
+ color: var(--color-primary);
+ font-size: 0.14rem;
+ margin-left: 0.16rem;
+}
+.money-order {
+ margin-top: 0.32rem;
+ border-top: 1px solid #EEEEEE;
+ padding-top: 0.24rem;
+ display: flex;
+ align-items: center;
+}
+.money-order .money-order-divider {
+ width: 1px;
+ height: 0.2rem;
+ border-radius: 1px;
+ background: #EBEBF4;
+ margin: 0 0.2rem;
+}
+.money-order .money-order-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex: 1;
+ flex-shrink: 0;
+}
+.money-order .money-order-item .money-order-title {
+ display: flex;
+ align-items: center;
+ font-size: 0.14rem;
+ color: #333333;
+}
+.money-order .money-order-item .money-order-title .credit-tag {
+ margin-left: 0.08rem;
+ color: #333333;
+ font-size: 0.12rem;
+ box-sizing: border-box;
+ padding: 0.02rem 0.04rem;
+ border: 1px solid #E6E7EB;
+ border-radius: 2px;
+ background: #FFFFFF;
+}
+.money-order .money-order-item .money-order-value {
+ font-size: 0.14rem;
+ color: #2B2B2B;
+ font-weight: bold;
+}
+.money-order .money-order-item .money-order-value .s-12 {
+ margin-right: 0.06rem;
+ font-size: 0.12rem;
+}
+.voucher-box {
+ color: #646464;
+ font-size: 0.12rem;
+}
+.voucher-box .bule-text {
+ color: var(--color-primary);
+ margin-left: 0.03rem;
+ cursor: pointer;
+}
+.statistics-bottom {
+ margin-top: -0.16rem;
+ display: flex;
+ padding: 0.26rem 5.32rem 0.26rem 0.24rem;
+ border-radius: 0.04rem;
+ background: url("../img/index_bg.png") no-repeat;
+ background-size: auto 100%;
+ background-position: right center;
+ background-color: #fff;
+}
+.statistics-bottom .statistics-item {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ column-gap: 0.08rem;
+}
+.statistics-bottom .statistics-item .statistics-item-name {
+ color: #A2A2A2;
+ font-size: 0.14rem;
+}
+.statistics-bottom .statistics-item .statistics-item-name .green-text {
+ color: var(--color-success);
+}
+.statistics-bottom .statistics-item .statistics-item-name .red-text {
+ color: var(--color-danger);
+}
+.statistics-bottom .statistics-item .statistics-item-value {
+ font-size: 0.14rem;
+ color: #2B2B2B;
+ font-weight: bold;
+}
+.statistics-bottom .statistics-item .statistics-item-value .s-12 {
+ margin-right: 0.06rem;
+ font-size: 0.12rem;
+}
+.statistics-bottom .statistics-item-divider {
+ width: 1px;
+ height: 0.2rem;
+ border-radius: 1px;
+ background: #EBEBF4;
+ margin: 0 0.2rem;
+}
+.order-box {
+ margin-left: 0.08rem;
+ width: 5rem;
+ display: flex;
+ column-gap: 0.08rem;
+}
+.order-box .order-item {
+ height: 100%;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ border-radius: 0.03rem;
+ cursor: pointer;
+}
+.order-box .order-title {
+ color: #FFFFFF;
+ font-size: 0.13rem;
+ font-weight: 500;
+}
+.order-box .order-nums {
+ margin-bottom: 0.33rem;
+ font-size: 0.32rem;
+ font-weight: bold;
+ color: #FFFFFF;
+}
+.order-box .order-type-img {
+ margin-top: 0.36rem;
+}
+.order-box .order-type-img img {
+ width: 0.68rem;
+ height: 0.68rem;
+}
+.order-box .order-box-1 {
+ background: #7239EA;
+}
+.order-box .order-box-2 {
+ background: #3699FF;
+}
+.order-box .order-box-3 {
+ background: #3DD598;
+}
+.product-list-box {
+ flex: 1;
+ background-color: #fff;
+ border-radius: 0.04rem;
+ padding: 0.24rem;
+}
+.product-list-box .title-text {
+ font-size: 0.14rem;
+ color: #2B2B2B;
+ margin-bottom: 0.24rem;
+}
+.product-list-box .product-name {
+ color: var(--color-primary);
+ font-size: 0.14rem;
+ cursor: pointer;
+}
+.product-list-box .red-time {
+ color: var(--color-danger);
+}
+.right-box {
+ flex-shrink: 0;
+ box-sizing: border-box;
+ padding: 0.24rem;
+ width: 4.5rem;
+ border-radius: 0.04rem;
+ background-color: #fff;
+}
+.recommend-box {
+ width: 3.65rem;
+ text-align: center;
+ margin: 0 auto;
+ margin-top: 0.21rem;
+}
+.recommend-box h2 {
+ text-align: center;
+ color: #1E2736;
+ font-size: 0.24rem;
+}
+.recommend-box p {
+ margin-top: 0.26rem;
+ text-align: center;
+ color: #8692B0;
+ font-size: 0.14rem;
+}
+.recommend-box img {
+ width: 3.65rem;
+ height: 2.56rem;
+}
+.recommend-people {
+ margin-top: 0.3rem;
+ border-top: 1px solid #E6E7EB;
+ padding-top: 0.3rem;
+ text-align: left;
+}
+.recommend-people-num {
+ display: inline-block;
+ width: 1rem;
+ height: 0.08rem;
+ background: var(--color-warning);
+ border-radius: 0rem 0.2rem 0.2rem 0rem;
+}
+.recommend-money-num {
+ display: inline-block;
+ width: 1.2rem;
+ height: 0.08rem;
+ background: var(--color-success);
+ border-radius: 0rem 0.2rem 0.2rem 0rem;
+}
+.recommend-number {
+ margin-left: 0.16rem;
+ font-weight: bold;
+ font-size: 0.26rem;
+ color: #040E34;
+}
+.recommend-people > div {
+ display: flex;
+ align-items: center;
+}
+.recommend-people > div:nth-of-type(2) {
+ margin-top: 0.47rem;
+}
+.WorkOrder-box {
+ margin-top: 0.24rem;
+}
+.WorkOrder-title {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 0.12rem;
+ font-size: 14px;
+ color: #2B2B2B;
+ font-weight: bold;
+}
+.more {
+ cursor: pointer;
+ display: block;
+ padding: 0 0.03rem;
+ background: #EEF4FF;
+ height: 0.24rem;
+ line-height: 0.24rem;
+ text-align: center;
+ border-radius: 0.03rem;
+ color: #8692B0;
+}
+.WorkOrder-content {
+ padding: 0.3rem 0.3rem 0 0.3rem;
+ border-radius: 0.03rem;
+ border: 1px solid #E6E7EB;
+}
+.WorkOrder-item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 0.3rem;
+}
+.WorkOrder-item:hover {
+ cursor: pointer;
+ background-color: #f5f7fa;
+ transition: background-color 0.25s ease;
+}
+.replay-div {
+ flex-shrink: 0;
+ margin-right: 0.1rem;
+ font-weight: 500;
+ font-size: 0.13rem;
+ padding: 0 0.1rem;
+ height: 0.26rem;
+ line-height: 0.26rem;
+ text-align: center;
+ background: rgba(54, 155, 255, 0.205);
+ color: #FFF;
+ border-radius: 0.03rem;
+}
+.replay-red {
+ color: var(--color-danger);
+ background: rgba(240, 20, 46, 0.205);
+}
+.replay-green {
+ background: rgba(61, 213, 152, 0.205);
+ color: var(--color-success);
+}
+.replay-box {
+ width: 80%;
+}
+.replay-title {
+ font-size: 0.14rem;
+ color: #1E2736;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.replay-name {
+ font-size: 0.13rem;
+ font-weight: 500;
+ color: #8692B0;
+}
+.notice-box {
+ margin-top: 0.24rem;
+}
+.notice-item {
+ display: flex;
+ cursor: pointer;
+ justify-content: space-between;
+ align-items: center;
+ padding-left: 0.16rem;
+}
+.notice-item:hover {
+ background-color: #f5f7fa;
+ transition: background-color 0.25s ease;
+}
+.notice-item:nth-of-type(1) {
+ border-left: 0.02rem solid var(--color-success);
+ margin-bottom: 0.4rem;
+}
+.notice-item:nth-of-type(2) {
+ border-left: 0.02rem solid var(--color-primary);
+ margin-bottom: 0.4rem;
+}
+.notice-item:nth-of-type(3) {
+ border-left: 0.02rem solid var(--color-warning);
+ margin-bottom: 0.3rem;
+}
+.notice-time {
+ font-size: 0.2rem;
+ color: #1E2736;
+}
+.notice-title {
+ font-weight: 400;
+ font-size: 0.14rem;
+ color: #1E2736;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.notice-type {
+ font-size: 0.13rem;
+ font-weight: 500;
+ color: #8692B0;
+}
+.notice-item-right {
+ color: #8692B0;
+ width: 0.24rem;
+ height: 0.24rem;
+ text-align: center;
+ line-height: 0.24rem;
+ background: #EEF4FF;
+ border-radius: 0.03rem;
+}
+.no-product {
+ text-align: center;
+ margin-top: 1.06rem;
+ padding-bottom: 1.72rem;
+ background-color: #fff;
+ border-radius: 0.04rem;
+ padding: 0.24rem;
+}
+.no-product h2 {
+ font-weight: 400;
+ color: #171725;
+ font-size: 0.28rem;
+}
+.no-product p {
+ margin: 0.1rem 0 0.2rem 0;
+ color: #8692B0;
+ font-size: 0.14rem;
+}
+.no-recommend {
+ margin: 0 auto;
+ margin-top: 0.24rem;
+ color: #FFF;
+ font-size: 0.14rem;
+ background: var(--color-primary);
+ height: 0.32rem;
+ line-height: 0.32rem;
+ width: 1.52rem;
+ border-radius: 0.03rem;
+ cursor: pointer;
+}
+.recommend-text {
+ margin: 0 auto;
+ margin-top: 0.24rem;
+ color: #8692B0;
+ font-size: 0.14rem;
+ background: #EEF4FF;
+ height: 0.32rem;
+ line-height: 0.32rem;
+ border-radius: 0.03rem;
+}
+.info-box .divider-box {
+ height: 100%;
+ background-color: #E6E7EB !important;
+}
+.dialog-form {
+ display: flex;
+ flex-direction: column;
+}
+.cz-input {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+.cz-input > .btn-ok {
+ margin-left: 0.1rem;
+ height: 0.46rem;
+ background: var(--color-primary);
+ border-radius: 3px;
+ color: rgba(255, 255, 255, 0.9);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.pay-html {
+ display: flex;
+ justify-content: center;
+}
+.pay-html > img {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.ty-select {
+ width: 100%;
+}
+.recommend-box-open .recommend-top {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+}
+.recommend-box-open .recommend-top .left {
+ display: flex;
+ flex-direction: column;
+}
+.recommend-box-open .recommend-top .left .row1 {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+.recommend-box-open .recommend-top .left .row1 .title-text {
+ font-size: 18px;
+ font-weight: bold;
+ color: #171725;
+ margin-right: 0.2rem;
+ margin-bottom: 0;
+}
+.recommend-box-open .recommend-top .left .row1 .reword {
+ background: linear-gradient(180deg, #F74C4B 0%, #EF7575 100%);
+ border-radius: 3px;
+ color: #FFF;
+ position: relative;
+ padding: 1px 6px 1px 20px;
+ font-size: 13px;
+ cursor: pointer;
+}
+.recommend-box-open .recommend-top .left .row1 .reword img {
+ width: 36px;
+ height: 35px;
+ position: absolute;
+ left: -18px;
+ top: -4px;
+}
+.recommend-box-open .recommend-top .left .row2 {
+ font-size: 14px;
+ font-weight: bold;
+ color: #2B2B2B;
+ margin-top: 0.3rem;
+ margin-bottom: 0.13rem;
+}
+.recommend-box-open .recommend-top .left .row3,
+.recommend-box-open .recommend-top .left .row4 {
+ font-size: 14px;
+ color: #8692B0;
+}
+.recommend-box-open .recommend-top .right {
+ width: 1.5rem;
+ height: 1.53rem;
+}
+.recommend-box-open .url {
+ width: 100%;
+ height: 0.46rem;
+ border: 1px solid #E6E7EB;
+ border-radius: 3px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 0.26rem;
+}
+.recommend-box-open .url .url-text {
+ width: 100%;
+ font-size: 15px;
+ color: #8692B0;
+ margin-left: 0.16rem;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.recommend-box-open .url .copy-btn {
+ width: 112px;
+ height: 100%;
+ background: #E1F0FF;
+ border-left: 1px solid #E6E7EB;
+ border-radius: 0px 3px 3px 0px;
+ font-size: 16px;
+ color: var(--color-primary);
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.recommend-box-open .top-statistic {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ column-gap: 0.08rem;
+ flex-wrap: wrap;
+ margin-top: 0.24rem;
+}
+.recommend-box-open .top-statistic .top-item {
+ padding: 0.16rem;
+ flex: 1;
+ box-shadow: 0px 1px 4px rgba(21, 34, 50, 0.08);
+ border-radius: 0.04rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ padding-bottom: 0.45rem;
+}
+.recommend-box-open .top-statistic .top-item:nth-of-type(1) {
+ background: url("../img/referral/top1.png") no-repeat;
+ background-size: 100% auto;
+ background-position: bottom;
+}
+.recommend-box-open .top-statistic .top-item:nth-of-type(2) {
+ background: url("../img/referral/top3.png") no-repeat;
+ background-size: 100% auto;
+ background-position: bottom;
+}
+.recommend-box-open .top-statistic .top-item .top-money {
+ font-size: 0.24rem;
+ font-weight: bold;
+ color: #1E2736;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+.recommend-box-open .top-statistic .top-item .top-text {
+ font-size: 0.14rem;
+ color: #8692B0;
+}
+.open-dialog {
+ font-size: 16px;
+}
+.open-dialog .dialog-footer {
+ font-size: 0.16rem;
+}
+.open-dialog .dialog-footer .btn-ok {
+ width: 1.12rem;
+ height: 0.46rem;
+ background: var(--color-primary);
+ border-radius: 3px;
+ color: #FFF;
+}
+.open-dialog .dialog-footer .btn-no {
+ width: 1.12rem;
+ height: 0.46rem;
+ background: #E7E7E7;
+ border-radius: 3px;
+ color: #1E2736;
+}
+.wx-code {
+ width: 40px;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 50%;
+ z-index: 100;
+ position: fixed;
+ top: 50%;
+ right: 3px;
+ transform: translateY(50%);
+ cursor: pointer;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+.wx-code .wx-img {
+ width: 40px;
+ height: 40px;
+ background: url('../img/wx.svg') no-repeat;
+ background-size: 100% 100%;
+}
+.wx-code:hover .wx-img {
+ background: url('../img/wx_hover.svg') no-repeat;
+ background-size: 100% 100%;
+}
+.wx-box {
+ text-align: center;
+}
+.wx-box .img {
+ width: 200px;
+ height: 200px;
+ margin: 0 auto;
+}
+.wx-box .img img {
+ width: 100%;
+}
+@media screen and (max-width: 750px) {
+ .main-content {
+ display: block;
+ padding-bottom: 1.5rem;
+ }
+ .el-main {
+ margin-top: 1rem;
+ }
+ .statistics-bottom {
+ padding: 0.26rem 0.24rem;
+ margin-top: 0.24rem;
+ }
+ .recharge-btn {
+ height: 30px;
+ line-height: 30px;
+ }
+ .progress-box .el-progress-circle {
+ display: flex;
+ }
+ .order-box {
+ width: 100%;
+ margin-left: 0;
+ margin-top: 0.2rem;
+ }
+ .order-box .order-item {
+ flex: 1;
+ }
+ .info-box .divider-box {
+ display: none;
+ }
+ .info-three {
+ margin-top: 10px;
+ width: 100%;
+ align-items: flex-end;
+ }
+ .right-box {
+ width: auto;
+ margin-top: 0.2rem;
+ }
+}
diff --git a/clientarea/home/hgcloud_home/css/home.less b/clientarea/home/hgcloud_home/css/home.less
new file mode 100644
index 0000000..636e498
--- /dev/null
+++ b/clientarea/home/hgcloud_home/css/home.less
@@ -0,0 +1,1115 @@
+.el-main {
+ padding: 0 !important;
+}
+
+
+.main-content {
+ display: flex;
+ column-gap: .24rem;
+ background: #f6f6fa;
+}
+
+.left-box {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ row-gap: .24rem;
+}
+
+
+.info-box {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+ padding: 0.25rem;
+ background-color: #fff;
+ border-radius: 0.04rem;
+}
+
+.info-first {
+ height: 0.6rem;
+ display: flex;
+ cursor: pointer;
+}
+
+.name-first {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.36rem;
+ background: #fff;
+ width: 0.6rem;
+ height: 0.6rem;
+ border-radius: 0.03rem;
+ color: #FFFFFF;
+ font-weight: bold;
+}
+
+.name-box {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ margin-left: 0.08rem;
+}
+
+.name {
+ color: #8692B0;
+ font-size: 0.14rem;
+ font-weight: 400;
+
+ .id-text {
+ color: #1E2736;
+ }
+}
+
+.hello {
+ font-weight: 400;
+ font-size: 0.16rem;
+ color: #1E2736;
+ // 超出显示省略号
+ max-width: 2.5rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.info-second {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+
+.info-three {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ row-gap: 0.04rem;
+
+ .compny-box,
+ .person-box {
+ display: flex;
+ align-items: flex-start;
+ column-gap: 0.32rem;
+ font-size: 0.14rem;
+
+ .left-icon {
+ display: flex;
+ align-items: center;
+ column-gap: 0.04rem;
+ font-size: 0.14rem;
+ color: #8692B0;
+
+ img {
+ vertical-align: middle;
+ width: 0.24rem;
+ height: 0.24rem;
+ flex-shrink: 0;
+ }
+ }
+
+ .right-text {
+ .certify-id {
+ display: flex;
+ align-items: center;
+ }
+
+ .right-type {
+ color: #949CB0;
+ }
+
+ .company-name {
+ color: #1E2736;
+ display: inline-block;
+ // 超出显示省略号
+ max-width: 2.5rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .certify-bottom {
+ display: flex;
+ align-items: center;
+
+ .cpoy-btn {
+ cursor: pointer;
+ margin-left: 0.04rem;
+ width: 0.14rem;
+ height: 0.14rem;
+ }
+ }
+
+ .bule-text {
+ cursor: pointer;
+ color: var(--color-primary);
+ }
+
+ .certify-text {
+ color: #292E36;
+ // 设置最大k长度
+ display: inline-block;
+ max-width: 1.6rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+
+
+ }
+
+ }
+ }
+
+}
+
+
+
+
+
+.email-box,
+.phone-box {
+ color: #8692B0;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 0.14rem;
+
+ .phone-number {
+ margin-left: 0.25rem;
+ color: #1E2736;
+ }
+
+}
+
+.info-second>div img {
+ margin-right: 0.05rem;
+ vertical-align: middle;
+ width: 0.16rem;
+}
+
+
+.statistics-content {
+ display: flex;
+ flex-wrap: wrap;
+ min-height: 2.4rem;
+}
+
+.money-box {
+ box-sizing: border-box;
+ flex: 1;
+ padding: 0.24rem;
+ border-radius: .04rem;
+ background-color: #fff;
+
+}
+
+
+.money-top {
+ display: flex;
+ justify-content: space-between;
+ column-gap: 0.26rem;
+
+ .money-credit {
+ position: relative;
+ flex: 1;
+ flex-shrink: 0;
+ border-radius: .04rem;
+ background: #F6F6FA;
+ padding: .16rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+
+
+ .credit-btn {
+ position: absolute;
+ right: 0;
+ top: 0;
+ cursor: pointer;
+ background-color: var(--color-primary);
+ font-size: 0.14rem;
+ color: #fff;
+ padding: 0.05rem 0.23rem;
+ border-radius: 0.04rem;
+ border-radius: 0 0.04rem 0 0.08rem;
+ }
+
+ .credit-title {
+ color: #646464;
+ font-size: 0.14rem;
+ display: flex;
+ align-items: center;
+ column-gap: 0.08rem;
+
+ &.coin-title {
+ justify-content: space-between;
+ }
+
+ .credit-detail {
+ color: var(--color-primary);
+ font-size: 0.14rem;
+ cursor: pointer;
+ }
+
+ .create-notice {
+ display: flex;
+ align-items: center;
+
+ .notice-status {
+ width: 0.06rem;
+ height: 0.06rem;
+ border-radius: 50%;
+ background-color: #A2A2A2;
+
+ &.active {
+ background-color: var(--color-success);
+
+ }
+ }
+
+ .notice-btn {
+ color: var(--color-primary);
+ font-size: 0.12rem;
+ cursor: pointer;
+ }
+ }
+
+
+
+
+ }
+
+
+ .credit-money {
+ margin-top: 0.16rem;
+ display: flex;
+ align-items: center;
+ column-gap: 0.1rem;
+
+ .credit-num {
+ color: #2B2B2B;
+ font-size: 0.32rem;
+ font-weight: 500;
+ flex-shrink: 0;
+
+ .s-24 {
+ margin-right: 0.08rem;
+ font-size: 0.24rem;
+ }
+ }
+
+ .recharge-btn {
+ cursor: pointer;
+ padding: 0 0.1rem;
+ line-height: 0.24rem;
+ color: rgb(255, 255, 255);
+ font-size: 0.12rem;
+ border-radius: 0.04rem;
+ background: var(--color-primary);
+ }
+
+ .recharge-text {
+ font-weight: 400;
+ cursor: pointer;
+ color: var(--color-primary);
+ font-size: 0.14rem;
+ margin-left: 0.16rem;
+ }
+ }
+ }
+
+}
+
+.money-order {
+ margin-top: 0.32rem;
+ border-top: 1px solid #EEEEEE;
+ padding-top: 0.24rem;
+ display: flex;
+ align-items: center;
+
+ .money-order-divider {
+ width: 1px;
+ height: .2rem;
+ border-radius: 1px;
+ background: #EBEBF4;
+ margin: 0 .2rem;
+ }
+
+ .money-order-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex: 1;
+ flex-shrink: 0;
+
+ .money-order-title {
+ display: flex;
+ align-items: center;
+ font-size: .14rem;
+ color: #333333;
+
+ .credit-tag {
+ margin-left: 0.08rem;
+ color: #333333;
+ font-size: 0.12rem;
+ box-sizing: border-box;
+ padding: 0.02rem 0.04rem;
+ border: 1px solid #E6E7EB;
+ border-radius: 2px;
+ background: #FFFFFF;
+ }
+ }
+
+ .money-order-value {
+ font-size: 0.14rem;
+ color: #2B2B2B;
+ font-weight: bold;
+
+ .s-12 {
+ margin-right: 0.06rem;
+ font-size: 0.12rem;
+ }
+ }
+ }
+}
+
+
+
+
+
+
+.voucher-box {
+ color: #646464;
+ font-size: 0.12rem;
+
+ .bule-text {
+ color: var(--color-primary);
+ margin-left: .03rem;
+ cursor: pointer;
+ }
+}
+
+
+
+.statistics-bottom {
+ margin-top: -0.16rem;
+ display: flex;
+ padding: .26rem 5.32rem .26rem .24rem;
+ border-radius: .04rem;
+ background: url("../img/index_bg.png") no-repeat;
+ background-size: auto 100%;
+ background-position: right center;
+ background-color: #fff;
+
+ .statistics-item {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ column-gap: 0.08rem;
+
+ .statistics-item-name {
+ color: #A2A2A2;
+ font-size: 0.14rem;
+
+ .green-text {
+ color: var(--color-success);
+ }
+
+ .red-text {
+ color: var(--color-danger);
+ }
+ }
+
+ .statistics-item-value {
+ font-size: 0.14rem;
+ color: #2B2B2B;
+ font-weight: bold;
+
+ .s-12 {
+ margin-right: 0.06rem;
+ font-size: 0.12rem;
+ }
+ }
+ }
+
+ .statistics-item-divider {
+ width: 1px;
+ height: .2rem;
+ border-radius: 1px;
+ background: #EBEBF4;
+ margin: 0 .2rem;
+ }
+}
+
+.order-box {
+ margin-left: 0.08rem;
+ width: 5rem;
+ display: flex;
+ column-gap: .08rem;
+
+ .order-item {
+ height: 100%;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ border-radius: 0.03rem;
+ cursor: pointer;
+ }
+
+ .order-title {
+ color: #FFFFFF;
+ font-size: 0.13rem;
+ font-weight: 500;
+ }
+
+ .order-nums {
+ margin-bottom: 0.33rem;
+ font-size: 0.32rem;
+ font-weight: bold;
+ color: #FFFFFF;
+ }
+
+ .order-type-img {
+ margin-top: 0.36rem;
+ }
+
+ .order-type-img img {
+ width: 0.68rem;
+ height: 0.68rem;
+ }
+
+ .order-box-1 {
+ background: #7239EA;
+ }
+
+ .order-box-2 {
+ background: #3699FF;
+ }
+
+ .order-box-3 {
+ background: #3DD598;
+ }
+
+}
+
+
+
+
+
+.product-list-box {
+ flex: 1;
+ background-color: #fff;
+ border-radius: 0.04rem;
+ padding: 0.24rem;
+
+ .title-text {
+ font-size: 0.14rem;
+ color: #2B2B2B;
+ margin-bottom: 0.24rem;
+ }
+
+ .product-name {
+ color: var(--color-primary);
+ font-size: 0.14rem;
+ cursor: pointer;
+ }
+
+ .red-time {
+ color: var(--color-danger);
+ }
+
+}
+
+
+
+.right-box {
+ flex-shrink: 0;
+ box-sizing: border-box;
+ padding: 0.24rem;
+ width: 4.5rem;
+ border-radius: 0.04rem;
+ background-color: #fff;
+}
+
+.recommend-box {
+ width: 3.65rem;
+ text-align: center;
+ margin: 0 auto;
+ margin-top: 0.21rem;
+}
+
+.recommend-box h2 {
+ text-align: center;
+ color: #1E2736;
+ font-size: 0.24rem;
+}
+
+.recommend-box p {
+ margin-top: 0.26rem;
+ text-align: center;
+ color: #8692B0;
+ font-size: 0.14rem;
+}
+
+.recommend-box img {
+ width: 3.65rem;
+ height: 2.56rem;
+}
+
+.recommend-people {
+ margin-top: 0.3rem;
+ border-top: 1px solid #E6E7EB;
+ padding-top: 0.3rem;
+ text-align: left;
+}
+
+.recommend-people-num {
+ display: inline-block;
+ width: 1rem;
+ height: 0.08rem;
+ background: var(--color-warning);
+ border-radius: 0rem 0.2rem 0.2rem 0rem;
+}
+
+.recommend-money-num {
+ display: inline-block;
+ width: 1.2rem;
+ height: 0.08rem;
+ background: var(--color-success);
+ border-radius: 0rem 0.2rem 0.2rem 0rem;
+}
+
+.recommend-number {
+ margin-left: 0.16rem;
+ font-weight: bold;
+ font-size: 0.26rem;
+ color: #040E34;
+}
+
+.recommend-people>div {
+ display: flex;
+ align-items: center;
+}
+
+.recommend-people>div:nth-of-type(2) {
+ margin-top: 0.47rem;
+}
+
+.WorkOrder-box {
+ margin-top: 0.24rem;
+}
+
+.WorkOrder-title {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 0.12rem;
+ font-size: 14px;
+ color: #2B2B2B;
+ font-weight: bold;
+}
+
+.more {
+ cursor: pointer;
+ display: block;
+ padding: 0 0.03rem;
+ background: #EEF4FF;
+ height: 0.24rem;
+ line-height: 0.24rem;
+ text-align: center;
+ border-radius: 0.03rem;
+ color: #8692B0;
+
+}
+
+.WorkOrder-content {
+ padding: 0.3rem 0.3rem 0 0.3rem;
+ border-radius: 0.03rem;
+ border: 1px solid #E6E7EB;
+}
+
+.WorkOrder-item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 0.3rem;
+
+ &:hover {
+ cursor: pointer;
+ background-color: #f5f7fa;
+ transition: background-color .25s ease;
+ }
+}
+
+.replay-div {
+ flex-shrink: 0;
+ margin-right: 0.1rem;
+ font-weight: 500;
+ font-size: 0.13rem;
+ padding: 0 0.1rem;
+ height: 0.26rem;
+ line-height: 0.26rem;
+ text-align: center;
+ background: rgba(54, 155, 255, 0.205);
+ color: #FFF;
+ border-radius: 0.03rem;
+}
+
+.replay-red {
+ color: var(--color-danger);
+ background: rgba(240, 20, 46, 0.205);
+}
+
+.replay-green {
+ background: rgba(61, 213, 152, 0.205);
+ color: var(--color-success);
+}
+
+.replay-box {
+ width: 80%;
+}
+
+.replay-title {
+ font-size: 0.14rem;
+ color: #1E2736;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.replay-name {
+ font-size: 0.13rem;
+ font-weight: 500;
+ color: #8692B0;
+}
+
+.notice-box {
+ margin-top: 0.24rem;
+}
+
+.notice-item {
+ display: flex;
+ cursor: pointer;
+ justify-content: space-between;
+ align-items: center;
+ padding-left: 0.16rem;
+}
+
+.notice-item:hover {
+ background-color: #f5f7fa;
+ transition: background-color .25s ease;
+}
+
+
+.notice-item:nth-of-type(1) {
+ border-left: 0.02rem solid var(--color-success);
+ margin-bottom: 0.4rem;
+}
+
+.notice-item:nth-of-type(2) {
+ border-left: 0.02rem solid var(--color-primary);
+ margin-bottom: 0.4rem;
+}
+
+.notice-item:nth-of-type(3) {
+ border-left: 0.02rem solid var(--color-warning);
+ margin-bottom: 0.3rem;
+}
+
+.notice-time {
+ font-size: 0.2rem;
+ color: #1E2736;
+}
+
+.notice-title {
+ font-weight: 400;
+ font-size: 0.14rem;
+ color: #1E2736;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.notice-type {
+ font-size: 0.13rem;
+ font-weight: 500;
+ color: #8692B0;
+}
+
+.notice-item-right {
+ color: #8692B0;
+ width: 0.24rem;
+ height: 0.24rem;
+ text-align: center;
+ line-height: 0.24rem;
+ background: #EEF4FF;
+ border-radius: 0.03rem;
+}
+
+.no-product {
+ text-align: center;
+ margin-top: 1.06rem;
+ padding-bottom: 1.72rem;
+ background-color: #fff;
+ border-radius: 0.04rem;
+ padding: 0.24rem;
+}
+
+.no-product h2 {
+ font-weight: 400;
+ color: #171725;
+ font-size: 0.28rem;
+}
+
+.no-product p {
+ margin: 0.1rem 0 0.2rem 0;
+ color: #8692B0;
+ font-size: 0.14rem;
+}
+
+
+
+.no-recommend {
+ margin: 0 auto;
+ margin-top: 0.24rem;
+ color: #FFF;
+ font-size: 0.14rem;
+ background: var(--color-primary);
+ height: 0.32rem;
+ line-height: 0.32rem;
+ width: 1.52rem;
+ border-radius: 0.03rem;
+ cursor: pointer;
+}
+
+
+
+.recommend-text {
+ margin: 0 auto;
+ margin-top: 0.24rem;
+ color: #8692B0;
+ font-size: 0.14rem;
+ background: #EEF4FF;
+ height: 0.32rem;
+ line-height: 0.32rem;
+ border-radius: 0.03rem;
+}
+
+.info-box .divider-box {
+ height: 100%;
+ background-color: #E6E7EB !important;
+}
+
+
+
+.dialog-form {
+ display: flex;
+ flex-direction: column;
+}
+
+.cz-input {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+
+.cz-input>.btn-ok {
+ margin-left: .1rem;
+ height: .46rem;
+ background: var(--color-primary);
+ border-radius: 3px;
+ color: rgba(255, 255, 255, 0.9000);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.pay-html {
+ display: flex;
+ justify-content: center;
+}
+
+.pay-html>img {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+
+.ty-select {
+ width: 100%;
+}
+
+
+.recommend-box-open {
+ .recommend-top {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+
+ .left {
+ display: flex;
+ flex-direction: column;
+
+ .row1 {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+
+ .title-text {
+ font-size: 18px;
+ font-weight: bold;
+ color: #171725;
+ margin-right: .2rem;
+ margin-bottom: 0;
+ }
+
+ .reword {
+ background: linear-gradient(180deg, #F74C4B 0%, #EF7575 100%);
+ border-radius: 3px;
+ color: #FFF;
+ position: relative;
+ padding: 1px 6px 1px 20px;
+ font-size: 13px;
+ cursor: pointer;
+
+ img {
+ width: 36px;
+ height: 35px;
+ position: absolute;
+ left: -18px;
+ top: -4px;
+ }
+ }
+ }
+
+ .row2 {
+ font-size: 14px;
+ font-weight: bold;
+ color: #2B2B2B;
+ margin-top: .3rem;
+ margin-bottom: .13rem;
+ }
+
+ .row3,
+ .row4 {
+
+ font-size: 14px;
+ color: #8692B0;
+ }
+
+ }
+
+ .right {
+ width: 1.5rem;
+ height: 1.53rem;
+ }
+ }
+
+ .url {
+ width: 100%;
+ height: .46rem;
+ border: 1px solid #E6E7EB;
+ border-radius: 3px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: .26rem;
+
+ .url-text {
+ width: 100%;
+ font-size: 15px;
+ color: #8692B0;
+ margin-left: .16rem;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ .copy-btn {
+ width: 112px;
+ height: 100%;
+ background: #E1F0FF;
+ border-left: 1px solid #E6E7EB;
+ border-radius: 0px 3px 3px 0px;
+ font-size: 16px;
+ color: var(--color-primary);
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ }
+
+ .top-statistic {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ column-gap: 0.08rem;
+ flex-wrap: wrap;
+ margin-top: .24rem;
+
+ .top-item {
+ padding: 0.16rem;
+ flex: 1;
+ box-shadow: 0px 1px 4px rgba(21, 34, 50, 0.08);
+ border-radius: 0.04rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ padding-bottom: 0.45rem;
+
+ &:nth-of-type(1) {
+ background: url("../img/referral/top1.png") no-repeat;
+ background-size: 100% auto;
+ background-position: bottom;
+ }
+
+ &:nth-of-type(2) {
+ background: url("../img/referral/top3.png") no-repeat;
+ background-size: 100% auto;
+ background-position: bottom;
+ }
+
+
+
+ .top-money {
+ font-size: .24rem;
+ font-weight: bold;
+ color: #1E2736;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+
+
+ }
+
+ .top-text {
+ font-size: 0.14rem;
+ color: #8692B0;
+ }
+ }
+ }
+}
+
+.open-dialog {
+ font-size: 16px;
+
+ .dialog-footer {
+
+ font-size: .16rem;
+
+ .btn-ok {
+ width: 1.12rem;
+ height: .46rem;
+ background: var(--color-primary);
+ border-radius: 3px;
+ color: #FFF;
+ }
+
+ .btn-no {
+ width: 1.12rem;
+ height: .46rem;
+ background: #E7E7E7;
+ border-radius: 3px;
+ color: #1E2736;
+ }
+ }
+}
+
+.wx-code {
+ width: 40px;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 50%;
+ z-index: 100;
+ position: fixed;
+ top: 50%;
+ right: 3px;
+ transform: translateY(50%);
+ cursor: pointer;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+
+ .wx-img {
+ width: 40px;
+ height: 40px;
+ background: url('../img/wx.svg') no-repeat;
+ background-size: 100% 100%;
+ }
+
+ &:hover {
+ .wx-img {
+ background: url('../img/wx_hover.svg') no-repeat;
+ background-size: 100% 100%;
+ }
+ }
+
+}
+
+.wx-box {
+ text-align: center;
+
+ .img {
+ width: 200px;
+ height: 200px;
+ margin: 0 auto;
+
+ img {
+ width: 100%;
+ }
+ }
+}
+
+@media screen and (max-width: 750px) {
+ .main-content {
+ display: block;
+ padding-bottom: 1.5rem;
+ }
+
+ .el-main {
+ margin-top: 1rem;
+ }
+
+ .statistics-bottom {
+ padding: .26rem 0.24rem;
+ margin-top: 0.24rem;
+ }
+
+ .recharge-btn {
+ height: 30px;
+ line-height: 30px;
+ }
+
+ .progress-box .el-progress-circle {
+ display: flex;
+ }
+
+ .order-box {
+ width: 100%;
+ margin-left: 0;
+ margin-top: 0.2rem;
+
+ .order-item {
+ flex: 1;
+ }
+ }
+
+ .info-box .divider-box {
+ display: none;
+ }
+
+ .info-three {
+ margin-top: 10px;
+ width: 100%;
+ align-items: flex-end;
+ }
+
+ .right-box {
+ width: auto;
+ margin-top: 0.2rem;
+ }
+}
diff --git a/clientarea/home/hgcloud_home/home.php b/clientarea/home/hgcloud_home/home.php
new file mode 100644
index 0000000..c2fdb79
--- /dev/null
+++ b/clientarea/home/hgcloud_home/home.php
@@ -0,0 +1,390 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{account.firstName}}
+
+
+
+ {{lang.index_hello}},{{account.username}}
+ ({{idcsmart_client_level.name}})
+
+
+
+ ID:{{account.id}}
+
+
+
+
+
+
+
{{lang.index_email}}
+
{{account.email ? account.email : '--'}}
+
+
+
{{lang.index_tel}}
+
{{account.phone ? account.phone : '--'}}
+
+
+
+
+
+
+

+
{{lang.index_compny}}
+
+
+
+ {{certificationObj.company.certification_company}}
+ {{lang.index_goAttestation}}
+
+
+
{{lang.finance_custom23}}:
+
+
{{certificationObj.company?.certify_id ? certificationObj.company.certify_id : '--'}}
+

+
+
+
+
+
+
+

+
{{lang.index_name}}
+
+
+
+
+ {{certificationObj.company.status === 1 ? certificationObj.company.card_name : certificationObj.person.card_name}}
+
+ {{lang.index_goAttestation}}
+
+
+
{{lang.finance_custom24}}:
+
+
{{certificationObj.person?.certify_id ? certificationObj.person.certify_id : '--'}}
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+ {{lang.index_text2}}
+
+
+
{{lang.index_text3}}
+
+
+
【{{lang.coin_text66}}】
+
+
+
+
+
+ {{commonData.currency_prefix}}{{account.credit}}
+ {{lang.index_text35}}
+
+
+
+
+
+
+
+ {{commonData.currency_prefix}}{{coinData.leave_amount}}
+
+
+
+
+
+
+
+ {{lang.finance_text42}}({{commonData.currency_suffix}})
+ {{commonData.currency_prefix}}{{creditData.account?.status === 'Repaid' ? '0.00' : creditData.account?.amount}}
+
+
+
+
+ {{lang.finance_text38}}
+
{{lang.finance_text93}}
+
+
{{lang.finance_text94}}
+
+
{{lang.finance_text95}}
+
+
{{lang.finance_text96}}
+
+
+
+ {{commonData.currency_prefix}}{{creditData.remaining_amount}}
+
+
+
+
+
+
+
+
+
+

+
+
{{lang.index_text6}}
+
{{account.host_active_num}}
+
+
+
+

+
+
{{lang.index_text7}}
+
{{account.host_num}}
+
+
+
+

+
+
{{lang.index_text8}}
+
{{account.unpaid_order}}
+
+
+
+
+
+
+
+ {{lang.index_text4}}({{commonData.currency_suffix}})
+ {{Number(account.this_month_consume_percent)}}%
+
+
+ {{commonData.currency_prefix}}{{account.this_month_consume}}
+
+
+
+
+
+
+
+ {{lang.index_text5}}({{commonData.currency_suffix}})
+
+
+ {{commonData.currency_prefix}}{{account.consume}}
+
+
+
+
+
+
{{lang.index_text9}}
+
+
+
+ {{row.product_name}}
+
+
+
+
+ {{row.name}}
+
+
+
+
+ {{row.due_time | formateTime}}
+
+
+
+
+ {{row.client_notes || '--'}}
+
+
+
+
+
{{lang.index_text14}}
+
{{lang.index_text15}}
+
{{lang.index_text16}}
+
+
+
+
+
+
+
+
+
+
+
{{lang.referral_title1}}
+
{{lang.referral_text14}}
+
+
{{lang.referral_title6}}
+
{{lang.referral_text15}}
+
{{lang.referral_text16}}
+
+

+
+
+
{{promoterData.url}}
+
{{lang.referral_btn2}}
+
+
+
+
{{commonData.currency_prefix}}{{promoterData.withdrawable_amount}}
+
{{lang.referral_title2}}
+
+
+
{{commonData.currency_prefix}}{{promoterData.pending_amount}}
+
+
{{lang.referral_title4}}
+
+
+
+
+

+
+
{{lang.index_text17}}
+
{{lang.index_text18}}
+
{{lang.index_text28}}
+
+
{{lang.index_text21}}
+
+
+
+
+
+
{{lang.index_text22}}
+
···
+
+
+
+
{{item.status}}
+
+
#{{item.ticket_num}} - {{item.title}}
+
{{item.name}}
+
+
+
+
+
+
+
{{lang.index_text23}}
+
···
+
+
+
+
+
{{item.create_time | formareDay}}
+ {{item.title}}
+ {{item.type}}
+
+
+
+
+
+
+
+
+
+
+ {{lang.referral_tips7}}
+
+
+
+
+
+
+
+
+
+
{{lang.wx_tip1}}
+
+
![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/clientarea/home/hgcloud_home/img/activation-icon.png b/clientarea/home/hgcloud_home/img/activation-icon.png
new file mode 100644
index 0000000..f898d45
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/activation-icon.png differ
diff --git a/clientarea/home/hgcloud_home/img/compny-icon.png b/clientarea/home/hgcloud_home/img/compny-icon.png
new file mode 100644
index 0000000..cfdf1be
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/compny-icon.png differ
diff --git a/clientarea/home/hgcloud_home/img/copy.svg b/clientarea/home/hgcloud_home/img/copy.svg
new file mode 100644
index 0000000..e19dacd
--- /dev/null
+++ b/clientarea/home/hgcloud_home/img/copy.svg
@@ -0,0 +1,14 @@
+
diff --git a/clientarea/home/hgcloud_home/img/credit-card.png b/clientarea/home/hgcloud_home/img/credit-card.png
new file mode 100644
index 0000000..cc4ffab
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/credit-card.png differ
diff --git a/clientarea/home/hgcloud_home/img/email-icon.png b/clientarea/home/hgcloud_home/img/email-icon.png
new file mode 100644
index 0000000..7fe12bf
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/email-icon.png differ
diff --git a/clientarea/home/hgcloud_home/img/index_bg.png b/clientarea/home/hgcloud_home/img/index_bg.png
new file mode 100644
index 0000000..8c46f7f
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/index_bg.png differ
diff --git a/clientarea/home/hgcloud_home/img/no-pay-order.png b/clientarea/home/hgcloud_home/img/no-pay-order.png
new file mode 100644
index 0000000..125841a
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/no-pay-order.png differ
diff --git a/clientarea/home/hgcloud_home/img/person-icon.png b/clientarea/home/hgcloud_home/img/person-icon.png
new file mode 100644
index 0000000..ffa22a4
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/person-icon.png differ
diff --git a/clientarea/home/hgcloud_home/img/pic-1.png b/clientarea/home/hgcloud_home/img/pic-1.png
new file mode 100644
index 0000000..4690830
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/pic-1.png differ
diff --git a/clientarea/home/hgcloud_home/img/prduct-icon.png b/clientarea/home/hgcloud_home/img/prduct-icon.png
new file mode 100644
index 0000000..af2d707
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/prduct-icon.png differ
diff --git a/clientarea/home/hgcloud_home/img/recommend-img.png b/clientarea/home/hgcloud_home/img/recommend-img.png
new file mode 100644
index 0000000..96999ae
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/recommend-img.png differ
diff --git a/clientarea/home/hgcloud_home/img/referral/back.png b/clientarea/home/hgcloud_home/img/referral/back.png
new file mode 100644
index 0000000..8e1eac4
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/referral/back.png differ
diff --git a/clientarea/home/hgcloud_home/img/referral/top1.png b/clientarea/home/hgcloud_home/img/referral/top1.png
new file mode 100644
index 0000000..5a8c98c
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/referral/top1.png differ
diff --git a/clientarea/home/hgcloud_home/img/referral/top2.png b/clientarea/home/hgcloud_home/img/referral/top2.png
new file mode 100644
index 0000000..22cc310
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/referral/top2.png differ
diff --git a/clientarea/home/hgcloud_home/img/referral/top3.png b/clientarea/home/hgcloud_home/img/referral/top3.png
new file mode 100644
index 0000000..86bbf39
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/referral/top3.png differ
diff --git a/clientarea/home/hgcloud_home/img/referral/top4.png b/clientarea/home/hgcloud_home/img/referral/top4.png
new file mode 100644
index 0000000..9be8d12
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/referral/top4.png differ
diff --git a/clientarea/home/hgcloud_home/img/reword.png b/clientarea/home/hgcloud_home/img/reword.png
new file mode 100644
index 0000000..51eb38c
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/reword.png differ
diff --git a/clientarea/home/hgcloud_home/img/tel-icon.png b/clientarea/home/hgcloud_home/img/tel-icon.png
new file mode 100644
index 0000000..114e28c
Binary files /dev/null and b/clientarea/home/hgcloud_home/img/tel-icon.png differ
diff --git a/clientarea/home/hgcloud_home/img/wx.svg b/clientarea/home/hgcloud_home/img/wx.svg
new file mode 100644
index 0000000..0d167b4
--- /dev/null
+++ b/clientarea/home/hgcloud_home/img/wx.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/clientarea/home/hgcloud_home/img/wx_hover.svg b/clientarea/home/hgcloud_home/img/wx_hover.svg
new file mode 100644
index 0000000..653ad68
--- /dev/null
+++ b/clientarea/home/hgcloud_home/img/wx_hover.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/clientarea/home/hgcloud_home/js/home.js b/clientarea/home/hgcloud_home/js/home.js
new file mode 100644
index 0000000..01286e5
--- /dev/null
+++ b/clientarea/home/hgcloud_home/js/home.js
@@ -0,0 +1,443 @@
+(function (window, undefined) {
+ var old_onload = window.onload;
+ window.onload = function () {
+ const template = document.getElementsByClassName("template")[0];
+ Vue.prototype.lang = window.lang;
+
+ new Vue({
+ components: {
+ asideMenu,
+ topMenu,
+ rechargeDialog,
+ payDialog,
+ creditNotice,
+ },
+ created() {
+ localStorage.frontMenusActiveId = "";
+ this.getCommonData();
+ this.getGateway();
+ },
+ mounted() {
+ const addons = document.querySelector("#addons_js");
+ this.addons_js_arr = JSON.parse(addons.getAttribute("addons_js"));
+ this.initData();
+ },
+ updated() {},
+ destroyed() {},
+ data() {
+ return {
+ addons_js_arr: [], // 插件数组
+ commonData: {
+ currency_prefix: "¥",
+ },
+ idcsmart_client_level: {
+ name: "",
+ id: "",
+ background_color: "",
+ },
+ showRight: false,
+ account: {}, // 个人信息
+ certificationObj: {}, // 认证信息
+ percentage: 0,
+ productListLoading: true,
+ nameLoading: false,
+ infoSecLoading: false,
+ productList: [], // 产品列表
+ ticketList: [], // 工单列表
+ homeNewList: [], // 新闻列表
+ // 支付方式
+ gatewayList: [],
+ headBgcList: [
+ "#3699FF",
+ "#57C3EA",
+ "#5CC2D7",
+ "#EF8BA2",
+ "#C1DB81",
+ "#F1978C",
+ "#F08968",
+ ],
+ // 轮询相关
+ timer: null,
+ time: 300000,
+ // 后台返回的支付html
+ payHtml: "",
+ // 错误提示信息
+ errText: "",
+ // 是否显示充值弹窗
+ isShowCz: false,
+ payLoading1: false,
+ isShowimg1: true,
+ // 充值弹窗表单数据
+ czData: {
+ amount: "",
+ gateway: "",
+ },
+ czDataOld: {
+ amount: "",
+ gateway: "",
+ },
+ isOpen: true,
+ promoterData: {},
+ openVisible: false,
+ voucherList: [], // 可领代金券列表
+ hasWxPlugin: false,
+ wxQrcode: "",
+ conectInfo: {
+ is_subscribe: 0,
+ accept_push: 0,
+ },
+ codeLoading: false,
+ isShowCredit: false,
+ creditData: {},
+ coinData: {},
+ coinRecharge: [],
+ };
+ },
+ filters: {
+ formateTime(time) {
+ if (time && time !== 0) {
+ return formateDate(time * 1000);
+ } else {
+ return "--";
+ }
+ },
+ formareDay(time) {
+ if (time && time !== 0) {
+ const dataTime = formateDate(time * 1000);
+ return (
+ dataTime.split(" ")[0].split("-")[1] +
+ "-" +
+ dataTime.split(" ")[0].split("-")[2]
+ );
+ } else {
+ return "--";
+ }
+ },
+ },
+ methods: {
+ goOrderList(val) {
+ location.href = "/finance.htm?order_status=" + val;
+ },
+ goProductList(val) {
+ if (val) {
+ location.href = "/productList.htm?tab=" + val;
+ return;
+ }
+ location.href = "/productList.htm";
+ },
+ // 授信详情
+ getCreditDetail() {
+ creditDetail().then((res) => {
+ if (res.data.status === 200) {
+ this.isShowCredit = true;
+ this.creditData = res.data.data.credit_limit;
+ }
+ });
+ },
+ goCredit() {
+ location.href = "/finance.htm?tab=6";
+ },
+ async getWxConectInfo() {
+ try {
+ const res = await getWxInfo();
+ this.conectInfo = res.data.data;
+ } catch (error) {
+ this.$message.error(error.data.msg);
+ }
+ },
+ async getWxcode() {
+ try {
+ this.codeLoading = true;
+ const res = await getWxQrcode();
+ this.wxQrcode = res.data.data.img_url;
+ this.codeLoading = false;
+ } catch (error) {
+ this.codeLoading = false;
+ this.$message.error(error.data.msg);
+ }
+ },
+ /* 可领代金券 */
+ async getVoucherAvailable() {
+ try {
+ const res = await voucherAvailable({page: 1, limit: 999});
+ this.voucherList = res.data.data.list.filter(
+ (item) => !item.is_get
+ );
+ } catch (error) {
+ this.$message.error(error.data.msg);
+ }
+ },
+ /* 可领代金券 end */
+ toReferral() {
+ location.href = `/plugin/${getPluginId(
+ "IdcsmartRecommend"
+ )}/recommend.htm`;
+ },
+ handelAttestation() {
+ location.href = `/plugin/${getPluginId(
+ "IdcsmartCertification"
+ )}/authentication_select.htm`;
+ },
+ goWorkPage() {
+ location.href = `/plugin/${getPluginId("IdcsmartTicket")}/ticket.htm`;
+ },
+ goNoticePage() {
+ location.href = `/plugin/${getPluginId("IdcsmartNews")}/source.htm`;
+ },
+ goNoticeDetail(id) {
+ location.href = `/plugin/${getPluginId(
+ "IdcsmartNews"
+ )}/news_detail.htm?id=${id}`;
+ },
+ goGoodsList() {
+ location.href = `/cart/goodsList.htm`;
+ },
+ goProductPage(id) {
+ location.href = `/productdetail.htm?id=${id}`;
+ },
+ goTickDetail(orderid) {
+ location.href = `/plugin/${getPluginId(
+ "IdcsmartTicket"
+ )}/ticketDetails.htm?id=${orderid}`;
+ },
+ getCoinRecharge() {
+ apiCoinRecharge().then((res) => {
+ this.coinRecharge = res.data.data.coins;
+ });
+ },
+ initData() {
+ const arr = this.addons_js_arr.map((item) => {
+ return item.name;
+ });
+ if (arr.includes("IdcsmartVoucher")) {
+ this.getVoucherAvailable();
+ }
+ if (arr.includes("IdcsmartCertification")) {
+ certificationInfo().then((res) => {
+ this.certificationObj = res.data.data;
+ });
+ }
+ if (arr.includes("IdcsmartTicket")) {
+ ticket_list({page: 1, limit: 3}).then((res) => {
+ this.ticketList = res.data.data.list;
+ });
+ }
+ if (arr.includes("IdcsmartNews")) {
+ newsList({page: 1, limit: 3}).then((res) => {
+ this.homeNewList = res.data.data.list.slice(0, 3);
+ });
+ }
+ if (arr.includes("IdcsmartRecommend")) {
+ this.showRight = true;
+ this.getPromoterInfo();
+ }
+
+ if (arr.includes("MpWeixinNotice")) {
+ this.hasWxPlugin = true;
+ this.getWxConectInfo();
+ }
+
+ if (arr.includes("CreditLimit")) {
+ // 开启了信用额
+ this.getCreditDetail();
+ }
+
+ if (arr.includes("Coin")) {
+ this.getCoinDetail();
+ this.getCoinRecharge();
+ }
+
+ this.getIndexHost();
+ this.getIndexInfo();
+
+ // promoter_statistic().then((res) => {
+ // console.log(res);
+ // })
+ },
+ getCoinDetail() {
+ apiCoinDetail().then((res) => {
+ this.coinData = res.data.data;
+ });
+ },
+ getIndexInfo() {
+ this.nameLoading = true;
+ indexData()
+ .then((res) => {
+ this.account = res.data.data.account;
+ this.idcsmart_client_level =
+ res.data.data.account.customfield?.idcsmart_client_level || {};
+ localStorage.lang = res.data.data.account.language || "zh-cn";
+ const reg = /^[a-zA-Z]+$/;
+ if (reg.test(res.data.data.account.username.substring(0, 1))) {
+ this.account.firstName = res.data.data.account.username
+ .substring(0, 1)
+ .toUpperCase();
+ } else {
+ this.account.firstName =
+ res.data.data.account.username.substring(0, 1);
+ }
+ this.percentage =
+ (Number(this.account.this_month_consume) /
+ Number(this.account.consume)) *
+ 100 || 0;
+ if (sessionStorage.headBgc) {
+ this.$refs.headBoxRef.style.background = sessionStorage.headBgc;
+ } else {
+ const index = Math.round(
+ Math.random() * (this.headBgcList.length - 1)
+ );
+ this.$refs.headBoxRef.style.background =
+ this.headBgcList[index];
+ sessionStorage.headBgc = this.headBgcList[index];
+ }
+ this.nameLoading = false;
+ })
+ .catch((error) => {
+ // jwt过期跳转订购产品页面
+ // if (error.data.status == 401) {
+ // location.href = "login.htm"
+ // }
+ });
+ },
+ getIndexHost() {
+ indexHost({page: 1, limit: 10})
+ .then((res) => {
+ this.productListLoading = false;
+ this.productList = res.data.data.list;
+ const data = new Date().getTime() * 0.001;
+ this.productList.forEach((item) => {
+ if (
+ item.due_time !== 0 &&
+ (item.due_time - data) / (60 * 60 * 24) <= 10
+ ) {
+ item.isOverdue = true;
+ } else {
+ item.isOverdue = false;
+ }
+ });
+ })
+ .catch(() => {
+ this.productListLoading = false;
+ });
+ },
+ // 获取支付方式列表
+ getGateway() {
+ gatewayList().then((res) => {
+ if (res.data.status === 200) {
+ this.gatewayList = res.data.data.list;
+ }
+ });
+ },
+ goUser() {
+ location.href = `account.htm`;
+ },
+ // 支付成功回调
+ paySuccess(e) {
+ indexData().then((res) => {
+ this.account = res.data.data.account;
+ this.account.firstName = res.data.data.account.username.substring(
+ 0,
+ 1
+ );
+ this.percentage =
+ (Number(this.account.this_month_consume) /
+ Number(this.account.consume)) *
+ 100 || 0;
+ });
+ },
+ // 取消支付回调
+ payCancel(e) {},
+
+ // 显示充值 dialog
+ showCz() {
+ this.$refs.rechargeDialog.open();
+ },
+
+ rechargeSuccess() {
+ this.paySuccess();
+ },
+ setAccoutCredit() {
+ this.$refs.creditNotice.open();
+ },
+
+ // 获取通用配置
+ async getCommonData() {
+ this.commonData = JSON.parse(
+ localStorage.getItem("common_set_before")
+ ) || {
+ currency_prefix: "¥",
+ };
+ const res = await getCommon();
+ this.commonData = res.data.data;
+ localStorage.setItem(
+ "common_set_before",
+ JSON.stringify(res.data.data)
+ );
+ document.title =
+ this.commonData.website_name + "-" + lang.index_text33;
+ },
+ // 获取推广者基础信息
+ getPromoterInfo() {
+ promoterInfo()
+ .then((res) => {
+ if (res.data.status == 200) {
+ this.promoterData = res.data.data.promoter;
+ if (res.data.data.promoter.permission === 0) {
+ this.showRight = false;
+ }
+ if (
+ JSON.stringify(this.promoterData) == "{}" ||
+ !res.data.data.promoter.url
+ ) {
+ this.isOpen = false;
+ } else {
+ this.isOpen = true;
+ }
+ }
+ })
+ .catch((err) => {
+ this.isOpen = false;
+ this.showRight = false;
+ });
+ },
+ // 开启推介计划
+ openReferral() {
+ openRecommend()
+ .then((res) => {
+ if (res.data.status == 200) {
+ this.$message.success(res.data.msg);
+ this.getPromoterInfo();
+ this.openVisible = false;
+ }
+ })
+ .catch((error) => {
+ this.$message.error(error.data.msg);
+ });
+ },
+ // 复制
+ copyUrl(text) {
+ if (navigator.clipboard && window.isSecureContext) {
+ // navigator clipboard 向剪贴板写文本
+ this.$message.success(lang.index_text32);
+ return navigator.clipboard.writeText(text);
+ } else {
+ // 创建text area
+ const textArea = document.createElement("textarea");
+ textArea.value = text;
+ // 使text area不在viewport,同时设置不可见
+ document.body.appendChild(textArea);
+ // textArea.focus()
+ textArea.select();
+ this.$message.success(lang.index_text32);
+ return new Promise((res, rej) => {
+ // 执行复制命令并移除文本框
+ document.execCommand("copy") ? res() : rej();
+ textArea.remove();
+ });
+ }
+ },
+ },
+ }).$mount(template);
+ typeof old_onload == "function" && old_onload();
+ };
+})(window);
diff --git a/clientarea/home/hgcloud_home/theme.jpg b/clientarea/home/hgcloud_home/theme.jpg
new file mode 100644
index 0000000..03c9f5a
Binary files /dev/null and b/clientarea/home/hgcloud_home/theme.jpg differ