<template>
    <div class="app-container">
        <div class="seach">
            <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">
                <el-form-item label="教师信息" prop="name">
                    <el-input v-model="queryParams.name" placeholder="请输入教师姓名" clearable @keyup.enter.native="handleQuery"
                        style="width: 600px;" />
                </el-form-item>
                <el-form-item label="身份证号" prop="idCard">
                    <el-input v-model="queryParams.idCard" placeholder="请输入身份证号" clearable @keyup.enter.native="handleQuery"
                        style="width: 600px;" />
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
                    <el-button type="warning" icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
                    <el-button type="danger" icon="el-icon-refresh" size="mini" @click="resetQuery">导出</el-button>
                </el-form-item>
            </el-form>
        </div>
        <div class="title">
            — 教师个人信息汇总 —
        </div>
        <div style="border: 1px solid #f3f3f3;border-radius: 13px 13px 0 0 ; margin:  20px 0;">
            <div class="card_title">基本信息</div>
            <div style="margin: 3px 10px 15px;">
                <el-form :v-model="data" ref="data">
                    <!-- 距离 -->
                    <div style="height: 12px;"></div>
                    <div class="userinfo">
                        <el-col :span="20">
                            <!-- f1 -->
                            <el-row>
                                <el-col :span="24">
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>姓名</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>性别</span>
                                        </el-form-item></el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                </el-col>
                            </el-row>
                            <!-- f2 -->
                            <el-row>
                                <el-col :span="24">
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>姓名</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>性别</span>
                                        </el-form-item></el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                </el-col>
                            </el-row>
                            <!-- f3 -->
                            <el-row>
                                <el-col :span="24">
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>姓名</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>性别</span>
                                        </el-form-item></el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                </el-col>
                            </el-row>
                            <!-- f4 -->
                            <el-row>
                                <el-col :span="24">
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>姓名</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>性别</span>
                                        </el-form-item></el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                </el-col>
                            </el-row>
                            <!-- f5 -->
                            <el-row>
                                <el-col :span="24">
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>姓名</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>性别</span>
                                        </el-form-item></el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                </el-col>
                            </el-row>
                            <!-- f6 -->
                            <el-row>
                                <el-col :span="24">
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>姓名</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>性别</span>
                                        </el-form-item></el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>年龄</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="3" class="border_right border-bottom table_cell">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-col>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="4">
                            <el-card>
                                <div style="height:143px">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia
                                    esse,
                                    odit modi nesciunt
                                    quaerat necessitatibus eius nisi quis accusantium, quo obcaecati perferendis ab tempore
                                    quos, perspiciatis repudiandae sed mollitia iure!
                                    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Beatae quod recusandae quaerat
                                    veniam officia tenetur dicta laborum atque incidunt esse et quos sit, animi impedit
                                    ipsum
                                    error repellendus repellat magnam!</div>
                            </el-card>
                        </el-col>
                        <!-- f1 -->
                        <el-row>
                            <el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="2" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>{{ data.name }}</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="2" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="2" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="2" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="2" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="2" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="2" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                            </el-col>
                        </el-row>
                        <!-- f2 -->
                        <el-row>
                            <el-col :span="24">
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>{{ data.name }}</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item></el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                            </el-col>
                        </el-row>
                        <!-- f3 -->
                        <el-row>
                            <el-col :span="24">
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>{{ data.name }}</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item></el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                            </el-col>
                        </el-row>
                        <!-- f4 -->
                        <el-row>
                            <el-col :span="24">
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>{{ data.name }}</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item></el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                            </el-col>
                        </el-row>
                        <!-- f5 -->
                        <el-row>
                            <el-col :span="24">
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>{{ data.name }}</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <span>姓名</span>
                                    </el-form-item></el-col>
                                <el-col :span="3" class="border_right border-bottom table_cell">
                                    <el-form-item prop="name">
                                        <el-form-item prop="name">
                                            <span>{{ data.name }}</span>
                                        </el-form-item>
                                    </el-form-item>
                                </el-col>
                            </el-col>
                        </el-row>
                    </div>
                </el-form>
            </div>
        </div>
        <!--工作量信息  -->
        <div style="border: 1px solid #f3f3f3;border-radius: 13px 13px 0 0 ; margin:  20px 0;">
            <div class="card_title">工作量信息</div>
            <div style="margin: 3px 10px 15px;">
                <el-table :data="aworkloadList">
                    <el-table-column label="学年" align="center" prop="schoolYear" width="90px" fixed="left" />
                    <el-table-column label="学期" align="center" prop="semester" fixed="left">
                        <template slot-scope="scope">
                            <dict-tag :options="dict.type.semester_jsdzda" :value="scope.row.semester" />
                        </template>
                    </el-table-column>
                    <el-table-column label="届别" align="center" prop="year" fixed="left" />
                    <el-table-column label="年级" align="center" prop="grade" fixed="left">
                        <template slot-scope="scope">
                            <dict-tag :options="dict.type.grade_da" :value="scope.row.grade" />
                        </template>
                    </el-table-column>
                    <el-table-column label="姓名" align="center" prop="name" />
                    <el-table-column label="学科" align="center" prop="sub">
                        <template slot-scope="scope">
                            <dict-tag :options="dict.type.teaching_subjects" :value="scope.row.sub" />
                        </template>
                    </el-table-column>
                    <el-table-column label="聘任岗位" align="center" prop="appointmentPost" width="120px">
                        <template slot-scope="scope">
                            <dict-tag :options="dict.type.appointment_positions" :value="scope.row.appointmentPost" />
                        </template>
                    </el-table-column>
                    <el-table-column label="聘任职务" align="center" prop="appointmentPosition" width="120px" />
                    <el-table-column label="聘任情况" align="center" prop="appointmentSituation" width="120px" />
                    <el-table-column label="班级" align="center" prop="className" />
                    <el-table-column label="班级类型" align="center">
                        <template slot-scope="scope">
                            <span v-if="getSelectedTypes(scope.row.classType).length > 0">
                                <span v-for="(option, index) in getSelectedTypes(scope.row.classType)" :key="index">
                                    {{ option.label }}
                                    <span v-if="index !== getSelectedTypes(scope.row.classType).length - 1">, </span>
                                </span>
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column label="周课时量" align="center" prop="weeklyClassHours" sortable width="80px"
                        show-overflow-tooltip />
                    <!-- <el-table-column label="早读" align="center" prop="earlyReading" />
                    <el-table-column label="正课" align="center" prop="requiredCourses" />
                    <el-table-column label="晚自习" align="center" prop="eveningSelfStudy" width="120px" />
                    <el-table-column label="合计" align="center" prop="amountTo" /> -->
                    <el-table-column label="证明人" align="center" prop="userName" width="120px" fixed="right" />
                    <el-table-column label="备注" align="center" prop="remark" fixed="right" />
                </el-table>
            </div>
        </div>
        <!--班主任考核信息  -->
        <div style="border: 1px solid #f3f3f3;border-radius: 13px 13px 0 0 ; margin:  20px 0;">
            <div class="card_title">班主任考核</div>
            <div style="margin: 3px 10px 15px;">
                <el-table :data="assessmentList">
                    <el-table-column type="index" label="序号" width="55" align="center" />
                    <el-table-column label="学年" align="center" prop="schoolYear" />
                    <el-table-column label="学期" align="center" prop="semester">
                        <template slot-scope="scope">
                            <dict-tag :options="dict.type.semester_jsdzda" :value="scope.row.semester" />
                        </template>
                    </el-table-column>
                    <el-table-column label="届别" align="center" prop="year" />
                    <el-table-column label="年级" align="center" prop="grade">
                        <template slot-scope="scope">
                            <dict-tag :options="dict.type.grade_da" :value="scope.row.grade" />
                        </template>
                    </el-table-column>
                    <el-table-column label="班级" align="center" prop="className" />
                    <el-table-column label="班级类型" align="center" prop="classType" width="180px">
                        <template slot-scope="scope">
                            <span v-if="getSelectedTypes(scope.row.classType).length > 0">
                                <span v-for="(option, index) in getSelectedTypes(scope.row.classType)" :key="index">
                                    {{ option.label }}
                                    <span v-if="index !== getSelectedTypes(scope.row.classType).length - 1">, </span>
                                </span>
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column label="姓名" align="center" prop="teacherName" />
                    <el-table-column label="学科" align="center" prop="sub">
                        <template slot-scope="scope">
                            <dict-tag :options="dict.type.teaching_subjects" :value="scope.row.sub" />
                        </template>
                    </el-table-column>
                    <el-table-column label="德育考核成绩" align="center" prop="moralEduCheckAchievement" width="130px" />
                    <el-table-column label="智育考核成绩" align="center" prop="intellEduCheckAchievement" width="130px" />
                    <el-table-column label="备注" align="center" prop="remark" />
                </el-table>
            </div>
        </div>
        <!--专业成长  -->
        <div style="border: 1px solid #f3f3f3;border-radius: 13px 13px 0 0 ; margin:  20px 0;">
            <div class="card_title">专业成长</div>
            <div style="margin: 3px 10px 15px;">
                <el-table :data="assessmentList">
                    <el-table-column type="index" label="序号" width="55" align="center" />
                    <el-table-column label="学年" align="center" prop="schoolYear" />
                    <el-table-column label="学期" align="center" prop="semester">
                        <template slot-scope="scope">
                            <dict-tag :options="dict.type.semester_jsdzda" :value="scope.row.semester" />
                        </template>
                    </el-table-column>
                    <el-table-column label="届别" align="center" prop="year" />
                    <el-table-column label="年级" align="center" prop="grade">
                        <template slot-scope="scope">
                            <dict-tag :options="dict.type.grade_da" :value="scope.row.grade" />
                        </template>
                    </el-table-column>
                    <el-table-column label="班级" align="center" prop="className" />
                    <el-table-column label="班级类型" align="center" prop="classType" width="180px">
                        <template slot-scope="scope">
                            <span v-if="getSelectedTypes(scope.row.classType).length > 0">
                                <span v-for="(option, index) in getSelectedTypes(scope.row.classType)" :key="index">
                                    {{ option.label }}
                                    <span v-if="index !== getSelectedTypes(scope.row.classType).length - 1">, </span>
                                </span>
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column label="姓名" align="center" prop="teacherName" />
                    <el-table-column label="学科" align="center" prop="sub">
                        <template slot-scope="scope">
                            <dict-tag :options="dict.type.teaching_subjects" :value="scope.row.sub" />
                        </template>
                    </el-table-column>
                    <el-table-column label="德育考核成绩" align="center" prop="moralEduCheckAchievement" width="130px" />
                    <el-table-column label="智育考核成绩" align="center" prop="intellEduCheckAchievement" width="130px" />
                    <el-table-column label="备注" align="center" prop="remark" />
                </el-table>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            data: { name: 11, },
            queryParams: { name: 11, idCard: 123456789012345678 },
            showSearch: true,
        }
    },
    methods: {
        getSelectedTypes(classType) {
            const selectedTypes = classType.split(','); // 将逗号分隔的字符串转换为数组
            return this.dict.type.class_type.filter(option => selectedTypes.includes(option.value.toString()));
        },
    },

}
</script>

<style scoped>
.el-form-item {
    margin-bottom: 0;
}

/* ::v-deep .el-form-item--medium .el-form-item__content {
    line-height: 32px;
    text-align: center;
    color: pink;
} */

.userinfo {
    border: 1px solid #e0dfdf;
}

.border_right {
    border-right: 1px solid #e0dfdf;
}

.border_left {
    border-left: 1px solid #e0dfdf;
}

.border_top {
    border-top: 1px solid #e0dfdf;
}

.border_bottom {
    border-bottom: 1px solid #e0dfdf;
}

.table_cell {
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-top: 1px solid #e0dfdf;
    border-bottom: 1px solid #e0dfdf;

}

.table_cell:last-child {
    border-bottom: 1px solid #e0dfdf;
}

.el-input--medium .el-input__inner {
    line-height: 20px;
}

.card_title {
    background-color: #f3f3f3;
    padding: 12px;
    border-radius: 13px 13px 0 0;
}

.title {
    border: 1px solid #e0dfdf;
    text-align: center;
    padding: 10px;
    margin: 15px 0;
    font-size: 30px;
}

.seach {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 30px;

}
</style>