fj-dc-ui/.svn/pristine/d8/d809c894e375acaea3366ff8625444b2d8ef4cf1.svn-base

<template>
    <el-main>
        <div class="search">
            <el-row type="flex" justify="space-between" align="middle">
                <el-col :span="8">
                    <el-form :inline="true" size="mini" class="demo-form-inline">
                        <el-form-item label="年度">
                            <el-select v-model="form.year" clearable placeholder="请选择" multiple>
                                <el-option
                                    v-for="item in yearList"
                                    :label="item.year"
                                    :value="item.year"
                                    :key="item.id"
                                ></el-option>
                            </el-select>
                        </el-form-item>
                        <el-button type="primary" @click="getListData">查询</el-button>
                    </el-form>
                </el-col>
                <el-col :span="2">
                    <el-button
                        type="primary"
                        :disabled="canCreateNewRecom"
                        @click="createNewRecom"
                    >新建人员推荐</el-button>
                </el-col>
            </el-row>
        </div>
        <div class="table">
            <div class="table">
                <el-table
                    v-loading="loading"
                    border
                    ref="multipleTable"
                    :height="tableHeight"
                    :data="recomListData"
                    tooltip-effect="dark"
                    style="width: 100%"
                    :default-sort = "{prop: 'exprTm', order: 'descending'}"
                >
                    <el-table-column align="center" type="index" label="序号" min-width="25">
                        <template
                            slot-scope="scope"
                        >{{ (form.pageNum - 1) * form.pageSize + (scope.$index + 1) }}</template>
                    </el-table-column>
                    <el-table-column
                        header-align="center"
                        align="center"
                        min-width="100"
                        prop="year"
                        label="年度"
                        show-overflow-tooltip
                    ></el-table-column>
                    <el-table-column
                        header-align="center"
                        align="center"
                        min-width="120"
                        prop="exprTm"
                        label="推荐时间"
                        :sortable="true"
                        :sort-method="sortByDate"
                        show-overflow-tooltip
                    ></el-table-column>
                    <el-table-column align="center" min-width="220" label="操作" fixed="right">
                        <template slot-scope="scope">
                            <span v-if="scope.row.isNewRecom">
                                <el-button
                                    type="primary"
                                    size="mini"
                                    @click.stop="editRecomList(scope.row)"
                                >编辑</el-button>
                                <el-button
                                    type="danger"
                                    size="mini"
                                    @click.stop="deleteRecomList(scope.row)"
                                >删除</el-button>
                                <el-button
                                    type="warning"
                                    size="mini"
                                    @click.stop="recomList(scope.row)"
                                >推荐</el-button>
                            </span>
                            <el-button
                                v-else
                                type="primary"
                                size="mini"
                                @click.stop="checkRecomList(scope.row)"
                            >查看</el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <el-pagination
                    style="margin: 10px auto"
                    v-if="!changeViewInfo"
                    background
                    :pager-count="5"
                    :current-page="form.pageIndex"
                    :page-size="form.pageSize"
                    :page-sizes="[10, 20, 30, 40, 50, 100]"
                    layout="sizes, total, prev, pager, next"
                    :total="total"
                    @current-change="pageIndexChange"
                    @size-change="handleSizeChange"
                ></el-pagination>
            </div>
        </div>
        <!-- 编辑推荐人员 -->
        <el-dialog
            :title="'推荐人员表'"
            width="80%"
            :visible.sync="editRecomDialogVisible"
            :close-on-click-modal="false"
            :before-close="handleEditRecomDialogClose"
        >
            <el-row>
                <el-col :span="8">
                    <el-form :inline="true" size="mini" class="demo-form-inline">
                        <el-form-item label="拟推荐岗位">
                            <el-select v-model="editRcmmForm.roleType" clearable placeholder="请选择">
                                <el-option
                                    :label="item.label"
                                    :value="item.value"
                                    v-for="(item,index) in roleTypeData"
                                    :key="index"
                                ></el-option>
                            </el-select>
                        </el-form-item>
                    </el-form>
                </el-col>
                <el-col :span="8">
                    <el-form :inline="true" size="mini" class="demo-form-inline">
                        <el-form-item label="姓名">
                            <el-input
                                v-model="editRcmmForm.name"
                                placeholder="请输入姓名"
                                style="width: 130px"
                                clearable
                            ></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button
                                type="primary"
                                icon="el-icon-search"
                                @click="getEditRyXxData"
                            >查询</el-button>
                        </el-form-item>
                    </el-form>
                </el-col>
                <el-col :span="8">
                    <el-button type="danger" @click="clearAll">清空</el-button>
                    <el-button type="primary" @click="saveRcrdDto">保存</el-button>
                    <el-button type="success" @click="exportEditExcel">导出</el-button>
                </el-col>
            </el-row>
            <el-table
                v-loading="loading"
                border
                ref="multipleTable"
                :height="tableHeight"
                :data="getEditRyXxData()"
                tooltip-effect="dark"
                style="width: 100%"
                @selection-change="handleEditSelectionChange"
            >
                <el-table-column type="selection" width="55"></el-table-column>
                <el-table-column align="center" type="index" label="序号" min-width="25">
                    <template
                        slot-scope="scope"
                    >{{ (editRcmmForm.pageNum - 1) * editRcmmForm.pageSize + (scope.$index + 1) }}</template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="name"
                    label="姓名"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="sex"
                    label="性别"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    show-overflow-tooltip
                    prop="age"
                    label="年龄"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="200"
                    show-overflow-tooltip
                    prop="idNo"
                    label="身份证号码"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="200"
                    label="工作单位"
                    show-overflow-tooltip
                    prop="workDpNm"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    label="职务"
                    show-overflow-tooltip
                    prop="duty"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="titles"
                    label="职称"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.titles == '1'">正高</span>
                        <span v-if="scope.row.titles == '2'">副高</span>
                        <span v-if="scope.row.titles == '3'">中级</span>
                        <span v-if="scope.row.titles == '4'">初级</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="isOffice"
                    label="在职情况"
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.isOffice == '1'">是</span>
                        <span v-if="scope.row.isOffice == '2'">否</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="isOffice"
                    label="是否为公务员(含参公)"
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.isCvl== '1'">是</span>
                        <span v-if="scope.row.isCvl == '0'">否</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="education"
                    label="学历"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.education == '1'">专科及以下</span>
                        <span v-if="scope.row.education == '2'">本科</span>
                        <span v-if="scope.row.education == '3'">研究生</span>
                        <span v-if="scope.row.education == '4'">博士</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    prop="workAdNm"
                    label="原工作地"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="150"
                    prop="professional"
                    label="从事专业"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="mobilenumb"
                    label="手机"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    prop="unitRanks"
                    label="单位职级"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.unitRanks == '1'">省部级</span>
                        <span v-if="scope.row.unitRanks == '2'">地市级</span>
                        <span v-if="scope.row.unitRanks == '3'">县市级</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    label="电子邮箱"
                    prop="email"
                    show-overflow-tooltip
                >
                    <!-- <template slot-scope="scope">
                {{groupType(scope.row.groupType)}}
                    </template>-->
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    prop="roleType"
                    label="拟推荐稽查岗位"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">{{roleType(scope.row.roleType)}}</template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="inTm"
                    label="简历"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span style="color: #409EFF" @click="checkResume(scope.row)">查看</span>
                    </template>
                </el-table-column>
            </el-table>
            <el-pagination
                style="margin: 10px auto"
                v-if="!changeViewInfo"
                background
                :pager-count="5"
                :current-page="editRcmmForm.pageIndex"
                :page-size="editRcmmForm.pageSize"
                :page-sizes="[10, 20, 30, 40, 50, 100]"
                layout="sizes, total, prev, pager, next"
                :total="editRcmmTotal"
                @current-change="pageIndexChange"
                @size-change="handleSizeChange"
            ></el-pagination>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="addPerson">添加人员</el-button>
                <el-button type="danger" @click="deletePerson">删除所选人</el-button>
            </div>
        </el-dialog>
        <!-- 添加推荐人员 -->
        <el-dialog
            :title="'添加人员'"
            width="80%"
            :visible.sync="addPersonDialogVisible"
            :close-on-click-modal="false"
        >
            <el-row>
                <el-col :span="6">
                    <el-form :inline="true" size="mini" class="demo-form-inline">
                        <el-form-item label="拟推荐岗位">
                            <el-select
                                v-model="addRcmmForm.roleType"
                                clearable
                                placeholder="请选择"
                                multiple
                            >
                                <el-option
                                    :label="item.label"
                                    :value="item.value"
                                    v-for="(item,index) in roleTypeData"
                                    :key="index"
                                ></el-option>
                            </el-select>
                        </el-form-item>
                    </el-form>
                </el-col>
                <el-col :span="6">
                    <el-form :inline="true" size="mini" class="demo-form-inline">
                        <el-form-item label="是否推荐过">
                            <el-select v-model="addRcmmForm.state" clearable placeholder="请选择">
                                <el-option label="未推荐" value="0"></el-option>
                                <el-option label="推荐过" value="1,2,3"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-form>
                </el-col>
                <el-col :span="6">
                    <el-form :inline="true" size="mini" class="demo-form-inline">
                        <el-form-item label="姓名">
                            <el-input
                                v-model="addRcmmForm.name"
                                placeholder="请输入姓名"
                                style="width: 130px"
                                clearable
                            ></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" icon="el-icon-search" @click="getAddRyXxData">查询</el-button>
                        </el-form-item>
                    </el-form>
                </el-col>
                <el-col :span="6">
                    <el-button type="primary" @click="add">添加</el-button>
                </el-col>
            </el-row>
            <el-table
                v-loading="loading"
                border
                ref="addPersonTable"
                :height="tableHeight"
                :data="getAddRyXxData()"
                tooltip-effect="dark"
                style="width: 100%"
                @selection-change="handleAddSelectionChange"
            >
                <el-table-column type="selection" width="55"></el-table-column>
                <el-table-column align="center" type="index" label="序号" min-width="25">
                    <template
                        slot-scope="scope"
                    >{{ (addRcmmForm.pageNum - 1) * addRcmmForm.pageSize + (scope.$index + 1) }}</template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="name"
                    label="姓名"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="sex"
                    label="性别"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    show-overflow-tooltip
                    prop="age"
                    label="年龄"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="200"
                    show-overflow-tooltip
                    prop="idNo"
                    label="身份证号码"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="200"
                    label="工作单位"
                    show-overflow-tooltip
                    prop="workDpNm"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    label="职务"
                    show-overflow-tooltip
                    prop="duty"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="titles"
                    label="职称"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.titles == '1'">正高</span>
                        <span v-if="scope.row.titles == '2'">副高</span>
                        <span v-if="scope.row.titles == '3'">中级</span>
                        <span v-if="scope.row.titles == '4'">初级</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="isOffice"
                    label="在职情况"
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.isOffice == '1'">是</span>
                        <span v-if="scope.row.isOffice == '2'">否</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="isOffice"
                    label="是否为公务员(含参公)"
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.isCvl== '1'">是</span>
                        <span v-if="scope.row.isCvl == '0'">否</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="education"
                    label="学历"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.education == '1'">专科及以下</span>
                        <span v-if="scope.row.education == '2'">本科</span>
                        <span v-if="scope.row.education == '3'">研究生</span>
                        <span v-if="scope.row.education == '4'">博士</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    prop="workAdNm"
                    label="原工作地"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="150"
                    prop="professional"
                    label="从事专业"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="mobilenumb"
                    label="手机"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    prop="unitRanks"
                    label="单位职级"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.unitRanks == '1'">省部级</span>
                        <span v-if="scope.row.unitRanks == '2'">地市级</span>
                        <span v-if="scope.row.unitRanks == '3'">县市级</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    label="电子邮箱"
                    prop="email"
                    show-overflow-tooltip
                >
                    <!-- <template slot-scope="scope">
                {{groupType(scope.row.groupType)}}
                    </template>-->
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    prop="roleType"
                    label="拟推荐稽查岗位"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">{{roleType(scope.row.roleType)}}</template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="inTm"
                    label="简历"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span style="color: #409EFF" @click="checkResume(scope.row)">查看</span>
                    </template>
                </el-table-column>
            </el-table>
            <el-pagination
                style="margin: 10px auto"
                background
                :pager-count="5"
                :current-page="addRcmmForm.pageIndex"
                :page-size="addRcmmForm.pageSize"
                :page-sizes="[10, 20, 30, 40, 50, 100]"
                layout="sizes, total, prev, pager, next"
                :total="addRcmmTotal"
                @current-change="pageIndexChange"
                @size-change="handleSizeChange"
            ></el-pagination>
        </el-dialog>
        <!-- 查看推荐人员 -->
        <el-dialog
            :title="'推荐人员表'"
            width="80%"
            :visible.sync="checkRecomDialogVisible"
            :close-on-click-modal="false"
        >
            <el-row>
                <el-col :span="8">
                    <el-form :inline="true" size="mini" class="demo-form-inline">
                        <el-form-item label="拟推荐岗位">
                            <el-select v-model="checkRcmmForm.roleType" clearable placeholder="请选择">
                                <el-option
                                    :label="item.label"
                                    :value="item.value"
                                    v-for="(item,index) in roleTypeData"
                                    :key="index"
                                ></el-option>
                            </el-select>
                        </el-form-item>
                    </el-form>
                </el-col>
                <el-col :span="8">
                    <el-form :inline="true" size="mini" class="demo-form-inline">
                        <el-form-item label="姓名">
                            <el-input
                                v-model="checkRcmmForm.name"
                                placeholder="请输入姓名"
                                style="width: 130px"
                                clearable
                            ></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button
                                type="primary"
                                icon="el-icon-search"
                                @click="getCheckRyXxData"
                            >查询</el-button>
                        </el-form-item>
                    </el-form>
                </el-col>
                <el-col :span="8">
                    <el-button type="success" @click="exportExcel">导出</el-button>
                </el-col>
            </el-row>
            <el-table
                v-loading="loading"
                border
                ref="multipleTable"
                :height="tableHeight"
                :data="getCheckRyXxData()"
                tooltip-effect="dark"
                style="width: 100%"
            >
                <el-table-column type="selection" width="55"></el-table-column>
                <el-table-column align="center" type="index" label="序号" min-width="25">
                    <template
                        slot-scope="scope"
                    >{{ (checkRcmmForm.pageNum - 1) * checkRcmmForm.pageSize + (scope.$index + 1) }}</template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="name"
                    label="姓名"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="sex"
                    label="性别"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    show-overflow-tooltip
                    prop="age"
                    label="年龄"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="200"
                    show-overflow-tooltip
                    prop="idNo"
                    label="身份证号码"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="200"
                    label="工作单位"
                    show-overflow-tooltip
                    prop="workDpNm"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    label="职务"
                    show-overflow-tooltip
                    prop="duty"
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="titles"
                    label="职称"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.titles == '1'">正高</span>
                        <span v-if="scope.row.titles == '2'">副高</span>
                        <span v-if="scope.row.titles == '3'">中级</span>
                        <span v-if="scope.row.titles == '4'">初级</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="isOffice"
                    label="在职情况"
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.isOffice == '1'">是</span>
                        <span v-if="scope.row.isOffice == '2'">否</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="100"
                    prop="isOffice"
                    label="是否为公务员(含参公)"
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.isCvl== '1'">是</span>
                        <span v-if="scope.row.isCvl == '0'">否</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="education"
                    label="学历"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.education == '1'">专科及以下</span>
                        <span v-if="scope.row.education == '2'">本科</span>
                        <span v-if="scope.row.education == '3'">研究生</span>
                        <span v-if="scope.row.education == '4'">博士</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    prop="workAdNm"
                    label="原工作地"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="150"
                    prop="professional"
                    label="从事专业"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="mobilenumb"
                    label="手机"
                    show-overflow-tooltip
                ></el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    prop="unitRanks"
                    label="单位职级"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.unitRanks == '1'">省部级</span>
                        <span v-if="scope.row.unitRanks == '2'">地市级</span>
                        <span v-if="scope.row.unitRanks == '3'">县市级</span>
                    </template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    label="电子邮箱"
                    prop="email"
                    show-overflow-tooltip
                >
                    <!-- <template slot-scope="scope">
                {{groupType(scope.row.groupType)}}
                    </template>-->
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="80"
                    prop="roleType"
                    label="拟推荐稽查岗位"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">{{roleType(scope.row.roleType)}}</template>
                </el-table-column>
                <el-table-column
                    header-align="center"
                    align="center"
                    min-width="120"
                    prop="inTm"
                    label="简历"
                    show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span style="color: #409EFF" @click="checkResume(scope.row)">查看</span>
                    </template>
                </el-table-column>
            </el-table>
            <el-pagination
                style="margin: 10px auto"
                v-if="!changeViewInfo"
                background
                :pager-count="5"
                :current-page="checkRcmmForm.pageIndex"
                :page-size="checkRcmmForm.pageSize"
                :page-sizes="[10, 20, 30, 40, 50, 100]"
                layout="sizes, total, prev, pager, next"
                :total="checkRcmmTotal"
                @current-change="pageIndexChange"
                @size-change="handleSizeChange"
            ></el-pagination>
        </el-dialog>
    </el-main>
