zq
2 months ago
6 changed files with 345 additions and 35 deletions
|
After Width: | Height: | Size: 5.2 KiB |
@ -0,0 +1,66 @@ |
|||||
|
<template> |
||||
|
<div class="config-appInfo-wrap"> |
||||
|
<el-form :model="formConfig"> |
||||
|
<p class="column"> |
||||
|
<b>1. 应用程序（客户端）ID</b> |
||||
|
<span>微软云平台＞应用列表，点击刚创建的应用，在应用概览中即可看到</span> |
||||
|
</p> |
||||
|
<GuipInput v-model="formConfig.id" placeholder="请输入" /> |
||||
|
<p class="column mt16"> |
||||
|
<b>1. 开发者令牌Developer token</b> |
||||
|
<span>联系开户人员获取</span> |
||||
|
</p> |
||||
|
<GuipInput v-model="formConfig.merchantID" placeholder="商户号" /> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import GuipInput from '@/components/GuipInput.vue'; |
||||
|
// import GuipFormItem from '@/components/GuipFormItem.vue'; |
||||
|
|
||||
|
export default { |
||||
|
// 站点设置 |
||||
|
name: '', |
||||
|
props: [''], |
||||
|
components: { |
||||
|
GuipInput, |
||||
|
// GuipFormItem, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
formConfig: { |
||||
|
id: '', |
||||
|
merchantID: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
// ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中 |
||||
|
}, |
||||
|
mounted() { |
||||
|
// store.commit('SET_PAGETITLE', '营销推广'); |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
.config-appInfo-wrap { |
||||
|
b { |
||||
|
font-weight: normal; |
||||
|
margin-bottom: 8px; |
||||
|
} |
||||
|
|
||||
|
.el-form-item { |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
span { |
||||
|
color: #8A9099; |
||||
|
font-size: 12px; |
||||
|
margin-bottom: 8px; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,76 @@ |
|||||
|
<template> |
||||
|
<div class="config-offline-wrap"> |
||||
|
<el-form :model="formConfig"> |
||||
|
<p class="flex"><a href="" class="flex"> <img src="@/assets/site/form_linkActive.svg" |
||||
|
alt="">前往微软云</a>左上角切换有效的账户，从浏览器地址栏链接中获取aid的值和cid</p> |
||||
|
|
||||
|
<p class="createOffdescBox mt12 mb24"> |
||||
|
以链接https://ui.ads.microsoft.com/campai/vnext/conversiongoals?<br/>aid=12345&ccuisrc=4&cid=67890&uid=xxx 为例<br/> |
||||
|
aid就是12345 cid就是67890 |
||||
|
</p> |
||||
|
<p class="column"> |
||||
|
<b>1. aid</b> |
||||
|
</p> |
||||
|
<GuipInput v-model="formConfig.id" placeholder="请输入" /> |
||||
|
<p class="column mt16"> |
||||
|
<b>1. cid</b> |
||||
|
</p> |
||||
|
<GuipInput v-model="formConfig.merchantID" placeholder="商户号" /> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import GuipInput from '@/components/GuipInput.vue'; |
||||
|
// import GuipFormItem from '@/components/GuipFormItem.vue'; |
||||
|
|
||||
|
export default { |
||||
|
// 站点设置 |
||||
|
name: '', |
||||
|
props: [''], |
||||
|
components: { |
||||
|
GuipInput, |
||||
|
// GuipFormItem, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
formConfig: { |
||||
|
id: '', |
||||
|
merchantID: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
// ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中 |
||||
|
}, |
||||
|
mounted() { |
||||
|
// store.commit('SET_PAGETITLE', '营销推广'); |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
.config-offline-wrap { |
||||
|
b { |
||||
|
font-weight: normal; |
||||
|
margin-bottom: 8px; |
||||
|
} |
||||
|
a { |
||||
|
text-decoration: none; |
||||
|
color: #006AFF; |
||||
|
|
||||
|
img { |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-form-item { |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
.createOffdescBox { |
||||
|
color: #6B7280; |
||||
|
text-align: left; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,64 @@ |
|||||
|
<template> |
||||
|
<div class="create-offline-wrap"> |
||||
|
<el-form :model="formConfig"> |
||||
|
<p class="flex"><a href="" class="flex"> <img src="@/assets/site/form_linkActive.svg" |
||||
|
alt="">前往微软云</a>左上角切换有效的账户后，点击转化->点击转化目标->点击创建</p> |
||||
|
<p class="createOffdescBox mt12">您想要跟踪哪种类型的转化？ 选择“离线”->点击下一步<br /> |
||||
|
目标类别 选择“购买”->点击下一步<br /> |
||||
|
目标名称自行设置并同步到下方输入框</p> |
||||
|
<GuipInput label="目标名称" column="column" v-model="formConfig.merchantID" placeholder="商户号" /> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import GuipInput from '@/components/GuipInput.vue'; |
||||
|
// import GuipFormItem from '@/components/GuipFormItem.vue'; |
||||
|
|
||||
|
export default { |
||||
|
// 站点设置 |
||||
|
name: '', |
||||
|
props: [''], |
||||
|
components: { |
||||
|
GuipInput, |
||||
|
// GuipFormItem, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
formConfig: { |
||||
|
id: '', |
||||
|
merchantID: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
// ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中 |
||||
|
}, |
||||
|
mounted() { |
||||
|
// store.commit('SET_PAGETITLE', '营销推广'); |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
.create-offline-wrap { |
||||
|
color: #6B7280; |
||||
|
.el-form-item{ |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
a { |
||||
|
text-decoration: none; |
||||
|
color: #006AFF; |
||||
|
|
||||
|
img { |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.createOffdescBox { |
||||
|
color: #6B7280; |
||||
|
text-align: left; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue