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