</template>

<script>
import request from "../../../utils/gw_ajax_request";
import { dateFormat, formatDateTime } from "../../../utils/gw_date";
import { exportModel } from "@util/gw_exportModel";
import { hostUrl } from "@util/global_variable.js";

export default {
    name: "Sttj", // 省厅推荐

    data() {
        return {
            canCreateNewRecom: localStorage.hasOwnProperty("addRecom"), // 是否可以创建新推荐
            editRecomDialogVisible: false, // 编辑
            checkRecomDialogVisible: false, // 查看
            addPersonDialogVisible: false, // 添加
            tableHeight: window.innerHeight - 240,
            changeViewInfo: false,
            loading: false,
            addRenYuanData: [], // 添加人员表
            editRenYuanData: [], // 编辑人员表
            checkRenYuanData: [], // 查看人员表
            yearList: [],
            total: 0,
            addRcmmTotal: 0,
            editRcmmTotal: 0,
            checkRcmmTotal: 0,
            addMultipleSelection: [],
            editMultipleSelection: [],
            recomTime: "", // 推荐时间
            checkRecomTime: "", // 查看推荐时间
            form: {
                // 查询表单
                year: "",
                pageNum: 1,
                pageSize: 20
            },
            newRecomForm: [],
            editRcmmForm: {
                name: "",
                roleType: "",
                pageNum: 1,
                pageSize: 20
            },
            addRcmmForm: {
                name: "",
                roleType: [],
                state: "", // 默认筛选已推荐过
                pageNum: 1,
                pageSize: 20
            },
            checkRcmmForm: {
                name: "",
                roleType: "",
                state: "",
                pageNum: 1,
                pageSize: 20
            },
            recomListData: [] // 推荐记录表
        };
    },
    mounted() {
        this.getYearList(); // 获取稽查年度列表
        this.getListData(); // 获取推荐列表数据
        this.getRyXxData(); // 添加人员信息
        this.getNewRecomRecord(); // 获取新增人员本地保存记录
    },

    methods: {
        // 获取新增人员本地保存记录
        getNewRecomRecord() {
            if (localStorage.hasOwnProperty("saveRcrdDto")) {
                let saveRcrdDto = JSON.parse(
                    localStorage.getItem("saveRcrdDto")
                );
                this.editRenYuanData = saveRcrdDto.rcmmList;
                this.editRenYuanData.forEach(i => {
                    this.addRenYuanData.forEach((_i, index) => {
                        if (i.id === _i.id)
                            this.addRenYuanData.splice(index, 1);
                    });
                });
            }
        },

        // 获取稽查年度列表
        getYearList() {
            request.post(`/tac/insp/year/list`,{}).then(res => {
                this.yearList = res.data;
            });
        },

        // 获取列表数据
        getListData() {
            let params = {
                year: this.form.year.toString()
            };
            request
                .post("/tac/expr/rcmm/rcrd/getRcrdDtoList", params)
                .then(res => {
                    this.recomListData = res.data;
                    if (localStorage.getItem("addRecom")) {
                        let addRecom = JSON.parse(
                            localStorage.getItem("addRecom")
                        );
                        this.recomListData.unshift(addRecom);
                    }
                });
        },

        // 新建人员推荐列表
        createNewRecom() {
            if (this.canCreateNewRecom) {
                this.$message({
                    type: "danger",
                    message: "请先推荐现有名单！",
                    duration: 1000
                });
                return;
            }
            let obj = {
                exprTm: formatDateTime(),
                year: dateFormat(new Date(), "yyyy"),
                isNewRecom: true
            };
            this.recomListData.unshift(obj);
            localStorage.setItem("addRecom", JSON.stringify(obj));
            this.canCreateNewRecom = true;
        },

        // 编辑人员分页
        pageIndexChange(val) {
            this.$nextTick(() => {
                this.editRcmmForm.pageNum = val;
            });
        },

        handleSizeChange(val) {
            this.$nextTick(() => {
                this.editRcmmForm.pageSize = val;
            });
        },

        // 添加人员分页
        pageIndexChange(val) {
            this.$nextTick(() => {
                this.addRcmmForm.pageNum = val;
                this.getRyXxData();
            });
        },

        handleSizeChange(val) {
            this.$nextTick(() => {
                this.addRcmmForm.pageSize = val;
                this.getRyXxData();
            });
        },

        // 编辑推荐人员表
        editRecomList(row) {
            this.getNewRecomRecord();
            this.recomTime = row.exprTm;
            this.editRecomDialogVisible = true;
        },

        // 拟推荐岗位
        roleType(row) {
            if (row) {
                this.roleTypeData.forEach(ele => {
                    if (ele.value == row) {
                        row = ele.label;
                    }
                });
                return row;
            } else {
                return "";
            }
        },

        getTj() {
            let obj = {};
            obj.name = this.addRcmmForm.name;
            obj.roleType = this.addRcmmForm.roleType.toString();
            obj.state = this.addRcmmForm.state.toString();
            obj.pageSize = this.addRcmmForm.pageSize;
            obj.pageNum = this.addRcmmForm.pageSize;
            return obj;
        },

        // 添加人员信息
        getRyXxData() {
            let obj = this.getTj();
            request
                .post(`/tac/expr/rcmm/getRcmmPage`, obj)
                .then(res => {
                    if (res.success) {
                        this.addRenYuanData = res.data.list; // 添加人员
                        this.addRcmmTotal = res.data.total; // 添加人员
                    } else {
                        console.log(res);
                    }
                })
                .catch(err => {
                    console.log(err);
                });
        },

        // 格式化查询参数
        getStrParams(obj) {
            let str = "?";
            for (let key of Object.keys(obj)) {
                str += `${key}=${obj[key]}&`;
            }
            str = str.slice(0, str.length - 1);
            return str;
        },

        // 查看人员表Excel导出
        async exportExcel() {
            let type = "post";
            let url = '/pdcApi/tac/expr/rcmm/exportRcmmExcel';
            let downloadName = "人员信息.xls";
            let data = {
                rcmms: this.getCheckRyXxData()
            }
            let result = await exportModel(type, url, downloadName, JSON.stringify(data));
        },

        // 编辑人员表Excel导出
        async exportEditExcel() {
            let type = "post";
            let url = '/pdcApi/tac/expr/rcmm/exportRcmmExcel';
            let downloadName = "人员信息.xls";
            let data = {
                rcmms: this.getEditRyXxData()
            }
            let result = await exportModel(type, url, downloadName, JSON.stringify(data));
        },

        // 删除推荐记录列表
        deleteRecomList() {
            this.$confirm("提示:请问是否确定删除该条推荐?", "提示", {
                confirmButtonText: "删除",
                cancelButtonText: "取消",
                type: "warning"
            })
                .then(() => {
                    this.$message({
                        type: "success",
                        message: "删除成功",
                        duration: 1000
                    });
                    this.recomListData.shift();
                    localStorage.removeItem("addRecom");
                    localStorage.removeItem("saveRcrdDto");
                    this.canCreateNewRecom = false; // 可以创建新名单
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消删除",
                        duration: 1000
                    });
                });
        },

        // 推荐人员
        recomList(row) {

            if (this.editRenYuanData.length === 0 && !localStorage.getItem('saveRcrdDto')) {
                this.$message({
                    type: "danger",
                    message: "未添加人员!",
                    duration: 1000
                });
                return;
            }
            let params = { exprTm: row.exprTm };
            this.$confirm("提示：确定推荐后您将无法继续修改。", "提示", {
                confirmButtonText: "推荐",
                cancelButtonText: "取消",
                type: "warning"
            })
                .then(() => {
                    request
                        .post(
                            "/tac/expr/rcmm/rcrd/updateRcmmListByExprTime",
                            params
                        )
                        .then(res => {
                            if (res.success) {
                                this.$message({
                                    type: "success",
                                    message: "推荐成功",
                                    duration: 1000
                                });
                                this.canCreateNewRecom = false;
                                localStorage.removeItem("addRecom");
                                localStorage.removeItem("saveRcrdDto");
                                this.getListData();
                            }
                        })
                        .catch(err => {
                            this.$message({
                                type: "danger",
                                message: "推荐失败！",
                                duration: 1000
                            });
                        });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消推荐",
                        duration: 1000
                    });
                });
        },

        // 保存编辑人员
        saveRcrdDto() {
            if (this.editRenYuanData.length === 0) {
                this.$message({
                    type: "danger",
                    message: "未添加人员!",
                    duration: 1000
                });
                return;
            }
            let params = {
                exprTm: this.recomTime, // 推荐时间
                persId: localStorage.getItem("userid"),
                rcmmList: this.editRenYuanData
            };
            request
                .post("/tac/expr/rcmm/rcrd/saveRcrdDto", params)
                .then(res => {
                    if (res.success) {
                        this.$message({
                            type: "success",
                            message: "保存成功",
                            duration: 1000
                        });
                        localStorage.setItem(
                            "saveRcrdDto",
                            JSON.stringify(params)
                        );
                        this.clearAll();
                        this.editRecomDialogVisible = false;
                    } else {
                        console.log(res.err);
                    }
                })
                .catch(err => {
                    console.log(err);
                });
        },

        // 关闭推荐人员弹窗
        handleEditRecomDialogClose(done) {
            if (this.editRenYuanData.length !== 0) {
                this.$confirm("人员未保存,确认关闭？")
                    .then(_ => {
                        this.clearAll();
                        done();
                    })
                    .catch(_ => {});
                return;
            }
            done();
        },

        // 查看推荐表
        checkRecomList(row) {
            this.checkRecomTime = row.exprTm;
            this.searchRecomList();
            this.checkRecomDialogVisible = true;
        },

        // 查询推荐人员
        searchRecomList() {
            let obj = {
                exprTm: this.checkRecomTime,
                pageNum: this.checkRcmmForm.pageNum,
                pageSize: this.checkRcmmForm.pageSize
            };
            request.post(`/tac/expr/rcmm/getRcmmListByTime`, obj).then(res => {
                if (res.success) {
                    this.checkRenYuanData = res.data;
                    this.checkRcmmTotal = res.data.length;
                }
            });
        },

        // 添加人员
        addPerson() {
            this.addPersonDialogVisible = true;
        },

        // 添加
        add() {
            if (this.addMultipleSelection.length === 0) {
                this.$message({
                    type: "danger",
                    message: "未选择人员",
                    duration: 1000
                });
                return;
            }
            this.editRenYuanData.push(...this.addMultipleSelection);
            this.addMultipleSelection.forEach(i => {
                this.addRenYuanData.forEach((_i, index) => {
                    if (i.id === _i.id) this.addRenYuanData.splice(index, 1);
                });
            });
            this.$refs.addPersonTable.clearSelection();
            this.addPersonDialogVisible = false;
        },

        handleAddSelectionChange(val) {
            this.addMultipleSelection = val;
        },

        // 清空
        clearAll() {
            this.addRenYuanData.push(...this.editRenYuanData);
            this.editRenYuanData = [];
        },

        // 删除所选人
        deletePerson() {
            if (this.editMultipleSelection.length === 0) {
                this.$message({
                    type: "danger",
                    message: "未选择人员",
                    duration: 1000
                });
                return;
            }
            this.editMultipleSelection.forEach(_item => {
                this.editRenYuanData.forEach((item, index) => {
                    if (_item.id === item.id) {
                        this.editRenYuanData.splice(index, 1);
                    }
                });
            });
            this.addRenYuanData.push(...this.editMultipleSelection);
        },

        handleEditSelectionChange(val) {
            this.editMultipleSelection = val;
        },

        // 查看简历
        checkResume(row) {
            request
                .post(`/file/findFileByBiz?bizId=${row.id}`)
                .then(res => {
                    if (res.success) {
                        if (res.data.length !== 0) {
                            window.open(
                                hostUrl + res.data[res.data.length - 1].filePath
                            ); // 预览最后上传的简历
                        } else {
                            this.$alert("未上传简历!");
                        }
                    } else {
                        this.$message.error(res.message);
                    }
                })
                .catch(err => {
                    console.log(err);
                });
        },

        // 深拷贝
        deepClone(obj) {
            if (!obj && typeof obj !== "object") {
                return;
            }
            let newObj = obj.constructor === Array ? [] : {};
            for (let key in obj) {
                if (obj[key]) {
                    if (obj[key] && typeof obj[key] === "object") {
                        newObj[key] = obj[key].constructor === Array ? [] : {};
                        newObj[key] = this.deepClone(obj[key]);
                    } else {
                        newObj[key] = obj[key];
                    }
                }
            }
            return newObj;
        },

        // 编辑人员筛选
        getEditRyXxData() {
            return this.editRenYuanData.filter(item => {
                if (
                    item.roleType.includes(this.editRcmmForm.roleType) &&
                    item.name.includes(this.editRcmmForm.name)
                ) {
                    return item;
                }
            });
        },

        // 添加人员筛选
        getAddRyXxData() {
            let condition = {
                roleType: this.addRcmmForm.roleType.toString(),
                state: this.addRcmmForm.state,
                name: this.addRcmmForm.name
            }
            //return this.personFilter(condition, this.addRenYuanData);
            return this.anotherPersonFilter(condition, this.addRenYuanData);
        },

        /**
         * 返回匹配筛选条件的表格行,方法目前有问题
         * @param {Object} condition 过滤条件。
         * @param {Array} data 需要过滤的数据。
         * @return {Object} 匹配过滤条件值。
         */
        personFilter(condition, data) {
            return data.filter(item => {
                return Object.keys(condition).every(key => {
                    return condition[key].includes(item[key])
                })
            })
        },

        /**
         * 返回匹配筛选条件的表格行。
         * @param {Object} condition 过滤条件。
         * @param {Array} data 需要过滤的数据。
         * @return {Object} 匹配过滤条件值。
         */
        anotherPersonFilter(condition, data) {
            return data.filter(item => {
                let matchRoleType = true;
                let matchState = true;
                let matchName = true;

                if(condition.roleType.length) {
                    matchRoleType = condition["roleType"].includes(item["roleType"]);
                }

                if(condition.state.length) {
                    matchState = condition["state"].includes(item["state"]);
                }

                if(condition.name.length) {
                    const keys = condition.name
                        .toUpperCase()
                        .replace(' ', '')
                        .split('');
                    matchName = keys.every(key => {
                        return item.name.toUpperCase().includes(key);
                    })
                }
                return matchRoleType && matchState && matchName;
            })
        },

        // 查看人员筛选
        getCheckRyXxData() {
            return this.checkRenYuanData.filter(item => {
                if (
                    item.roleType.includes(this.checkRcmmForm.roleType) &&
                    item.name.includes(this.checkRcmmForm.name)
                ) {
                    return item;
                }
            });
        },

        // 表格按日期排序
        sortByDate(date1, date2) {
            let val1 = new Date(date1.exprTm).getTime();
            let val2 = new Date(date2.exprTm).getTime();
            return val1 - val2;
        }
    },

    computed: {
        // 拟推荐岗位
        roleTypeData() {
            return this.$store.state.jcState.roleTypeData;
        }
    }
};
</script>

<style lang="scss" scoped>
.search {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
}
</style>