<config>
{
    "navigationBarTitleText": "指派受理人",
}
</config>
<template>
    <div class="selectman">
        <div class="box-con">
            <div class="box-con2" v-for="(item, index) in list" @click="selectman(item)" :key="index">
                <div class="box-l">
                    <!-- <div class="con-img"><img :src="item.avatar" alt="" /></div> -->
                </div>
                <div class="box-r">
                    <div>
                        <p>{{ item.nickname }}</p>
                    </div>
                    <div>
                        <span>{{ item.position }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list: [{ nickname: '受理人', position: '张三' }]
        };
    },
    methods: {
        selectman(item) {
            this.$emit('selectManBtn', true, item.position, item.id);
        }
        // getFn() {
        //     this.$http
        //         .get('/repairInfo/getRepairer')
        //         .then(res => {
        //             this.list = res;
        //         })
        //         .catch(e => {
        //             console.log(e);
        //         });
        // }
    }
    // mounted() {
    //     this.getFn();
    // }
};
</script>
<style lang="less" scoped>
.selectman {
    background: #f5f7fa;
    .selectman-r {
        text-align: left;
        height: 0;
    }
    .box-con {
        background: #ffffff;
    }
    .box-con2 {
        padding: 23px 20px 23px 26px;
        border-bottom: 1px solid #f5f7fa;
        display: flex;
        align-items: center;
        .box-l {
            .con-img {
                img {
                    width: 60px;
                    height: 60px;
                    border-radius: 50%;
                    display: inline-block;
                }
            }
        }
        .box-r {
            width: 100%;
            background: #ffffff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            p {
                font-size: 16px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: normal;
                color: #abaeb3;
                line-height: 26px;
            }
            span {
                font-size: 16px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: normal;
                color: #000000;
                line-height: 26px;
            }
        }
    }
}
</style>
