feat:新增PDD跳转注册页面code授权码
This commit is contained in:
parent
4c7d329a63
commit
72283b50ce
@ -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;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user