<!-- 人员管理页面 -->
<template>
    <div class="resource">
        <div class="zy-head-search" id="headerSearch">
            <span>人员姓名</span>
            <el-input
                v-model="search.empName"
                size="small"
                placeholder="请输入员工姓名"
                style="width: 200px"
            ></el-input>
            <span>人员编号</span>
            <el-input
                v-model="search.empNo"
                size="small"
                placeholder="请输入员工编号"
                style="width: 200px"
            ></el-input>
            <el-button
                icon="el-icon-search"
                type="goon"
                size="mini"
                @click="searchData"
            >查询</el-button>
            <el-button
                icon="el-icon-refresh"
                type="info"
                plain
                size="mini"
                @click="reset"
            >重置</el-button>
        </div>
        <!--人员信息表表头-->
        <div class="zy-title-div">
            <div class="zy-title-name">
                <img
                    style="width: 25px; height: 25px"
                    src='../../../../assets/img/imgScreen/logo.png'
                />
                人员信息表
            </div>
            <div>
                <el-button
                    icon="el-icon-circle-plus-outline"
                    type="goon"
                    size="mini"
                    @click="addData"
                >新增</el-button>
                <el-button
                    icon="el-icon-edit"
                    type="goon"
                    size="mini"
                    @click="modifyData"
                >修改</el-button>
                <el-button
                    icon="el-icon-circle-close"
                    type="danger"
                    size="mini"
                    @click="deleteData"
                >停用</el-button>
                <el-button
                    icon="el-icon-check"
                    type="goon"
                    size="mini"
                    @click="recoverData"
                >启用</el-button>
            </div>
        </div>
                
        <!-- 人员信息表表格:height="height_top" -->
        <div class="common-table-div" style="margin-bottom:0;margin-top:0">
            <el-table
                v-loading="dataLoading"
                ref="dataTable"
                border
                highlight-current-row
                @selection-change="handleSelectionChange"
                :data="table.list"
                :height="height_top"
                :icore-filter-flag="icoreFilterFlag"
                :header-cell-style="tableHeaderCellStyle"
                @row-click="getAllListByEmpNo"
                :cell-class-name="tableRowClassName"
                :summary-method="getSummaries"
                show-summary
                :exchangeFilterMap="{'validFlag':{'0':'已停用','1':'已启用'}}"
            >
                <el-table-column
                    type="index"
                    label="NO"
                    align="center"
                ></el-table-column>
                <el-table-column
                    type="selection"
                    width="55"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="empNo"
                    label="职工编号"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="empName"
                    label="职工姓名"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="90px"
                    prop="birthday"
                    label="出生日期"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop='gender'
                    label="性别"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="people"
                    label="民族"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="politics"
                    label="政治面貌"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="validFlag"
                    label="数据状态"
                    align="center"
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.validFlag == 1">已启用</span>
                        <span v-else-if="scope.row.validFlag == 0">已停用</span>
                    </template>
                </el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="120px"
                    prop="companyName"
                    label="公司"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="120px"
                    prop="deptName"
                    label="部门"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="120px"
                    prop="sectionName"
                    label="班组"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="120px"
                    prop="wrkGrpName"
                    label="班值"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="100px"
                    prop="postName"
                    label="岗位"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="marriage"
                    label="婚姻状况"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="birthPlace"
                    label="籍贯"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="150px"
                    prop="idCard"
                    label="身份证号码"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="120px"
                    prop="permanentAddr"
                    label="户籍地址"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="120px"
                    prop="contactNumber"
                    label="联系电话"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="140px"
                    prop="contactAddr"
                    label="联系地址"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="100px"
                    prop="emergencyContact"
                    label="紧急联系人"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="emergencyNumber2"
                    label="紧急电话"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="100px"
                    prop="email"
                    label="电子邮箱"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="eduDegree"
                    label="学历"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="100px"
                    prop="unvstGraduated"
                    label="毕业院校"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="100px"
                    prop="major"
                    label="专业名称"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="140px"
                    prop="graduationTime"
                    label="毕业时间"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="title"
                    label="职称"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="foreignLanguage"
                    label="外语语种"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="languageLevel"
                    label="外语等级"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="100px"
                    prop="computerLevel"
                    label="计算机等级"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="120px"
                    prop="empno"
                    label="工号"
                    align="center"
                ></el-table-column>
                <!-- <el-table-column sortable :show-overflow-tooltip="true" min-width="100px" prop="postGrade" label="职级" align="center"></el-table-column> -->
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="130px"
                    prop="entryDate"
                    label="入职日期"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="130px"
                    prop="passedDate"
                    label="转正日期"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="130px"
                    prop="leaveDate"
                    label="离职日期"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="120px"
                    prop="leaveReason"
                    label="离职原因"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="80px"
                    prop="empStatus"
                    label="员工状态"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="200px"
                    prop="photoDir1"
                    label="员工照片"
                    align="left"
                >
                    <template slot-scope="scope">
                        <!-- <el-button
              type="goon" size="mini" icon="el-icon-download" circle
              @click="downloadFile(scope.$index, scope.row.photoDir)">
            </el-button>
             <el-button
              type="warning" size="mini" icon="el-icon-view" circle
              @click="imgPreView(scope.$index, scope.row)">
            </el-button> -->
                        <span>{{scope.row.photoDir1}}</span>
                    </template>
                </el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="100px"
                    label="下载、预览"
                    align="center"
                >
                    <template slot-scope="scope">
                        <el-tooltip
                            content="下载文件"
                            placement="bottom"
                            effect="light"
                        >
                            <el-button
                                :disabled='!scope.row.photoDir1'
                                type="goon"
                                size="mini"
                                icon="el-icon-download"
                                circle
                                @click="downloadFile(scope.$index, scope.row.empNo, scope.row.photoDir.fileName,  scope.row.photoDir.oldFileName, 'LIMS_LRC_EMP')"
                            >
                            </el-button>
                        </el-tooltip>
                        <el-tooltip
                            content="预览照片"
                            placement="bottom"
                            effect="light"
                        >
                            <el-button
                                :disabled='!scope.row.photoDir1'
                                type="warning"
                                size="mini"
                                icon="el-icon-view"
                                circle
                                @click="imgPreView(scope.$index, scope.row.empNo, scope.row.photoDir.fileName, 'LIMS_LRC_EMP')"
                            >
                            </el-button>
                        </el-tooltip>
                    </template>
                </el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="100px"
                    prop="memo"
                    label="备注"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="120px"
                    prop="createMan"
                    label="创建人"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="140px"
                    prop="createTime"
                    label="创建时间"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="120px"
                    prop="updateMan"
                    label="更新人"
                    align="center"
                ></el-table-column>
                <el-table-column
                    sortable
                    :show-overflow-tooltip="true"
                    min-width="140px"
                    prop="updateTime"
                    label="更新时间"
                    align="center"
                ></el-table-column>
            </el-table>
        </div>
        <!-- 分页一 -->
        <div class="zy-foot-page">
            <el-pagination
                v-loading="dataLoading"
                @size-change="pageSizeChange"
                @current-change="pageCurrentChange"
                :current-page="page.pageNum"
                :page-sizes="[10, 20, 50, 100, 200]"
                :page-size="page.pageSize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="page.totalPage"
                background
            >
            </el-pagination>
        </div>
        <br>
        <!-- 合同信息 -->
        <div
            style="position: absolute;right:23px;margin-top:7px;z-index: 999;"
            v-if="activeName === 'first'"
        ></div>
        <!-- 资格认证 -->
        <div
            style="position: absolute;right:23px;margin-top: 7px;z-index: 999;"
            v-if="activeName === 'second'"
        ></div>
        <!-- 教育经历 -->
        <div
            style="position: absolute;right:23px;margin-top: 7px;z-index: 999;"
            v-if="activeName === 'third'"
        ></div>
        <!-- 培训记录 -->
        <div
            style="position: absolute;right:23px;margin-top: 7px;z-index: 999;"
            v-if="activeName === 'fourth'"
        ></div>
        <!-- 工作经历 -->
        <div
            style="position: absolute;right:23px;margin-top: 7px;z-index: 999;"
            v-if="activeName === 'fifth'"
        ></div>
        <!-- 班组维护 -->
        <div
            style="position: absolute;right:23px;margin-top: 7px;z-index: 999;"
            v-if="activeName === 'sixth'"
        ></div>
        <!-- tabs切栏 -->
        <div>
            <el-tabs
                v-model="activeName"
                type="card"
                @tab-click="tabsHandleClick"
            >
                <el-tab-pane
                    label="合同信息"
                    name="first"
                >
                    <div class="zy-title-div">
                        <div class="zy-title-name">
                            <img
                                style="width: 25px; height: 25px"
                                src='../../../../assets/img/imgScreen/logo.png'
                            />
                            人员合同信息
                        </div>
                        <div>
                            <el-button
                                icon="el-icon-circle-plus-outline"
                                type="goon"
                                size="mini"
                                @click="addData2"
                            >新增</el-button>
                            <el-button
                                icon="el-icon-edit"
                                type="goon"
                                size="mini"
                                @click="modifyData2"
                            >修改</el-button>
                            <el-button
                                icon="el-icon-circle-close"
                                type="danger"
                                size="mini"
                                @click="deleteData2"
                            >停用</el-button>
                            <el-button
                                icon="el-icon-check"
                                type="goon"
                                size="mini"
                                @click="recoverData2"
                            >启用</el-button>
                        </div>
                    </div>
                            
                    <!-- 人员合同信息表表格 :height="height_bot"-->
                    <div class="common-table-div" style="margin-bottom:0;margin-top:0">
                        <el-table
                            v-loading="dataLoading2"
                            ref="dataTable2"
                            border
                            highlight-current-row
                            @selection-change="handleSelectionChange2"
                            @row-click="getRowCheck"
                            :data="table.list2"
                            :icore-filter-flag="icoreFilterFlag"
                            :header-cell-style="tableHeaderCellStyle"
                            :cell-class-name="tableRowClassName2"
                            :exchangeFilterMap="{'onTrial':{'0':'否','1':'是'},
        'unlimited':{'0':'否','1':'是'},
        'validFlag':{'0':'已停用','1':'已启用'},}"
                        >
                            <el-table-column
                                type="index"
                                label="NO"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                type="selection"
                                width="55"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="empNo"
                                label="职工编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="contId"
                                label="合同编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="110px"
                                prop="contractTitle"
                                label="合同名称"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="contractType"
                                label="合同类型"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="110px"
                                prop="fileNumber"
                                label="档案编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="onTrial"
                                label="是否试用"
                                align="center"
                            >
                                <template slot-scope="scope">
                                    <span v-if="scope.row.onTrial == 0">否</span>
                                    <span v-else-if="scope.row.onTrial == 1">是</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="unlimited"
                                label="是否长期合同"
                                align="center"
                            >
                                <template slot-scope="scope">
                                    <span v-if="scope.row.unlimited == 0">否</span>
                                    <span v-else-if="scope.row.unlimited == 1">是</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="validFlag"
                                label="数据状态"
                                align="center"
                            >
                                <template slot-scope="scope">
                                    <span v-if="scope.row.validFlag == 1">已启用</span>
                                    <span v-else-if="scope.row.validFlag == 0">已停用</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="130px"
                                prop="trialEndDate"
                                label="试用期至"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="130px"
                                prop="signDate"
                                label="签订日期"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="130px"
                                prop="strDate"
                                label="开始日期"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="130px"
                                prop="endDate"
                                label="结束日期"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment011"
                                label="附件1"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment011'
                                        @click="downloadFile(scope.$index, scope.row.rowId, scope.row.attachment01.fileName,  scope.row.attachment01.oldFileName, '')"
                                    >
                                        <!-- @click="downloadFile(scope.$index, scope.row.rowId, scope.row.attachment01.fileName,  scope.row.attachment01.oldFileName, 'LIMS_LRC_EMP_CONT')"> -->
                                    </el-button>
                                    <span>{{scope.row.attachment011}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment021"
                                label="附件2"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment021'
                                        @click="downloadFile(scope.$index, scope.row.rowId, scope.row.attachment02.fileName,  scope.row.attachment02.oldFileName, '')"
                                    >
                                    </el-button>
                                    <span>{{scope.row.attachment021}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment031"
                                label="附件3"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment031'
                                        @click="downloadFile(scope.$index, scope.row.rowId,  scope.row.attachment03.fileName,  scope.row.attachment03.oldFileName, '')"
                                    >
                                    </el-button>
                                    <span>{{scope.row.attachment031}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="memo"
                                label="备注"
                                align="center"
                            ></el-table-column>
                        </el-table>
                    </div>
                    <!-- <div class="zy-foot-page">
                        <el-pagination
                            v-loading="dataLoading2"
                            @size-change="pageSizeChange2"
                            @current-change="pageCurrentChange2"
                            :current-page="page2.pageNum"
                            :page-sizes="[10, 20, 50, 100, 200]"
                            :page-size="page2.pageSize"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="page2.totalPage"
                            background
                        >
                        </el-pagination>
                    </div> -->
                </el-tab-pane>
                <el-tab-pane
                    label="资格认证"
                    name="second"
                >
                    <div class="zy-title-div">
                        <div class="zy-title-name">
                            <img
                                style="width: 25px; height: 25px"
                                src='../../../../assets/img/imgScreen/logo.png'
                            />
                            资格认证信息
                        </div>
                        <div>
                            <el-button
                                icon="el-icon-circle-plus-outline"
                                type="goon"
                                size="mini"
                                @click="addData3"
                            >新增</el-button>
                            <el-button
                                icon="el-icon-edit"
                                type="goon"
                                size="mini"
                                @click="modifyData3"
                            >修改</el-button>
                            <el-button
                                icon="el-icon-circle-close"
                                type="danger"
                                size="mini"
                                @click="deleteData3"
                            >停用</el-button>
                            <el-button
                                icon="el-icon-check"
                                type="goon"
                                size="mini"
                                @click="recoverData3"
                            >启用</el-button>
                        </div>
                    </div>
                    <!-- 资格认证表格 -->
                    <div class="common-table-div" style="margin-bottom:0;margin-top:0">
                        <el-table
                            v-loading="dataLoading3"
                            ref="dataTable3"
                            border
                            :height="height_bot"
                            highlight-current-row
                            @selection-change="handleSelectionChange3"
                            :data="table.list3"
                            @row-click="getRowCheck2"
                            :icore-filter-flag="icoreFilterFlag"
                            :cell-class-name="tableRowClassName3"
                            :header-cell-style="tableHeaderCellStyle"
                            :exchangeFilterMap="{'validFlag':{'0':'已停用','1':'已启用'},
        'unlimited':{'0':'否','1':'是'}}"
                        >
                            <el-table-column
                                type="index"
                                label="NO"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                type="selection"
                                width="55"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                width="140px"
                                prop="empNo"
                                label="职工编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                width="140px"
                                prop="certId"
                                label=资格证编号
                                align="center"
                            ></el-table-column>
                            <!-- <el-table-column sortable width="100px" prop="certifyNo" label="资格证编号" align="center"></el-table-column> -->
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="110px"
                                prop="certifyName"
                                label="资格证名称"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="certifyType"
                                label="资格证类型"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="certifyLevel"
                                label="资格证等级"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="issueOrg"
                                label="发证机构"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="unlimited"
                                label="终身有效"
                                align="center"
                            >
                                <template slot-scope="scope">
                                    <span v-if="scope.row.unlimited == 0">否</span>
                                    <span v-else-if="scope.row.unlimited == 1">是</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="validFlag"
                                label="数据状态"
                                align="center"
                            >
                                <template slot-scope="scope">
                                    <span v-if="scope.row.validFlag == 1">已启用</span>
                                    <span v-else-if="scope.row.validFlag == 0">已停用</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="issueDate"
                                label="发证日期"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="strDate"
                                label="有效期起"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="endDate"
                                label="有效期止"
                                align="center"
                            ></el-table-column>
                            <!-- <el-table-column sortable :show-overflow-tooltip="true" min-width="200px" prop="attachment01" label="附件1" align="left">
         <template slot-scope="scope">
            <el-button 
              type="goon" size="mini" icon="el-icon-download" circle
              @click="downloadFile(scope.$index, scope.row.attachment01)">
            </el-button>
            <span>{{scope.row.attachment01}}</span>
           </template>
        </el-table-column>
        <el-table-column sortable :show-overflow-tooltip="true" min-width="200px" prop="attachment02" label="附件2" align="left">
           <template slot-scope="scope">
              <el-button
              type="goon" size="mini" icon="el-icon-download" circle
              @click="downloadFile(scope.$index, scope.row.attachment02)">
            </el-button>
            <span>{{scope.row.attachment02}}</span>
           </template>
        </el-table-column>
        <el-table-column sortable :show-overflow-tooltip="true" min-width="200px" prop="attachment03" label="附件3" align="left">
           <template slot-scope="scope">
             <el-button
              type="goon" size="mini" icon="el-icon-download" circle
              @click="downloadFile(scope.$index, scope.row.attachment03)">
            </el-button>
            <span>{{scope.row.attachment03}}</span>
           </template>
        </el-table-column> -->
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="memo"
                                label="备注"
                                align="center"
                            ></el-table-column>
                        </el-table>
                    </div>
                    <!-- <div class="zy-foot-page">
                        <el-pagination
                            v-loading="dataLoading3"
                            @size-change="pageSizeChange3"
                            @current-change="pageCurrentChange3"
                            :current-page="page3.pageNum"
                            :page-sizes="[10, 20, 50, 100, 200]"
                            :page-size="page3.pageSize"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="page3.totalPage"
                            background
                        >
                        </el-pagination>
                    </div> -->
                </el-tab-pane>
                <el-tab-pane
                    label="教育经历"
                    name="third"
                >
                    <div class="zy-title-div">
                        <div class="zy-title-name">
                            <img
                                style="width: 25px; height: 25px"
                                src='../../../../assets/img/imgScreen/logo.png'
                            />
                            教育经历信息
                        </div>
                        <div>
                            <el-button
                                icon="el-icon-circle-plus-outline"
                                type="goon"
                                size="mini"
                                @click="addData4"
                            >新增</el-button>
                            <el-button
                                icon="el-icon-edit"
                                type="goon"
                                size="mini"
                                @click="modifyData4"
                            >修改</el-button>
                            <el-button
                                icon="el-icon-circle-close"
                                type="danger"
                                size="mini"
                                @click="deleteData4"
                            >停用</el-button>
                            <el-button
                                icon="el-icon-check"
                                type="goon"
                                size="mini"
                                @click="recoverData4"
                            >启用</el-button>

                        </div>
                    </div>
                    <!-- 教育经历表格 -->
                    <div class="common-table-div" style="margin-bottom:0;margin-top:0">
                        <el-table
                            v-loading="dataLoading4"
                            ref="dataTable4"
                            border
                            :height="height_bot"
                            highlight-current-row
                            @selection-change="handleSelectionChange4"
                            :data="table.list4"
                            @row-click="getRowCheck3"
                            :icore-filter-flag="icoreFilterFlag"
                            :cell-class-name="tableRowClassName4"
                            :header-cell-style="tableHeaderCellStyle"
                            :exchangeFilterMap="{'validFlag':{'0':'已停用','1':'已启用'}}"
                        >
                            <el-table-column
                                type="index"
                                label="NO"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                type="selection"
                                width="55"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="eduId"
                                label="教育经历编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="empNo"
                                label="职工编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="eduDegree"
                                label="学历"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="school"
                                label="学校"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="major"
                                label="专业"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="eduDesc"
                                label="学习情况"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="135px"
                                prop="strDate"
                                label="入学时间"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="135px"
                                prop="endDate"
                                label="毕业时间"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment011"
                                label="附件1"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment011'
                                        @click="downloadFile(scope.$index, scope.row.rowId, scope.row.attachment01.fileName,  scope.row.attachment01.oldFileName, '')"
                                    >
                                        <!-- LIMS_LRC_EMP_EDU -->
                                    </el-button>
                                    <span>{{scope.row.attachment011}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment021"
                                label="附件2"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment021'
                                        @click="downloadFile(scope.$index, scope.row.rowId, scope.row.attachment02.fileName,  scope.row.attachment02.oldFileName, '')"
                                    >
                                    </el-button>
                                    <span>{{scope.row.attachment021}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment031"
                                label="附件3"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment031'
                                        @click="downloadFile(scope.$index, scope.row.rowId,  scope.row.attachment03.fileName,  scope.row.attachment03.oldFileName, '')"
                                    >
                                    </el-button>
                                    <span>{{scope.row.attachment031}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="validFlag"
                                label="数据状态"
                                align="center"
                            >
                                <template slot-scope="scope">
                                    <span v-if="scope.row.validFlag == 1">已启用</span>
                                    <span v-else-if="scope.row.validFlag == 0">已停用</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="memo"
                                label="备注"
                                align="center"
                            ></el-table-column>
                        </el-table>
                    </div>
                    <!-- <div class="zy-foot-page">
                        <el-pagination
                            v-loading="dataLoading4"
                            @size-change="pageSizeChange4"
                            @current-change="pageCurrentChange4"
                            :current-page="page4.pageNum"
                            :page-sizes="[10, 20, 50, 100, 200]"
                            :page-size="page4.pageSize"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="page4.totalPage"
                            background
                        >
                        </el-pagination>
                    </div> -->
                </el-tab-pane>
                <el-tab-pane
                    label="培训记录"
                    name="fourth"
                >
                    <div class="zy-title-div">
                        <div class="zy-title-name">
                            <img
                                style="width: 25px; height: 25px"
                                src='../../../../assets/img/imgScreen/logo.png'
                            />
                            培训记录信息
                        </div>
                        <div>
                            <el-button
                                icon="el-icon-circle-plus-outline"
                                type="goon"
                                size="mini"
                                @click="addData5"
                            >新增</el-button>
                            <el-button
                                icon="el-icon-edit"
                                type="goon"
                                size="mini"
                                @click="modifyData5"
                            >修改</el-button>
                            <el-button
                                icon="el-icon-circle-close"
                                type="danger"
                                size="mini"
                                @click="deleteData5"
                            >停用</el-button>
                            <el-button
                                icon="el-icon-check"
                                type="goon"
                                size="mini"
                                @click="recoverData5"
                            >启用</el-button>
                        </div>
                    </div>
                    <!-- 培训记录信息表表格 -->
                    <div class="common-table-div" style="margin-bottom:0;margin-top:0">
                        <el-table
                            v-loading="dataLoading5"
                            ref="dataTable5"
                            border
                            :height="height_bot"
                            highlight-current-row
                            @selection-change="handleSelectionChange5"
                            :data="table.list5"
                            @row-click="getRowCheck4"
                            :icore-filter-flag="icoreFilterFlag"
                            :cell-class-name="tableRowClassName5"
                            :header-cell-style="tableHeaderCellStyle"
                            :exchangeFilterMap="{'validFlag':{'0':'已停用','1':'已启用'},
        'passed':{'0':'否','1':'是'},}"
                        >
                            <el-table-column
                                type="index"
                                label="NO"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                type="selection"
                                width="55"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="traId"
                                label="培训记录编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="empNo"
                                label="职工编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="courseName"
                                label="培训课程"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="trnType"
                                label="培训类型"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="trnMode"
                                label="培训形式"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="trnOrg"
                                label="培训机构"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="trnPurpose"
                                label="培训目的"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="trnConten"
                                label="培训内容"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="trnCost"
                                label="培训费用"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="strDate"
                                label="培训开始时间"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="endDate"
                                label="培训结束时间"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="110px"
                                prop="paidByComp"
                                label="公司支付费用"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="110px"
                                prop="paidBySelf"
                                label="个人支付费用"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="trnResult"
                                label="培训成绩"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="passed"
                                label="是否合格"
                                align="center"
                            >
                                <template slot-scope="scope">
                                    <span v-if="scope.row.passed == 0">否</span>
                                    <span v-else-if="scope.row.passed == 1">是</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="110px"
                                prop="tchComments"
                                label="导师评语"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment011"
                                label="附件1"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment011'
                                        @click="downloadFile(scope.$index, scope.row.rowId, scope.row.attachment01.fileName,  scope.row.attachment01.oldFileName, '')"
                                    >
                                        <!-- LIMS_LRC_EMP_TRAINING -->
                                    </el-button>
                                    <span>{{scope.row.attachment011}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment021"
                                label="附件2"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment021'
                                        @click="downloadFile(scope.$index, scope.row.rowId, scope.row.attachment02.fileName,  scope.row.attachment02.oldFileName, '')"
                                    >
                                    </el-button>
                                    <span>{{scope.row.attachment021}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment031"
                                label="附件3"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment031'
                                        @click="downloadFile(scope.$index, scope.row.rowId,  scope.row.attachment03.fileName,  scope.row.attachment03.oldFileName, '')"
                                    >
                                    </el-button>
                                    <span>{{scope.row.attachment031}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="memo"
                                label="备注"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="validFlag"
                                label="数据状态"
                                align="center"
                            >
                                <template slot-scope="scope">
                                    <span v-if="scope.row.validFlag == 1">已启用</span>
                                    <span v-else-if="scope.row.validFlag == 0">已停用</span>
                                </template>
                            </el-table-column>
                        </el-table>
                    </div>
                    <!-- <div class="zy-foot-page">
                        <el-pagination
                            v-loading="dataLoading5"
                            @size-change="pageSizeChange5"
                            @current-change="pageCurrentChange5"
                            :current-page="page5.pageNum"
                            :page-sizes="[10, 20, 50, 100, 200]"
                            :page-size="page5.pageSize"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="page5.totalPage"
                            background
                        >
                        </el-pagination>
                    </div> -->
                </el-tab-pane>
                <el-tab-pane
                    label="工作经历"
                    name="fifth"
                >
                    <div class="zy-title-div">
                        <div class="zy-title-name">
                            <img
                                style="width: 25px; height: 25px"
                                src='../../../../assets/img/imgScreen/logo.png'
                            />
                            工作经历信息
                        </div>
                        <div>
                            <el-button
                                icon="el-icon-circle-plus-outline"
                                type="goon"
                                size="mini"
                                @click="addData6"
                            >新增</el-button>
                            <el-button
                                icon="el-icon-edit"
                                type="goon"
                                size="mini"
                                @click="modifyData6"
                            >修改</el-button>
                            <el-button
                                icon="el-icon-circle-close"
                                type="danger"
                                size="mini"
                                @click="deleteData6"
                            >停用</el-button>
                            <el-button
                                icon="el-icon-check"
                                type="goon"
                                size="mini"
                                @click="recoverData6"
                            >启用</el-button>
                        </div>
                    </div>
                    <!-- 工作经历表格 -->
                    <div class="common-table-div" style="margin-bottom:0;margin-top:0">
                        <el-table
                            v-loading="dataLoading6"
                            ref="dataTable6"
                            border
                            :height="height_bot"
                            highlight-current-row
                            @selection-change="handleSelectionChange6"
                            :data="table.list6"
                            @row-click="getRowCheck5"
                            :icore-filter-flag="icoreFilterFlag"
                            :cell-class-name="tableRowClassName6"
                            :header-cell-style="tableHeaderCellStyle"
                            :exchangeFilterMap="{'validFlag':{'0':'已停用','1':'已启用'},}"
                        >
                            <el-table-column
                                type="index"
                                label="NO"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                type="selection"
                                width="55"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="wrkId"
                                label="工作经历编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="empNo"
                                label="职工编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="wrkCompany"
                                label="工作单位"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="jobDesc"
                                label="工作内容"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="leavePost"
                                label="离职职务"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="leaveReason"
                                label="离职原因"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="strDate"
                                label="开始时间"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="140px"
                                prop="endDate"
                                label="离职日期"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment011"
                                label="附件1"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment011'
                                        @click="downloadFile(scope.$index, scope.row.rowId, scope.row.attachment01.fileName,  scope.row.attachment01.oldFileName, '')"
                                    >
                                        <!-- LIMS_LRC_EMP_WRK -->
                                    </el-button>
                                    <span>{{scope.row.attachment011}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment021"
                                label="附件2"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment021'
                                        @click="downloadFile(scope.$index, scope.row.rowId, scope.row.attachment02.fileName,  scope.row.attachment02.oldFileName, '')"
                                    >
                                    </el-button>
                                    <span>{{scope.row.attachment021}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="200px"
                                prop="attachment031"
                                label="附件3"
                                align="left"
                            >
                                <template slot-scope="scope">
                                    <el-button
                                        type="goon"
                                        size="mini"
                                        icon="el-icon-download"
                                        circle
                                        :disabled='!scope.row.attachment031'
                                        @click="downloadFile(scope.$index, scope.row.rowId,  scope.row.attachment03.fileName,  scope.row.attachment03.oldFileName, '')"
                                    >
                                    </el-button>
                                    <span>{{scope.row.attachment031}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="memo"
                                label="备注"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="validFlag"
                                label="数据状态"
                                align="center"
                            >
                                <template slot-scope="scope">
                                    <span v-if="scope.row.validFlag == 1">已启用</span>
                                    <span v-else-if="scope.row.validFlag == 0">已停用</span>
                                </template>
                            </el-table-column>
                        </el-table>
                    </div>
                    <!-- <div class="zy-foot-page">
                        <el-pagination
                            v-loading="dataLoading6"
                            @size-change="pageSizeChange6"
                            @current-change="pageCurrentChange6"
                            :current-page="page6.pageNum"
                            :page-sizes="[10, 20, 50, 100, 200]"
                            :page-size="page6.pageSize"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="page6.totalPage"
                            background
                        >
                        </el-pagination>
                    </div> -->
                </el-tab-pane>
                <el-tab-pane
                    label="班组维护"
                    name="sixth"
                >
                    <div class="zy-title-div">
                        <div class="zy-title-name">
                            <img
                                style="width: 25px; height: 25px"
                                src='../../../../assets/img/imgScreen/logo.png'
                            />
                            班组维护信息
                        </div>
                        <div>
                            <el-button
                                icon="el-icon-circle-plus-outline"
                                type="goon"
                                size="mini"
                                @click="addData7"
                            >新增</el-button>
                            <el-button
                                icon="el-icon-edit"
                                type="goon"
                                size="mini"
                                @click="modifyData7"
                            >修改</el-button>
                            <el-button
                                icon="el-icon-circle-close"
                                type="danger"
                                size="mini"
                                @click="deleteData7"
                            >停用</el-button>
                            <el-button
                                icon="el-icon-check"
                                type="goon"
                                size="mini"
                                @click="recoverData7"
                            >启用</el-button>
                        </div>
                    </div>
                    <!-- 班组维护表格 -->
                    <div class="common-table-div" style="margin-bottom:0;margin-top:0">
                        <el-table
                            v-loading="dataLoading7"
                            ref="dataTable7"
                            border
                            :height="height_bot"
                            highlight-current-row
                            @selection-change="handleSelectionChange7"
                            :data="table.list7"
                            @row-click="getRowCheck6"
                            :icore-filter-flag="icoreFilterFlag"
                            :header-cell-style="tableHeaderCellStyle"
                            :cell-class-name="tableRowClassName7"
                            :exchangeFilterMap="{'validFlag':{'0':'已停用','1':'已启用'},}"
                        >
                            <el-table-column
                                type="index"
                                label="NO"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                type="selection"
                                width="55"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="empNo"
                                label="职工编号"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="80px"
                                prop="empName"
                                label="职工姓名"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="120px"
                                prop="companyName"
                                label="公司名称"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="120px"
                                prop="deptName"
                                label="部门名称"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="120px"
                                prop="sectionName"
                                label="班组名称"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="wrkGrpName"
                                label="班值"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="postName"
                                label="岗位"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="100px"
                                prop="memo"
                                label="备注"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="80px"
                                prop="validFlag"
                                label="有效状态"
                                align="center"
                            >
                                <template slot-scope="scope">
                                    <span v-if="scope.row.validFlag == 1">已启用</span>
                                    <span v-else-if="scope.row.validFlag == 0">已停用</span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="80px"
                                prop="createMan"
                                label="创建人"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="120px"
                                prop="createTime"
                                label="创建时间"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="80px"
                                prop="updateMan"
                                label="更新人"
                                align="center"
                            ></el-table-column>
                            <el-table-column
                                sortable
                                :show-overflow-tooltip="true"
                                min-width="120px"
                                prop="updateTime"
                                label="更新时间"
                                align="center"
                            ></el-table-column>
                        </el-table>
                    </div>
                    <!-- <div class="zy-foot-page">
                        <el-pagination
                            v-loading="dataLoading7"
                            @size-change="pageSizeChange7"
                            @current-change="pageCurrentChange7"
                            :current-page="page7.pageNum"
                            :page-sizes="[10, 20, 50, 100, 200]"
                            :page-size="page7.pageSize"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="page7.totalPage"
                            background
                        >
                        </el-pagination>
                    </div> -->
                </el-tab-pane>
            </el-tabs>
        </div>
        <!-- 新增实验室人员信息弹窗 -->
        <div
            is="alertComponents"
            :showFlag="showFlag"
            :Params="Params"
            @refresh='refresh(1)'
        ></div>
        <div
            is="alertComponents2"
            :showFlag2="showFlag2"
            :Params="Params"
            :Params2="Params2"
            @refresh='refresh(2)'
        ></div>
        <div
            is="alertComponents3"
            :showFlag3="showFlag3"
            :Params="Params"
            :Params3="Params3"
            @refresh='refresh(3)'
        ></div>
        <div
            is="alertComponents4"
            :showFlag4="showFlag4"
            :Params="Params"
            :Params4="Params4"
            @refresh='refresh(4)'
        ></div>
        <div
            is="alertComponents5"
            :showFlag5="showFlag5"
            :Params="Params"
            :Params5="Params5"
            @refresh='refresh(5)'
        ></div>
        <div
            is="alertComponents6"
            :showFlag6="showFlag6"
            :Params="Params"
            :Params6="Params6"
            @refresh='refresh(6)'
        ></div>
        <div
            is="alertComponents7"
            :showFlag7="showFlag7"
            :Params="Params"
            :Params7="Params7"
            @refresh='refresh(7)'
        ></div>
        <!-- 图片预览 -->
        <el-dialog
            :visible.sync="imgVisible"
            width='70%'
        >
            <div
                slot="title"
                class="titleBox"
            >
                <i
                    class="el-icon-document"
                    style="font-size: 20px"
                ></i>
                <span style="margin-left:10px;font-size:18px">图片预览</span>
            </div>
            <div style="text-align:center">
                <img
                    :src="imgPreViews"
                    alt=""
                >
            </div>
        </el-dialog>
    </div>
</template>
<script>
import { getCookie, formatDate } from '@/utils/util.js';
import { ajaxCtx } from '@/config/config.js';
import { cookieUserId, cookieUserName } from '@/config/config.js';
import alertComponents from './alertComponents';
import alertComponents2 from './alertComponents2';
import alertComponents3 from './alertComponents3';
import alertComponents4 from './alertComponents4';
import alertComponents5 from './alertComponents5';
import alertComponents6 from './alertComponents6';
import alertComponents7 from './alertComponents7';
let userName = getCookie(cookieUserName);
let userId = getCookie(cookieUserId);
export default {
    components: { alertComponents, alertComponents2, alertComponents3, alertComponents4, alertComponents5, alertComponents6, alertComponents7 },
    data () {
        return {
            headerHeight: 0, // 搜索栏高度
            titleHeight: 0, // 标题栏高度
            footerHeight: 0, // 分页栏高度
            minTableHeight: 250, // 表格最小高度阈值
            resizeObserver: null, // 窗口监听对象
            text: '',
            table: {
                list: [],
                list2: [],
                list3: [],
                list4: [],
                list5: [],
                list6: [],
                list7: [],
            },
            dataLoading: false,
            dataLoading2: false,
            dataLoading3: false,
            dataLoading4: false,
            dataLoading5: false,
            dataLoading6: false,
            dataLoading7: false,
            icoreFilterFlag: true,
            page: {
                pageSize: 50,
                pageNum: 1,
                totalPage: 0
            },
            page2: {
                pageSize: 50,
                pageNum: 1,
                totalPage: 0
            },
            page3: {
                pageSize: 50,
                pageNum: 1,
                totalPage: 0
            },
            page4: {
                pageSize: 50,
                pageNum: 1,
                totalPage: 0
            },
            page5: {
                pageSize: 50,
                pageNum: 1,
                totalPage: 0
            },
            page6: {
                pageSize: 50,
                pageNum: 1,
                totalPage: 0
            },
            page7: {
                pageSize: 50,
                pageNum: 1,
                totalPage: 0
            },
            showFlag: false,
            Params: {},
            showFlag2: false,
            Params2: {},
            showFlag3: false,
            Params3: {},
            showFlag4: false,
            Params4: {},
            showFlag5: false,
            Params5: {},
            showFlag6: false,
            Params6: {},
            showFlag7: false,
            Params7: {},
            multipleSelection3: [],
            multipleSelection4: [],
            multipleSelection5: [],
            multipleSelection6: [],
            multipleSelection7: [],
            multipleSelection8: [],
            multipleSelection9: [],
            search: {
                empName: '',
                empNo: '',
            },
            empNo: '',
            action_prod: window.location.protocol + '//' + window.location.host,
            // action_prod:ajaxCtx,
            height_top: 0,
            height_bot: 0,
            activeName: 'first',
            activeRefreshObj: {},
            activeEmpNo: '',
            setTimeoutObj: null,
            imgPreViews: '',
            imgVisible: false
        }
    },
    // created () {
    //     this.height_top = window.innerHeight / 2 - 130 < 250 ? 250 : window.innerHeight / 2 - 110;
    //     this.height_bot = window.innerHeight / 2 - 130 < 250 ? 250 : window.innerHeight / 2 - 110;
    // },
    // mounted () {
    //     this.getDataList();
    // },
    beforeDestroy() {
        window.removeEventListener('resize', this.calcTableHeight);
        if (this.resizeObserver) {
            this.resizeObserver.disconnect();
            this.resizeObserver = null;
        }
    },
    mounted() {
        this.getDataList();
        this.calcTableHeight();
        window.addEventListener('resize', this.calcTableHeight);
        this.resizeObserver = new ResizeObserver(() => {
            this.calcTableHeight();
        });
        const headerEl = document.getElementById('headerSearch');
        const titleEl = document.querySelector('.zy-title-div');
        const footerEl = document.querySelector('.zy-foot-page');
        if (headerEl) this.resizeObserver.observe(headerEl);
        if (titleEl) this.resizeObserver.observe(titleEl);
        if (footerEl) this.resizeObserver.observe(footerEl);
    },
    methods: {
        calcTableHeight() {
            this.$nextTick(() => {
                const headerEl = document.getElementById('headerSearch');
                const titleEl = document.querySelector('.zy-title-div');
                const footerEl = document.querySelector('.zy-foot-page');

                this.headerHeight = headerEl ? headerEl.offsetHeight : 0;
                this.titleHeight = titleEl ? titleEl.offsetHeight : 0;
                this.footerHeight = footerEl ? footerEl.offsetHeight : 0;

                const totalReserveHeight = this.headerHeight + this.titleHeight + this.footerHeight + 20; // 20为额外边距（可调整）

                const calcHeight = window.innerHeight / 2 - totalReserveHeight;
                this.height_top = calcHeight < this.minTableHeight ? this.minTableHeight : calcHeight;
                this.height_bot = this.height_top;

                this.$refs.dataTable.doLayout();
                this.$refs.dataTable2.doLayout();
                this.$refs.dataTable3.doLayout();
                this.$refs.dataTable4.doLayout();
                this.$refs.dataTable5.doLayout();
                this.$refs.dataTable6.doLayout();
                this.$refs.dataTable7.doLayout();
            });
        },
        getSummaries (param) {
            const { columns, data } = param;
            const sums = [];
            columns.forEach((column, index) => {
                if (index === 0) {
                    sums[index] = "合计";
                }
                if (index === 1) {
                    sums[index] = data.length;
                }
            });
            return sums;
        },
        // 页面刷新，重新加载表格数据
        refresh (number) {
            switch (number) {
                case 1:
                    this.getDataList();
                    break
                case 2:
                    this.getDataList2(this.empNo);
                    break
                case 3:
                    this.getDataList3(this.empNo);
                    break
                case 4:
                    this.getDataList4(this.empNo);
                    break
                case 5:
                    this.getDataList5(this.empNo);
                    break
                case 6:
                    this.getDataList6(this.empNo);
                    break
                case 7:
                    this.getDataList7(this.empNo);
                    break
            }
        },
        // 人员信息表新增
        addData () {
            this.showFlag = !this.showFlag;
            // this.Params2 = null;
            this.Params = null;
        },
        // 修改（人员信息表）
        modifyData () {
            if (this.multipleSelection3.length !== 1) {
                this.$message.warning('请勾选您要修改的一条数据！')
            } else {
                this.showFlag = !this.showFlag;
                this.Params = Object.assign({}, this.multipleSelection3[0])
            }
        },
        // 人员信息删除
        deleteData () {
            if (this.multipleSelection3.length < 1) {
                this.$message.warning('请勾选您要停用的数据！')
            } else {
                this.dialogTableVisible = false;
                for (var i = 0; i < this.multipleSelection3.length; i++) {
                    this.multipleSelection3[i].updateMan = userName;
                    this.multipleSelection3[i].updateNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcemps/abolish', this.multipleSelection3, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('停用操作成功');
                        this.refresh(1)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        recoverData () {
            if (this.multipleSelection3.length < 1) {
                this.$message.warning('请勾选您要启用的数据！')
            } else {
                this.dialogTableVisible = false;
                for (var i = 0; i < this.multipleSelection3.length; i++) {
                    this.multipleSelection3[i].updateMan = userName;
                    this.multipleSelection3[i].updateNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcemps/recover', this.multipleSelection3, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('启用操作成功');
                        this.refresh(1)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 人员查询
        searchData () {
            this.page.pageNum = 1;
            this.getDataList()
        },
        // 人员信息重置
        reset () {
            this.search.empName = '';
            this.search.empNo = '';
            this.searchData();
        },
        // 人员合同信息新增
        addData2 () {
            this.showFlag2 = !this.showFlag2;
            this.Params2 = null;
            this.Params = this.multipleSelection3;
        },
        // 人员合同信息修改
        modifyData2 () {
            if (this.multipleSelection4.length !== 1) {
                this.$message.warning('请勾选您要修改的一条数据！')
            } else {
                this.showFlag2 = !this.showFlag2;
                this.Params2 = this.multipleSelection4[0];
                this.Params = null
            }
        },
        // 人员合同信息删除
        deleteData2 () {
            if (this.multipleSelection4.length < 1) {
                this.$message.warning('请勾选您要停用的数据！')
            } else {
                this.dialogTableVisible = false;
                for (var i = 0; i < this.multipleSelection4.length; i++) {
                    this.multipleSelection4[i].updateMan = userName;
                    this.multipleSelection4[i].updateNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcempconts/abolish', this.multipleSelection4, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('停用操作成功');
                        this.refresh(2)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 人员合同信息启用按钮
        recoverData2 () {
            if (this.multipleSelection4.length < 1) {
                this.$message.warning('请勾选您要恢复的数据！')
            } else {
                this.dialogTableVisible2 = false;
                for (var i = 0; i < this.multipleSelection4.length; i++) {
                    this.multipleSelection4[i].evaMan = userName;
                    this.multipleSelection4[i].evaNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcempconts/recover', this.multipleSelection4, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('启用成功');
                        this.refresh(2)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 资格认证新增
        addData3 () {
                this.showFlag3 = !this.showFlag3;
                this.Params3 = null;
                this.Params = this.multipleSelection3;
        },
        // 资格认证修改
        modifyData3 () {
            if (this.multipleSelection5.length !== 1) {
                this.$message.warning('请勾选您要修改的一条数据！')
            } else {
                this.showFlag3 = !this.showFlag3;
                this.Params3 = this.multipleSelection5[0];
                this.Params = null
            }
        },
        // 资格认证删除
        deleteData3 () {
            if (this.multipleSelection5.length < 1) {
                this.$message.warning('请勾选您要停用的数据！')
            } else {
                this.dialogTableVisible = false;
                for (var i = 0; i < this.multipleSelection5.length; i++) {
                    this.multipleSelection5[i].updateMan = userName;
                    this.multipleSelection5[i].updateNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcempcerts/abolish', this.multipleSelection5, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('停用操作成功');
                        this.refresh(3)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 资格认证启用
        recoverData3 () {
            if (this.multipleSelection5.length < 1) {
                this.$message.warning('请勾选您要恢复的数据！')
            } else {
                this.dialogTableVisible2 = false;
                for (var i = 0; i < this.multipleSelection5.length; i++) {
                    this.multipleSelection5[i].evaMan = userName;
                    this.multipleSelection5[i].evaNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcempcerts/recover', this.multipleSelection5, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('启用成功');
                        this.refresh(3)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 教育经历
        addData4 () {
                this.showFlag4 = !this.showFlag4;
                this.Params4 = null;
                this.Params = this.multipleSelection3;
        },
        // 教育经历修改
        modifyData4 () {
            if (this.multipleSelection6.length !== 1) {
                this.$message.warning('请勾选您要修改的一条数据！')
            } else {
                this.showFlag4 = !this.showFlag4;
                this.Params4 = this.multipleSelection6[0];
                this.Params = null
            }
        },
        // 教育经历删除
        deleteData4 () {
            if (this.multipleSelection6.length < 1) {
                this.$message.warning('请勾选您要停用的数据！')
            } else {
                this.dialogTableVisible = false;
                for (var i = 0; i < this.multipleSelection6.length; i++) {
                    this.multipleSelection6[i].updateMan = userName;
                    this.multipleSelection6[i].updateNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcempedus/abolish', this.multipleSelection6, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('停用操作成功');
                        this.refresh(4)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 教育经历启用
        recoverData4 () {
            if (this.multipleSelection6.length < 1) {
                this.$message.warning('请勾选您要恢复的数据！')
            } else {
                this.dialogTableVisible2 = false;
                for (var i = 0; i < this.multipleSelection6.length; i++) {
                    this.multipleSelection6[i].evaMan = userName;
                    this.multipleSelection6[i].evaNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcempedus/recover', this.multipleSelection6, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('启用成功');
                        this.refresh(4)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 培训记录
        addData5 () {
                this.showFlag5 = !this.showFlag5;
                this.Params5 = null;
                this.Params = this.multipleSelection3;
        },
        // 培训记录修改
        modifyData5 () {
            if (this.multipleSelection7.length !== 1) {
                this.$message.warning('请勾选您要修改的一条数据！')
            } else {
                this.showFlag5 = !this.showFlag5;
                this.Params5 = this.multipleSelection7[0];
                this.Params = null
            }
        },
        // 培训记录删除
        deleteData5 () {
            if (this.multipleSelection7.length < 1) {
                this.$message.warning('请勾选您要停用的数据！')
            } else {
                this.dialogTableVisible = false;
                for (var i = 0; i < this.multipleSelection7.length; i++) {
                    this.multipleSelection7[i].updateMan = userName;
                    this.multipleSelection7[i].updateNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcemptrainings/abolish', this.multipleSelection7, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('停用操作成功');
                        this.refresh(5)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 培训记录启用
        recoverData5 () {
            if (this.multipleSelection7.length < 1) {
                this.$message.warning('请勾选您要恢复的数据！')
            } else {
                this.dialogTableVisible2 = false;
                for (var i = 0; i < this.multipleSelection7.length; i++) {
                    this.multipleSelection7[i].evaMan = userName;
                    this.multipleSelection7[i].evaNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcemptrainings/recover', this.multipleSelection7, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('启用成功');
                        this.refresh(5)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 工作经历
        addData6 () {
                this.showFlag6 = !this.showFlag6;
                this.Params6 = null;
                this.Params = this.multipleSelection3;
        },
        // 工作经历修改
        modifyData6 () {
            if (this.multipleSelection8.length !== 1) {
                this.$message.warning('请勾选您要修改的一条数据！')
            } else {
                this.showFlag6 = !this.showFlag6;
                this.Params6 = this.multipleSelection8[0];
                this.Params = null
            }
        },
        // 工作经历删除
        deleteData6 () {
            if (this.multipleSelection8.length < 1) {
                this.$message.warning('请勾选您要停用的数据！')
            } else {
                this.dialogTableVisible = false;
                for (var i = 0; i < this.multipleSelection8.length; i++) {
                    this.multipleSelection8[i].updateMan = userName;
                    this.multipleSelection8[i].updateNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcempwrks/abolish', this.multipleSelection8, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('停用操作成功');
                        this.refresh(6)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 工作经历启用
        recoverData6 () {
            if (this.multipleSelection8.length < 1) {
                this.$message.warning('请勾选您要恢复的数据！')
            } else {
                this.dialogTableVisible2 = false;
                for (var i = 0; i < this.multipleSelection8.length; i++) {
                    this.multipleSelection8[i].evaMan = userName;
                    this.multipleSelection8[i].evaNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcempwrks/recover', this.multipleSelection8, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('启用成功');
                        this.refresh(6)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 班组维护经历
        addData7 () {
                this.showFlag7 = !this.showFlag7;
                this.Params7 = null;
                this.Params = this.multipleSelection3;
        },
        // 班组维护修改
        modifyData7 () {
            if (this.multipleSelection9.length !== 1) {
                this.$message.warning('请勾选您要修改的一条数据！')
            } else {
                this.showFlag7 = !this.showFlag7;
                this.Params7 = this.multipleSelection9[0];
                this.Params = null
            }
        },
        // 班组维护删除
        deleteData7 () {
            if (this.multipleSelection9.length < 1) {
                this.$message.warning('请勾选您要停用的数据！')
            } else {
                this.dialogTableVisible = false;
                for (var i = 0; i < this.multipleSelection9.length; i++) {
                    this.multipleSelection9[i].updateMan = userName;
                    this.multipleSelection9[i].updateNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcempwrkgrps/abolish', this.multipleSelection9, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('停用操作成功');
                        this.refresh(7)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 班组维护启用
        recoverData7 () {
            if (this.multipleSelection9.length < 1) {
                this.$message.warning('请勾选您要恢复的数据！')
            } else {
                this.dialogTableVisible2 = false;
                for (var i = 0; i < this.multipleSelection9.length; i++) {
                    this.multipleSelection9[i].evaMan = userName;
                    this.multipleSelection9[i].evaNo = userId
                }
                this.axios.post('pass/baseManagement/v1/limslrcempwrkgrps/recover', this.multipleSelection9, { individualType: 'json' }).then(res => {
                    if (res.succeed) {
                        this.$message.success('启用成功');
                        this.refresh(7)
                    } else {
                        this.$message.error(res.message)
                    }
                }).catch(e => {
                    this.$message.error(e.message)
                })
            }
        },
        // 第一个
        pageSizeChange (size) {
            this.page.pageSize = size;
            this.getDataList();
        },
        pageCurrentChange (index) {
            this.page.pageNum = index;
            this.getDataList();
        },
        handleSelectionChange (val) {
            this.multipleSelection3 = val;
            if (val.length > 0) {
                this.empNo = val[val.length - 1].empNo
                this.$refs.dataTable.setCurrentRow(val[val.length - 1])
                this.getAllListByEmpNo(val[val.length - 1])
            }
        },
        getAllListByEmpNo (val) {
            if (this.activeEmpNo === val.empNo) {
                return;
            }
            this.activeRefreshObj = {};
            this.activeEmpNo = val.empNo;
            this.$refs.dataTable.toggleRowSelection(val, true)
            //缓解切换行过快导致请求过多造成的界面卡顿
            if (this.setTimeoutObj != null) {
                clearTimeout(this.setTimeoutObj);
                this.setTimeoutObj = setTimeout(() => {
                    this.setTimeoutObj = null;
                    this.getTagsData();
                }, 500);
            } else {
                this.getTagsData();
                this.setTimeoutObj = setTimeout(() => {
                    this.setTimeoutObj = null;
                }, 600);
            }

        },
        tabsHandleClick (tab, event) {
            if (!this.activeRefreshObj[this.activeName]){
                this.getTagsData();
            }
        },
        getTagsData () {
            this.activeRefreshObj[this.activeName] = true;
            switch (this.activeName) {
                case 'first':
                    this.getDataList2(this.activeEmpNo)
                    break;
                case 'second':
                    this.getDataList3(this.activeEmpNo)
                    break;
                case 'third':
                    this.getDataList4(this.activeEmpNo)
                    break;
                case 'fourth':
                    this.getDataList5(this.activeEmpNo)
                    break;
                case 'fifth':
                    this.getDataList6(this.activeEmpNo)
                    break;
                case 'sixth':
                    this.getDataList7(this.activeEmpNo)
                    break;
            }
        },
        getRowCheck (val) {
            this.$refs.dataTable2.toggleRowSelection(val, true)
        },
        getRowCheck2 (val) {
            this.$refs.dataTable3.toggleRowSelection(val, true)
        },
        getRowCheck3 (val) {
            this.$refs.dataTable4.toggleRowSelection(val, true)
        },
        getRowCheck4 (val) {
            this.$refs.dataTable5.toggleRowSelection(val, true)
        },
        getRowCheck5 (val) {
            this.$refs.dataTable6.toggleRowSelection(val, true)
        },
        getRowCheck6 (val) {
            this.$refs.dataTable7.toggleRowSelection(val, true)
        },
        // 第二个
        pageSizeChange2 (size) {
            this.page2.pageSize = size;
            this.getDataList2();
        },
        pageCurrentChange2 (index) {
            this.page2.pageNum = index;
            this.getDataList2();
        },
        handleSelectionChange2 (val) {
            this.multipleSelection4 = val;
        },
        // 三个
        pageSizeChange3 (size) {
            this.page3.pageSize = size;
            this.getDataList3();
        },
        pageCurrentChange3 (index) {
            this.page3.pageNum = index;
            this.getDataList3();
        },
        handleSelectionChange3 (val) {
            this.multipleSelection5 = val;
        },
        // 四个
        pageSizeChange4 (size) {
            this.page4.pageSize = size;
            this.getDataList4();
        },
        pageCurrentChange4 (index) {
            this.page4.pageNum = index;
            this.getDataList4();
        },
        handleSelectionChange4 (val) {
            this.multipleSelection6 = val;
        },
        // 五个
        pageSizeChange5 (size) {
            this.page5.pageSize = size;
            this.getDataList5();
        },
        pageCurrentChange5 (index) {
            this.page5.pageNum = index;
            this.getDataList5();
        },
        handleSelectionChange5 (val) {
            this.multipleSelection7 = val;
        },
        // 六个
        pageSizeChange6 (size) {
            this.page6.pageSize = size;
            this.getDataList6();
        },
        pageCurrentChange6 (index) {
            this.page6.pageNum = index;
            this.getDataList6();
        },
        handleSelectionChange6 (val) {
            this.multipleSelection8 = val;
        },
        // 七个
        pageSizeChange7 (size) {
            this.page7.pageSize = size;
            this.getDataList7();
        },
        pageCurrentChange7 (index) {
            this.page7.pageNum = index;
            this.getDataList7();
        },
        handleSelectionChange7 (val) {
            this.multipleSelection9 = val;
        },
        addScreen () {
            this.$nextTick(() => {
                let ss = document.createElement('div');
                ss.innerHTML = '筛选';
                ss.style = 'text-align: center;'
                this.$refs.dataTable.$el.getElementsByClassName('el-table__fixed')[0].getElementsByTagName('td')[0].appendChild(ss);
            });
        },
        addScreen2 () {
            this.$nextTick(() => {
                let ss = document.createElement('div');
                ss.innerHTML = '筛选';
                ss.style = 'text-align: center;'
                this.$refs.dataTable2.$el.getElementsByClassName('el-table__fixed')[0].getElementsByTagName('td')[0].appendChild(ss);
            });
        },
        addScreen3 () {
            this.$nextTick(() => {
                let ss = document.createElement('div');
                ss.innerHTML = '筛选';
                ss.style = 'text-align: center;'
                this.$refs.dataTable3.$el.getElementsByClassName('el-table__fixed')[0].getElementsByTagName('td')[0].appendChild(ss);
            });
        },
        addScreen4 () {
            this.$nextTick(() => {
                let ss = document.createElement('div');
                ss.innerHTML = '筛选';
                ss.style = 'text-align: center;'
                this.$refs.dataTable4.$el.getElementsByClassName('el-table__fixed')[0].getElementsByTagName('td')[0].appendChild(ss);
            });
        },
        addScreen5 () {
            this.$nextTick(() => {
                let ss = document.createElement('div');
                ss.innerHTML = '筛选';
                ss.style = 'text-align: center;'
                this.$refs.dataTable5.$el.getElementsByClassName('el-table__fixed')[0].getElementsByTagName('td')[0].appendChild(ss);
            });
        },
        addScreen6 () {
            this.$nextTick(() => {
                let ss = document.createElement('div');
                ss.innerHTML = '筛选';
                ss.style = 'text-align: center;'
                this.$refs.dataTable6.$el.getElementsByClassName('el-table__fixed')[0].getElementsByTagName('td')[0].appendChild(ss);
            });
        },
        addScreen7 () {
            this.$nextTick(() => {
                let ss = document.createElement('div');
                ss.innerHTML = '筛选';
                ss.style = 'text-align: center;'
                this.$refs.dataTable7.$el.getElementsByClassName('el-table__fixed')[0].getElementsByTagName('td')[0].appendChild(ss);
            });
        },
        getDataList () {
            this.dataLoading = true;
            this.axios.get('pass/baseManagement/v1/limslrcemps/like/' + '?pageNum=' + this.page.pageNum + '&pageSize=' + this.page.pageSize + '&empNo=' + this.search.empNo + '&empName=' + this.search.empName).then(res => {
                this.dataLoading = false;
                this.table.list = res.data.list;
                this.table.list.forEach(item => {
                    try {
                        item.birthday = formatDate(item.birthday, "yyyy-MM-dd")
                        item.graduationTime = formatDate(item.graduationTime, "yyyy-MM-dd")
                        item.entryDate = formatDate(item.entryDate, "yyyy-MM-dd")
                        item.passedDate = formatDate(item.passedDate, "yyyy-MM-dd")
                        item.leaveDate = formatDate(item.leaveDate, "yyyy-MM-dd")
                        item.gender = item.sex == 0 ? '女' : item.sex == 1 ? '男' : ''
                        item.photoDir = JSON.parse(item.photoDir)
                        item.photoDir1 = item.photoDir.oldFileName ? item.photoDir.oldFileName : ''
                    } catch (e) {
                        // console.log(e);
                    }
                })
                this.page.totalPage = res.data.total;
            }).catch(e => {
                this.dataLoading = false;
            });
        },
        getDataList2 (empNo) {
            this.dataLoading2 = true;
            if (empNo === null || empNo === '') {
                this.table.list2 = [];
                this.dataLoading2 = false;
                return 0
            } else {
                this.axios.get('pass/baseManagement/v1/limslrcempconts/' + '?pageNum=' + this.page2.pageNum + '&pageSize=' + this.page2.pageSize + '&empNo=' + empNo)
                    .then(res => {
                        this.dataLoading2 = false;
                        this.table.list2 = res.data.list;
                        this.table.list2.forEach(item => {
                            try {
                                item.trialEndDate = formatDate(item.trialEndDate, "yyyy-MM-dd")
                                item.signDate = formatDate(item.signDate, "yyyy-MM-dd")
                                item.strDate = formatDate(item.strDate, "yyyy-MM-dd")
                                item.endDate = formatDate(item.endDate, "yyyy-MM-dd")
                                item.attachment01 = JSON.parse(item.attachment01)
                                item.attachment02 = JSON.parse(item.attachment02)
                                item.attachment03 = JSON.parse(item.attachment03)
                                item.attachment011 = item.attachment01.oldFileName ? item.attachment01.oldFileName : ''
                                item.attachment021 = item.attachment02.oldFileName ? item.attachment02.oldFileName : ''
                                item.attachment031 = item.attachment03.oldFileName ? item.attachment03.oldFileName : ''
                            } catch (e) {
                                // console.log(e);
                            }
                        })
                        this.page2.totalPage = res.data.total;
                    }).catch(e => {
                        this.dataLoading2 = false;
                    });
            }
        },
        getDataList3 (empNo) {
            this.dataLoading3 = true;
            if (empNo === null || empNo === '') {
                this.table.list3 = [];
                this.dataLoading3 = false;
                return 0
            } else {
                this.axios.get('pass/baseManagement/v1/limslrcempcerts/' + '?pageNum=' + this.page3.pageNum + '&pageSize=' + this.page3.pageSize + '&empNo=' + empNo)
                    .then(res => {
                        this.dataLoading3 = false;
                        this.table.list3 = res.data.list;
                        this.table.list3.forEach(item => {
                            try {
                                item.issueDate = formatDate(item.issueDate, "yyyy-MM-dd")
                                item.strDate = formatDate(item.strDate, "yyyy-MM-dd")
                                item.endDate = formatDate(item.endDate, "yyyy-MM-dd")
                            } catch (e) {
                                // console.log(e);
                            }
                        })
                        this.page3.totalPage = res.data.total;
                    }).catch(e => {
                        this.dataLoading3 = false;
                    });
            }
        },
        getDataList4 (empNo) {
            this.dataLoading4 = true;
            if (empNo === null || empNo === '') {
                this.table.list4 = [];
                this.dataLoading4 = false;
                return 0
            } else {
                this.axios.get('pass/baseManagement/v1/limslrcempedus/' + '?pageNum=' + this.page4.pageNum + '&pageSize=' + this.page4.pageSize + '&empNo=' + empNo)
                    .then(res => {
                        this.dataLoading4 = false;
                        this.table.list4 = res.data.list;
                        this.table.list4.forEach(item => {
                            try {
                                item.strDate = formatDate(item.strDate, "yyyy-MM-dd")
                                item.endDate = formatDate(item.endDate, "yyyy-MM-dd")
                                item.attachment01 = JSON.parse(item.attachment01)
                                item.attachment02 = JSON.parse(item.attachment02)
                                item.attachment03 = JSON.parse(item.attachment03)
                                item.attachment011 = item.attachment01.oldFileName ? item.attachment01.oldFileName : ''
                                item.attachment021 = item.attachment02.oldFileName ? item.attachment02.oldFileName : ''
                                item.attachment031 = item.attachment03.oldFileName ? item.attachment03.oldFileName : ''
                            } catch (e) {
                                // console.log(e);
                            }
                        })
                        this.page4.totalPage = res.data.total;
                    }).catch(e => {
                        this.dataLoading4 = false;
                    });
            }
        },
        getDataList5 (empNo) {
            this.dataLoading5 = true;
            if (empNo === null || empNo === '') {
                this.table.list5 = [];
                this.dataLoading5 = false;
                return 0
            } else {
                this.axios.get('pass/baseManagement/v1/limslrcemptrainings/' + '?pageNum=' + this.page5.pageNum + '&pageSize=' + this.page5.pageSize + '&empNo=' + empNo)
                    .then(res => {
                        this.dataLoading5 = false;
                        this.table.list5 = res.data.list;
                        this.table.list5.forEach(item => {
                            try {
                                item.strDate = formatDate(item.strDate, "yyyy-MM-dd")
                                item.endDate = formatDate(item.endDate, "yyyy-MM-dd")
                                item.attachment01 = JSON.parse(item.attachment01)
                                item.attachment02 = JSON.parse(item.attachment02)
                                item.attachment03 = JSON.parse(item.attachment03)
                                item.attachment011 = item.attachment01.oldFileName ? item.attachment01.oldFileName : ''
                                item.attachment021 = item.attachment02.oldFileName ? item.attachment02.oldFileName : ''
                                item.attachment031 = item.attachment03.oldFileName ? item.attachment03.oldFileName : ''
                            } catch (e) {
                                // console.log(e);
                            }
                        })
                        this.page5.totalPage = res.data.total;
                    }).catch(e => {
                        this.dataLoading5 = false;
                    });
            }
        },
        getDataList6 (empNo) {
            this.dataLoading6 = true;
            if (empNo === null || empNo === '') {
                this.table.list6 = [];
                this.dataLoading6 = false;
                return 0
            } else {
                this.axios.get('pass/baseManagement/v1/limslrcempwrks/' + '?pageNum=' + this.page6.pageNum + '&pageSize=' + this.page6.pageSize + '&empNo=' + empNo)
                    .then(res => {
                        this.dataLoading6 = false;
                        this.table.list6 = res.data.list;
                        this.table.list6.forEach(item => {
                            try {
                                item.strDate = formatDate(item.strDate, "yyyy-MM-dd")
                                item.endDate = formatDate(item.endDate, "yyyy-MM-dd")
                                item.attachment01 = JSON.parse(item.attachment01)
                                item.attachment02 = JSON.parse(item.attachment02)
                                item.attachment03 = JSON.parse(item.attachment03)
                                item.attachment011 = item.attachment01.oldFileName ? item.attachment01.oldFileName : ''
                                item.attachment021 = item.attachment02.oldFileName ? item.attachment02.oldFileName : ''
                                item.attachment031 = item.attachment03.oldFileName ? item.attachment03.oldFileName : ''
                            } catch (e) {
                                // console.log(e);
                            }
                        })
                        this.page6.totalPage = res.data.total;
                    }).catch(e => {
                        this.dataLoading6 = false;
                    });
            }
        },
        getDataList7 (empNo) {
            this.dataLoading7 = true;
            if (empNo === null || empNo === '') {
                this.table.list7 = [];
                this.dataLoading7 = false;
                return 0
            } else {
                this.axios.get('pass/baseManagement/v1/limslrcempwrkgrps/' + '?pageNum=' + this.page7.pageNum + '&pageSize=' + this.page7.pageSize + '&empNo=' + empNo)
                    .then(res => {
                        this.dataLoading7 = false;
                        this.table.list7 = res.data.list;
                        this.page7.totalPage = res.data.total;
                    }).catch(e => {
                        this.dataLoading7 = false;
                    });
            }
        },
        //  download(data, strFileName, strMimeType, fileN = '文件') {
        //    var self = window, // this script is only for browsers anyway...
        //      defaultMime = 'application/octet-stream', // this default mime also triggers iframe downloads
        //      mimeType = strMimeType || defaultMime,
        //      payload = data,
        //      // url = !strFileName && !strMimeType && payload,
        //      url = payload,
        //      anchor = document.createElement('a'),
        //      toString = function (a) { return String(a); },
        //      myblob = (self.Blob || self.MozBlob || self.WebKitBlob || toString),
        //      fileName = strFileName || 'download',
        //      blob,
        //      reader;
        //    myblob = myblob.call ? myblob.bind(self) : Blob;

        //    if (String(this) === 'true') { // reverse arguments, allowing download.bind(true, "text/xml", "export.xml") to act as a callback
        //      payload = [payload, mimeType];
        //      mimeType = payload[0];
        //      payload = payload[1];
        //    }
        //    if (url && url.length < 2048) { // if no filename and no mime, assume a url was passed as the only argument
        //      fileName = fileN;
        //      anchor.href = url; // assign href prop to temp anchor
        //      console.log('enterree111111111', anchor.href);
        //      if (url) { // if the browser determines that it's a potentially valid url path:
        //        console.log('enterree2222222222', anchor.href);
        //        var ajax = new XMLHttpRequest();
        //        ajax.open('GET', url, true);
        //        ajax.responseType = 'blob';
        //        ajax.onload = function (e) {
        //          download(e.target.response, fileName, defaultMime);
        //        };
        //        setTimeout(function () { ajax.send(); }, 0); // allows setting custom ajax headers using the return:
        //        return ajax;
        //      } // end if valid url?
        //    } // end if url?
        //    // go ahead and download dataURLs right away
        //    if (/^data:[\w+-]+\/[\w+-]+[,;]/.test(payload)) {
        //      if (payload.length > (1024 * 1024 * 1.999) && myblob !== toString) {
        //        payload = dataUrlToBlob(payload);
        //        mimeType = payload.type || defaultMime;
        //      } else {
        //        return navigator.msSaveBlob ? navigator.msSaveBlob(dataUrlToBlob(payload), fileName) : saver(payload); // everyone else can save dataURLs un-processed
        //      }
        //    }// end if dataURL passed?

        //    // eslint-disable-next-line new-cap
        //    blob = payload instanceof myblob ? payload : new myblob([payload], {type: mimeType});
        //    function dataUrlToBlob (strUrl) {
        //      var parts = strUrl.split(/[:;,]/),
        //        type = parts[1],
        //        decoder = parts[2] === 'base64' ? atob : decodeURIComponent,
        //        binData = decoder(parts.pop()),
        //        mx = binData.length,
        //        i = 0,
        //        uiArr = new Uint8Array(mx);

        //      for (i; i < mx; ++i) uiArr[i] = binData.charCodeAt(i);

        //      // eslint-disable-next-line new-cap
        //      return new myblob([uiArr], {type: type});
        //    }
        //  },
        downloadFile (index, objId, objFileName, oldFileName, objType) {
            let obj = {
                objId: objId,
                objName: objType,
                fileName: objFileName
            }
            let fileRow = {}
            this.axios.post('pass/baseManagement/v1/limslrcfilesaves/queryListLrcFileSave', obj, { individualType: 'json' }).then(res => {
                if (res.code == 0 || res.code == 200) {
                    fileRow = res.data[0]
                    this.axios.get('pass/baseManagement/v1/file/download/' + fileRow.fileName, { responseType: 'blob' }, { headers: { 'content-type': 'application/x-www-form-urlencoded' } }).then(res => {
                        let blob = new Blob([res]);
                        let fileName = oldFileName;
                        let elink = document.createElement('a');
                        elink.download = fileName;
                        elink.style.display = 'none';
                        elink.target = "_blank";
                        elink.href = URL.createObjectURL(blob);
                        document.body.appendChild(elink);
                        elink.click();
                        URL.revokeObjectURL(elink.href); // 释放URL对象
                        document.body.removeChild(elink);
                    })
                    // this.download(this.action_prod + fileRow.fileUrl, 'download.txt', 'text/plain', fileRow.oldFileName);
                } else {
                    this.$message.error(res.message)
                }
            }).catch(err => {
                this.$message.error(err.message)
            })
        },
        // downloadFile (index, row) {
        //   this.downloadUrl = row
        //   this.axios.get('pass/baseManagement/v1/download/' + '?path=' + this.downloadUrl, {responseType: 'blob'},{headers: {'content-type': 'application/x-www-form-urlencoded'}})
        //   .then(res => {
        //     console.log(res)
        //     let blob = new Blob([res]);
        //     let fileName = this.downloadUrl;
        //     let elink = document.createElement('a');
        //     elink.download = fileName;
        //     elink.style.display = 'none';
        //     elink.target = "_blank";
        //     elink.href = URL.createObjectURL(blob);
        //     document.body.appendChild(elink);
        //     elink.click();
        //     URL.revokeObjectURL(elink.href); // 释放URL对象
        //     document.body.removeChild(elink);
        //   })
        // },
        // 图片预览：
        imgPreView (index, objId, objFileName, objType) {
            this.imgPreViews = ''
            let obj = {
                objId: objId,
                objName: objType,
                fileName: objFileName
            }
            let fileRow = {}
            this.axios.post('pass/baseManagement/v1/limslrcfilesaves/queryListLrcFileSave', obj, { individualType: 'json' }).then(res => {
                if (res.code == 0 || res.code == 200) {
                    fileRow = res.data[res.data.length - 1]
                    this.imgPreViews = this.action_prod + '/icore.icp.web/pass/baseManagement/v1/file/download/' + fileRow.fileName
                    this.imgVisible = true
                    // var form = $('<form>'); // 定义一个form表单
                    // form.attr('id', 'downloadform');
                    // form.attr('style', 'display:none');
                    // form.attr('target', '_blank');
                    // form.attr('method', 'get');
                    // form.attr('action', this.action_prod +'/icore.icp.web/pass/baseManagement/v1/file/download/' + fileRow.fileName);
                    // var input1 = $('<input>');
                    // input1.attr('type', 'hidden');
                    // form.append(input1);
                    // $('body').append(form); // 将表单放置在web中
                    // form.submit(); // 表单提交
                    // $('#downloadform').remove();
                } else {
                    this.$message.error(res.message)
                }
            }).catch(err => {
                this.$message.error(err.message)
            })
        },
        tableRowClassName ({
            row, column, rowIndex, columnIndex
        }) {
            if (columnIndex === 8) {
                if (row.validFlag === '0') {
                    return 'error-row';
                }
                return '';
            }
        },
        tableRowClassName2 ({
            row, column, rowIndex, columnIndex
        }) {
            if (columnIndex === 9) {
                if (row.validFlag === '0') {
                    return 'error-row';
                }
                return '';
            }
        },
        tableRowClassName3 ({
            row, column, rowIndex, columnIndex
        }) {
            if (columnIndex === 9) {
                if (row.validFlag === '0') {
                    return 'error-row';
                }
                return '';
            }
        },
        tableRowClassName4 ({
            row, column, rowIndex, columnIndex
        }) {
            if (columnIndex === 13) {
                if (row.validFlag === '0') {
                    return 'error-row';
                }
                return '';
            }
        },
        tableRowClassName5 ({
            row, column, rowIndex, columnIndex
        }) {
            if (columnIndex === 22) {
                if (row.validFlag === '0') {
                    return 'error-row';
                }
                return '';
            }
        },
        tableRowClassName6 ({
            row, column, rowIndex, columnIndex
        }) {
            if (columnIndex === 14) {
                if (row.validFlag === '0') {
                    return 'error-row';
                }
                return '';
            }
        },
        tableRowClassName7 ({
            row, column, rowIndex, columnIndex
        }) {
            if (columnIndex === 9) {
                if (row.validFlag === '0') {
                    return 'error-row';
                }
                return '';
            }
        },
        // 表格上横线
        tableHeaderCellStyle () {
            return 'color: rgb(255,255,255);border-bottom: 1px solid #DCDFE7;'
        }
    }
}
</script>
<style  scoped>
</style>
