|
|
@@ -1,192 +1,302 @@
|
|
|
<template>
|
|
|
<cwg-page-wrapper class="create-page" :isHeaderFixed="true">
|
|
|
- <view class="custom_activities">
|
|
|
- <view class="info-card">
|
|
|
- <cwg-header :title="t('Home.page_customer.item6')" />
|
|
|
- <!-- 主要内容 -->
|
|
|
- <view class="main-content">
|
|
|
- <view class="table-loading-mask">
|
|
|
- <uni-loading v-if="pictLoading" />
|
|
|
- </view>
|
|
|
- <view class="activity-list" v-if="!pictLoading">
|
|
|
- <!-- CWG Markets 月赏礼遇 -->
|
|
|
- <view class="activity-card" v-if="country == 'CN'">
|
|
|
- <view class="btn-tag-star"><i class="el-icon-star-on"></i></view>
|
|
|
- <view class="card-content">
|
|
|
- <view class="card-image crm-cursor">
|
|
|
- <image class="img" src="/static/images/yue.jpg" alt="" />
|
|
|
+
|
|
|
+
|
|
|
+ <view class="container">
|
|
|
+
|
|
|
+ <view
|
|
|
+ class="app-page-head card-header d-flex gap-3 flex-wrap align-items-center justify-content-between border-0">
|
|
|
+ <view class="app-page-head mb-0">
|
|
|
+ <h1 class="app-page-title" v-t="'Home.page_customer.item6'"></h1>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="table-loading-mask">
|
|
|
+ <uni-loading v-if="pictLoading" />
|
|
|
+ </view>
|
|
|
+ <view class="col-xxl-12 mb-4" v-if="!pictLoading">
|
|
|
+ <view class="row">
|
|
|
+ <!-- <view class="col-12 m-b30">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/vu/promotion-1.jpg" alt=""
|
|
|
+ class="img-fluid rounded" />
|
|
|
+ <view
|
|
|
+ class="position-absolute action-visible top-0 start-0 h-100 w-100 bg-dark bg-opacity-50 rounded d-flex align-items-center justify-content-center">
|
|
|
+ <a href="#"
|
|
|
+ class="btn btn-icon btn-lg btn-secondary rounded-circle waves-effect waves-light">
|
|
|
+ <i class="fi fi-rr-arrow-right"></i> </a>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="card-body">
|
|
|
- <view class="card-title">
|
|
|
- <text class="title-text crm-cursor crm-one-font"><text
|
|
|
- v-t="'MonthlyActivities.item1'"></text></text>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2"> <a href="#"
|
|
|
+ class="badge badge-sm bg-secondary mb-1">28 Apr, 2026</a>
|
|
|
+ <h4> <a href="#" class="text-dark">Monthly Trading Challenge</a> </h4>
|
|
|
+ <view>Complete Trading Targets · Enjoy Multi-Tier Exclusive Gifts</view>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-danger mb-3 waves-effect waves-light">Join Now</button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light">Event
|
|
|
+ Terms</button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light">Participation
|
|
|
+ Method</button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light">Mission
|
|
|
+ List</button>
|
|
|
</view>
|
|
|
- <view class="card-description crm-one-font">
|
|
|
- <text v-t="''"></text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="col-12 m-b30">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/vu/promotion.png" alt="" class="img-fluid rounded" />
|
|
|
+ <view
|
|
|
+ class="position-absolute action-visible top-0 start-0 h-100 w-100 bg-dark bg-opacity-50 rounded d-flex align-items-center justify-content-center">
|
|
|
+ <a href="#"
|
|
|
+ class="btn btn-icon btn-lg btn-secondary rounded-circle waves-effect waves-light">
|
|
|
+ <i class="fi fi-rr-arrow-right"></i> </a>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="card-actions">
|
|
|
- <text :class="['action-btn', monthlyGive ? 'primary crm-cursor' : 'disabled']"
|
|
|
- @click="openSurplusActivityDialog1()"><text
|
|
|
- v-t="'news_add_field1.activities10_trading_aoyun.item3'"></text></text>
|
|
|
- <cwg-link type="pdf" class="action-btn secondary crm-cursor" target="_blank"
|
|
|
- title="wallet.item15" :url="`pdf/pdf13/CWG Prime Bonus-cn.pdf`" />
|
|
|
- <cwg-link type="pdf" class="action-btn secondary crm-cursor" target="_blank"
|
|
|
- title="Transfer.item7"
|
|
|
- :url="`pdf/pdf13/CWG Markets Prime Bonus Application Process-cn.pdf`" />
|
|
|
- <text class="action-btn secondary crm-cursor" @click="goMonthlyTaskList()"><text
|
|
|
- v-t="'wallet.item14'"></text></text>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2"><a href="#"
|
|
|
+ class="badge badge-sm bg-secondary mb-1">28 Apr, 2026</a>
|
|
|
+ <h4> <a href="#" class="text-dark">CWG Monthly Premium Bonus</a> </h4>
|
|
|
+ <view>Deposit now to receive generous bonuses of up to $5000! The more you
|
|
|
+ deposit,
|
|
|
+ the higher the reward, making every investment more valuable!</view>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-danger mb-3 waves-effect waves-light">Join Now</button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light">Event
|
|
|
+ Terms</button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light">Participation
|
|
|
+ Method</button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light">Mission
|
|
|
+ List</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 赠金活动 -->
|
|
|
- <view class="activity-card">
|
|
|
- <view class="btn-tag-star"><i class="el-icon-star-on"></i></view>
|
|
|
- <view class="card-content">
|
|
|
- <view class="card-image crm-cursor">
|
|
|
- <image class="img" src="/static/images/su.png" alt="" />
|
|
|
+ </view> -->
|
|
|
+
|
|
|
+ <!-- 月度活动 -->
|
|
|
+ <view class="col-12 m-b30" v-if="country == 'CN'">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/yue.jpg" alt="" class="img-fluid rounded" />
|
|
|
+ <view
|
|
|
+ class="position-absolute action-visible top-0 start-0 h-100 w-100 bg-dark bg-opacity-50 rounded d-flex align-items-center justify-content-center">
|
|
|
+ <a @click="openSurplusActivityDialog1()"
|
|
|
+ class="btn btn-icon btn-lg btn-secondary rounded-circle waves-effect waves-light">
|
|
|
+ <i class="fi fi-rr-arrow-right"></i> </a>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="card-body">
|
|
|
- <view class="card-title">
|
|
|
- <text class="title-text crm-cursor crm-one-font"><text
|
|
|
- v-t="'surplusList.item1'"></text></text>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <h4> <text class="text-dark crm-one-font"
|
|
|
+ v-t="'MonthlyActivities.item1'"></text> </h4>
|
|
|
+ <view class="crm-one-font"></view>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ :class="['btn mb-3 waves-effect waves-light', monthlyGive ? 'btn-danger' : 'btn-disabled']"
|
|
|
+ @click="openSurplusActivityDialog1()">
|
|
|
+ <text v-t="'news_add_field1.activities10_trading_aoyun.item3'"></text>
|
|
|
+ </button>
|
|
|
+ <cwg-link type="pdf" class="btn btn-outline-dark mb-3 waves-effect waves-light"
|
|
|
+ target="_blank" title="wallet.item15"
|
|
|
+ :url="`pdf/pdf13/CWG Prime Bonus-cn.pdf`" />
|
|
|
+ <cwg-link type="pdf" class="btn btn-outline-dark mb-3 waves-effect waves-light"
|
|
|
+ target="_blank" title="Transfer.item7"
|
|
|
+ :url="`pdf/pdf13/CWG Markets Prime Bonus Application Process-cn.pdf`" />
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light"
|
|
|
+ @click="goMonthlyTaskList()">
|
|
|
+ <text v-t="'wallet.item14'"></text>
|
|
|
+ </button>
|
|
|
</view>
|
|
|
- <view class="card-description crm-one-font">
|
|
|
- <text v-t="'surplusList.item2'"></text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 赠金活动 -->
|
|
|
+ <view class="col-12 m-b30">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/su.png" alt="" class="img-fluid rounded" />
|
|
|
+ <view
|
|
|
+ class="position-absolute action-visible top-0 start-0 h-100 w-100 bg-dark bg-opacity-50 rounded d-flex align-items-center justify-content-center">
|
|
|
+ <a @click="openSurplusActivityDialog()"
|
|
|
+ class="btn btn-icon btn-lg btn-secondary rounded-circle waves-effect waves-light">
|
|
|
+ <i class="fi fi-rr-arrow-right"></i> </a>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="card-actions">
|
|
|
- <text :class="['action-btn', surplusGive ? 'primary crm-cursor' : 'disabled']"
|
|
|
- @click="openSurplusActivityDialog()"><text
|
|
|
- v-t="'news_add_field1.activities10_trading_aoyun.item3'"></text></text>
|
|
|
- <cwg-link type="pdf" class="action-btn secondary crm-cursor" target="_blank"
|
|
|
- title="wallet.item15" :url="`pdf/pdf12/CWG Prime Bonus-${locale}.pdf`" />
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <h4> <text class="text-dark crm-one-font" v-t="'surplusList.item1'"></text>
|
|
|
+ </h4>
|
|
|
+ <view class="crm-one-font" v-t="'surplusList.item2'"></view>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ :class="['btn mb-3 waves-effect waves-light', surplusGive ? 'btn-danger' : 'btn-disabled']"
|
|
|
+ @click="openSurplusActivityDialog()">
|
|
|
+ <text v-t="'news_add_field1.activities10_trading_aoyun.item3'"></text>
|
|
|
+ </button>
|
|
|
+ <cwg-link type="pdf" class="btn btn-outline-dark mb-3 waves-effect waves-light"
|
|
|
+ target="_blank" title="wallet.item15"
|
|
|
+ :url="`pdf/pdf12/CWG Prime Bonus-${locale}.pdf`" />
|
|
|
<cwg-link type="pdf"
|
|
|
v-if="locale == 'cn' || locale == 'zhHant' || locale == 'en'"
|
|
|
- class="action-btn secondary crm-cursor" target="_blank"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light" target="_blank"
|
|
|
title="Transfer.item7"
|
|
|
:url="`pdf/pdf12/CWG Markets Prime Bonus Application Process-${locale}.pdf`" />
|
|
|
- <cwg-link type="pdf" v-else class="action-btn secondary crm-cursor"
|
|
|
- target="_blank" title="Transfer.item7"
|
|
|
+ <cwg-link type="pdf" v-else
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light" target="_blank"
|
|
|
+ title="Transfer.item7"
|
|
|
:url="`pdf/pdf12/CWG Markets Prime Bonus Application Process-en.pdf`" />
|
|
|
- <text class="action-btn secondary crm-cursor" @click="goSurplusTaskList()"><text
|
|
|
- v-t="'wallet.item14'"></text></text>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light"
|
|
|
+ @click="goSurplusTaskList()">
|
|
|
+ <text v-t="'wallet.item14'"></text>
|
|
|
+ </button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 交易大赛 -->
|
|
|
- <view class="activity-card" v-if="tableDataCptFlag">
|
|
|
- <view class="btn-tag-star"><i class="el-icon-star-on"></i></view>
|
|
|
- <view class="card-content">
|
|
|
- <view class="card-image crm-cursor" @click="toSingle('23xinjia')">
|
|
|
- <image class="img" src="/static/images/banner.jpg" alt="" />
|
|
|
- </view>
|
|
|
- <view class="card-body">
|
|
|
- <view class="card-title">
|
|
|
- <text class="title-text crm-cursor crm-one-font"
|
|
|
- @click="toSingle('23xinjia')"><text
|
|
|
- v-t="'news_add_field1.activitiesJYDS2025.item1'"></text></text>
|
|
|
- </view>
|
|
|
- <view class="card-description crm-one-font">
|
|
|
- <text v-t="'news_add_field1.activitiesJYDS2025.item2'"></text>
|
|
|
+ </view>
|
|
|
+ <!-- 交易大赛 -->
|
|
|
+ <view class="col-12 m-b30" v-if="tableDataCptFlag">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image src="/static/images/banner.jpg" alt="" class="img-fluid rounded" />
|
|
|
+ <view
|
|
|
+ class="position-absolute action-visible top-0 start-0 h-100 w-100 bg-dark bg-opacity-50 rounded d-flex align-items-center justify-content-center">
|
|
|
+ <a @click="toApplyCptOpen()"
|
|
|
+ class="btn btn-icon btn-lg btn-secondary rounded-circle waves-effect waves-light">
|
|
|
+ <i class="fi fi-rr-arrow-right"></i> </a>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="card-actions">
|
|
|
- <text class="action-btn primary crm-cursor" @click="toApplyCptOpen()"
|
|
|
- v-if="tableDataCpt.signStatus == 0"><text
|
|
|
- v-t="'news_add_field1.activitiesJYDS.item3'"></text></text>
|
|
|
- <text class="action-btn disabled crm-cursor"
|
|
|
- v-if="tableDataCpt.signStatus == 1"><text
|
|
|
- v-t="'news_add_field1.activitiesJYDS.item3_1'"></text></text>
|
|
|
- <text class="action-btn secondary crm-cursor"
|
|
|
- @click="toSingle('23xinjia')"><text
|
|
|
- v-t="'news_add_field1.activitiesJYDS.item4'"></text></text>
|
|
|
- <text class="action-btn secondary crm-cursor"
|
|
|
- @click="toOpenSingle(tableDataCpt.pageAddress)"><text
|
|
|
- v-t="'news_add_field1.activitiesJYDS.item4_1'"></text></text>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <h4> <text class="text-dark crm-one-font"
|
|
|
+ v-t="'news_add_field1.activitiesJYDS2025.item1'"></text> </h4>
|
|
|
+ <view class="crm-one-font" v-t="'news_add_field1.activitiesJYDS2025.item2'">
|
|
|
+ </view>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-danger mb-3 waves-effect waves-light"
|
|
|
+ v-if="tableDataCpt.signStatus == 0" @click="toApplyCptOpen()">
|
|
|
+ <text v-t="'news_add_field1.activitiesJYDS.item3'"></text>
|
|
|
+ </button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-disabled mb-3 waves-effect waves-light"
|
|
|
+ v-if="tableDataCpt.signStatus == 1">
|
|
|
+ <text v-t="'news_add_field1.activitiesJYDS.item3_1'"></text>
|
|
|
+ </button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light"
|
|
|
+ @click="toSingle('23xinjia')">
|
|
|
+ <text v-t="'news_add_field1.activitiesJYDS.item4'"></text>
|
|
|
+ </button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light"
|
|
|
+ @click="toOpenSingle(tableDataCpt.pageAddress)">
|
|
|
+ <text v-t="'news_add_field1.activitiesJYDS.item4_1'"></text>
|
|
|
+ </button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 赠送活动列表2 -->
|
|
|
- <view class="activity-card" v-for="(item, index) in tableDataGive" :key="index + 'give'">
|
|
|
- <view class="btn-tag-star" v-if="item.hot">
|
|
|
- <i class="el-icon-star-on"></i>
|
|
|
- </view>
|
|
|
- <view class="card-content">
|
|
|
- <view class="card-image crm-cursor" @click="toSingle('newList', item.id)">
|
|
|
- <image class="img" :src="imgUrl + item.coverUrl" alt="" />
|
|
|
- </view>
|
|
|
- <view class="card-body">
|
|
|
- <view class="card-title">
|
|
|
- <text class="title-text crm-cursor crm-one-font"
|
|
|
- @click="toSingle('newList', item.id)">{{ item.title }}</text>
|
|
|
- <text class="card-time">{{ item.revokeDate.split(" ")[0] }}</text>
|
|
|
+ </view>
|
|
|
+ <!-- 赠送活动列表2 -->
|
|
|
+ <view class="col-12 m-b30" v-for="(item, index) in tableDataGive" :key="index + 'give'">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image :src="imgUrl + item.coverUrl" alt="" class="img-fluid rounded" />
|
|
|
+ <view
|
|
|
+ class="position-absolute action-visible top-0 start-0 h-100 w-100 bg-dark bg-opacity-50 rounded d-flex align-items-center justify-content-center">
|
|
|
+ <a @click="toActivity24nianzhong()"
|
|
|
+ class="btn btn-icon btn-lg btn-secondary rounded-circle waves-effect waves-light">
|
|
|
+ <i class="fi fi-rr-arrow-right"></i> </a>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="card-description crm-one-font">{{ item.subTitle }}</view>
|
|
|
- <view class="card-actions">
|
|
|
- <text class="action-btn primary crm-cursor" @click="toActivity24nianzhong()"
|
|
|
- v-if="item.valid == 1"><text v-t="'Custom.Activity.Apply'"></text></text>
|
|
|
- <text class="action-btn disabled crm-cursor" v-else><text
|
|
|
- v-t="'Custom.Activity.Apply'"></text></text>
|
|
|
- <text class="action-btn secondary crm-cursor"
|
|
|
- @click="toSingle('newList', item.id)"><text
|
|
|
- v-t="'Custom.Activity.Single'"></text></text>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <h4> <text class="text-dark crm-one-font">{{ item.title }}</text> </h4>
|
|
|
+ <view class="crm-one-font">{{ item.subTitle }}</view>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ :class="['btn mb-3 waves-effect waves-light', item.valid == 1 ? 'btn-danger' : 'btn-disabled']"
|
|
|
+ @click="toActivity24nianzhong()">
|
|
|
+ <text v-t="'Custom.Activity.Apply'"></text>
|
|
|
+ </button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light"
|
|
|
+ @click="toSingle('newList', item.id)">
|
|
|
+ <text v-t="'Custom.Activity.Single'"></text>
|
|
|
+ </button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="activity-card" v-for="(item, index) in tableData" :key="index + 'tttt'">
|
|
|
- <view class="btn-tag-star" v-if="item.hot">
|
|
|
- <i class="el-icon-star-on"></i>
|
|
|
- </view>
|
|
|
- <view class="card-content">
|
|
|
- <view class="card-image crm-cursor" @click="toSingle('newList', item.id)">
|
|
|
- <image class="img" :src="imgUrl + item.coverUrl" alt="" />
|
|
|
- </view>
|
|
|
- <view class="card-body">
|
|
|
- <view class="card-title">
|
|
|
- <text class="title-text crm-cursor crm-one-font" @click="toSingle(item.id)">{{
|
|
|
- item.title }}</text>
|
|
|
- <text class="card-time">{{ item.deliveryTime.split(" ")[0] }}</text>
|
|
|
+ </view>
|
|
|
+ <!-- 活动列表 -->
|
|
|
+ <view class="col-12 m-b30" v-for="(item, index) in tableData" :key="index + 'tttt'">
|
|
|
+ <view class="card card-action action-elevate action-border-primary">
|
|
|
+ <view class="row g-0">
|
|
|
+ <view class="col-md-4">
|
|
|
+ <view class="card-header border-0 p-0 m-2 position-relative overflow-hidden">
|
|
|
+ <image :src="imgUrl + item.coverUrl" alt="" class="img-fluid rounded" />
|
|
|
+ <view
|
|
|
+ class="position-absolute action-visible top-0 start-0 h-100 w-100 bg-dark bg-opacity-50 rounded d-flex align-items-center justify-content-center">
|
|
|
+ <a @click="applications(item)"
|
|
|
+ class="btn btn-icon btn-lg btn-secondary rounded-circle waves-effect waves-light">
|
|
|
+ <i class="fi fi-rr-arrow-right"></i> </a>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="card-description crm-one-font">{{ item.subTitle }}</view>
|
|
|
- <view class="card-actions">
|
|
|
- <text class="action-btn primary crm-cursor" @click="applications(item)"
|
|
|
- v-if="overdue(item.startTime, item.endTime)"><text
|
|
|
- v-t="'Custom.Activity.Apply'"></text></text>
|
|
|
- <text class="action-btn disabled crm-cursor" v-else><text
|
|
|
- v-t="'Custom.Activity.Apply'"></text></text>
|
|
|
- <text class="action-btn secondary crm-cursor" @click="checkActivity(item)"><text
|
|
|
- v-t="'Custom.Activity.List'"></text></text>
|
|
|
- <text class="action-btn secondary crm-cursor" @click="toSingle(item.id)"><text
|
|
|
- v-t="'Custom.Activity.Single'"></text></text>
|
|
|
+ </view>
|
|
|
+ <view class="col-md-8 py-3 d-flex flex-column">
|
|
|
+ <view class="card-body px-3 py-2">
|
|
|
+ <h4> <text class="text-dark crm-one-font">{{ item.title }}</text> </h4>
|
|
|
+ <view class="crm-one-font">{{ item.subTitle }}</view>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ :class="['btn mb-3 waves-effect waves-light', overdue(item.startTime, item.endTime) ? 'btn-danger' : 'btn-disabled']"
|
|
|
+ @click="applications(item)">
|
|
|
+ <text v-t="'Custom.Activity.Apply'"></text>
|
|
|
+ </button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light"
|
|
|
+ @click="checkActivity(item)">
|
|
|
+ <text v-t="'Custom.Activity.List'"></text>
|
|
|
+ </button>
|
|
|
+ <button type="submit" value="Submit"
|
|
|
+ class="btn btn-outline-dark mb-3 waves-effect waves-light"
|
|
|
+ @click="toSingle(item.id)">
|
|
|
+ <text v-t="'Custom.Activity.Single'"></text>
|
|
|
+ </button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 分页 -->
|
|
|
- <!-- <view class="crm_pagination" v-if="pagerInfo.rowTotal">
|
|
|
- <view class="pagination">
|
|
|
- <view class="page-item prev" :class="{ disabled: pagerInfo.current === 1 }"
|
|
|
- @click="handlePrevPage">
|
|
|
- <uni-icons type="arrowleft" size="16" color="#666"></uni-icons>
|
|
|
- <text>{{ t('common.prev') }}</text>
|
|
|
- </view>
|
|
|
- <view class="page-numbers">
|
|
|
- <view v-for="page in visiblePages" :key="page" class="page-number"
|
|
|
- :class="{ active: pagerInfo.current === page }" @click="handlePageChange(page)">
|
|
|
- {{ page }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="page-item next" :class="{ disabled: pagerInfo.current === pagerInfo.pageTotal }"
|
|
|
- @click="handleNextPage">
|
|
|
- <text>{{ t('common.next') }}</text>
|
|
|
- <uni-icons type="arrowright" size="16" color="#666"></uni-icons>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -328,7 +438,7 @@
|
|
|
<view class="form-label">{{ t('Shop.Address.DetailedAddress') }}</view>
|
|
|
<input class="form-input" v-model="dialogDealResultCpt_form.address" type="text" />
|
|
|
</view>
|
|
|
- <div v-html="t('news_add_field1.activitiesJYDS.item4_4')"></div>
|
|
|
+ <view v-html="t('news_add_field1.activitiesJYDS.item4_4')"></view>
|
|
|
</form>
|
|
|
|
|
|
</view>
|
|
|
@@ -415,7 +525,7 @@
|
|
|
<button type="primary" @click="toApplyNoWorries">{{
|
|
|
t('news_add_field1.activitiesNoWorries.item6_1') }}</button>
|
|
|
<button @click="toApplyNoWorriesCancel">{{ t('news_add_field1.activitiesNoWorries.item6_2')
|
|
|
- }}</button>
|
|
|
+ }}</button>
|
|
|
</template>
|
|
|
</cwg-popup>
|
|
|
|
|
|
@@ -430,7 +540,7 @@
|
|
|
<button type="primary" @click="realizationNoWorries">{{
|
|
|
t('news_add_field1.activitiesNoWorries.item6_1') }}</button>
|
|
|
<button @click="dialogNoWorries = false">{{ t('news_add_field1.activitiesNoWorries.item6_2')
|
|
|
- }}</button>
|
|
|
+ }}</button>
|
|
|
</template>
|
|
|
</cwg-popup>
|
|
|
|
|
|
@@ -445,7 +555,7 @@
|
|
|
<button type="primary" @click="dialogNoWorriesApply = false">{{
|
|
|
t('news_add_field1.activitiesNoWorries.item6_1') }}</button>
|
|
|
<button @click="dialogNoWorriesApply = false">{{ t('news_add_field1.activitiesNoWorries.item6_2')
|
|
|
- }}</button>
|
|
|
+ }}</button>
|
|
|
</template>
|
|
|
</cwg-popup>
|
|
|
|
|
|
@@ -470,7 +580,7 @@
|
|
|
</view>
|
|
|
<template #footer>
|
|
|
<button type="primary" @click="calculateIncome">{{ t('news_add_field1.NewYear24.item8_1')
|
|
|
- }}</button>
|
|
|
+ }}</button>
|
|
|
<button @click="openCalculatorFlag = false">{{ t('news_add_field1.NewYear24.item8_2') }}</button>
|
|
|
</template>
|
|
|
</cwg-popup>
|
|
|
@@ -2357,176 +2467,12 @@ onReachBottom(() => {
|
|
|
<style scoped lang="scss">
|
|
|
@import "@/uni.scss";
|
|
|
|
|
|
-.custom_activities {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-
|
|
|
- .main-content {
|
|
|
- width: 100%;
|
|
|
- height: calc(100% - 50px);
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- .tab {
|
|
|
- width: 100%;
|
|
|
- height: calc(100% - 62px);
|
|
|
- overflow-y: auto;
|
|
|
- // padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
-
|
|
|
- .activity-list {
|
|
|
- display: grid;
|
|
|
- grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
|
|
- gap: 20px;
|
|
|
- padding: 10px 0;
|
|
|
- }
|
|
|
-
|
|
|
- .activity-card {
|
|
|
- background: transparent;
|
|
|
- border-radius: 8px;
|
|
|
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
|
- overflow: hidden;
|
|
|
- position: relative;
|
|
|
- transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
|
-
|
|
|
- &:hover {
|
|
|
- transform: translateY(-2px);
|
|
|
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
|
- }
|
|
|
-
|
|
|
- .btn-tag-star {
|
|
|
- position: absolute;
|
|
|
- top: 4px;
|
|
|
- left: -15px;
|
|
|
- background: #eb3f57;
|
|
|
- color: var(--bs-emphasis-color);
|
|
|
- transform: rotate(-45deg);
|
|
|
- -ms-transform: rotate(-45deg);
|
|
|
- -moz-transform: rotate(-45deg);
|
|
|
- -webkit-transform: rotate(-45deg);
|
|
|
- -o-transform: rotate(-45deg);
|
|
|
- width: 60px;
|
|
|
- text-align: center;
|
|
|
- z-index: 9;
|
|
|
- padding: 1px 0;
|
|
|
- }
|
|
|
-
|
|
|
- .card-content {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .card-image {
|
|
|
- width: 100%;
|
|
|
- height: 180px;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- .img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- object-fit: cover;
|
|
|
- transition: transform 0.3s ease;
|
|
|
- }
|
|
|
-
|
|
|
- &:hover .img {
|
|
|
- transform: scale(1.05);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .card-body {
|
|
|
- padding: 16px;
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
-
|
|
|
- .card-title {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: flex-start;
|
|
|
- margin-bottom: 12px;
|
|
|
-
|
|
|
- .title-text {
|
|
|
- font-weight: bold;
|
|
|
- font-size: 16px;
|
|
|
- flex: 1;
|
|
|
- padding-right: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- color: var(--bs-heading-color);
|
|
|
- }
|
|
|
-
|
|
|
- .card-time {
|
|
|
- font-size: 12px;
|
|
|
- color: var(--bs-heading-color);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .card-description {
|
|
|
- font-size: 14px;
|
|
|
- color: var(--bs-heading-color);
|
|
|
- margin-bottom: 16px;
|
|
|
- line-height: 1.4;
|
|
|
- flex: 1;
|
|
|
- }
|
|
|
-
|
|
|
- .card-actions {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- gap: 8px;
|
|
|
- }
|
|
|
-
|
|
|
- .action-btn {
|
|
|
- padding: 6px 12px;
|
|
|
- border-radius: 4px;
|
|
|
- font-size: 14px;
|
|
|
- text-align: center;
|
|
|
- transition: all 0.3s ease;
|
|
|
-
|
|
|
- &.primary {
|
|
|
- background: #eb3f57;
|
|
|
- color: var(--bs-emphasis-color);
|
|
|
- }
|
|
|
-
|
|
|
- &.secondary {
|
|
|
- border: 1px solid #ddd;
|
|
|
- color: var(--bs-heading-color);
|
|
|
-
|
|
|
- &:hover {
|
|
|
- border-color: #eb3f57;
|
|
|
- color: #eb3f57;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &.disabled {
|
|
|
- background: #f5f5f5;
|
|
|
- color: var(--bs-heading-color);
|
|
|
- pointer-events: none;
|
|
|
- cursor: auto;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .NewYear_calculator {
|
|
|
- .content {
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .tip {
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
-
|
|
|
- .red {
|
|
|
- color: #eb3f57;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
+.img-fluid {
|
|
|
+ width: px2rpx(400);
|
|
|
+ height: px2rpx(240);
|
|
|
+ object-fit: cover;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
// 弹窗样式优化
|
|
|
.dia-content {
|
|
|
.content {
|
