<template>
    <div class="detail_main">
        <navbar title="关联企业/商户"></navbar>
        <div class="wrapper">
            <div class="glrBox">
                <div class="glrBox_left mar1">
                    <div class="left_firmimg_box">
                        <img src="../../images/part_one/icon_company.png" alt="" style="width: 20px;height: 20px;">
                    </div>
                    <div class="left_main_box">

                        <div class="left_main_box_card">关联企业:{{ relateBusiness }}</div>
                    </div>
                </div>
            </div>
            <div class="glrBox">
                <div class="glrBox_left">
                    <div class="left_img_box">
                        <img src="../../images/home/sh.png" alt="" style="width: 30px;height: 30px;">
                    </div>
                    <div class="left_main_box">

                        <div class="left_main_box_card">关联商户:{{ relateMerchant }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import navbar from '../../components/navbar/navbar.vue';
import { getRecordDetail } from "@/service/api/filing";
export default {
    data() {
        return {
            relateMerchant: '',
            relateBusiness:'',
        }
    },
    components: {
        navbar: navbar,

    },
    created() {
        this.init()
    },
    methods: {
        init() {
            let id = sessionStorage.getItem('custId')
            getRecordDetail(id).then(res => {
                if (res.code == 200) {
                    this.relateMerchant = res.data.recordRelates.length > 0 ? res.data.recordRelates[0].relateMerchant : ''
                    this.relateBusiness = res.data.recordRelates.length > 0 ? res.data.recordRelates[0].relateBusiness : ''
                }
            })
        }
    },
}





</script>
<style lang="less" scoped>
.wrapper {
    padding-top: 46px;
    font-size: 16px;


}
.mar1{
    padding-left: 5px;
}
.glrBox {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    margin-top: 3px;
    padding: 15px;
}

.glrBox_left {
    display: flex;
    align-items: center;

}

.left_img_box {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgb(246, 249, 255);
}

.left_firmimg_box {
    background-color: rgb(35, 114, 235);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
}

.left_main_box {
    margin-left: 20px;
}

.left_main_box_top {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}

.left_main_box_card {
    font-size: 12px;
    line-height: 25px;
    color: rgb(140, 140, 140);
}
</style>