<template>
    <section class="box-sjtj">
        <section class="content">
            <section class="left">
                <MOSTY.Assort :title="'重点相关方人员'" style="padding: 0;" />
                <section class="flex">
                    <section class="left-tj">
                        <Sjtj :info="pageData.defaultList1" :isShowTip="false" :isShowBottom="false" :width="200"
                            mb="6px" />
                    </section>
                </section>
            </section>
        </section>
    </section>
</template>
<script setup>
import * as MOSTY from "@/components/MyComponents/index"
import Sjtj from '@/views/dataReportWork/aqjypx/components/sjtj.vue'
import { getApi } from "@/api/tobAcco_api.js";
import { reactive, onMounted } from "vue";
const props = defineProps({
    obj: {
        type: Object,
        default: () => { }
    }
});
const pageData = reactive({
    defaultList1: [
        { title: '激活中', num: 0, dm: '01', icon: 'ccss/icon_01.png' },
        { title: '未激活', dm: '02', num: 0, icon: 'ccss/icon_03.png' },
    ],
})
onMounted(() => {
    getscsbsscount()
})
const getscsbsscount = () => {
    getApi(props.obj, '/mosty-jcgl/relatedUser/getStatistics').then(res => {
        if (res) {
            pageData.defaultList1[0].num = res.countY
            pageData.defaultList1[1].num = res.countW
        }
    })
}
const filtterNum = num => {
    return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
}
defineExpose({ getscsbsscount })
</script>

<style lang="scss" scoped>
.left-tj {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-sjtj {
    background-color: #fff;
    width: 100%;
    padding: 0 16px 7px 16px;
    box-sizing: border-box;

    .content {
        // display: flex;

        .left {
            flex: 1;
            // border-right: 1px solid #EBEEF5;
            padding-right: 8px;
            box-sizing: border-box;

            .flex {
                display: flex;
                align-items: center;
                justify-content: space-between;



                .right-tj {
                    flex: 1;
                    margin-left: 13px;
                }
            }
        }

        .center {
            flex: 1;
            // border-right: 1px solid #EBEEF5;
            padding-right: 8px;
            box-sizing: border-box;
            margin-left: 12px;

            .flex {
                display: flex;
                justify-content: space-between;

                .left-tj {
                    flex: 1;
                }

                .right-tj {
                    flex: 1;
                    margin-left: 13px;
                }
            }
        }

        .right {
            flex: 1;
            margin-left: 12px;
        }
    }
}
</style>