feat:新增PDD跳转注册页面code授权码

This commit is contained in:
yuhawu 2025-09-05 15:12:56 +08:00
parent 4c7d329a63
commit 72283b50ce

View File

@ -81,6 +81,18 @@
</div> </div>
</div> </div>
<!-- 授权码区域 -->
<div v-if="urlParams.code" class="auth-code">
<p class="url-label">授权码</p>
<div class="url-box">
<span class="url-text">{{ urlParams.code }}</span>
<el-button type="success" size="small" @click="copyAuthCode" class="copy-btn">
复制授权码
</el-button>
</div>
<p class="auth-code-tip">复制授权码并在软件上粘贴后完成店铺绑定授权码有效期为10分钟</p>
</div>
<div class="flow-chart"> <div class="flow-chart">
<h3>操作流程图</h3> <h3>操作流程图</h3>
<div class="chart-container" @click="showFlowChart"> <div class="chart-container" @click="showFlowChart">
@ -126,7 +138,8 @@ const urlParams = ref({
pddMallName: '', pddMallName: '',
type: '', type: '',
accessToken: '', accessToken: '',
skuSpec: '' skuSpec: '',
code: ''
}) })
// //
@ -201,10 +214,11 @@ const getUrlParams = () => {
pddMallName: decodeURIComponent(query.pddMallName || ''), pddMallName: decodeURIComponent(query.pddMallName || ''),
type: query.type || '', type: query.type || '',
accessToken: query.accessToken || '', accessToken: query.accessToken || '',
skuSpec: decodeURIComponent(query.skuSpec || '') skuSpec: decodeURIComponent(query.skuSpec || ''),
code: query.code || ''
} }
// "ppd" + pddMallId // "pdd" + pddMallId
if (urlParams.value.pddMallId) { if (urlParams.value.pddMallId) {
formData.value.username = 'pdd' + urlParams.value.pddMallId formData.value.username = 'pdd' + urlParams.value.pddMallId
} }
@ -437,6 +451,33 @@ const copyLoginUrl = async () => {
} }
} }
//
const copyAuthCode = async () => {
const authCode = urlParams.value.code
if (!authCode) {
ElMessage.error('授权码不存在')
return
}
try {
await navigator.clipboard.writeText(authCode)
ElMessage.success('授权码已复制到剪贴板!')
} catch (err) {
// 使
try {
const textArea = document.createElement('textarea')
textArea.value = authCode
document.body.appendChild(textArea)
textArea.select()
document.execCommand('copy')
document.body.removeChild(textArea)
ElMessage.success('授权码已复制到剪贴板!')
} catch (fallbackErr) {
ElMessage.error('复制失败,请手动复制授权码')
}
}
}
// //
const showImageViewer = ref(false) const showImageViewer = ref(false)
@ -530,6 +571,18 @@ onMounted(() => {
margin-bottom: 30px; margin-bottom: 30px;
} }
.auth-code {
margin-bottom: 30px;
}
.auth-code-tip {
font-size: 12px;
color: #909399;
margin-top: 8px;
margin-bottom: 0;
line-height: 1.4;
}
.url-label { .url-label {
font-size: 16px; font-size: 16px;
color: #333; color: #333;