pxl/tk-mini-program-PC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化代码

Browse Source
This commit is contained in:
pengxiaolong
2025-08-29 13:31:08 +08:00
parent d294f62469
commit aa74346232
24 changed files with 1002 additions and 518 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/components/chatMessage/PKMessage.vue
View File

@@ -16,12 +16,14 @@
background: ArticleDetailsA.sex == 1 ? '#59D8DB' : '#F3876F',
}"
>
{{ ArticleDetailsA.sex == 1 ? "男" : "女" }}
{{ ArticleDetailsA.sex == 1 ? t("man") : t("woman")}}
<!-- gj男/女 -->
</div>
<div class="Country">{{ ArticleDetailsA.country }}</div>
</div>
<div class="time">
PK时间(本地时间):{{ TimestamptolocalTime(PkIDInfodata.pkTime * 1000) }}
{{t("PKTime") + TimestamptolocalTime(PkIDInfodata.pkTime * 1000) }}
<!-- gjPK时间 -->
</div>
</div>
</div>
@@ -34,7 +36,8 @@
alt=""
/>
<div class="sessions-content">
金币：
{{t('GoldCoin') }}
<!-- gj金币 -->
<div class="gold-num">{{ ArticleDetailsA.coin }}K</div>
</div>
</div>
@@ -45,13 +48,16 @@
alt=""
/>
<div class="sessions-content">
场次：
<div class="gold-num">{{ PkIDInfodata.pkNumber }}场</div>
{{ t('session') }}
<!-- gj场次 -->
<div class="gold-num">{{ PkIDInfodata.pkNumber+t('match')}}</div>
<!-- gj场 -->
</div>
</div>
</div>
<!-- -->
<div class="Remarks">备注：{{ ArticleDetailsA.remark }}</div>
<div class="Remarks">{{t('Note')+ArticleDetailsA.remark }}</div>
<!-- gj备注 -->
</div>
</div>
<div class="pk-message-center">
@@ -60,19 +66,24 @@
class="messagebtn"
v-if="PkIDInfodata.pkStatus === 0 && ArticleDetailsB.senderId != info.id"
>
<div class="messagebtn-left" @click="agree()">同意</div>
<div class="messagebtn-right" @click="refuse()">拒绝</div>
<div class="messagebtn-left" @click="agree()">{{ t('agree') }}</div>
<!-- gj同意 -->
<div class="messagebtn-right" @click="refuse()">{{ t('Refuse') }}</div>
<!-- gj拒绝 -->
</div>
<div v-if="PkIDInfodata.pkStatus === 1" class="messageHint">已同意邀请</div>
<div v-if="PkIDInfodata.pkStatus === 1" class="messageHint">{{ t('HaveAgreedToTheInvitation') }}</div>
<!-- gj已同意 -->
<div v-if="PkIDInfodata.pkStatus === 2" class="messageHint">已拒绝邀请</div>
<div v-if="PkIDInfodata.pkStatus === 2" class="messageHint">{{ t('HaveRefusedTheInvitation') }}</div>
<!-- gj已拒绝 -->
<div
v-if="PkIDInfodata.pkStatus === 0 && ArticleDetailsB.senderId == info.id"
class="messageHint"
>
等待对方回应（如果已经回应请刷新页面）
{{ t('WaitForTheOtherPartyResponse') }}
<!-- gj等待对方响应 -->
</div>
</div>
<div class="pk-message-right">
@@ -88,11 +99,13 @@
background: ArticleDetailsB.sex == 1 ? '#59D8DB' : '#F3876F',
}"
>
{{ ArticleDetailsB.sex == 1 ? "男" : "女" }}
{{ ArticleDetailsB.sex == 1 ? t("man") : t("woman")}}
<!-- gj男/女 -->
</div>
</div>
<div class="time">
PK时间(本地时间):{{ TimestamptolocalTime(PkIDInfodata.pkTime * 1000) }}
{{t("PKTime") + TimestamptolocalTime(PkIDInfodata.pkTime * 1000) }}
<!-- gjPK时间 -->
</div>
</div>
<div class="Avatar">
@@ -108,7 +121,8 @@
alt=""
/>
<div class="sessions-content">
金币：
{{t('GoldCoin') }}
<!-- gj金币 -->
<div class="gold-num">{{ ArticleDetailsB.coin }}K</div>
</div>
</div>
@@ -119,48 +133,53 @@
alt=""
/>
<div class="sessions-content">
场次：
<div class="gold-num">{{ PkIDInfodata.pkNumber }}场</div>
{{ t('session') }}
<!-- gj场次 -->
<div class="gold-num">{{ PkIDInfodata.pkNumber+t('match')}}</div>
</div>
</div>
</div>
<!-- -->
<div class="Remarks">备注：{{ ArticleDetailsB.remark }}</div>
<div class="Remarks">{{t('Note')+ArticleDetailsB.remark }}</div>
</div>
</div>
</div>
<!-- 同意邀请提示 -->
<el-dialog v-model="agreedialog" center title="提示" width="400" align-center>
<el-dialog v-model="agreedialog" center :title="t('Hint')" width="400" align-center>
<div class="dialog-content">
<div class="dialog-content-text">
<div>
邀请成功后的pk不可修改，不可删除，请谨慎操作！
{{ t('AfterASuccessfulInvitationThePKCannotBeModifiedOrDeletedPleaseOperateWithCaution') }}
<!-- gj邀请成功后，PK不可修改或删除，请谨慎操作 -->
</div>
</div>
<!-- -->
<div class="myanchor-dialog-btn">
<div class="remindermyAnchorDialogReset" @click="agreedialog = false">取消</div>
<div class="remindermyAnchorDialogReset" @click="agreedialog = false">{{ t('Cancel') }}</div>
<!-- gj取消 -->
<div class="remindermyAnchorDialogConfirm" @click="agreedialogConfirm">
确认
{{ t('Confirm') }}
<!-- gj确认 -->
</div>
</div>
</div>
</el-dialog>
<!-- 拒绝邀请提示 -->
<el-dialog v-model="refusedialog" center title="提示" width="400" align-center>
<el-dialog v-model="refusedialog" center :title="t('Hint')" width="400" align-center>
<div class="dialog-content">
<!-- -->
<div class="dialog-content-text">
<div>
您确定要拒绝该邀请吗？
{{ t('AreYouSureYouWantToDeclineThisInvitation') }}
<!-- gj确定拒绝邀请？ -->
</div>
</div>
<div class="myanchor-dialog-btn">
<div class="remindermyAnchorDialogReset" @click="refusedialog = false">取消</div>
<div class="remindermyAnchorDialogReset" @click="refusedialog = false">{{ t('Cancel') }}</div>
<div class="remindermyAnchorDialogConfirm" @click="refusedialogConfirm">
确认
{{ t('Confirm') }}
</div>
</div>
@@ -185,6 +204,11 @@ import {
} from "@/utils/storage.js";
import { TimestamptolocalTime } from "@/utils/timeConversion.js";
import { ElMessage } from "element-plus";
//
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
window['$t'] = t
//
const props = defineProps({
item: {
type: Object,
@@ -206,7 +230,8 @@ function agreedialogConfirm(){
id: newValitem.value.payload.customData.id,
pkStatus: 1,
}).then(() => {
ElMessage.success("同意成功");
ElMessage.success(t('AgreeToSuccess'));
//gj同意成功
PkIDInfodata.value.pkStatus = 1;
agreedialog.value = false
}).catch((err) => {});
@@ -218,7 +243,8 @@ function refusedialogConfirm(){
id: newValitem.value.payload.customData.id,
pkStatus: 2,
}).then(() => {
ElMessage.success("拒绝成功");
ElMessage.success(t('RefuseSuccess'));
//gj拒绝成功
PkIDInfodata.value.pkStatus = 2;
refusedialog.value = false
}).catch((err) => {});
@@ -498,12 +524,12 @@ watch(refname, async (newQuestion, oldQuestion) => {
height: 20px;
}
.sessions-content {
font-size: 20px;
font-size: 16px;
color: #999;
display: flex;
}
.gold-num {
font-size: 20px;
font-size: 16px;
font-weight: bold;
color: #333;
margin-left: 5px;