效果如图

<template>
    <div class="app-container">
        <el-card class="box-card item">
            <div slot="header" class="clearfix" @click="showCondition = !showCondition">
                <span>
                    <i class="el-icon-search"></i>
                    {{ $t("commom.selectCondition") }}
                </span>
                <el-button style="float: right; padding: 3px 0" type="text">
                    <i class="el-icon-arrow-up" v-bind:class="showCondition ? 'active' : ''"></i>
                </el-button>
            </div>
            <el-collapse-transition>
                <div class="text item" v-show="showCondition">
                    <el-form :inline="true" :model="searchParam" class="demo-form-inline" label-width="120px"
                        label-position="right" label-suffix="：">
                        <el-form-item label="部门类型">
                            <el-select v-model="searchParam.type" placeholder="请选择" size="mini" clearable
                                style="width:120px" @change="getDpList">
                                <el-option :key="1" label="维护部门" :value="1"></el-option>
                                <el-option :key="2" label="运营部门" :value="2"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="部门">
                            <el-cascader change-on-select size="mini" v-model="searchParam.topList"
                                :options="departmentList" filterable :props="defaultProps" clearable @change="getMenList">
                            </el-cascader>
                        </el-form-item>
                        <el-form-item label="员工">
                            <el-select v-model="searchParam.menId" placeholder="请选择" filterable size="mini">
                                <el-option v-for="item in MenList" :key="item.id" :label="item.name" :value="item.id">
                                    <span style="float: left">{{ item.name }}</span>
                                    <span style="float: right; color: #8492a6; font-size: 13px">{{ item.no }}</span>
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="选择时间">
                            <el-date-picker v-if="searchParam.menId != null && searchParam.menId != 0"
                                v-model="searchParam.time" type="daterange" align="left" unlink-panels size="mini"
                                range-separator="至" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd"
                                start-placeholder="开始日期" end-placeholder="结束日期">
                            </el-date-picker>
                            <el-date-picker v-else size="mini" v-model="searchParam.time" type="month"
                                value-format="yyyy-MM" placeholder="选择月">
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item style="float:right">
                            <el-button icon="el-icon-search" size="mini" @click="searchData()">查询</el-button>
                        </el-form-item>
                    </el-form>
                </div>
            </el-collapse-transition>
        </el-card>
        <el-row :gutter="5">
            <el-col :span="24">
                <el-card>
                    <div slot="header" class="clearfix">
                        <span style="font-size:16px">
                            <i class="el-icon-tickets"></i> 详细信息
                        </span>
                        <el-button type="primary" style="float:right;" icon="el-icon-circle-plus-outline" size="mini"
                            @click="addEvaluation()">添加人员考评</el-button>
                    </div>
                    <div>
                        <el-table height="750px" id="tb" :header-cell-style="{ 'text-align': 'center' }"
                            :cell-style="{ 'text-align': 'center' }" :data="tableData" style="width: 100%;">
                            <el-table-column width="140" label="姓名">
                                <template slot-scope="scope">
                                    <el-select class="input_div" v-if="scope.row.isAdd" v-model="scope.row.menId"
                                        placeholder="请选择" filterable size="mini">
                                        <el-option v-for="item in MenList" :key="item.id" :label="item.name"
                                            :value="item.id">
                                            <span style="float: left">{{ item.name }}</span>
                                            <span style="float: right; color: #8492a6; font-size: 13px">{{ item.no }}</span>
                                        </el-option>
                                    </el-select>
                                    <span v-else v-text="scope.row.name"></span>
                                </template>
                            </el-table-column>
                            <el-table-column label="人工评分">
                                <el-table-column width="70" label="">
                                    <template slot="header">
                                        <div>
                                            <el-tooltip :disabled="isShowTooltip" content="着装:工作服、鞋" placement="top">
                                                <span>*着装</span>
                                            </el-tooltip>
                                        </div>
                                    </template>
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="5" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.xie" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.xie"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column label="出勤">
                                    <el-table-column width="60" label="病假">
                                        <template slot-scope="scope">
                                            <el-input-number class="num_div_one" :controls="false" :max="2" :min="0"
                                                v-if="scope.row.isEdit" v-model="scope.row.bj"
                                                size="mini"></el-input-number>
                                            <span v-else v-text="scope.row.bj"></span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column width="60" label="事假">
                                        <template slot-scope="scope">
                                            <el-input-number class="num_div_one" :controls="false" :max="5" :min="0"
                                                v-if="scope.row.isEdit" v-model="scope.row.sj"
                                                size="mini"></el-input-number>
                                            <span v-else v-text="scope.row.sj"></span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column width="80" label="未按规定办理请假">
                                        <template slot-scope="scope">
                                            <el-input-number class="num_div_one" :controls="false" :max="10" :min="0"
                                                v-if="scope.row.isEdit" v-model="scope.row.wqj"
                                                size="mini"></el-input-number>
                                            <span v-else v-text="scope.row.wqj"></span>
                                        </template>
                                    </el-table-column>
                                </el-table-column>
                                <el-table-column label="专业技能水平">
                                    <el-table-column width="60" label="一级">
                                        <template slot-scope="scope">
                                            <el-input-number class="num_div_one" :controls="false" :max="4" :min="0"
                                                v-if="scope.row.isEdit" v-model="scope.row.yj"
                                                size="mini"></el-input-number>
                                            <span v-else v-text="scope.row.yj"></span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column width="60" label="二级">
                                        <template slot-scope="scope">
                                            <el-input-number class="num_div_one" :controls="false" :max="3" :min="0"
                                                v-if="scope.row.isEdit" v-model="scope.row.ej"
                                                size="mini"></el-input-number>
                                            <span v-else v-text="scope.row.ej"></span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column width="60" label="三级">
                                        <template slot-scope="scope">
                                            <el-input-number class="num_div_one" :controls="false" :max="2" :min="0"
                                                v-if="scope.row.isEdit" v-model="scope.row.saj"
                                                size="mini"></el-input-number>
                                            <span v-else v-text="scope.row.saj"></span>
                                        </template>
                                    </el-table-column>
                                </el-table-column>
                                <el-table-column label="工作态度">
                                    <el-table-column width="60" label="主管反馈">
                                        <template slot-scope="scope">
                                            <el-input-number class="num_div_one" :controls="false" :max="10" :min="0"
                                                v-if="scope.row.isEdit" v-model="scope.row.zg"
                                                size="mini"></el-input-number>
                                            <span v-else v-text="scope.row.zg"></span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column width="60" label="投诉情况">
                                        <template slot-scope="scope">
                                            <el-input-number class="num_div_one" :controls="false" :max="10" :min="0"
                                                v-if="scope.row.isEdit" v-model="scope.row.ts"
                                                size="mini"></el-input-number>
                                            <span v-else v-text="scope.row.ts"></span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column width="84">
                                        <template slot="header">
                                            <div>
                                                <el-tooltip :disabled="isShowTooltip" content="违纪情况:上班打游戏、睡觉、带无关人员进入办公区域"
                                                    placement="top">
                                                    <span>*违纪情况</span>
                                                </el-tooltip>
                                            </div>
                                        </template>
                                        <template slot-scope="scope">
                                            <el-input-number class="num_div_one" :controls="false" :max="14" :min="0"
                                                v-if="scope.row.isEdit" v-model="scope.row.wj"
                                                size="mini"></el-input-number>
                                            <span v-else v-text="scope.row.wj"></span>
                                        </template>
                                    </el-table-column>
                                </el-table-column>
                                <el-table-column width="77" label="">
                                    <template slot="header">
                                        <div>
                                            <el-tooltip :disabled="isShowTooltip" content="违反安全规定:吸烟等" placement="top">
                                                <span>*违反安全规定</span>
                                            </el-tooltip>
                                        </div>
                                    </template>
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="20" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.wf" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.wf"></span>
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column label="系统评分">
                                <el-table-column label="设备清洁保养">
                                    <el-table-column width="70" label="根据系统工单">
                                        <template slot-scope="scope">
                                            <el-input-number class="num_div_one" :controls="false" :max="20" :min="0"
                                                v-if="scope.row.isEdit" v-model="scope.row.gj"
                                                size="mini"></el-input-number>
                                            <span v-else v-text="scope.row.gj"></span>
                                        </template>
                                    </el-table-column>
                                </el-table-column>
                                <el-table-column width="70" label="记录本填写">
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="5" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.jlb" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.jlb"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column width="80" label="设备及配电间巡检情况">
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="5" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.xj" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.xj"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column width="60" label="迟到">
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="5" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.cd" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.cd"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column width="60" label="早退">
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="5" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.zt" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.zt"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column width="60" label="旷工">
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="15" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.kg" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.kg"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column width="60" label="响应时间">
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="10" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.xy" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.xy"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column width="70" label="维修量">
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="10" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.wxl" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.wxl"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column width="60" label="维修时间">
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="10" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.wxsj" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.wxsj"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column width="84" label="">
                                    <template slot="header">
                                        <div>
                                            <el-tooltip :disabled="isShowTooltip" content="维修质量:维修完后重复故障率" placement="top">
                                                <span>*维修质量</span>
                                            </el-tooltip>
                                        </div>
                                    </template>
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="10" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.wxzl" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.wxzl"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column width="84" label="">
                                    <template slot="header">
                                        <div>
                                            <el-tooltip :disabled="isShowTooltip" content="工单填写情况:误填、漏填、填错" placement="top">
                                                <span>*工单填写情况</span>
                                            </el-tooltip>
                                        </div>
                                    </template>
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="10" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.gdtx" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.gdtx"></span>
                                    </template>
                                </el-table-column>
                                <el-table-column width="70" label="接转单加权分">
                                    <template slot-scope="scope">
                                        <el-input-number class="num_div_one" :controls="false" :max="10" :min="0"
                                            v-if="scope.row.isEdit" v-model="scope.row.jzd" size="mini"></el-input-number>
                                        <span v-else v-text="scope.row.jzd"></span>
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column width="90" label="得分">
                                <template slot-scope="scope">
                                    <!-- <el-input-number class="num_div_one" :controls="false" :max="5" :min="0" v-if="scope.row.isEdit" v-model="scope.row.total" size="mini"></el-input> -->
                                    <span>
                                        {{
                                            Number(scope.row.xie) +
                                            Number(scope.row.bj) +
                                            Number(scope.row.sj) +
                                            Number(scope.row.wqj) +
                                            Number(scope.row.yj) +
                                            Number(scope.row.ej) +
                                            Number(scope.row.saj) +
                                            Number(scope.row.zg) +
                                            Number(scope.row.ts) +
                                            Number(scope.row.wj) +
                                            Number(scope.row.wf) +
                                            Number(scope.row.gj) +
                                            Number(scope.row.jlb) +
                                            Number(scope.row.xj) +
                                            Number(scope.row.cd) +
                                            Number(scope.row.zt) +
                                            Number(scope.row.kg) +
                                            Number(scope.row.xy) +
                                            Number(scope.row.wxl) +
                                            Number(scope.row.wxsj) +
                                            Number(scope.row.wxzl) +
                                            Number(scope.row.gdtx) +
                                            Number(scope.row.jzd) +
                                            Number(scope.row.wxsj)
                                        }}
                                        <!-- {{ scope.row.total }} -->
                                    </span>
                                </template>
                            </el-table-column>
                            <el-table-column width="160" label="月份">
                                <template slot-scope="scope">
                                    <el-date-picker class="month_div" size="mini" v-if="scope.row.isEdit"
                                        v-model="scope.row.month" type="month" value-format="yyyy-MM" placeholder="选择月">
                                    </el-date-picker>
                                    <span v-else v-text="scope.row.month"></span>
                                </template>
                            </el-table-column>
                            <el-table-column label="操作">
                                <template slot-scope="scope">
                                    <el-button v-if="!scope.row.isEdit" size="mini"
                                        @click="handleEdit(scope.$index, scope.row)">
                                        编辑
                                    </el-button>
                                    <el-button v-if="scope.row.isEdit" @click="doEdit(scope.$index, scope.row)" size="mini"
                                        type="success" icon="el-icon-check" circle></el-button>
                                    <el-button v-if="scope.row.isEdit" @click="cancelEdit(scope.$index, scope.row)"
                                        size="mini" type="info" icon="el-icon-close" circle></el-button>
                                    <el-button v-if="!scope.row.isEdit" type="danger" size="mini"
                                        @click="handleDelete(scope.$index, scope.row)">
                                        删除
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <el-pagination :current-page.sync="searchParam.page" @size-change="handleSizeChange"
                            @current-change="handleCurrentChange" :page-count="pageCount" :total="total"
                            :page-sizes="[50, 80, 100]" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
                    </div>
                </el-card>
            </el-col>
        </el-row>

