mfx/web-fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2.4.7 优化过滤 新增重置任务

Browse Source
This commit is contained in:
没复习
2026-04-01 13:27:27 +08:00
parent 466a853905
commit b2f9dbf2a2
11 changed files with 160 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/components/pk-mini/mine/PKmessage.vue
View File

@@ -19,11 +19,13 @@
</div>
<div class="country">{{ item.country }}</div>
<div class="stat-item">
<img class="stat-icon" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/gold.png" alt="" />
<img class="stat-icon" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/gold.png"
alt="" />
<span>金币: <b>{{ item.coin }}K</b></span>
</div>
<div class="stat-item">
<img class="stat-icon" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/session.png" alt="" />
<img class="stat-icon" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/session.png"
alt="" />
<span>场次: <b>{{ item.pkNumber }}场</b></span>
</div>
</div>
@@ -66,35 +68,20 @@
<!-- 国家 -->
<div class="form-row">
<el-select-v2
v-model="formData.country"
:options="countryOptions"
placeholder="请选择国家"
filterable
style="width: 100%"
/>
<el-select-v2 v-model="formData.country" :options="countryOptions" placeholder="请选择国家" filterable
style="width: 100%" />
</div>
<!-- 性别 -->
<div class="form-row">
<el-select-v2
v-model="formData.gender"
:options="genderOptions"
placeholder="请选择性别"
style="width: 100%"
/>
<el-select-v2 v-model="formData.gender" :options="genderOptions" placeholder="请选择性别"
style="width: 100%" />
</div>
<!-- PK时间 -->
<div class="form-row">
<el-date-picker
v-model="formData.pkTime"
type="datetime"
placeholder="请选择PK时间"
style="width: 100%"
format="YYYY/MM/DD HH:mm"
value-format="x"
/>
<el-date-picker v-model="formData.pkTime" type="datetime" placeholder="请选择PK时间（北京时间）" style="width: 100%"
:formatter="formatBeijingTime" :parser="parseBeijingTime" value-format="x" />
</div>
<!-- 金币和场次 -->
@@ -136,13 +123,8 @@
<el-dialog v-model="showAnchorDialog" title="选择我的主播" width="800" align-center>
<div class="anchor-dialog-content">
<div class="anchor-list">
<div
v-for="(item, index) in anchorLibrary"
:key="index"
class="anchor-item"
:class="{ selected: selectedAnchor === item }"
@click="selectedAnchor = item"
>
<div v-for="(item, index) in anchorLibrary" :key="index" class="anchor-item"
:class="{ selected: selectedAnchor === item }" @click="selectedAnchor = item">
<img class="anchor-avatar" :src="item.headerIcon" alt="" />
<div class="anchor-info">
<div class="anchor-name">{{ item.anchorId }}</div>
@@ -167,12 +149,7 @@
<el-dialog v-model="showTopDialog" title="置顶" width="500" align-center>
<div class="top-dialog-content">
<p class="top-tip">置顶后，您的PK信息将在首页优先展示，可以获得更多曝光机会。</p>
<el-select-v2
v-model="topDuration"
:options="topDurationOptions"
placeholder="请选择置顶时长"
style="width: 100%"
/>
<el-select-v2 v-model="topDuration" :options="topDurationOptions" placeholder="请选择置顶时长" style="width: 100%" />
<div class="dialog-btns">
<div class="reset-btn" @click="showTopDialog = false">取消</div>
<div class="confirm-btn" @click="confirmTop">确认置顶</div>
@@ -194,7 +171,7 @@
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { ref, onMounted, computed } from 'vue'
import {
getPkInfo,
releasePkInfo,
@@ -227,6 +204,36 @@ const list = ref([])
const page = ref(0)
const formatTime = TimestamptolocalTime
// 北京时间格式化函数
function formatBeijingTime(timestamp) {
// 创建一个UTC时间的Date对象
const utcDate = new Date(timestamp)
// 将UTC时间转换为北京时间（UTC+8）
const beijingDate = new Date(utcDate.getTime() + 8 * 60 * 60 * 1000)
const year = beijingDate.getUTCFullYear()
const month = String(beijingDate.getUTCMonth() + 1).padStart(2, '0')
const day = String(beijingDate.getUTCDate()).padStart(2, '0')
const hours = String(beijingDate.getUTCHours()).padStart(2, '0')
const minutes = String(beijingDate.getUTCMinutes()).padStart(2, '0')
return `${year}/${month}/${day} ${hours}:${minutes}`
}
// 解析北京时间字符串为时间戳
function parseBeijingTime(dateString) {
const [datePart, timePart] = dateString.split(' ')
const [year, month, day] = datePart.split('/').map(Number)
const [hours, minutes] = timePart.split(':').map(Number)
// 创建一个UTC时间的Date对象，将北京时间的小时减去8小时
const utcDate = new Date(Date.UTC(year, month - 1, day, hours - 8, minutes, 0, 0))
// 返回UTC时间的时间戳（毫秒）
return utcDate.getTime()
}
// 表单数据
const formData = ref({
anchorName: '',
@@ -567,7 +574,7 @@ onMounted(() => {
}
.card-content:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transform: scale(1.02);
}
@@ -766,7 +773,7 @@ onMounted(() => {
}
.confirm-btn:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transform: scale(1.02);
}
@@ -785,7 +792,7 @@ onMounted(() => {
}
.reset-btn:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transform: scale(1.02);
}