feat:新增PDD跳转注册页面code授权码
This commit is contained in:
parent
4c7d329a63
commit
72283b50ce
@ -81,6 +81,18 @@
|
||||
</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">
|
||||
<h3>操作流程图</h3>
|
||||
<div class="chart-container" @click="showFlowChart">
|
||||
@ -126,7 +138,8 @@ const urlParams = ref({
|
||||
pddMallName: '',
|
||||
type: '',
|
||||
accessToken: '',
|
||||
skuSpec: ''
|
||||
skuSpec: '',
|
||||
code: ''
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
@ -201,10 +214,11 @@ const getUrlParams = () => {
|
||||
pddMallName: decodeURIComponent(query.pddMallName || ''),
|
||||
type: query.type || '',
|
||||
accessToken: query.accessToken || '',
|
||||
skuSpec: decodeURIComponent(query.skuSpec || '')
|
||||
skuSpec: decodeURIComponent(query.skuSpec || ''),
|
||||
code: query.code || ''
|
||||
}
|
||||
|
||||
// 将 "ppd" + pddMallId 回填到用户名
|
||||
// 将 "pdd" + pddMallId 回填到用户名
|
||||
if (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)
|
||||
|
||||
@ -530,6 +571,18 @@ onMounted(() => {
|
||||
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 {
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user