<template>
    <div class="box">
        <div class="box_header">
            <img :src="data.cover" alt="">
            <div class="box_title">
                <p>{{data.name}} <span>共享</span></p>
                <p>{{data.department_name}}</p>
            </div>
            <div class="star">
                <i class="el-icon-star-on" style="color:#fac266;"></i>
                <span>{{data.score}}</span>
            </div>
        </div>
        <div class="box_body">
            <p></p>
            <p></p>
            <p></p>
            <p></p>
            <p>
                <span>
                    <img src="" alt="">
                    999
                </span>
                <span>
                    <img src="" alt="">
                    999
                </span>
            </p>
        </div>
         <el-checkbox v-model="checked" @change="change_check()"></el-checkbox>
    </div>
</template>

<script>
export default {
    props: ['data','flag'],
    components: {

    },
    data() {
        return {
            checked:false
        };
    },
    watch: {

    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    methods: {
        change_check(){
            this.$emit('change_value',data)
        }
    },
};
</script>

<style scoped>
.box{
    width: 100%;
    height: 260px;
    background-color: #ffffff;
	box-shadow: 0px 3px 10px 0px 
		rgba(3, 10, 37, 0.05);
	border-radius: 10px;
	border: solid 1px #f4f7fc;
    position: relative;
}
.box_header{
    width: 100%;
    height: 93px;
    overflow: hidden;
    background-color: #f9fafc;
    position: relative;
}
.box_header img{
    width: 63px;
    height: 63px;
    float: left;
}
.box_header .box_title{
    float: left;
    width: calc(100% - 100px);
    font-size: 16px;
    color: #0d1847;
}
.box_title p:nth-of-type(2){
    color: #58617a;
    font-size: 14px;
}
.star{
    position: absolute;
    right: 18px;
    bottom: 18px;
    font-size: 18px;
	color: #ea7d19;
    font-weight: 600;
}
.box_body{
    padding: 0 20px;
}
.box_body p{
    font-size: 14px;
    color: #8890a7;
}
.box_body p:nth-of-type(5){
    border-top: 1px solid #e3e5ef;
}
.box_body p:nth-of-type(5) span{
    float: left;
}
.box_body p:nth-of-type(5) span:nth-of-type(2){
    float: right;
}
</style>