</div>
</template>

<script>
import { parseTime, removeNull } from '@/utils'
import common from '@/api/common.js'
import workTimeStatistics from '@/api/statisticsAndAnalysis/workTimeStatistics.js'
import * as echarts from 'echarts'
import MyTable from '../../dashBoard/operationBoard/components/myTable.vue'

export default {
    name: 'personnelEvaluation',
    data () {
        return {
            col: [
                {
                    prop: 'name',
                    label: '姓名'
                },
                {
                    label: '人工评分',
                    children: [
                        {
                            prop: 'xie',
                            label: '着装工作服/鞋'
                        },
                        {
                            label: '出勤',
                            children: [
                                {
                                    prop: 'bj',
                                    label: '病假'
                                },
                                {
                                    prop: 'sj',
                                    label: '事假'
                                },
                                {
                                    prop: 'wqj',
                                    label: '未按规定办理请假'
                                },
                            ]
                        },
                        {
                            label: '专业技能水平',
                            children: [
                                {
                                    prop: 'yj',
                                    label: '一级'
                                },
                                {
                                    prop: 'ej',
                                    label: '二级'
                                },
                                {
                                    prop: 'saj',
                                    label: '三级'
                                },
                            ]
                        },
                        {
                            label: '工作态度',
                            children: [
                                {
                                    prop: 'zg',
                                    label: '主管反馈'
                                },
                                {
                                    prop: 'ts',
                                    label: '投诉情况'
                                },
                                {
                                    prop: 'wj',
                                    label: '违纪情况(上班打游戏、睡觉、带无关人员进入办公区域)'
                                },
                            ]
                        },
                        {
                            prop: 'wf',
                            label: '违反安全规定（吸烟等）'
                        },
                    ]
                },
                {
                    label: '系统评分',
                    children: [
                        {
                            label: '设备清洁保养',
                            children: [
                                {
                                    prop: 'gj',
                                    label: '根据系统工单'
                                }
                            ]
                        },
                        {
                            prop: 'jlb',
                            label: '记录本填写'
                        },
                        {
                            prop: 'xj',
                            label: '设备及配电间巡检情况'
                        },
                        {
                            prop: 'cd',
                            label: '迟到'
                        },
                        {
                            prop: 'zt',
                            label: '早退'
                        },
                        {
                            prop: 'kg',
                            label: '旷工'
                        },
                        {
                            prop: 'xy',
                            label: '响应时间'
                        },
                        {
                            prop: 'wxl',
                            label: '维修量'
                        },
                        {
                            prop: 'wxsj',
                            label: '维修时间'
                        },
                        {
                            prop: 'wxzl',
                            label: '维修质量（维修完后重复故障率）'
                        },
                        {
                            prop: 'gdtx',
                            label: '工单填写情况（误填、漏填、填错）'
                        },
                        {
                            prop: 'jzd',
                            label: '接转单加权分'
                        },
                    ]
                },
                {
                    prop: 'total',
                    label: '得分'
                },
                {
                    prop: 'month',
                    label: '月份'
                },
            ],
            tableData: [
                {
                    name: '兰珏',
                    xie: 5,
                    bj: 2,
                    sj: 5,
                    wqj: 10,
                    yj: 4,
                    ej: 3,
                    saj: 2,
                    zg: 10,
                    ts: 10,
                    wj: 14,
                    wf: 20,
                    gj: 20,
                    jlb: 5,
                    xj: 5,
                    cd: 5,
                    zt: 5,
                    kg: 15,
                    xy: 10,
                    wxl: 10,
                    wxsj: 10,
                    wxzl: 10,
                    gdtx: 10,
                    jzd: 10,
                    total: 210,
                    month: '2023-01',
                    isEdit: false
                },
                {
                    name: '张屏',
                    xie: 5,
                    bj: 2,
                    sj: 5,
                    wqj: 10,
                    yj: 4,
                    ej: 3,
                    saj: 2,
                    zg: 10,
                    ts: 10,
                    wj: 14,
                    wf: 20,
                    gj: 20,
                    jlb: 5,
                    xj: 5,
                    cd: 5,
                    zt: 5,
                    kg: 15,
                    xy: 10,
                    wxl: 10,
                    wxsj: 10,
                    wxzl: 10,
                    gdtx: 10,
                    jzd: 10,
                    total: 210,
                    month: '2023-01',
                    isEdit: false
                },
                {
                    name: '陈筹',
                    xie: 5,
                    bj: 2,
                    sj: 5,
                    wqj: 10,
                    yj: 4,
                    ej: 3,
                    saj: 2,
                    zg: 10,
                    ts: 10,
                    wj: 14,
                    wf: 20,
                    gj: 20,
                    jlb: 5,
                    xj: 5,
                    cd: 5,
                    zt: 5,
                    kg: 15,
                    xy: 10,
                    wxl: 10,
                    wxsj: 10,
                    wxzl: 10,
                    gdtx: 10,
                    jzd: 10,
                    total: 210,
                    month: '2023-01',
                    isEdit: false
                },
                {
                    name: '王砚',
                    xie: 5,
                    bj: 2,
                    sj: 5,
                    wqj: 10,
                    yj: 4,
                    ej: 3,
                    saj: 2,
                    zg: 10,
                    ts: 10,
                    wj: 14,
                    wf: 20,
                    gj: 20,
                    jlb: 5,
                    xj: 5,
                    cd: 5,
                    zt: 5,
                    kg: 15,
                    xy: 10,
                    wxl: 10,
                    wxsj: 10,
                    wxzl: 10,
                    gdtx: 10,
                    jzd: 10,
                    total: 210,
                    month: '2023-01',
                    isEdit: false
                },
                {
                    name: '辜清章',
                    xie: 5,
                    bj: 2,
                    sj: 5,
                    wqj: 10,
                    yj: 4,
                    ej: 3,
                    saj: 2,
                    zg: 10,
                    ts: 10,
                    wj: 14,
                    wf: 20,
                    gj: 20,
                    jlb: 5,
                    xj: 5,
                    cd: 5,
                    zt: 5,
                    kg: 15,
                    xy: 10,
                    wxl: 10,
                    wxsj: 10,
                    wxzl: 10,
                    gdtx: 10,
                    jzd: 10,
                    total: 210,
                    month: '2023-01',
                    isEdit: false
                },
                {
                    name: '二皮匠',
                    xie: 5,
                    bj: 2,
                    sj: 5,
                    wqj: 10,
                    yj: 4,
                    ej: 3,
                    saj: 2,
                    zg: 10,
                    ts: 10,
                    wj: 14,
                    wf: 20,
                    gj: 20,
                    jlb: 5,
                    xj: 5,
                    cd: 5,
                    zt: 5,
                    kg: 15,
                    xy: 10,
                    wxl: 10,
                    wxsj: 10,
                    wxzl: 10,
                    gdtx: 10,
                    jzd: 10,
                    total: 210,
                    month: '2023-01',
                    isEdit: false
                },
                {
                    name: '安欣',
                    xie: 5,
                    bj: 2,
                    sj: 5,
                    wqj: 10,
                    yj: 4,
                    ej: 3,
                    saj: 2,
                    zg: 10,
                    ts: 10,
                    wj: 14,
                    wf: 20,
                    gj: 20,
                    jlb: 5,
                    xj: 5,
                    cd: 5,
                    zt: 5,
                    kg: 15,
                    xy: 10,
                    wxl: 10,
                    wxsj: 10,
                    wxzl: 10,
                    gdtx: 10,
                    jzd: 10,
                    total: 210,
                    month: '2023-01',
                    isEdit: false
                },
                {
                    name: '老默',
                    xie: 5,
                    bj: 2,
                    sj: 5,
                    wqj: 10,
                    yj: 4,
                    ej: 3,
                    saj: 2,
                    zg: 10,
                    ts: 10,
                    wj: 14,
                    wf: 20,
                    gj: 20,
                    jlb: 5,
                    xj: 5,
                    cd: 5,
                    zt: 5,
                    kg: 15,
                    xy: 10,
                    wxl: 10,
                    wxsj: 10,
                    wxzl: 10,
                    gdtx: 10,
                    jzd: 10,
                    total: 210,
                    month: '2023-01',
                    isEdit: false
                },
                {
                    name: '高启强',
                    xie: 5,
                    bj: 2,
                    sj: 5,
                    wqj: 10,
                    yj: 4,
                    ej: 3,
                    saj: 2,
                    zg: 10,
                    ts: 10,
                    wj: 14,
                    wf: 20,
                    gj: 20,
                    jlb: 5,
                    xj: 5,
                    cd: 5,
                    zt: 5,
                    kg: 15,
                    xy: 10,
                    wxl: 10,
                    wxsj: 10,
                    wxzl: 10,
                    gdtx: 10,
                    jzd: 10,
                    total: 210,
                    month: '2023-01',
                    isEdit: false
                }
            ],
            showCondition: true, // 手风琴
            searchParam: {
                // lineCode: '华虹计通',
                // stationCode: '8号线维保组',
                // macSysNo: '所有',
                topList: [],
                type: '',
                menId: 0,
                departmentId: 0,
                startTime: '',
                endTime: '',
                time: [],
                page: 1,
                row: 50,
            },
            MenList: [{ id: 0, name: '全部' }],
            defaultProps: {
                children: 'children',
                label: 'name',
                id: 'id',
                value: 'id'
            },
            departmentList: [],
            departmentList1: [],
            departmentList2: [],
            companyList: [],
            groupList: [],
            menList: [],
            dataList: [],
            xData: [],
            yData: [],
            pageCount: 0, // 页数
            total: 0, // 条目数
        }
    },
    created () {
        var dayjs = this.dayjs
        this.searchParam.time = dayjs(new Date()).format('YYYY-MM')
        this.getDepartmentList1()
        this.getDepartmentList2()
    },
    components: {
        MyTable
    },
    mounted () {

    },
    methods: {
        handleEdit (index, row) {
            row.isEdit = true
        },
        // 编辑
        doEdit (index, row) {
            // 调用编辑接口
            row.isAdd = false
        },
        // 取消编辑
        cancelEdit (index, row) {
            row.isEdit = false
            if (row.isAdd) {
                this.tableData.splice(index, 1)
            }
        },
        // 删除
        handleDelete (index, row) {
            this.$confirm('此操作将永久删除该条数据, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            })
                .then(() => {
                    // 执行删除操作
                })
                .catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    })
                })

        },
        handleCurrentChange (val) {
            this.searchParam.page = val
            // 查询数据
        },
        // 调整每页显示条数
        handleSizeChange (val) {
            this.searchParam.row = val
            // 查询数据
        },
        addEvaluation () {
            if (this.searchParam.topList.length == 0) {
                this.$message({
                    type: 'warning',
                    message: '请选择部门！',
                })
                return
            }
            let row = {
                name: '兰珏',
                xie: 5,
                bj: 2,
                sj: 5,
                wqj: 10,
                yj: 4,
                ej: 3,
                saj: 2,
                zg: 10,
                ts: 10,
                wj: 14,
                wf: 20,
                gj: 20,
                jlb: 5,
                xj: 5,
                cd: 5,
                zt: 5,
                kg: 15,
                xy: 10,
                wxl: 10,
                wxsj: 10,
                wxzl: 10,
                gdtx: 10,
                jzd: 10,
                total: 210,
                month: '2023-01',
                isEdit: true,
                isAdd: true
            }
            this.tableData.unshift(row);
        },
        // 获取维护部门
        getDepartmentList1 () {
            common.GetDepartmentListEnable({ type: 1 }).then((val) => {
                if (val.data != null) {
                    this.departmentList1 = removeNull(val.data)
                }
            })
        },
        // 获取运营部门
        getDepartmentList2 () {
            common.GetOperateDepartmentListEnable({ type: 1 }).then((val) => {
                if (val.data != null) {
                    this.departmentList2 = removeNull(val.data)
                }
            })
        },
        // 根据部门类型获取部门列表
        getDpList (type) {
            this.searchParam.menId = 0
            this.MenList = [{ id: 0, name: '全部' }]
            if (type == 1) {
                this.departmentList = this.departmentList1
            }
            if (type == 2) {
                this.departmentList = this.departmentList2
            }
            if (!type) {
                this.departmentList = []
            }
        },
        // 获取部门员工
        getMenList (list) {
            this.searchParam.menId = 0
            this.searchParam.departmentId = 0
            if (!this.searchParam.type || this.searchParam.topList.length == 0) {
                this.MenList = [{ id: 0, name: '全部' }]
            } else {
                var model = {}
                if (this.searchParam.type == 1) {
                    model = {
                        iPage: 1,
                        count: 9999,
                        noName: '',
                        departmentId: -1,
                        departmentIdList: [],
                        specialty: ''
                    }
                    model.departmentId =
                        this.searchParam.topList[this.searchParam.topList.length - 1]
                    common.GetMenInfor(model).then((val) => {
                        if (val.data != null) {
                            this.MenList = val.data.listData
                        } else {
                            this.MenList = []
                        }
                        this.MenList.push({ id: 0, name: '全部' })
                    })
                }
                if (this.searchParam.type == 2) {
                    model = {
                        iPage: 1,
                        count: 9999,
                        noName: '',
                        departmentId: -1,
                        departmentIdList: [],
                        specialty: ''
                    }
                    model.departmentId =
                        this.searchParam.topList[this.searchParam.topList.length - 1]
                    common.GetOperateMenInfor(model).then((val) => {
                        if (val.data != null) {
                            this.MenList = val.data.listData
                        } else {
                            this.MenList = []
                        }
                        this.MenList.push({ id: 0, name: '全部' })
                    })
                }
            }
        },
    }
}
</script>
  
<style lang="scss">
.el-card__body {
    padding: 0px;
}

.input_div input.el-input__inner {
    width: 140px;
}

.month_div input.el-input__inner {
    width: 63% !important;
}

#tb {
    .num_div_one {
        width: 54px;
    }

    .el-input-number.is-without-controls .el-input__inner {
        padding-left: 8px;
        padding-right: 8px;
    }
}
</style>