<template>
    <div class="config-appInfo-wrap">
        <el-form :model="siteInfo">
            <p class="column">
                <b>1. 应用程序（客户端）ID</b>
                <span>微软云平台＞应用列表，点击刚创建的应用，在应用概览中即可看到</span>
            </p>
            <GuipInput v-model="siteInfo.bing_client_id" placeholder="请输入" />
            <p class="column mt16">
                <b>1. 开发者令牌Developer token</b>
                <span>联系开户人员获取</span>
            </p>
            <GuipInput v-model="siteInfo.bing_developer_token" placeholder="商户号" />
        </el-form>
    </div>
</template>
<script>
import GuipInput from '@/components/GuipInput.vue';
// import SiteList from '@/views/agent/siteList.vue'; 
// import GuipFormItem from '@/components/GuipFormItem.vue';

export default {
    // 站点设置
    name: '',
    props: ['siteInfo'],
    components: {
        GuipInput,
        // GuipFormItem,
    },
    data() {
        return {
            // siteInfo: {
            //     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>