+
+
+ 
+
+
+ Edit
+ components/HelloWorld.vue to test HMR
+
+ Check out + create-vue, the official Vue + Vite starter +
++ Install + Volar + in your IDE for a better DX +
+Click on the Vite and Vue logos to learn more
+ + + diff --git a/src/components/answer-card/answer/MobileAnswer.vue b/src/components/answer-card/answer/MobileAnswer.vue index 22efa74453a03a12a40dd80b3788336bd8505f3c..614b6c80c815fcf8e0be8d6f42df2792197f316d 100644 --- a/src/components/answer-card/answer/MobileAnswer.vue +++ b/src/components/answer-card/answer/MobileAnswer.vue @@ -5,7 +5,7 @@{{ iarTrans('answerCard.pointsEnd') }}
{{ questionType(question) }} {{ question.name }}
{{ iarTrans('answerCard.averageScore') }} {{ questionResult.result.avgScore }} {{ iarTrans('answerCard.point') }}
@@ -58,11 +58,17 @@ > @@ -76,9 +82,17 @@ @@ -90,17 +104,6 @@ export default { text-align: center; padding: 20px 24px; box-sizing: border-box; - - &__icon { - width: 60px; - height: 60px; - background-image: url(./imgs/icon-score-result.png); - background-size: 100%; - background-position: bottom; - background-repeat: no-repeat; - margin: 0 auto; - padding-top: 20px; - } &__tips { margin: 0; margin-top: 20px; @@ -178,22 +181,6 @@ export default { background-position: center; background-repeat: no-repeat; } - - &--right { - background: #C0E3FF; - color: #3082FE; - .plv-iar-answer-card-answer-default__option-icon { - background-image: url(./imgs/icon-option-right.png); - } - } - - &--wrong { - background: #FFE3E3; - color: #E45B5B; - .plv-iar-answer-card-answer-default__option-icon { - background-image: url(./imgs/icon-option-wrong.png); - } - } } .plv-iar-answer-card-answer-default__option--vote { @@ -220,4 +207,16 @@ export default { } } } + +.plv-iar-answer-card-answer__icon { + position: absolute; + top: 50%; + margin-top: -8px; + right: 16px; +} +.plv-iar-answer-card-answer-default__score__result__icon { + display: block; + margin-top: 20px; + margin-bottom: 20px; +} diff --git a/src/components/answer-card/answer/PcAnswer.vue b/src/components/answer-card/answer/PcAnswer.vue index 86ee9d8632b09932aa90ee76064ed84102449a21..96ad0f30c36b20fb258c66b3148ca5620bcad5ed 100644 --- a/src/components/answer-card/answer/PcAnswer.vue +++ b/src/components/answer-card/answer/PcAnswer.vue @@ -5,7 +5,7 @@{{ iarTrans('answerCard.pointsEnd') }}
{{ questionType(question) }} {{ question.name }}
@@ -60,14 +60,16 @@
{{ iarTrans('enrollLottery.ensureInfo') }}
+
+
{{ iarTrans('enrollLottery.regSuccess') }}
- +{{ iarTrans('seatTable.hasSeatTipsTitle') }}
+{{ iarTrans('seatTable.hasSeatTips1') }}{{ seatTips }}
+
+ {{ iarTrans("feedBack.backType") }}
-@@ -65,7 +52,6 @@ v-model="captchaValue" class="plv-feed-back-item-code_input" type="text" - onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" :placeholder="iarTrans('feedBack.codeplaceholder')" />
diff --git a/src/entry/feed-back/PcFeedBack.vue b/src/entry/feed-back/PcFeedBack.vue
index e118a9afacb63936fb0b39dc39bf0e6a8bf8f6fd..1cf62841082272c0d0e7c7bd8588874e27154843 100644
--- a/src/entry/feed-back/PcFeedBack.vue
+++ b/src/entry/feed-back/PcFeedBack.vue
@@ -1,7 +1,7 @@
- {{ iarTrans('feedBack.backType') }} {{ iarTrans('feedBack.feedContentLable') }} （{{ iarTrans('feedBack.feedContentNum') }}） {{ item.prize }} {{ item.prize }} {{ iarTrans('rushAnswer.success') }} {{ iarTrans('rushAnswer.waitForInvitation') }} {{ iarTrans('rushAnswer.fail') }}
+
@@ -15,21 +15,13 @@
-
+
-
-
-
diff --git a/src/entry/lottery/lottery-record/PcLotteryRecord.vue b/src/entry/lottery/lottery-record/PcLotteryRecord.vue
index 76bb237e7680c1d4335dcadd7aff8181945bc246..885b61a515e3250ce841f31047c4d25c3f45ee1c 100644
--- a/src/entry/lottery/lottery-record/PcLotteryRecord.vue
+++ b/src/entry/lottery/lottery-record/PcLotteryRecord.vue
@@ -1,6 +1,6 @@
-
-
+
+
-
+
@@ -365,4 +376,19 @@ export default {
top: initial;
}
}
+
+.plv-iar-default-push-card--fullscreen {
+ position: absolute;
+ width: 100vh;
+ height: 100vw;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%) rotate(90deg);
+ .plv-iar-push-card__modal__close {
+ display: none;
+ }
+ .plv-iar-push-card__modal__close--horizontal {
+ display: block;
+ }
+}
diff --git a/src/entry/push-card/mixin.js b/src/entry/push-card/mixin.js
index 15dff14566c662ceaa48f608ff2f2ee6833885d5..d4a36d836cf1cac18dd894f729246e35c9d4182c 100644
--- a/src/entry/push-card/mixin.js
+++ b/src/entry/push-card/mixin.js
@@ -39,6 +39,10 @@ export default {
type: Boolean,
default: false
},
+ appendBody: {
+ type: Boolean,
+ default: false
+ },
iframeSize: {
type: Object,
default: () => {
@@ -86,6 +90,7 @@ export default {
iframeLink: '',
iframeVisible: false,
isMobile: isMobile(),
+ showCardTime: null
};
},
computed: {
@@ -168,6 +173,7 @@ export default {
visible(newVal) {
if (newVal) {
this.showModal();
+ this.showCardTime = new Date().getTime();
if (this.hasCountDown) {
this.initPolling();
this.$nextTick(() => {
@@ -185,6 +191,10 @@ export default {
this.remainingTime = this.totalTime + 1;
this.len = 0;
this.stopPolling();
+ if (this.showCardTime) {
+ this.trackLogShowPushCard();
+ }
+ this.showCardTime = null;
}
this.$emit('visible-changed', newVal);
},
@@ -215,6 +225,9 @@ export default {
},
methods: {
+ _getCoreSdk() {
+ return this.pushCardSdk;
+ },
bindAppEvents() {
const pushCardSdk = this.pushCardSdk;
if (!pushCardSdk) { return; }
@@ -313,6 +326,8 @@ export default {
userInfo
});
}
+
+ this.trackLogClickPushCard();
},
handleOpen() {
@@ -391,15 +406,44 @@ export default {
showModal() {
// 解决祖先容器有transform的情况下，fixed定位失效问题
- const target = this.$refs.cardModal;
- if (!this.isAppend) {
- this.isAppend = true;
- document.body.appendChild(target);
- }
+ this.$nextTick(() => {
+ const target = this.$refs.cardModal;
+ if (this.appendBody) {
+ document.body.appendChild(target);
+ }
+ });
},
handleIframeClose() {
this.iframeVisible = false;
},
+
+ trackLogShowPushCard() {
+ const trackLogData = {
+ event_id: 'user_read_push_card',
+ event_cata: 'behavior',
+ event_type: 'show',
+ spec_attrs: {
+ cardName: this.cardInfo.title,
+ cardId: this.cardId,
+ exposureTime: this.showCardTime,
+ browseDurationTime: new Date().getTime() - this.showCardTime,
+ }
+ };
+ this.pushCardSdk.trackLog(trackLogData);
+ },
+ trackLogClickPushCard() {
+ const trackLogData = {
+ event_id: 'user_click_push_card_bubble',
+ event_cata: 'behavior',
+ event_type: 'click',
+ spec_attrs: {
+ cardName: this.cardInfo.title,
+ cardId: this.cardId,
+ clickTime: new Date().getTime()
+ }
+ };
+ this.pushCardSdk.trackLog(trackLogData);
+ },
}
};
diff --git a/src/entry/question-answer/MobileQuestionAnswer.vue b/src/entry/question-answer/MobileQuestionAnswer.vue
index fbb885a2d0a8850b65106d11886e7cadbdc7db0a..ac99b24f390c6e368e42a8f50b1bf3f5909ce0ba 100644
--- a/src/entry/question-answer/MobileQuestionAnswer.vue
+++ b/src/entry/question-answer/MobileQuestionAnswer.vue
@@ -5,9 +5,9 @@
'plv-ia-qa--compatible': isIOSCompatible
}]"
>
-
- {{ iarTrans('questionAnswer.count1') }}{{ list.length }}{{ iarTrans('questionAnswer.count2') }}
- {{ iarTrans('questionAnswer.noData') }}
+
+
- {{ iarTrans('questionAnswer.count1') }}{{ list.length }}{{ iarTrans('questionAnswer.count2') }}
+ {{ iarTrans('questionAnswer.noData') }}
+
{{ iarTrans('questionAnswer.tipsNoData') }}
-
+
-
+
{{ qaItem.question.user.nick }}{{ qaItem.isCurrent? iarTrans('questionAnswer.me') : '' }}
{{ formatTime(qaItem.question.timestamp) }}
{{ iarTrans('questionAnswer.aboutMe') }}
@@ -63,10 +63,10 @@
@@ -106,14 +106,14 @@
-
+
-
-
+
{{ answerItem.user.actor ? answerItem.user.actor + '-' + answerItem.user.nick : answerItem.user.nick }}
{{ formatTime(answerItem.timestamp) }}
{{ answerItem.isPublic === 'N' ? `(${iarTrans('questionAnswer.notPublic')})` : '' }}
@@ -94,7 +94,7 @@
{{ iarTrans('questionAnswer.tipsBottom') }}
+ {{ iarTrans('questionAnswer.tipsBottom') }}
{{ iarTrans('questionAnswer.news') }}
{{ iarTrans('questionAnswer.newsAboutMe') }}
diff --git a/src/entry/question-answer/PcQuestionAnswer.vue b/src/entry/question-answer/PcQuestionAnswer.vue
index b32e056e7ac4c364ba1f9d81b60f793b0bf7869e..7f350179cadd969df151a1f24829e4c2f2e05730 100644
--- a/src/entry/question-answer/PcQuestionAnswer.vue
+++ b/src/entry/question-answer/PcQuestionAnswer.vue
@@ -3,7 +3,7 @@
class="plv-ia-qa plv-ia-qa--pc"
:class="[`plv-ia-qa--${theme}`]"
>
-
+
-
-
- {{ iarTrans('questionAnswer.tipsNoData') }}
+
+
+ {{ iarTrans('questionAnswer.tipsNoData') }}
@@ -35,19 +35,19 @@
-
+
{{ qaItem.question.user.nick }}{{ qaItem.question.user.userId === userInfo.userId ? iarTrans('questionAnswer.me') : '' }}
{{ formatTime(qaItem.question.timestamp) }}
{{ iarTrans('questionAnswer.aboutMe') }}
@@ -58,7 +58,7 @@
@@ -75,13 +75,13 @@
-
+
{{ answerItem.user.nick }}
{{ formatTime(answerItem.timestamp) }}
@@ -92,14 +92,14 @@
{{ iarTrans('questionAnswer.news') }}
{{ iarTrans('questionAnswer.newsAboutMe') }}
diff --git a/src/entry/question-answer/mixin.js b/src/entry/question-answer/mixin.js
index 70d1bf946a5621558f7dec9397d1c63edc70261f..4c0abcfe53810978cfe912868a7b28db5e52fcfa 100644
--- a/src/entry/question-answer/mixin.js
+++ b/src/entry/question-answer/mixin.js
@@ -97,6 +97,9 @@ export default {
},
methods: {
+ _getCoreSdk() {
+ return this.questionAnswerSdk;
+ },
formatTime(timestamp) {
const today = formatDate(Date.now(), 'YYYYMMDD');
const startDate = formatDate(timestamp, 'YYYYMMDD');
diff --git a/src/entry/question-answer/style/black-mob.scss b/src/entry/question-answer/style/black-mob.scss
index 5aa4d56a5876c3c5969a358292474f33ae75a963..9801c5a53962d961a0b2efbbc887dbb8d40a112c 100644
--- a/src/entry/question-answer/style/black-mob.scss
+++ b/src/entry/question-answer/style/black-mob.scss
@@ -64,7 +64,9 @@ $minorFontColor: #595A66;
.plv-ia-qa-ask-send {
color: $mainFontColor;
}
-
+ .plv-ia-qa-ask-emotion-icon {
+ padding: 3px;
+ }
.plv-ia-qa-ask-emotion {
background-image: url(./images/icon-emotion-black.png);
font-size: 32px;
diff --git a/src/entry/questionnarie/langMixin.js b/src/entry/questionnarie/langMixin.js
new file mode 100644
index 0000000000000000000000000000000000000000..ae70dffaa24b8c07582a05ad37761609ffc35226
--- /dev/null
+++ b/src/entry/questionnarie/langMixin.js
@@ -0,0 +1,8 @@
+import entryMixin from '../../assets/mixins/entry';
+import langs from '../../assets/locale/lang/questionnaire';
+
+export default {
+ mixins: [entryMixin],
+ langs,
+ langName: 'questionnaire',
+};
diff --git a/src/entry/questionnarie/mixin.js b/src/entry/questionnarie/mixin.js
index e256a799e8010802d0bd4e561d551138d3676c09..1efbf8de3ef2401cc31092b8fce30425ca025181 100644
--- a/src/entry/questionnarie/mixin.js
+++ b/src/entry/questionnarie/mixin.js
@@ -1,5 +1,4 @@
-import entryMixin from '../../assets/mixins/entry';
-import langs from '../../assets/locale/lang/questionnaire';
+import langMixin from './langMixin';
import { showToast } from '@/assets/utils/toast';
import { BEFORE_DESTROY } from '@/assets/utils/compat';
@@ -18,9 +17,8 @@ const QuestionnaireType = {
};
export default {
- langs,
- mixins: [entryMixin],
+ mixins: [langMixin],
props: {
// 问卷SDK 实例
@@ -130,6 +128,9 @@ export default {
},
methods: {
+ _getCoreSdk() {
+ return this.questionnaireSdk;
+ },
bindAppEvents() {
const questionnaireSdk = this.questionnaireSdk;
if (this.questionnaireType === 'evaluation') return;
diff --git a/src/entry/red-envelope/MobileRedEnvelope.vue b/src/entry/red-envelope/MobileRedEnvelope.vue
index b4a05e8e7fbb0df6efdba5dd22e0b236e8d53542..25dff7c0ab1495900d0d342c9724f188a833642c 100644
--- a/src/entry/red-envelope/MobileRedEnvelope.vue
+++ b/src/entry/red-envelope/MobileRedEnvelope.vue
@@ -22,6 +22,12 @@
@copy-pwd-success="onClickCopyPwd"
/>
+
+
diff --git a/src/entry/tuwen/tuwen-mixin.js b/src/entry/tuwen/tuwen-mixin.js
index 3517510776d065fe4c91db69fffcc73607bfef36..d2552179b7b82a8e6ea156c1a7a238abf5e19749 100644
--- a/src/entry/tuwen/tuwen-mixin.js
+++ b/src/entry/tuwen/tuwen-mixin.js
@@ -94,6 +94,9 @@ export default {
}
},
methods: {
+ _getCoreSdk() {
+ return this.tuwenSdk;
+ },
/** 监听聊天室socket事件 */
bindAppEvents() {
const tuwenSdk = this.tuwenSdk;
diff --git a/src/entry/vote/mixin.js b/src/entry/vote/mixin.js
index b499e3660643efe7f08c2bbf2e40132dcb46c88b..86345c6a8ea8be223c8a601600e8e5aaf1d2d64c 100644
--- a/src/entry/vote/mixin.js
+++ b/src/entry/vote/mixin.js
@@ -22,10 +22,6 @@ export default {
},
props: {
voteSdk: Object,
- votedList: {
- type: Array,
- default: () => []
- },
},
watch: {
voteSdk: {
@@ -41,24 +37,18 @@ export default {
this.bindEvents();
this.handleSocketConnect();
this.getVoteList();
+ this.getVotedList();
}
}
},
- votedList: {
- immediate: true,
- deep: true,
- handler(newVal) {
- this.curVotedList.splice(0, this.curVotedList.length, ...newVal);
- }
- },
- },
- mounted() {
- this.curVotedList = this.votedList.slice(0);
},
[BEFORE_DESTROY]() {
this.unbindEvents();
},
methods: {
+ _getCoreSdk() {
+ return this.voteSdk;
+ },
bindEvents() {
const { events } = this.voteSdk;
this.voteSdk
@@ -67,7 +57,8 @@ export default {
.on(events.VOTE_RESULT, this.onVoteResultHandler)
.on(events.DELETE_ALL, this.onVoteDeleteAllHandler)
.on(events.DELETE, this.onVoteDeleteHandler)
- .on(events.UPDATE_VOTE_ORDER, this.onVoteChangeOrderHandler);
+ .on(events.UPDATE_VOTE_ORDER, this.onVoteChangeOrderHandler)
+ .on(events.UPDATE_VOTED_LIST, this.updateVotedList);
},
unbindEvents() {
const voteSdk = this.voteSdk;
@@ -81,6 +72,10 @@ export default {
.off(events.DELETE, this.onVoteDeleteHandler)
.off(events.UPDATE_VOTE_ORDER, this.onVoteChangeOrderHandler);
},
+
+ updateVotedList({ curVotedList }) {
+ this.curVotedList = curVotedList;
+ },
/**
* 根据ID查找投票信息
* @returns 返回查找到的投票信息和对应的下标
@@ -160,6 +155,12 @@ export default {
this.list.splice(msg.newOrder - 1, 0, data);
}
},
+ /**
+ * 获取已经投过票的活动列表
+ * */
+ async getVotedList() {
+ this.curVotedList = await this.voteSdk.getVotedList();
+ },
/**
* 获取投票活动列表
*/
@@ -182,11 +183,11 @@ export default {
this.cacheVotedList.push(id);
const res = await this.voteSdk.toVote(id);
if (res.code === 200) {
- this.curVotedList.push(id);
+ this.voteSdk.pushVotedList(id);
this.voteCbMsg = this.iarTrans('vote.tip2');
} else if (res.message === '你之前已经投过票') {
this.voteCbMsg = this.iarTrans('vote.tip3');
- this.curVotedList.push(id);
+ this.voteSdk.pushVotedList(id);
} else {
this.voteCbMsg = res.message;
// 由于等待当前投票返回的时候可能对其他选项进行了投票，所以需要重新获取下标
diff --git a/src/entry/welfare-lottery/MobileWelfareLottery.vue b/src/entry/welfare-lottery/MobileWelfareLottery.vue
index dbf177a9282e63e9b7adc0ae75ef879c43c163d3..c7d909e55c510d465495ce59609de1cd60b4d478 100644
--- a/src/entry/welfare-lottery/MobileWelfareLottery.vue
+++ b/src/entry/welfare-lottery/MobileWelfareLottery.vue
@@ -11,7 +11,7 @@
:is-question-condition="isQuestionCondition"
@click="clickEntrance"
/>
-
+
+
+
+
+
+
+
diff --git a/src/entry/rush-answer/images/bg-in-rush-answer.png b/src/entry/rush-answer/images/bg-in-rush-answer.png
new file mode 100644
index 0000000000000000000000000000000000000000..9982abaf02408a1be38539de3931b60fcdef482c
Binary files /dev/null and b/src/entry/rush-answer/images/bg-in-rush-answer.png differ
diff --git a/src/entry/rush-answer/images/icon-fail.png b/src/entry/rush-answer/images/icon-fail.png
new file mode 100644
index 0000000000000000000000000000000000000000..8dfb60f0bb0d362270b00e8e4d6b174f69ac0913
Binary files /dev/null and b/src/entry/rush-answer/images/icon-fail.png differ
diff --git a/src/entry/rush-answer/images/icon-success.png b/src/entry/rush-answer/images/icon-success.png
new file mode 100644
index 0000000000000000000000000000000000000000..63788ab6d01d55ed1b1000c98329dd0803d39ec9
Binary files /dev/null and b/src/entry/rush-answer/images/icon-success.png differ
diff --git a/src/entry/rush-answer/mixin.js b/src/entry/rush-answer/mixin.js
new file mode 100644
index 0000000000000000000000000000000000000000..810f6e3519392639f623d63cec9282bbe28bb000
--- /dev/null
+++ b/src/entry/rush-answer/mixin.js
@@ -0,0 +1,158 @@
+import entryMixin from '@/assets/mixins/entry';
+import langs from '@/assets/locale/lang/rush-answer';
+import { BEFORE_DESTROY } from '@/assets/utils/compat';
+
+export default {
+ langs,
+ mixins: [entryMixin],
+ props: {
+ rushAnswerSdk: {
+ type: Object,
+ default: null,
+ },
+ },
+ watch: {
+ rushAnswerSdk: {
+ immediate: true,
+ async handler(nv) {
+ if (nv) {
+ this.startHandler = this.onStart.bind(this);
+ this.stopHandler = this.onStop.bind(this);
+ this.remainingNumberChange = this.onRemaining.bind(this);
+ this.bindAppEvents();
+ }
+ },
+ },
+ visible(nv) {
+ this.showTimestamp = nv ? Date.now() : -1;
+ },
+ entranceVisible(nv) {
+ this.$emit('entry-visible-changed', nv);
+ },
+ },
+ data() {
+ return {
+ // 剩余时间
+ overTime: 0,
+ // 剩余人数
+ remainingNumber: 0,
+ // 当前抢答ID
+ quicklyId: undefined,
+ // 查询抢答状态定时器
+ statusTimer: null,
+ // 剩余时间倒计时定时器
+ pollingOverTimer: null,
+ // 是否正在抢答(没抢答、已结束或者已抢答)
+ inRushAnswer: false,
+ // 抢答弹窗显示的本地时间戳
+ showTimestamp: -1,
+ // 是否抢答成功
+ answerStatus: false,
+ // 显示抢答弹窗
+ visible: false,
+ // 显示入口
+ entranceVisible: false,
+ // 是否为富德
+ isFuDe: false,
+ };
+ },
+ [BEFORE_DESTROY]() {
+ this.unbindAppEvents();
+ this.clear();
+ this.stopPolling();
+ },
+ methods: {
+ _getCoreSdk() {
+ return this.rushAnswerSdk;
+ },
+ bindAppEvents() {
+ const rushAnswerSdk = this.rushAnswerSdk;
+ if (!rushAnswerSdk) { return; }
+ rushAnswerSdk.on(rushAnswerSdk.events.GET_ANSWER_QUICKLY_STATUS, this.updateStatus);
+ rushAnswerSdk.on(rushAnswerSdk.events.START_ANSWER_QUICKLY, this.startHandler);
+ rushAnswerSdk.on(rushAnswerSdk.events.STOP_ANSWER_QUICKLY, this.stopHandler);
+ rushAnswerSdk.on(rushAnswerSdk.events.ANSWER_QUICKLY_REMAINING, this.remainingNumberChange);
+ },
+ unbindAppEvents() {
+ const rushAnswerSdk = this.rushAnswerSdk;
+ if (!rushAnswerSdk) { return; }
+ rushAnswerSdk.off(rushAnswerSdk.events.GET_ANSWER_QUICKLY_STATUS, this.updateStatus);
+ rushAnswerSdk.off(rushAnswerSdk.events.START_ANSWER_QUICKLY, this.startHandler);
+ rushAnswerSdk.off(rushAnswerSdk.events.STOP_ANSWER_QUICKLY, this.stopHandler);
+ rushAnswerSdk.off(rushAnswerSdk.events.ANSWER_QUICKLY_REMAINING, this.remainingNumberChange);
+ },
+ onStart(msg) {
+ // TODO:富德抢答没有maxNumber，不显示
+ this.isFuDe = !msg.maxNumber;
+ if (this.isFuDe) return;
+ this.quicklyId = msg.quicklyId;
+ this.overTime = msg.overTime;
+ this.remainingNumber = msg.maxNumber;
+ this.inRushAnswer = true;
+ this.answerStatus = false;
+ this.entranceVisible = true;
+ this.visible = true;
+ this.polling();
+ },
+ onStop() {
+ if (this.isFuDe) return;
+ this.inRushAnswer = false;
+ this.entranceVisible = false;
+ this.visible = true;
+ this.clear();
+ this.stopPolling();
+ },
+ onRemaining(msg) {
+ if (!this.inRushAnswer) return;
+ this.remainingNumber = msg.remainingNumber;
+ },
+ async updateStatus(data) {
+ // TODO:富德抢答没有maxNumber，不显示
+ this.isFuDe = !data.maxNumber;
+ if (this.isFuDe) return;
+ this.inRushAnswer = true;
+ this.visible = true;
+ this.answerStatus = false;
+ this.entranceVisible = true;
+ this.overTime = data.overTime;
+ this.remainingNumber = data.maxNumber - data.answerNum;
+ this.polling();
+ },
+ clear() {
+ clearTimeout(this.statusTimer);
+ this.statusTimer = null;
+ },
+ polling() {
+ this.stopPolling();
+ this.pollingOverTimer = setInterval(() => {
+ if (this.overTime > 0) {
+ this.overTime -= 1;
+ }
+ }, 1000);
+ },
+ stopPolling() {
+ clearTimeout(this.pollingOverTimer);
+ this.pollingOverTimer = null;
+ },
+ async submit() {
+ try {
+ const data = await this.rushAnswerSdk.submit(this.quicklyId, (Date.now() - this.showTimestamp) / 1000);
+ this.answerStatus = data.status === 'success';
+ this.inRushAnswer = false;
+ this.entranceVisible = false;
+ this.clear();
+ this.stopPolling();
+ } catch (error) {
+ console.warn(error);
+ }
+ },
+
+ close() {
+ this.visible = false;
+ },
+
+ clickEntrance() {
+ this.visible = true;
+ },
+ },
+};
diff --git a/src/entry/rush-answer/rush-answer.scss b/src/entry/rush-answer/rush-answer.scss
new file mode 100644
index 0000000000000000000000000000000000000000..bcefd2ab1dabfc70bac6f7e43609c5206f366e4f
--- /dev/null
+++ b/src/entry/rush-answer/rush-answer.scss
@@ -0,0 +1,130 @@
+@font-face {
+ font-family: DINProFont;
+ src: url('../../assets/styles/fonts/DINPro-Bold.otf');
+ src: url('../../assets/styles/fonts/DINPro-Medium.otf');
+}
+@keyframes rotate-circle {
+ from {
+ transform: rotate(0);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+@mixin rotate-circle($o_size, $i_size, $fontSize: 26px, $lineHeight: 28px) {
+ position: relative;
+ width: $o_size;
+ height: $o_size;
+ cursor: pointer;
+ .plv-iar__rotate-circle__circle {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ background: linear-gradient(244deg, rgba(121, 174, 249, .4) 15%, #478BFF 87%);
+ transform: rotate(360deg);
+ animation: 2s linear 0s infinite rotate-circle;
+ &::before {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: $i_size;
+ height: $i_size;
+ border-radius: 50%;
+ background-color: #fff;
+ }
+ }
+ .plv-iar__rotate-circle__text {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ font-family: DINProFont;
+ font-size: $fontSize;
+ line-height: $lineHeight;
+ color: #3082FE;
+ font-weight: bold;
+ white-space: nowrap;
+ }
+}
+.plv-iar-rush-answer {
+ position: relative;
+ height: 100%;
+ background-color: #fff;
+}
+.plv-iar-rush-answer__start__main {
+ height: 198px;
+ overflow: hidden;
+ margin-bottom: 10px;
+ background-image: url(./images/bg-in-rush-answer.png);
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ text-align: center;
+}
+.plv-iar-rush-answer__countdown__text {
+ font-size: 14px;
+ color: #3082FE;
+ font-weight: 500;
+ line-height: 20px;
+ margin-top: 21px;
+ margin-bottom: 12px;
+}
+.plv-iar-rush-answer__countdown__time {
+ margin: 0 auto 53px;
+ @include rotate-circle(92px, 80px, 46px, 48px);
+}
+.plv-iar-rush-answer__remaining__text {
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 22px;
+ text-align: center;
+}
+.plv-iar-rush-answer__remaining__number {
+ color: #3082FE;
+ margin: 0 4px;
+}
+.plv-iar-rush-answer__footer {
+ position: absolute;
+ width: 100%;
+ text-align: center;
+}
+.plv-iar-rush-answer__answer--success {
+ .plv-iar-rush-answer__status__icon {
+ background-image: url(./images/icon-success.png);
+ }
+}
+.plv-iar-rush-answer__answer--fail {
+ .plv-iar-rush-answer__status__icon {
+ background-image: url(./images/icon-fail.png);
+ }
+}
+.plv-iar-rush-answer__status__icon {
+ width: 128px;
+ height: 92px;
+ margin: 0 auto 10px;
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ text-align: center;
+}
+.plv-iar-rush-answer__end__text {
+ margin: 0;
+ text-align: center;
+ font-size: 16px;
+ line-height: 22px;
+ color: #666;
+ margin-bottom: 6px;
+}
+.plv-iar-rush-answer__end__tip {
+ margin: 0;
+ text-align: center;
+ font-size: 12px;
+ line-height: 17px;
+ color: #999;
+}
+.plv-iar-rush-answer__entrance {
+ @include rotate-circle(40px, 32px, 22px, 28px);
+}
diff --git a/src/entry/seat-table/base-mixin.js b/src/entry/seat-table/base-mixin.js
new file mode 100644
index 0000000000000000000000000000000000000000..c920934ed83cdce471a98cd936bf6113e4e685a2
--- /dev/null
+++ b/src/entry/seat-table/base-mixin.js
@@ -0,0 +1,13 @@
+export default {
+ inject: ['seatTable'],
+
+ methods: {
+ computeStyle(num) {
+ return this.seatTable.computeStyle(num);
+ },
+
+ toShowUserCard(userInfo, type) {
+ this.seatTable.toShowUserCard(userInfo, type);
+ },
+ },
+};
diff --git a/src/entry/seat-table/images/icon-no-seat.png b/src/entry/seat-table/images/icon-no-seat.png
new file mode 100644
index 0000000000000000000000000000000000000000..231c50bbd0aeee0274dac49c4700cb4f8a37410e
Binary files /dev/null and b/src/entry/seat-table/images/icon-no-seat.png differ
diff --git a/src/entry/seat-table/images/mobile-seat-guest-bg.png b/src/entry/seat-table/images/mobile-seat-guest-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..8773770b3c2e6c9eacff6a30fc1c79494af4e1f7
Binary files /dev/null and b/src/entry/seat-table/images/mobile-seat-guest-bg.png differ
diff --git a/src/entry/seat-table/images/mobile-seat-guest-like.png b/src/entry/seat-table/images/mobile-seat-guest-like.png
new file mode 100644
index 0000000000000000000000000000000000000000..fdc9c04a423b2d3caa8a882792a31d6e7c97a793
Binary files /dev/null and b/src/entry/seat-table/images/mobile-seat-guest-like.png differ
diff --git a/src/entry/seat-table/images/mobile-seat-sofa-normal.png b/src/entry/seat-table/images/mobile-seat-sofa-normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4965f7845df22601fd4e29b799799bf4c999da3
Binary files /dev/null and b/src/entry/seat-table/images/mobile-seat-sofa-normal.png differ
diff --git a/src/entry/seat-table/images/mobile-seat-sofa-normal.svg b/src/entry/seat-table/images/mobile-seat-sofa-normal.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d70cc17bb6ac090a0eec23faf827b1b01834d400
--- /dev/null
+++ b/src/entry/seat-table/images/mobile-seat-sofa-normal.svg
@@ -0,0 +1,69 @@
+
+
diff --git a/src/entry/seat-table/images/mobile-seat-sofa-vip.png b/src/entry/seat-table/images/mobile-seat-sofa-vip.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2e85810616c1259c68e34251a3c373b43aaa6c0
Binary files /dev/null and b/src/entry/seat-table/images/mobile-seat-sofa-vip.png differ
diff --git a/src/entry/seat-table/images/mobile-seat-sofa-vip.svg b/src/entry/seat-table/images/mobile-seat-sofa-vip.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7243a25683e3edff245e9b358e69e917141b6173
--- /dev/null
+++ b/src/entry/seat-table/images/mobile-seat-sofa-vip.svg
@@ -0,0 +1,82 @@
+
+
diff --git a/src/entry/seat-table/images/pws-iar-seat-table-guest-cover-bg.png b/src/entry/seat-table/images/pws-iar-seat-table-guest-cover-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..c38336774d893f304cb2cabc8a35e6ae96ed17c9
Binary files /dev/null and b/src/entry/seat-table/images/pws-iar-seat-table-guest-cover-bg.png differ
diff --git a/src/entry/seat-table/images/pws-pc-seat-sofa.svg b/src/entry/seat-table/images/pws-pc-seat-sofa.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d2948fa2e33bfffedbce7d8020496a664b30e044
--- /dev/null
+++ b/src/entry/seat-table/images/pws-pc-seat-sofa.svg
@@ -0,0 +1,58 @@
+
+
\ No newline at end of file
diff --git a/src/entry/seat-table/images/pws-pc-watch-bg.png b/src/entry/seat-table/images/pws-pc-watch-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..a58a5b29886d36e6eb5e4c56095abecf5af5f6d6
Binary files /dev/null and b/src/entry/seat-table/images/pws-pc-watch-bg.png differ
diff --git a/src/entry/seat-table/images/pws-product-icon.png b/src/entry/seat-table/images/pws-product-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9eaad5cdf3dfacdeb5336c5cd48d8d58fdd900bc
Binary files /dev/null and b/src/entry/seat-table/images/pws-product-icon.png differ
diff --git a/src/entry/seat-table/images/pws-seat-light.png b/src/entry/seat-table/images/pws-seat-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f8c02e9673f3416072bbcdba5bcf4d654fcb56c
Binary files /dev/null and b/src/entry/seat-table/images/pws-seat-light.png differ
diff --git a/src/entry/seat-table/images/pws-seat-placeholder.png b/src/entry/seat-table/images/pws-seat-placeholder.png
new file mode 100644
index 0000000000000000000000000000000000000000..061dc88ea1162de9e4e88756a1a55776cf310b97
Binary files /dev/null and b/src/entry/seat-table/images/pws-seat-placeholder.png differ
diff --git a/src/entry/seat-table/images/pws-seat-sofa.svg b/src/entry/seat-table/images/pws-seat-sofa.svg
new file mode 100644
index 0000000000000000000000000000000000000000..346d9f352aeba0191f653dff0d48c2a7246b8645
--- /dev/null
+++ b/src/entry/seat-table/images/pws-seat-sofa.svg
@@ -0,0 +1,58 @@
+
+
diff --git a/src/entry/seat-table/mixin.js b/src/entry/seat-table/mixin.js
new file mode 100644
index 0000000000000000000000000000000000000000..825d3d1789f3c70e678dc1d125ea6793787b0d30
--- /dev/null
+++ b/src/entry/seat-table/mixin.js
@@ -0,0 +1,247 @@
+import throttle from 'lodash-es/throttle';
+import { BEFORE_DESTROY } from '@/assets/utils/compat';
+
+export default {
+ props: {
+ seatTableSdk: {
+ type: Object,
+ default: null,
+ }
+ },
+ data() {
+ return {
+ // loading 标志位
+ lodingVisible: true,
+ // vip 座位列表
+ vipList: [],
+ // 普通座位列表
+ normalList: [],
+ // 嘉宾列表
+ guestList: [],
+ // 欢迎语队列
+ welcomeQueue: [],
+ // 欢迎语出队定时器
+ welcomeTimer: undefined,
+ // 当前显示的欢迎昵称
+ currentWelcome: undefined,
+ // 用户卡片是否显示
+ popupVisible: false,
+ // 用户卡片的信息
+ cardUserInfo: null,
+ };
+ },
+
+ watch: {
+ seatTableSdk: {
+ immediate: true,
+ handler() {
+ this.bindAppEvents();
+ },
+ },
+ },
+
+ async mounted() {
+ try {
+ await this.getSeatMeetList();
+ } finally {
+ this.autoHideLoading();
+ }
+ },
+
+ [BEFORE_DESTROY]() {
+ this.destroyWelcomeTimer();
+ this.seatTableSdk.off(this.seatTableSdk.events.ADD_SEATING, this.handleAddSeating);
+ this.seatTableSdk.off(this.seatTableSdk.events.UPDATE_SETTING, this.handleUpdateGuestList);
+ },
+
+ methods: {
+ bindAppEvents() {
+ this.seatTableSdk.on(this.seatTableSdk.events.ADD_SEATING, this.handleAddSeating);
+ this.seatTableSdk.on(this.seatTableSdk.events.UPDATE_SETTING, this.handleUpdateGuestList);
+ },
+ /** 自动隐藏 Loading，避免因为网络问题一直出现 Loading */
+ autoHideLoading() {
+ const wait = this.guestList.length === 0 ? 1 : 5;
+ this.handleLoadingHide(wait);
+ },
+ /** guest-list 组件 loaded 回调 */
+ handleLoadingHide(wait = 1) {
+ setTimeout(() => {
+ this.lodingVisible = false;
+ }, wait * 1000);
+ },
+
+ /** 获取云席列表 */
+ async getSeatMeetList() {
+ try {
+ const data = await this.getSeatList();
+ this.normalList = this.formatSeatList(data.list || [], this.normalTotal);
+ this.vipList = this.formatSeatList(data.vipList || [], this.vipTotal);
+ } catch (error) {
+ console.error('getSeatList', error.message);
+ }
+ },
+
+ /** 格式化座位列表 */
+ formatSeatList(list, total) {
+ const _list = [...list];
+
+ // 遍历座位，标记当前用户的字段
+ list.forEach((item, index) => {
+ if (item.viewerId === this.seatTableSdk.userInfo?.userId) {
+ item.isCurrent = true;
+ }
+ _list[index] = item;
+ });
+
+ // 如果数量少于总数，则补全空的座位数
+ if (_list.length < total) {
+ const len = _list.length;
+ for (let i = 0; i < total - len; i++) {
+ _list.push({});
+ }
+ }
+
+ return _list;
+ },
+
+ /** 前往当前座位 */
+ toCurrentSeat() {
+ let currentRef;
+ const cellRefs = [];
+
+ // vip 席位
+ if (this.$refs.vipSeatList) {
+ const vipCells = this.$refs.vipSeatList.getCellRefs() || [];
+ cellRefs.push(...vipCells);
+ }
+
+ // 普通席位
+ if (this.$refs.normalSeatList) {
+ const normalCells = this.$refs.normalSeatList.getCellRefs() || [];
+ cellRefs.push(...normalCells);
+ }
+
+ for (let i = 0; i < cellRefs.length; i++) {
+ const cellRef = cellRefs[i];
+ if (cellRef.isCurrent) {
+ currentRef = cellRef;
+ break;
+ }
+ }
+
+ // 找不到自己的座位
+ if (!currentRef) {
+ return;
+ }
+
+ const currentElem = currentRef.$el;
+ const currentRect = currentElem.getBoundingClientRect();
+ const wrapRect = this.$el.getBoundingClientRect();
+
+ // 是否需要滚动
+ if (!(currentRect.top >= wrapRect.top && currentRect.bottom <= wrapRect.bottom)) {
+ currentElem.scrollIntoView({
+ block: 'center'
+ });
+ }
+ currentRef.showAnimation();
+ },
+
+ /** 防抖处理滚动事件 */
+ handleScroll: throttle(function() {
+ this.checkAvatarLazyLoad();
+ }, 200, { leading: true }),
+
+ /** 检查座位头像懒加载 */
+ checkAvatarLazyLoad(scrollEl) {
+ const cellRefs = [];
+
+ // vip 席位
+ if (this.$refs.vipSeatList) {
+ const vipCells = this.$refs.vipSeatList.getCellRefs() || [];
+ cellRefs.push(...vipCells);
+ }
+
+ // 普通席位
+ if (this.$refs.normalSeatList) {
+ const normalCells = this.$refs.normalSeatList.getCellRefs() || [];
+ cellRefs.push(...normalCells);
+ }
+
+ cellRefs.forEach((cellRef) => {
+ cellRef.checkLazyLoad(scrollEl);
+ });
+ },
+
+ /** 处理座位新增事件 */
+ handleAddSeating(msg) {
+ if (msg.userId === this.seatTableSdk.viewerInfo?.viewerId) {
+ return;
+ }
+ const site = msg.site;
+ const type = msg.type;
+ const seatInfo = {
+ viewerId: msg.userId,
+ avatar: msg.pic,
+ nickName: msg.nick,
+ };
+
+ if (typeof site === 'number') {
+ switch (type) {
+ case 'viewer': {
+ if (site <= this.normalTotal) {
+ const normalList = [...this.normalList];
+ normalList[site - 1] = seatInfo;
+ this.normalList = normalList;
+ }
+ break;
+ }
+ case 'vip': {
+ if (site <= this.vipTotal) {
+ const vipList = [...this.vipList];
+ vipList[site - 1] = seatInfo;
+ this.vipList = vipList;
+ }
+ break;
+ }
+ }
+ }
+
+ this.welcomeQueue.push(msg.nick);
+ this.checkWelcomeTimer();
+ },
+
+ /** 检查欢迎定时器 */
+ checkWelcomeTimer() {
+ if (this.welcomeTimer) {
+ return;
+ }
+ this.shiftWelcome();
+ this.welcomeTimer = setInterval(() => {
+ this.shiftWelcome();
+ }, 2000);
+ },
+
+ /** 欢迎队列出队 */
+ shiftWelcome() {
+ if (this.welcomeQueue.length === 0) {
+ this.destroyWelcomeTimer();
+ return;
+ }
+ this.currentWelcome = this.welcomeQueue.shift();
+ },
+
+ /** 销毁欢迎定时器 */
+ destroyWelcomeTimer() {
+ clearInterval(this.welcomeTimer);
+ this.welcomeTimer = undefined;
+ this.currentWelcome = undefined;
+ },
+
+ /** 更新推送后的嘉宾列表 */
+ handleUpdateGuestList(data) {
+ this.guestList = data.list.map(item => ({ avatar: item.pic, nickName: item.nick, viewerId: item.userId }));
+ }
+ },
+};
diff --git a/src/entry/seat-table/responsive-mixin.js b/src/entry/seat-table/responsive-mixin.js
new file mode 100644
index 0000000000000000000000000000000000000000..8d2e0cdfc1110257fa6a3c9ff2bf737f81e70a3c
--- /dev/null
+++ b/src/entry/seat-table/responsive-mixin.js
@@ -0,0 +1,121 @@
+import langs from '../../assets/locale/lang/seat-table';
+import entryMixin from '../../assets/mixins/entry';
+
+// 每行座位数
+const columnCount = 6;
+export default {
+ provide() {
+ return {
+ seatTable: this,
+ };
+ },
+ langs,
+ data() {
+ return {
+ // 外层宽度
+ wrapWidth: 0,
+ };
+ },
+ mixins: [entryMixin],
+
+ props: {
+ seatTableSdk: {
+ type: Object,
+ default: null,
+ },
+ forceWrapWidth: {
+ type: Number,
+ default: 0,
+ },
+ },
+
+ computed: {
+ normalTotal() {
+ const { seatMaxNumber } = this.seatChannelConfig;
+ return seatMaxNumber || 0;
+ },
+ vipTotal() {
+ const { seatVipMaxNumber } = this.seatChannelConfig;
+ return seatVipMaxNumber || 0;
+ },
+ sizeProp() {
+ const wrapWidth = this.forceWrapWidth || this.wrapWidth;
+ return wrapWidth / 375;
+ },
+
+ viewerSeat() {
+ return this.seatTableSdk.viewerSeat || {};
+ },
+ seatChannelConfig() {
+ return this.seatTableSdk.seatChannelConfig || {};
+ },
+
+ // 云席视觉信息
+ seatDisplayDetail() {
+ const isVip = this.viewerSeat.type === 'vip';
+ const { seatNumber } = this.viewerSeat;
+ const { normalTotal, vipTotal } = this;
+ // vip 观众，但顺序超过 vip 座位数
+ const overVipNumber = isVip && seatNumber > vipTotal;
+ // 普通观众，顺序超过普通座位数
+ const overNormalViewer = !isVip && seatNumber > normalTotal;
+ if (!seatNumber || overVipNumber || overNormalViewer) {
+ // 已无座位
+ return null;
+ }
+ const _seatNumber = seatNumber || 0;
+ const mod = _seatNumber % columnCount;
+ // VIP 总行数
+ const vipTotalRows = Math.ceil(vipTotal / columnCount);
+ // 观众当前行数
+ let viewerRow = Math.ceil(_seatNumber / columnCount);
+ if (!isVip) {
+ viewerRow = vipTotalRows + viewerRow;
+ }
+ return {
+ // 几行
+ row: viewerRow,
+ // 几座
+ column: mod === 0 ? columnCount : mod,
+ };
+ },
+ },
+
+ mounted() {
+ this.setWrapWidth();
+ },
+
+ methods: {
+ clickLike(params) {
+ this.seatTableSdk.clickLike(params);
+ },
+ setWrapWidth() {
+ this.$nextTick(() => {
+ this.wrapWidth = this.$el.clientWidth;
+ });
+ },
+
+ computeStyle(num) {
+ return num * this.sizeProp;
+ },
+ /** 显示用户卡片 */
+ async toShowUserCard(targetInfo, type) {
+ const { viewerId } = targetInfo;
+ if (viewerId === this.seatTableSdk.userInfo.viewerId) {
+ return;
+ }
+ const cardUserInfo = await this.seatTableSdk.getUserSeatInfo(type, viewerId);
+ this.$emit('show-user-card', cardUserInfo);
+ },
+ /** 获取云席列表 */
+ async getSeatList() {
+ try {
+ const data = await this.seatTableSdk.getSeatList();
+ this.guestList = data.guestList || [];
+ return data;
+ } catch (error) {
+ console.error('getSeatList', error.message);
+ }
+ },
+ },
+};
diff --git a/src/entry/seat-table/seat-follow-list/MobileSeatFollowList.vue b/src/entry/seat-table/seat-follow-list/MobileSeatFollowList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3c0436028d43d87c6c28460408473d04664ab8f8
--- /dev/null
+++ b/src/entry/seat-table/seat-follow-list/MobileSeatFollowList.vue
@@ -0,0 +1,221 @@
+
+
+
+
+ {{ overTime }}
+
+
+
+
+ {{ iarTrans('rushAnswer.rushAnswer') }}
+ ×
+
+
+
+
+ {{ iarTrans('rushAnswer.countdown') }}
+
+
+
+ {{ overTime }}
+ {{ iarTrans('rushAnswer.remainingNumebr') }}：{{ remainingNumber }}{{ iarTrans('rushAnswer.unit') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/entry/seat-table/seat-follow-list/images/empty.png b/src/entry/seat-table/seat-follow-list/images/empty.png
new file mode 100644
index 0000000000000000000000000000000000000000..0aff40871990f67ce94f6ccc85a3b545c6b9d56b
Binary files /dev/null and b/src/entry/seat-table/seat-follow-list/images/empty.png differ
diff --git a/src/entry/seat-table/seat-table-meeting/MobileSeatTableMeeting.vue b/src/entry/seat-table/seat-table-meeting/MobileSeatTableMeeting.vue
new file mode 100644
index 0000000000000000000000000000000000000000..bc97e90f93e8fca5ebe90e5e5c32053624057fac
--- /dev/null
+++ b/src/entry/seat-table/seat-table-meeting/MobileSeatTableMeeting.vue
@@ -0,0 +1,145 @@
+
+
+
+
+
+
+
+
+
+
{{ item.nickName }}
+ {{ item.position }}
+
+
+
+ {{ emptyText }}
+
+
+
+
+
+
+
+
diff --git a/src/entry/seat-table/seat-table-vertical/MobileSeatTableVertical.vue b/src/entry/seat-table/seat-table-vertical/MobileSeatTableVertical.vue
new file mode 100644
index 0000000000000000000000000000000000000000..84c0797e254abe779034709a8a73725cec0d7506
--- /dev/null
+++ b/src/entry/seat-table/seat-table-vertical/MobileSeatTableVertical.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/entry/seat-table/seat-user-card/MobileSeatUserCard.vue b/src/entry/seat-table/seat-user-card/MobileSeatUserCard.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b90a89dbcadf908f70c1ccd4dec2d199f0d90e1c
--- /dev/null
+++ b/src/entry/seat-table/seat-user-card/MobileSeatUserCard.vue
@@ -0,0 +1,264 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/entry/seat-table/seat-user-card/images/user-card-bg.png b/src/entry/seat-table/seat-user-card/images/user-card-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb1b18b31773e45bffeb1638bd860d23f0703582
Binary files /dev/null and b/src/entry/seat-table/seat-user-card/images/user-card-bg.png differ
diff --git a/src/entry/seat-table/seat-user-card/images/user-card-qrcode-bg.png b/src/entry/seat-table/seat-user-card/images/user-card-qrcode-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b507f221262f53db53191cd9fbfc237b7ab4884
Binary files /dev/null and b/src/entry/seat-table/seat-user-card/images/user-card-qrcode-bg.png differ
diff --git a/src/entry/seat-table/seat-user-card/images/user-card-top-bg.png b/src/entry/seat-table/seat-user-card/images/user-card-top-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..33c5f399cfeedffb30172b71fa5e1f4742fff872
Binary files /dev/null and b/src/entry/seat-table/seat-user-card/images/user-card-top-bg.png differ
diff --git a/src/entry/seat-table/seat-user-card/mixin.js b/src/entry/seat-table/seat-user-card/mixin.js
new file mode 100644
index 0000000000000000000000000000000000000000..2f88343e7f707be806686b944a2584cb9bdf2980
--- /dev/null
+++ b/src/entry/seat-table/seat-user-card/mixin.js
@@ -0,0 +1,84 @@
+
+import langs from '../../../assets/locale/lang/seat-table';
+import entryMixin from '../../../assets/mixins/entry';
+export default {
+ langs,
+ mixins: [entryMixin],
+ props: {
+ /**
+ * 用户信息
+ * seatId - 座位ID
+ * viewerId - 用户ID
+ * avatar - 头像
+ * nickName - 昵称
+ * position - 公司和职位
+ * intro - 简介
+ * qrCode - 二维码地址
+ * qrCodeDesc - 二维码描述
+ * follow - 是否已关注,Y/N
+ * type - 用户类型，guest-嘉宾，viewer-用户（包括vip）
+ */
+ userInfo: {
+ type: Object,
+ default: () => ({}),
+ },
+ seatTableSdk: {
+ type: Object,
+ default: null
+ }
+ },
+
+ data() {
+ return {
+ // 是否已收藏
+ isFollow: 'N',
+ };
+ },
+
+ computed: {
+ // ...mapState({
+ // detailData: state => state.channel.detailData,
+ // viewerInfo: state => state.viewer.viewerInfo,
+ // }),
+ // ...mapGetters('seatTable', ['currentSeatId']),
+ isSelf() {
+ return this.userInfo?.viewerId === this.seatTableSdk.userInfo.viewerId;
+ },
+ // 当前用户入座信息，如果没有入座，隐藏收藏按钮
+ viewerSeat() {
+ return this.seatTableSdk.viewerSeat;
+ },
+ intros() {
+ const intro = this.userInfo?.intro || '';
+ return intro.split(/\n/g);
+ },
+ },
+
+ watch: {
+ userInfo: {
+ immediate: true,
+ deep: true,
+ handler() {
+ if (this.userInfo) {
+ this.isFollow = this.userInfo.follow;
+ }
+ },
+ },
+ },
+
+ methods: {
+ /** 收藏当前用户 */
+ async followUser() {
+ this.seatTableSdk.followUser(this.userInfo);
+ this.isFollow = 'Y';
+ this.$emit('follow');
+ },
+
+ /** 取消收藏当前用户 */
+ async cancelFollowUser() {
+ await this.seatTableSdk.cancelFollowUser(this.userInfo);
+ this.isFollow = 'N';
+ this.$emit('cancel-follow');
+ },
+ },
+};
diff --git a/src/entry/topic/MobileTopic.vue b/src/entry/topic/MobileTopic.vue
new file mode 100644
index 0000000000000000000000000000000000000000..80e39feaeded03a02f0ee00cbb90ec156a410201
--- /dev/null
+++ b/src/entry/topic/MobileTopic.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+ {{ isSelf ? iarTrans('seatTable.userCardMyTitle') : iarTrans('seatTable.userCardTitle') }}
+
+
+
+
+
+
+
+
+
+
+
+
{{ userInfo.nickName }}
+ {{ userInfo.position }}
+ {{ iarTrans('seatTable.userCardGuest') }}
+
+
+
+
+ {{ text }}
+
+ {{ userInfo.qrCodeDesc }}
+
+
+
+
{{ iarTrans('seatTable.userCardSaveQrcode') }}
+
+
+
+ {{ iarTrans('seatTable.userCardCollection') }}
+
+
+ {{ iarTrans('seatTable.userCardCancelCollection') }}
+
+
+
+
+
+
+
+
+
diff --git a/src/entry/topic/PcTopic.vue b/src/entry/topic/PcTopic.vue
new file mode 100644
index 0000000000000000000000000000000000000000..74726df40d263ff58ef140eacaee6fc7b6a13620
--- /dev/null
+++ b/src/entry/topic/PcTopic.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/entry/topic/imgs/bg.png b/src/entry/topic/imgs/bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..7b8ee006fbbf0b55323b6263e61c1cf3a5765aff
Binary files /dev/null and b/src/entry/topic/imgs/bg.png differ
diff --git a/src/entry/topic/imgs/icon-close.png b/src/entry/topic/imgs/icon-close.png
new file mode 100644
index 0000000000000000000000000000000000000000..02ae660e55219a8677bd25ceb56c043a452d6429
Binary files /dev/null and b/src/entry/topic/imgs/icon-close.png differ
diff --git a/src/entry/topic/mixin.js b/src/entry/topic/mixin.js
new file mode 100644
index 0000000000000000000000000000000000000000..a222eec68f25dba1c8b64065d0ef1ceb51848455
--- /dev/null
+++ b/src/entry/topic/mixin.js
@@ -0,0 +1,121 @@
+import entryMixin from '@/assets/mixins/entry';
+import langs from '@/assets/locale/lang/topic';
+import { showToast } from '@/assets/utils/toast';
+
+export default {
+ langs,
+ props: {
+ customImgConfig: {
+ type: Object,
+ default: () => {
+ return {};
+ }
+ },
+ topicSdk: {
+ type: Object,
+ required: true
+ }
+ },
+ mixins: [entryMixin],
+ data() {
+ return {
+ entranceVisible: false,
+ visible: false,
+ topicData: {},
+ answering: false,
+ };
+ },
+ created() {
+ this.topicSdk.getPendantList();
+ this.bindEvents();
+ },
+ watch: {
+ entranceVisible(val) {
+ this.$emit('entry-visible-changed', val);
+ }
+ },
+ methods: {
+ _getCoreSdk() {
+ return this.topicSdk;
+ },
+ bindEvents() {
+ const { topicSdk } = this;
+
+ topicSdk.on(topicSdk.events.TOPIC_START, this.onStart);
+ topicSdk.on(topicSdk.events.TOPIC_OVER, this.onOver);
+ topicSdk.on(topicSdk.events.TOPIC_UPDATE_DATA, this.updateData);
+ topicSdk.on(topicSdk.events.TOPIC_CHANGE_ENTRANCE, this.changeEntrance);
+ topicSdk.on(topicSdk.events.TOPIC_DELETE, this.onDelete);
+ },
+
+ async onStart(topicData) {
+ this.topicData = topicData;
+ this.topicData.status = 'running';
+ this.visible = true;
+ this.entranceVisible = true;
+ },
+ onOver() {
+ this.topicData.status = 'over';
+ },
+ changeEntrance(msg) {
+ this.entranceVisible = msg.entranceEnable;
+ if (!msg.entranceEnable) {
+ this.visible = false;
+ }
+ const topicData = msg.detail;
+ if (topicData?.status === 'running') {
+ this.visible = msg.entranceEnable;
+ this.topicData = topicData;
+ }
+ },
+ closeModal(e) {
+ e.preventDefault();
+ this.visible = false;
+ },
+ async onDelete(msg) {
+ if (!this.visible) return;
+ if (this.topicData.id === msg.id) {
+ showToast({ text: this.iarTrans('topic.deleteTopic') });
+ this.visible = false;
+ }
+ },
+ updateData(data) {
+ // 删除话题后，话题没有任何数据时关闭弹窗
+ if (!data) {
+ this.visible = false;
+ this.entranceVisible = false;
+ return;
+ }
+ this.topicData = data;
+ },
+ async chooseAnswer(type) {
+ try {
+ if (this.answering) return;
+ this.answering = true;
+ await this.topicSdk.chooseAnswer(type);
+ this.topicData.userIsAnswered = true;
+ this.topicData.answer = type;
+ } catch (e) {
+ // 提交过答案，再次提交会报错，获取最新数据
+ if (e.code === 502) {
+ this.getTopicData();
+ }
+ } finally {
+ this.answering = false;
+ }
+ },
+ async clickEntrance() {
+ await this.getTopicData();
+ },
+ async getTopicData() {
+ try {
+ this.topicData = await this.topicSdk.getTopicData();
+ if (this.topicData.id) {
+ this.visible = true;
+ }
+ } catch (e) {
+ console.error('IAR Topic: ' + e.message);
+ }
+ }
+ }
+};
diff --git a/src/entry/tuwen/PcTuwen.vue b/src/entry/tuwen/PcTuwen.vue
index 408fcdc2e7ffc8649becf4b93f92f3474afe0295..93280de25d585d572801eae36956184ab309e714 100644
--- a/src/entry/tuwen/PcTuwen.vue
+++ b/src/entry/tuwen/PcTuwen.vue
@@ -15,7 +15,7 @@
:list="messages"
:top-list="topMessages"
:user-info="userInfo"
- @click-icture="handleClickPicture"
+ @click-picture="handleClickPicture"
/>
+
+
+
+
+
+ 
+
+