diff --git a/src/assets/site/form_copy.svg b/src/assets/site/form_copy.svg new file mode 100644 index 0000000..a4a57fe --- /dev/null +++ b/src/assets/site/form_copy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/site/ConfigAppInformation.vue b/src/components/site/ConfigAppInformation.vue new file mode 100644 index 0000000..4be4dbb --- /dev/null +++ b/src/components/site/ConfigAppInformation.vue @@ -0,0 +1,66 @@ + + + \ No newline at end of file diff --git a/src/components/site/ConfigOffLineConversion.vue b/src/components/site/ConfigOffLineConversion.vue new file mode 100644 index 0000000..f4fe53d --- /dev/null +++ b/src/components/site/ConfigOffLineConversion.vue @@ -0,0 +1,76 @@ + + + \ No newline at end of file diff --git a/src/components/site/CreateOffLine.vue b/src/components/site/CreateOffLine.vue new file mode 100644 index 0000000..b720afb --- /dev/null +++ b/src/components/site/CreateOffLine.vue @@ -0,0 +1,64 @@ + + + \ No newline at end of file diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss index 7378f08..41a4013 100644 --- a/src/style/theme/common.scss +++ b/src/style/theme/common.scss @@ -16,6 +16,9 @@ body { .point{ cursor: pointer; } +.mt16{ + margin-top: 16px; +} .mt32{ margin-top: 32px; } diff --git a/src/views/SiteSem.vue b/src/views/SiteSem.vue index aa907e0..0577502 100644 --- a/src/views/SiteSem.vue +++ b/src/views/SiteSem.vue @@ -53,7 +53,7 @@ - 确认 + 确认
@@ -70,7 +70,7 @@
- 开始联调 + 开始联调 @@ -102,7 +102,7 @@ placeholder="请输入" /> 确认 + @click="semFormConmit('360','appKey')">确认
@@ -112,28 +112,39 @@ placeholder="请输入" />
确认 + @click="semFormConmit('360','appSecret')">确认 - +

-

360OCPC竞价 自动化的出价和优化，以实现更高的广告投放效果和ROI

+

必应TCPA竞价 自动化的出价和优化，以实现更高的广告投放效果和ROI

删除

前期准备事项

-

1. 前往微软云（Azure），登录后填写个人资料并完成注册。

-

2. 1. 前往微软云（Azure），登录后填写个人资料并完成注册。 +

+

2. 前往应用注册，侧边栏点击“应用注册”，然后在右侧应用列表中注册应用程序

+
+

名称：填写应用名称

+

受支持的帐户类型：选择 任何组织目录(任何 Microsoft Entra ID 租户 - 多租户)中的帐户和个人 Microsoft 帐户(例如 Skype、Xbox)

+

重定向URI：忽略

+

点击：注册

+
+

3. 应用配置，返回应用列表，在应用列表点击刚创建的应用，然后在应用概览页点击“添加重定向URI”->点击添加平台，选择移动和桌面应用程序->自定义重定向 URI， + https://www.kuailelunwen.com/callback/microsoft_callback + +

@@ -145,30 +156,39 @@
+ 已设置 + 管理设置 +
+
+
+
+ +
+ 配置离线转化信息 +

前往微软云，左上角切换有效的账户，从浏览器地址栏链接中获取aid的值和cid的值

+
+
+
已设置 管理设置 + @click="manageDialog('configOffline')">立即设置
-
- - AppSecret -
- +
+
+ +
+ 创建离线转化 +

在微软云平台创建离线转化，创建成功后2个小时才生效，转化数据查看最晚有5-6小时延迟。

+
- 确认 -
-
- - AppSecret -
- +
+ 已设置 + 立即设置
- 确认
@@ -186,7 +206,7 @@
- @@ -197,6 +217,13 @@ + + + + +
@@ -209,12 +236,18 @@ import GroupFormBtns from '@/components/GroupFormBtns.vue'; import GuipFormItem from '@/components/GuipFormItem.vue'; import GuipDialog from '@/components/GuipDialog.vue'; import GuipButton from '@/components/GuipButton.vue'; +import ConfigOffLineConversion from '@/components/site/ConfigOffLineConversion.vue'; +import ConfigAppInformation from '@/components/site/ConfigAppInformation.vue'; +import CreateOffLine from '@/components/site/CreateOffLine.vue'; export default { // 站点设置 name: '', props: [''], components: { + CreateOffLine, + ConfigAppInformation, + ConfigOffLineConversion, GuipInput, GuipFormItem, GuipButton, @@ -223,14 +256,22 @@ export default { }, data() { return { - bidList: ['baidu', '360','mast'], + configType:'configAppInfo', + diaTitle:'配置应用信息', + bidList: ['baidu', '360', 'mast'], bidAddRadio: '', bidAddList: { 'baidu': '百度OCPC竞价', '360': '360OCPC竞价', 'mast': '必应TCPA竞价', }, + configTitle:{ + createOffline:'创建离线转化', + configOffline:'配置离线转化信息', + configAppInfo:'配置应用信息', + }, dialogVisibleBid: false, + dialogVisibleConfig: false, semForm1: { title: '', keyWord: '', @@ -269,7 +310,7 @@ export default { addBid() { this.dialogVisibleBid = true; }, - confirmFormbid2(key) { + semFormConmit(type,key) { console.log(key, 'key---'); }, radioChange(data) { @@ -292,6 +333,21 @@ export default { this.$message.warning('点击了取消按钮'); this.dialogVisibleBid = false; }, + manageDialog(type){ + this.configType = type; + this.dialogVisibleConfig = true; + this.diaTitle = this.configTitle[type] + }, + // 确认按钮事件 + handleConfirmConfig() { + this.$message.success('点击了确认按钮'); + this.dialogVisibleConfig = false; + }, + // 取消按钮事件 + handleCancelConfig() { + this.$message.warning('点击了取消按钮'); + this.dialogVisibleConfig = false; + }, dialogVisibleChange(data) { console.log(data, 'data098908090'); }, @@ -308,13 +364,15 @@ export default { width: 100%; letter-spacing: 0.08em; } -.green{ - color: #00C261; -} -.notSet{ +.notSet,.yesSet { + margin-right: 12px; color: #FF4D4F; } + +.yesSet { + color: #00C261; +} .bidform { &:nth-child(even) { margin: 32px 0; @@ -322,6 +380,7 @@ export default { } .beforeNotice { + h4 { margin: 0; } @@ -335,7 +394,32 @@ export default { background: #F2F7FF; /* middle/middle_blue_3 */ border: 1px solid #BFDAFF; + div { + margin-top: 2px; + padding-left: 23px; + p{ + color: #8A9099; + } + } +p{ + color: #1E2226; + i{ + font-style: normal; + } + &:last-child{ + display: flex; + align-items: stretch; + b{ + font-weight: normal; + color: #8A9099; + display: inline-flex; + img{ + margin-left: 4px; + } + } + } +} a { text-decoration: none; color: #006AFF; @@ -361,7 +445,14 @@ export default { } .radio-wrap {} - +.tcpr-wrap .bidwrap-item{ + padding: 0; + background: transparent; + .biditemMast{ + background: #fff; + padding: 24px 16px; + } + } .semBidWrap { background: #FAFAFA; padding: 18px 14px; @@ -383,12 +474,14 @@ export default { } } + .bidWrap { .bidwrap-item { padding: 24px 16px; box-sizing: border-box; border-radius: 8px; background: #FFFFFF; + .bid-item-img { width: 32px; @@ -401,6 +494,13 @@ export default { p { margin-top: 10px; } + a{ + text-decoration: none; + color: #006AFF; + img{ + margin-right: 10px; + } + } } }