优化公众号回复

This commit is contained in:
2026-09-16 18:15:58 +08:00
parent f386899625
commit 1224735aa8
6 changed files with 200 additions and 31 deletions
@@ -410,8 +410,8 @@
</template>
<template v-else>
<el-steps :active="bindStep" simple class="bind-steps">
<el-step title="微信扫码关注" />
<el-step title="公众号回复验证码" />
<el-step title="关注公众号" />
<el-step title="获取验证码(扫码或发送「验证码」)" />
<el-step title="输入验证码完成绑定" />
</el-steps>
<div class="bind-area">
@@ -422,7 +422,7 @@
<div class="bind-form">
<el-input v-model="bindCode" placeholder="输入公众号回复的验证码" maxlength="8" class="bind-input" />
<el-button type="primary" :loading="bindConfirming" @click="confirmBind">完成绑定</el-button>
<p class="form-tip">扫码关注公众号后,公众号会自动回复 6 位验证码({{ bindTtlText }})。</p>
<p class="form-tip">两种方式任选:① 微信扫描左侧二维码(未关注会自动关注);② 在公众号内直接发送「验证码」。都会回复 6 位验证码({{ bindTtlText }}),在上方输入即可完成绑定。</p>
</div>
</div>
</template>
@@ -1101,10 +1101,7 @@ const startBind = async () => {
};
const confirmBind = async () => {
if (!bindScene.value) {
ElMessage.warning("请先获取绑定二维码");
return;
}
// scene 可为空:在公众号内发送「验证码」获取时无需二维码,后端按验证码认领会话
if (!bindCode.value.trim()) {
ElMessage.warning("请输入公众号回复的验证码");
return;
@@ -1292,10 +1289,6 @@ watch(activeSubTab, (tab) => {
overflow: hidden;
}
.sub-tabs-container {
/* height: 520px; */
}
/* Make tabs look extra sleek */
:deep(.el-tabs--left .el-tabs__header.is-left) {
margin-right: 0;