<template>
    <div class="create-offline-wrap">
        <el-form>
            <p class="flex">
                <a href="https://ads.microsoft.com/" class="flex" target="_blank"> <img src="@/assets/site/form_linkActive.svg" alt="">前往微软广告</a>
                ，左上角切换有效的账户后，点击转化->点击转化目标->点击创建
            </p>
            <p class="createOffdescBox mt12">您想要跟踪哪种类型的转化？ 选择“离线”->点击下一步<br />
                目标类别 选择“购买”->点击下一步<br />
                目标名称自行设置并同步到下方输入框</p>
            <GuipInput class="mt12" label="目标名称" column="column" :value="siteInfo.bing_conversion_name" @input="val => updateField('bing_conversion_name', val)"  placeholder="" />
            <p>创建成功后2个小时才生效，转化数据查看最晚有5-6小时延迟</p>
        </el-form>
    </div>
</template>
<script>
import GuipInput from '@/components/GuipInput.vue';
// import GuipFormItem from '@/components/GuipFormItem.vue';

export default {
    // 站点设置
    name: '',
    props: ['siteInfo'],
    components: {
        GuipInput,
        // GuipFormItem,
    },
    data() {
        return {
            // localSiteInfo: { ...this.siteInfo }
        }
    },
    computed: {
        // ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中
    },
    mounted() {
        // store.commit('SET_PAGETITLE', '营销推广');
    },
    methods: {
        updateField(field, value) {
            this.$emit('update-field', {
                field,
                value
            })
        }
    }
}
</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>