pc_kingdee_large_screen/cokingCoal/js/humanResources.js

Vue.use(scroll)
let app = new Vue({
    el: "#app",
    data() {
        return {
            title: "人才中心双选服务平台",
            treeList: [{
                name: "岗位发布",
                flag: true,
                src: "./images/humanResources/post.png",
                onSrc: "./images/humanResources/post_on.png",
                style: {
                    top: "65%",
                    left: "13%",
                    backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
                },
                onStyle: {
                    top: "65%",
                    left: "13%",
                    backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
                }
            },
            {
                name: "自主报名",
                flag: false,
                src: "./images/humanResources/notes.png",
                onSrc: "./images/humanResources/notes_on.png",
                style: {
                    top: "30%",
                    left: "22%",
                    backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
                },
                onStyle: {
                    top: "30%",
                    left: "22%",
                    backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
                }
            },

            {
                name: "资格审查",
                flag: false,
                src: "./images/humanResources/qualification.png",
                onSrc: "./images/humanResources/qualification_on.png",
                style: {
                    top: "125px",
                    left: "calc(50% - 202px)",
                    backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
                },
                onStyle: {
                    top: "125px",
                    left: "calc(50% - 202px)",
                    backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
                }
            },
            {
                name: "综合测评",
                flag: false,
                src: "./images/humanResources/comprehensive.png",
                onSrc: "./images/humanResources/comprehensive_on.png",
                style: {
                    top: "30%",
                    right: "22%",
                    backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
                },
                onStyle: {
                    top: "30%",
                    right: "22%",
                    backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
                }
            },
            {
                name: "录用公示",
                flag: false,
                src: "./images/humanResources/publicity.png",
                onSrc: "./images/humanResources/publicity_on.png",
                style: {
                    top: "65%",
                    right: "13%",
                    backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
                },
                onStyle: {
                    top: "65%",
                    right: "13%",
                    backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
                }
            },
            ],
            treeIndex: 0,
            rollFlag: true,
            config1: {
                waitTime: 7300,
                header: ["双选单位", "双选岗位", "双选人数", "报名人数", "发布时间"],
                headerHeight: 55,
                columnWidth: [230, 170],
                rowNum: 10,
                data: [
                    ["西山煤电屯兰矿", '井下普工', '50', '100', "2023.07.01"],
                    ["西山煤电斜沟煤矿", '井下钻探工', '10', '30', "2023.07.01"],
                    ["汾西矿业高阳煤矿", '井下安全检查员', '5', '10', "2023.07.01"],
                    ["汾西矿业柳湾煤矿", '井下设备管理员', '10', '50', "2023.07.01"],
                    ["霍州煤电辛置煤矿", '矿井维修电工', '10', '30', "2023.07.01"],

                    ["霍州煤电恒兴煤业", '生产调度员', '4', '10', "2023.07.01"],
                    ["霍州煤电吕梁山煤电公司", '汽车驾驶员', '5', '10', "2023.07.01"],
                    ["山煤国际凌志达煤业", '电工', '5', '16', "2023.07.01"],
                    ["华晋焦煤沙曲一号煤矿", '井下普工', '40', '120', "2023.07.01"],
                    ["山西焦化", '技术员', '2', '12', "2023.07.01"],
                    ["汾西矿业高阳煤矿", '井下安全检查员', '5', '10', "2023.07.01"],
                ],
                align: ["center", "center", "center", "center", "center"],
                headerBGC: "#69c1ff2d",
                oddRowBGC: "rgba(105, 193, 255, 0)",
                evenRowBGC: "#69c1ff21",
                hoverPause: false,
            },
            configIndex: 1,
            config2: {
                waitTime: 2000,
                header: ["序号", "单位名称", "双选岗位数"],
                headerHeight: 55,
                rowNum: 5,
                data: [
                    ["<span class='yellow'>01</span>", "<span class='yellow'>西山煤电</span>", "<span class='yellow'>30个</span>"],
                    ["<span class='red'>02</span>", "<span class='red'>山煤国际</span>", "<span class='red'>25个</span>"],
                    ["<span class='green'>03</span>", "<span class='green'>汾西矿业</span>", "<span class='green'>20个</span>"],
                    ["04", "汾西矿业", "10个"],
                    ["05", "汾西矿业", "8个"],
                    ["<span class='yellow'>01</span>", "<span class='yellow'>西山煤电</span>", "<span class='yellow'>30个</span>"],
                    ["<span class='red'>02</span>", "<span class='red'>山煤国际</span>", "<span class='red'>25个</span>"],
                    ["<span class='green'>03</span>", "<span class='green'>汾西矿业</span>", "<span class='green'>20个</span>"],
                    ["06", "汾西矿业", "4个"],
                    ["07", "山煤国际", "4个"],
                ],
                align: ["center", "center", "center", "center", "center"],
                headerBGC: "#69c1ff2d",
                oddRowBGC: "rgba(105, 193, 255, 0)",
                evenRowBGC: "#69c1ff21",
                carousel: 'page'
            },
            targetIndex: 0,
            classChange: false,
            listData: [{
                'title': '无缝滚动第一行无缝滚动第一行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第二行无缝滚动第二行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第三行无缝滚动第三行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第四行无缝滚动第四行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第五行无缝滚动第五行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第六行无缝滚动第六行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第七行无缝滚动第七行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第八行无缝滚动第八行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第九行无缝滚动第九行',
                'date': '2017-12-16'
            }],
            classOption: {
                step: 2
            },
            configMark: {
                waitTime: 2000,
                header: ["头像", "姓名", "报名岗位", "时间"],
                rowNum: 6,
                headerHeight: 55,
                columnWidth: [120],
                data: [
                    ["<img class='list_img' src='./images/header/1.jpg' alt=''>", "<span class=''>程嘉鑫</span>", "<span class=''>技术员</span>", "<span class=''>2023.07.29</span>"],
                    ["<img class='list_img' src='./images/header/2.jpg' alt=''>", "<span class=''>池富婕</span>", "<span class=''>生产调度员</span>", "<span class=''>2023.07.26</span>"],
                    ["<img class='list_img' src='./images/header/3.jpg' alt=''>", "<span class=''>邓文奇</span>", "<span class=''>井下钻探工</span>", "<span class=''>2023.07.18</span>"],
                    ["<img class='list_img' src='./images/header/4.jpg' alt=''>", "<span class=''>翟世佳</span>", "<span class=''>井下钻探工</span>", "<span class=''>2023.07.11</span>"],
                    ["<img class='list_img' src='./images/header/5.jpg' alt=''>", "<span class=''>丁一帆</span>", "<span class=''>生产调度员</span>", "<span class=''>2023.07.08</span>"],
                    ["<img class='list_img' src='./images/header/6.jpg' alt=''>", "<span class=''>董明霞</span>", "<span class=''>生产调度员</span>", "<span class=''>2023.07.01</span>"],
                    ["<img class='list_img' src='./images/header/7.jpg' alt=''>", "<span class=''>杜沛宣</span>", "<span class=''>技术员</span>", "<span class=''>2023.06.29</span>"],
                    ["<img class='list_img' src='./images/header/8.jpg' alt=''>", "<span class=''>樊宇浩</span>", "<span class=''>技术员</span>", "<span class=''>2023.07.29</span>"],
                    ["<img class='list_img' src='./images/header/9.jpg' alt=''>", "<span class=''>冯凯</span>", "<span class=''>井下钻探工</span>", "<span class=''>2023.07.26</span>"],
                    ["<img class='list_img' src='./images/header/10.png' alt=''>", "<span class=''>耿越</span>", "<span class=''>生产调度员</span>", "<span class=''>2023.07.18</span>"],
                ],
                align: ["center", "center", "center", "center", "center"],
                headerBGC: "#69c1ff2d",
                oddRowBGC: "rgba(105, 193, 255, 0)",
                evenRowBGC: "#69c1ff21",
            },
            configInterview: {
                waitTime: 2000,
                header: ["序号", "姓名", "地点", "双选单位", "时间"],
                headerHeight: 55,
                columnWidth: [90, 120, 170, 200],
                rowNum: 6,
                data: [
                    ["01", '陈英', '洽谈室1', '杜儿坪矿', "2023.08.18   09:30-10:30"],
                    ["02", '李小曼', '洽谈室1', '杜儿坪矿', "2023.08.18   09:30-10:30"],
                    ["03", '王亮', '洽谈室1', '柳湾煤矿', "2023.08.18   09:30-10:30"],
                    ["04", '李鑫', '洽谈室1', '高阳煤矿', "2023.08.18   09:30-10:30"],
                    ["05", '王杰', '洽谈室1', '柳湾煤矿', "2023.08.18   09:30-10:30"],
                    ["06", '张强', '洽谈室1', '杜儿坪矿', "2023.08.18   09:30-10:30"],
                    ["07", '王强', '洽谈室1', '高阳煤矿', "2023.08.19   09:30-10:30"],
                    ["08", '程丽', '洽谈室1', '柳湾煤矿', "2023.08.19   09:30-10:30"],
                    ["09", '韩赢', '洽谈室1', '杜儿坪矿', "2023.08.19   09:30-10:30"],
                    ["10", '王丽', '洽谈室1', '柳湾煤矿', "2023.08.19   09:30-10:30"],
                ],
                align: ["center", "center", "center", "center", "center"],
                headerBGC: "#69c1ff2d",
                oddRowBGC: "rgba(105, 193, 255, 0)",
                evenRowBGC: "#69c1ff21",
            },
            configWritten: {
                waitTime: 2000,
                header: ["序号", "姓名", "地点", "双选单位", "时间"],
                headerHeight: 55,
                columnWidth: [90, 120, 170, 200],
                rowNum: 6,
                data: [
                    ["01", '李志桐', '洽谈室1', '杜儿坪矿', "2023.08.22   09:30-10:30"],
                    ["02", '赵建国', '洽谈室1', '柳湾煤矿', "2023.08.22   09:30-10:30"],
                    ["03", '张耀杰', '洽谈室1', '高阳煤矿', "2023.08.22   09:30-10:30"],
                    ["04", '崔诚', '洽谈室1', '杜儿坪矿', "2023.08.22   09:30-10:30"],
                    ["05", '陈灵均', '洽谈室1', '杜儿坪矿', "2023.08.22   09:30-10:30"],
                    ["06", '杜勇', '洽谈室1', '柳湾煤矿', "2023.08.23   09:30-10:30"],
                    ["07", '李灵风', '洽谈室1', '高阳煤矿', "2023.08.23   09:30-10:30"],
                    ["08", '卢晨', '洽谈室1', '杜儿坪矿', "2023.08.23   09:30-10:30"],
                    ["08", '韩玉树', '洽谈室1', '柳湾煤矿', "2023.08.23   09:30-10:30"],
                    ["09", '王杰', '洽谈室1', '杜儿坪矿', "2023.08.23   09:30-10:30"],
                ],
                align: ["center", "center", "center", "center", "center"],
                headerBGC: "#69c1ff2d",
                oddRowBGC: "rgba(105, 193, 255, 0)",
                evenRowBGC: "#69c1ff21",
            },
            mainList: [{
                name: "双选场次",
                value: 29,
                unit: "场",
                icon: "./images/humanResources/times.png"
            },
            {
                name: "参与人数",
                value: 2957,
                unit: "人",
                icon: "./images/humanResources/user.png"
            }
            ],
            employmentList1: {
                waitTime: 2000,
                header: ["序号", "姓名", "性别", "身份证号", "拟录用单位"],
                rowNum: 5,
                headerHeight: 55,
                columnWidth: [100, 140, 100, 280],
                data: [],
                align: ["center", "center", "center", "center", "center"],
                headerBGC: "#69c1ff2d",
                oddRowBGC: "rgba(105, 193, 255, 0)",
                evenRowBGC: "#69c1ff21",
                hoverPause: false,
            },
            employmentList2: {
                waitTime: 2000,
                header: ["序号", "姓名", "性别", "身份证号", "拟录用单位"],
                rowNum: 5,
                headerHeight: 55,
                columnWidth: [100, 140, 100, 280],
                data: [],
                align: ["center", "center", "center", "center", "center"],
                headerBGC: "#69c1ff2d",
                oddRowBGC: "rgba(105, 193, 255, 0)",
                evenRowBGC: "#69c1ff21",
                hoverPause: false,
            },
            employmentList3: {
                waitTime: 2000,
                header: ["序号", "姓名", "性别", "身份证号", "拟录用单位"],
                rowNum: 5,
                headerHeight: 55,
                columnWidth: [100, 140, 100, 280],
                data: [],
                align: ["center", "center", "center", "center", "center"],
                headerBGC: "#69c1ff2d",
                oddRowBGC: "rgba(105, 193, 255, 0)",
                evenRowBGC: "#69c1ff21",
                hoverPause: false,
            },
            typeList: {
                waitTime: 2000,
                header: ["单位名称", "岗位名称", "报名人数"],
                rowNum: 6,
                headerHeight: 55,
                columnWidth: [100, 200, 400,],
                data: [
                    ["汾西矿业", "综合管理岗", "40"],
                    ["西山煤电", "综合管理岗", "35"],
                    ["西山煤电", "财务管理岗", "30"],
                    ["汾西矿业", "综合管理岗", "25"],
                    ["西山煤电", "综合管理岗", "20"],
                    ["西山煤电", "财务管理岗", "15"],
                    ["汾西矿业", "综合管理岗", "10"],
                ],
                align: ["center", "center", "center", "center", "center"],
                index: true,
                headerBGC: "#69c1ff2d",
                oddRowBGC: "rgba(105, 193, 255, 0)",
                evenRowBGC: "#69c1ff21",
                hoverPause: false,
            },
            vitaEcharts: null,
            newList: [],
            showMark: false,
            showSelect: false,
            showMonth: false,
            monthList,
            monthItem: "08",
            timeList1: ["2022-08", "2023-08"],
            timeList2: ["2022-08", "2023-08"],
            from: "",
            type: 0,
            echartsIndex: 1,
            downholeFlag: true,
            markStyle: {
                bottom: "4%",
                right: "5%"
            },
            rightList: [{
                name: "当前数",
                flag: true,
                num1: 292,
                num2: 248,
                num3: "85%",
            }, {
                name: "累计数",
                flag: false,
                num1: 571,
                num2: 492,
                num3: "84%",
            }],
            rightIndex: 0,
            leftList: [{
                name: "双选岗位",
                flag: true
            }, {
                name: "双选岗位类别",
                flag: false
            }],
            leftIndex: 0,
            roseEcharts: null,
            leftFlag: true,
            rollTitle: "西山煤电屯兰矿井下普工工双选公告",
            leftTime: null,
            rightTime: null,
            recruitInfoList: [],
            recruitInfoIndex: 0,
            vitaData: {
                x: ['4月', '5月', '6月', '7月', '8月', '9月'],
                y: [56, 32, 64, 81, 43, 13]
            },
            isChangeList: false,
            imageList: ["./images/humanResources/ppt1.jpg", "", ""],
            imageIndex: 0,
            imageFlag: false,
            pageFlag: true,
            hecharts: null,
            leftErrorList: ["信息不完整", "信息有误", "任职条件不符", "出勤不足", "工作年限不符"],

            isShowList: true,
            isListEnd: 0,
            address: "西山煤电屯兰矿。",
            interviewIndex: 0,
            examinationIndex: 0,
            showInterview: true,  // 面试
            showExamination: true, //笔试
            noticeList: [],
            noticeIndex: 0,
            isShowInfoList: false,

            recruitTypeMax: 0,
            recruitTypeList: [],

            showBigList: true,
            rightData: [],

            noticIndex: 0,
            noticList: [],
            noticTime: null,

            configDataIndex: 1,

            itemClass: "item_content_6_false",
            dataFlag: true,

            lineRight1: null,
            lineRight2: null,
            lineRight3: null,
            lineRight4: null,
            lineRight5: null,

            listChange: null,

        }
    },
    beforeCreate() {
        // 跳转地址
        let AddUrl = location.protocol + "//" + location.host + "/ierp"
        // return
        if (!window.location.search) {
            // alert("链接已失效，请重新打开")
            window.location.href = AddUrl
        }
        let arr = window.location.search.split("&")
        let dataList = []
        arr.forEach(item => {
            dataList.push(item.split("=")[1])
        })
        window.user = dataList[0]
        let newDate = new Date().getTime()
        let authorityType = window.sessionStorage.getItem("authorityType") || false
        if (!authorityType) {
            if (newDate - parseInt(dataList[1]) < 30000) {
                // alert("链接已失效，请重新打开")
                window.location.href = AddUrl
            }
            window.sessionStorage.setItem("authorityType", true)
        }
    },
    beforeDestroy() {
        window.sessionStorage.removeItem("authorityType")
    },
    created() {

        let date = new Date()
        let year = date.getFullYear()
        let month
        if (date.getMonth() <= 9) {
            month = "0" + date.getMonth()
        } else {
            month = date.getMonth()
        }
        this.timeList1 = [(year - 1) + "-" + month, year + "-" + month]
        this.timeList2 = [(year - 1) + "-" + month, year + "-" + month]

        this.newList = listToChange(yearList, monthList)
        this.employmentList3.data = employmentList
        if (employmentList.length % 2 != 0) {
            employmentList.push([])
        }
        employmentList.forEach((item, index) => {
            if (index % 2 == 0) {
                this.employmentList1.data.push(item)
            } else {
                this.employmentList2.data.push(item)
            }
        })
        this.keyDown()
    },
    watch: {
        imageIndex() {
            let that = this
            if (this.imageIndex == this.imageList.length) {
                that.downhole.dispose()
                that.vitaEcharts.dispose()
                setTimeout(() => {
                    let pageBtm = that.$refs.pageBtm
                    that.initDownholeEcharts(pageBtm, { x: admissionList.x, y1: admissionList.y1, y2: admissionList.y2, y3: admissionList.y3 })

                    let vita = that.$refs.vita
                    that.initVitaEcharts(vita)
                })
                this.imageIndex = 0
                this.imageFlag = false

            }
        },
    },
    mounted() {
        let that = this;
        this.$nextTick(() => {





            // let c1 = this.$refs.c1
            // this.initRightCycle(c1, 40)
            // let c2 = this.$refs.c2
            // this.initRightCycle(c2, 25)
            // let c3 = this.$refs.c3
            // this.initRightCycle(c3, 20)
            // let c4 = this.$refs.c4
            // this.initRightCycle(c4, 10)
            // let c5 = this.$refs.c5
            // this.initRightCycle(c5, 5)



            // setTimeout(() => {
            //     let itemContent = document.getElementById("itemContent")
            //     if (itemContent) {
            //         let target = itemContent.getElementsByClassName("row-item")
            //         let targetList = target.item(0)
            //         targetList.style.background = "#302e2d50"
            //         targetList.style.color = "#E1AF27"
            //     }
            // }, 10)

            setInterval(() => {
                let that = this
                that.treeList.forEach(item => {
                    item.flag = false
                })

                if (that.treeIndex >= that.treeList.length - 1) {
                    that.treeIndex = 0
                } else {
                    that.treeIndex = that.treeIndex + 1

                }
                that.treeList[that.treeIndex].flag = true

            }, 5000)
            // setInterval(()=>{
            //     if(that.configIndex > that.config1.data.length - 1){
            //         that.configIndex = 0
            //         return
            //     } else {
            //         that.configIndex = that.configIndex + 1
            //         return
            //     }
            // },5000)
        })
        this.leftTime = setInterval(() => {
            that.leftList.forEach((item, index) => {
                item.flag = !item.flag
                if (item.flag) {
                    if (index == 0) {
                        that.leftFlag = true
                    } else {
                        that.leftFlag = false
                        setTimeout(() => {
                            let leftChange = that.$refs.leftChange
                            that.initThreeBig(leftChange)
                        })
                    }
                }
            })
        }, 15000)
        this.rightTime = setInterval(() => {
            that.rightList.forEach((item, index) => {
                item.flag = !item.flag
                if (item.flag) {
                    that.rightIndex = index
                }
            })
        }, 5000)


        localEnvAppToken().then(res => {
            localStorage.setItem("app_token", res.app_token)
            getLocalEnvAccessToken().then(res => {
                localStorage.setItem("access_token", res.access_token)
                that.getPlayers()
                that.getPostDetail()

                that.getHalfYearDelivcv()
                that.getHotDelivcv()
                that.arrToListArr()
                that.getDelivcvAndApply()
                that.getRecruitType()
                that.getFailReason()
                that.getQualAudits()
                that.getNoticePerson()
                that.getNotice()
                that.getDoubleChoice()
                that.getPositionAll()
                that.getTotalRate()

            })
        }).catch(err => {
            this.isChangeList = true
            this.isShowInfoList = true
            let pageBtm = this.$refs.pageBtm
            this.initDownholeEcharts(pageBtm, { x: admissionList.x, y1: admissionList.y1, y2: admissionList.y2, y3: admissionList.y3 })

            let rightOne = this.$refs.rightOne
            this.initLineRight(rightOne, { value: 18, total: 44 })
            let rightTwo = this.$refs.rightTwo
            this.initLineRight(rightTwo, { value: 11, total: 44 })
            let rightThree = this.$refs.rightThree
            this.initLineRight(rightThree, { value: 9, total: 44 })
            let rightFour = this.$refs.rightFour
            this.initLineRight(rightFour, { value: 4, total: 44 })
            let rightFive = this.$refs.rightFive
            this.initLineRight(rightFive, { value: 2, total: 44 })

            let vita = this.$refs.vita
            that.initVitaEcharts(vita)


            setTimeout(() => {
                let itemContent = document.getElementById("itemContent")
                if (itemContent) {
                    let target = itemContent.getElementsByClassName("row-item")
                    let targetList = target.item(0)
                    targetList.style.background = "#302e2d50"
                    targetList.style.color = "#E1AF27"
                }
            }, 10)
        })
    },
    methods: {
        handleClickIcon(item, index) {
            let that = this;
            if (index == 1) {
                if (that.showBigList) {
                    that.configInterview.rowNum = 10
                    that.configWritten.rowNum = 10
                    that.employmentList3.rowNum = 20
                    that.configInterview.columnWidth = []
                    that.configInterview.columnWidth = [240, 320, 370, 460, 480]
                    that.configWritten.columnWidth = []
                    that.configWritten.columnWidth = [240, 320, 370, 460, 480]
                    that.employmentList3.columnWidth = []
                    that.employmentList3.columnWidth = [240, 320, 370, 460, 480]

                    that.leftTime && clearInterval(that.leftTime)
                    that.rightTime && clearInterval(that.rightTime)

                    if (that.roseEcharts) {
                        that.roseEcharts.dispose()
                    }
                    setTimeout(() => {
                        that.showBigList = false
                    }, 10)
                } else {
                    that.configInterview.rowNum = 6
                    that.configWritten.rowNum = 6
                    that.configInterview.columnWidth = [90, 120, 170, 200]
                    that.configWritten.columnWidth = [90, 120, 170, 200]
                    that.leftFlag = true
                    that.leftList = [{
                        name: "双选岗位",
                        flag: true
                    }, {
                        name: "双选岗位类别",
                        flag: false
                    }]
                    setTimeout(() => {
                        that.showBigList = true
                        that.leftTime = setInterval(() => {
                            that.leftList.forEach((item, index) => {
                                item.flag = !item.flag
                                if (item.flag) {
                                    if (index == 0) {
                                        that.leftFlag = true
                                    } else {
                                        that.leftFlag = false
                                        setTimeout(() => {
                                            let leftChange = that.$refs.leftChange
                                            that.initThreeBig(leftChange)
                                        })
                                    }
                                }
                            })
                        }, 15000)
                    }, 10)
                }

                setTimeout(() => {
                    if (that.showBigList) {
                        let total = 0
                        that.rightData.forEach(item => {
                            total = total + item.value
                        })
                        return new Promise(() => {
                            that.getFailReason()
                            that.getHalfYearDelivcv()
                        })
                    }
                }, 15)

            } else {
                that.dataFlag = !that.dataFlag
                that.leftTime && clearInterval(that.leftTime)
                that.leftTime = setInterval(() => {
                    that.leftList.forEach((item, index) => {
                        item.flag = !item.flag
                        if (item.flag) {
                            if (index == 0) {
                                that.leftFlag = true
                            } else {
                                that.leftFlag = false
                                setTimeout(() => {
                                    let leftChange = that.$refs.leftChange
                                    that.initThreeBig(leftChange)
                                })
                            }
                        }
                    })
                }, 15000)
                that.rightTime && clearInterval(that.rightTime)
                that.rightTime = setInterval(() => {
                    that.rightList.forEach((item, index) => {
                        item.flag = !item.flag
                        if (item.flag) {
                            that.rightIndex = index
                        }
                    })
                }, 5000)
                that.getPlayers()
                that.getPostDetail()

                that.getHalfYearDelivcv()
                that.getHotDelivcv()
                that.arrToListArr()
                that.getDelivcvAndApply()
                that.getRecruitType()
                that.getFailReason()
                that.getQualAudits()
                that.getNoticePerson()
                that.getNotice()
                that.getDoubleChoice()
                that.getPositionAll()
                that.getTotalRate()
            }
        },
        // 监听键盘
        keyDown() {
            let that = this;
            document.onkeydown = (e) => {
                //事件对象兼容
                if (this.imageFlag) {
                    let e1 = e || event || window.event || arguments.callee.caller.arguments[0]
                    //键盘按键判断:左箭头-37;上箭头-38；右箭头-39;下箭头-40
                    if (e1 && e1.keyCode == 37) {
                        if (that.imageIndex != 0) {
                            that.imageIndex = that.imageIndex - 1
                        }
                    } else if (e1 && e1.keyCode == 38) {
                        // that.imageIndex = that.imageIndex - 1
                        if (that.imageIndex != 0) {
                            that.imageIndex = that.imageIndex - 1
                        }
                    } else if (e1 && e1.keyCode == 33) {
                        // that.imageIndex = that.imageIndex - 1
                        if (that.imageIndex != 0) {
                            that.imageIndex = that.imageIndex - 1
                        }
                    } else if (e1 && e1.keyCode == 39) {
                        that.imageIndex = that.imageIndex + 1
                    } else if (e1 && e1.keyCode == 40) {
                        that.imageIndex = that.imageIndex + 1
                    } else if (e1 && e1.keyCode == 34) {
                        that.imageIndex = that.imageIndex + 1
                    }
                }

            }

        },

        handleChangeImage() {
            this.imageIndex += 1
        },

        fullScreen() {
            let docElm = document.documentElement;
            if (docElm.requestFullscreen) {
                docElm.requestFullscreen();
            } else if (docElm.msRequestFullscreen) {
                docElm.msRequestFullscreen();
            } else if (docElm.mozRequestFullScreen) {
                docElm.mozRequestFullScreen();
            } else if (docElm.webkitRequestFullScreen) {
                docElm.webkitRequestFullScreen();
            }
            this.imageFlag = true
            this.pageFlag = false
        },

        initDownholeEcharts(el, data) {
            if (this.downhole) {
                this.downhole.dispose()
            }
            this.downhole = echarts.init(el);
            let series = []
            let grid = {
                top: "15%",
                bottom: 50, //也可设置left和right设置距离来控制图表的大小
                left: "3%",
                right: "1%"
            }

            option = {
                tooltip: {
                    backgroundColor: 'rgba(0, 0, 0, 0.3)',
                    borderColor: "rgba(0,0,0,0.5)",
                    show: true,
                    trigger: 'axis',
                    textStyle: {
                        fontSize: 30,
                        color: '#A3E2F4'
                    },
                    axisPointer: { // 坐标轴指示器，坐标轴触发有效
                        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                    }
                },
                grid,
                legend: {
                    data: ["双选人数", "报名人数", "录用人数"],
                    align: 'left',
                    itemGap: 50,
                    right: 500,
                    y: '2%',
                    icon: 'rect',
                    textStyle: {
                        color: "#fff",
                        fontSize: 30
                    }
                },
                xAxis: {
                    axisTick: {
                        show: false,
                    },
                    axisLine: {
                        show: false,
                    },
                    axisLabel: {
                        interval: 0,
                        show: true,
                        fontSize: 30,
                        textStyle: {
                            color: "#fff" //X轴文字颜色
                        },
                    },
                    data: data.x,
                },
                yAxis: {
                    type: "value",
                    name: "人",
                    gridIndex: 0,
                    // splitNumber: 4,
                    splitLine: {
                        show: false,
                        lineStyle: {
                            color: '#A3C0DF',
                            width: 1
                        },
                    },
                    nameTextStyle: {
                        fontSize: 30,
                    },
                    axisTick: {
                        show: false
                    },
                    axisLine: {
                        show: false,
                        lineStyle: {
                            color: '#A3C0DF'
                        }
                    },
                    axisLabel: {
                        show: true,
                        margin: 14,
                        fontSize: 28,
                        textStyle: {
                            color: "#fff" //X轴文字颜色
                        }
                    },
                },
                series: [{
                    type: 'bar',
                    name: "双选人数",
                    barWidth: 26,
                    itemStyle: {
                        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                            offset: 1,
                            color: '#40A9FF',
                        },
                        {
                            offset: 0,
                            color: '#082049',
                        },
                        ]),
                    },
                    data: data.y1,
                }, {
                    type: 'bar',
                    name: "报名人数",
                    barWidth: 26,
                    itemStyle: {
                        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                            offset: 1,
                            color: '#EAE179',
                        },
                        {
                            offset: 0,
                            color: '#082049',
                        },
                        ]),
                    },
                    data: data.y2,
                }, {
                    type: 'bar',
                    name: "录用人数",
                    barWidth: 26,
                    itemStyle: {
                        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                            offset: 1,
                            color: '#6A83FF',
                        },
                        {
                            offset: 0,
                            color: '#082049',
                        },
                        ]),
                    },
                    data: data.y3,
                }]
            };
            this.downhole.setOption(option);
            tools.loopShowTooltip(this.downhole, option, {
                nterval: 2000,
                loopSeries: true,
            });
        },
        scrollChange(index) {
            this.itemClass = "item_content_6",
            this.rollFlag = false;
            let listIndex = index
            if (listIndex >= this.config1.data.length) {
                listIndex = index - 11
            }
            this.recruitInfoIndex = listIndex
            this.address = this.config1.data[listIndex][0] + "。"
            this.rollTitle = this.config1.data[listIndex][0] + this.config1.data[listIndex][1] + "双选公告"
            setTimeout(() => {
                this.rollFlag = true
            })

        },

        initRightCycle(el, data) {
            var getvalue = [data];

            let chat = echarts.init(el)

            option = {
                title: {
                    text: getvalue + '%',
                    textStyle: {
                        color: '#fff',
                        fontSize: 20
                    },
                    itemGap: 20,
                    left: '55%',
                    top: '38%'
                },
                // tooltip: {
                //     formatter: function (params) {
                //         return '<span style="color: #fff;">综合得分：' + getvalue + '分</span>';
                //     }
                // },
                angleAxis: {
                    max: 100,
                    clockwise: true, // 逆时针
                    // 隐藏刻度线
                    show: false
                },
                radiusAxis: {
                    type: 'category',
                    show: true,
                    axisLabel: {
                        show: false,
                    },
                    axisLine: {
                        show: false,

                    },
                    axisTick: {
                        show: false
                    },
                },
                polar: {
                    center: ['70%', '50%'],
                    radius: ['60%', '75%'],
                    // radius: '100%' //图形大小
                },
                series: [{
                    type: 'bar',
                    data: getvalue,
                    showBackground: true,
                    backgroundStyle: {
                        color: '#BDEBFF',
                    },
                    coordinateSystem: 'polar',
                    roundCap: true,
                    barWidth: 30,
                    itemStyle: {
                        normal: {
                            opacity: 1,
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: '#25BFFF'
                            }, {
                                offset: 1,
                                color: '#5284DE'
                            }]),
                            shadowBlur: 5,
                            shadowColor: '#2A95F9',
                        }
                    },
                }]
            };

            chat.setOption(option)
        },
        initLineRight(el, data, type) {
            let that = this;
            // if(myChart){
            //     myChart.dispose()
            // }
            let myChart
            if (type) {
                if (that[type]) {
                    that[type].dispose()
                }
                that[type] = echarts.init(el);
            } else {
                myChart = echarts.init(el);
            }
            let nameList = ["a"];
            let valueList = [data.value];
            let total = data.total; // 数据总数
            var category = nameList.map((item, index) => {
                return {
                    value: valueList[index],
                    itemStyle: {
                        color: new echarts.graphic.LinearGradient(
                            1,
                            0,
                            0,
                            1, [{
                                offset: 0,
                                color: "#40A9FF50",
                            },
                            {
                                offset: 1,
                                color: "#40A9FF",
                            },
                        ],
                            false
                        ),
                    },
                };
            });
            var totalList = [];
            var totalBorderList = [];

            nameList.map((item, index) => {
                totalList.push({
                    value: total,
                    itemStyle: {
                        color: "rgba(51, 147, 236, 0.29)",
                    },
                });
                totalBorderList.push({
                    value: total,
                    itemStyle: {
                        borderColor: "rgba(51, 147, 236, 0.29)",
                        color: "transparent",
                    },
                });
            });
            var datas = [];
            category.forEach((value) => {
                datas.push(value.value);
            });
            if (total == 0) {
                total += 1
            }
            option = {
                // backgroundColor: 'rgb(231,238,249)',
                xAxis: {
                    max: total,
                    splitLine: {
                        show: false,
                    },
                    axisLine: {
                        show: false,
                    },
                    axisLabel: {
                        show: false,
                    },
                    axisTick: {
                        show: false,
                    },
                },
                grid: {
                    left: "1%",
                    top: 20, // 设置条形图的边距
                    right: "40%",
                    bottom: 20,
                },
                yAxis: [{
                    type: "category",
                    inverse: false,
                    data: nameList,
                    axisLine: {
                        show: false,
                    },
                    axisTick: {
                        show: false,
                    },
                    axisLabel: {
                        show: false,
                    },
                },],
                series: [{
                    // 内
                    type: "bar",
                    barWidth: 16,
                    barGap: "20%",
                    silent: true,
                    // label: {
                    //     normal: {
                    //         formatter: (item) => {
                    //             return `${item['name']}：${item['value']} `;
                    //         },
                    //         textStyle: {
                    //             color: 'rgba(105, 120, 136, 1)',
                    //             fontSize: 14,
                    //         },
                    //         position: [0, '-25px'],
                    //         show: true,
                    //     },
                    // },
                    data: category,
                    z: 1,
                    itemStyle: {
                        normal: {
                            color: new echarts.graphic.LinearGradient(
                                1,
                                0,
                                0,
                                1, [{
                                    offset: 0,
                                    color: "rgba(81, 193, 156, 1)",
                                },
                                {
                                    offset: 1,
                                    color: "rgba(234, 177, 100, 1)",
                                },
                            ],
                                false
                            ),
                        },
                    },
                    animationEasing: "elasticOut",
                },

                {
                    // 分隔
                    type: "pictorialBar",
                    itemStyle: {
                        normal: {
                            color: "#143362",
                        },
                    },
                    symbolRepeat: "fixed",
                    symbolMargin: 8,
                    symbol: "rect",
                    symbolClip: false,
                    symbolSize: [4, 20],
                    symbolPosition: "start",
                    symbolOffset: [0, -2],
                    symbolBoundingData: total,
                    data: [total, total, total, total],
                    z: 2,
                    animationEasing: "elasticOut",
                },
                {
                    // label
                    type: "pictorialBar",
                    symbolBoundingData: total,
                    itemStyle: {
                        normal: {
                            color: "none",
                        },
                    },
                    label: {
                        normal: {
                            formatter: (params) => {
                                var text;
                                if (total == 0) {
                                    text = `0 人  |  0%`;
                                    return text
                                }
                                if (params.value >= 10) {
                                    if (((params.value / total) * 100).toFixed(0) < 10) {
                                        text = `${("  " + params.value)}人  |  ${(((params.value) / total) * 100).toFixed(0)}%`;
                                    } else {
                                        text = `${(params.value)}人  |  ${(((params.value) / total) * 100).toFixed(0)}%`;
                                    }
                                } else {
                                    text = `${("  " + params.value)}人  |  ${(((params.value) / total) * 100).toFixed(0)}%`;
                                }
                                return text;
                            },
                            textStyle: {
                                // 图列内容样式
                                fontSize: "30",
                                fontWeight: 800,
                            },
                            position: "right",
                            offset: [0, -3],
                            distance: 10, // 向右偏移位置
                            show: true,
                            color: "#FFF",
                        },
                    },
                    data: datas,
                    z: 0,
                },
                {
                    name: "外框",
                    type: "bar",
                    barGap: "-130%", // 设置外框粗细
                    data: totalBorderList,
                    barWidth: 26,
                    itemStyle: {
                        normal: {
                            // barBorderRadius: [5, 5, 5, 5],
                            borderWidth: 1, // 边框宽度
                            borderColor: "rgb(51, 147, 236)", // 边框色
                            color: "rgb(231,238,249)",
                        },
                    },
                    z: 0,
                },
                ],
            };

            //轮播
            // tools.loopShowTooltip(leftEcharts1, option, {
            //   interval: 2000,
            //   loopSeries: true,
            // });
            //注册
            if (type) {
                that[type].setOption(option);
            } else {
                myChart.setOption(option);
            }

        },
        initVitaEcharts(el, data) {
            let that = this;
            if (this.vitaEcharts) {
                this.vitaEcharts.dispose()
            }
            this.vitaEcharts = echarts.init(el)
            let dataList = [...that.vitaData.y]
            let max = dataList.sort(function (a, b) {
                return b - a
            })[0]
            let maxList = []
            this.vitaData.x.forEach(item => {
                maxList.push(max)
            })
            option = {
                tooltip: {
                    show: true,
                    backgroundColor: 'rgba(0, 0, 0, 0.3)',
                    borderColor: "rgba(0,0,0,0.5)",
                    trigger: 'axis',
                    textStyle: {
                        fontSize: 30,
                        color: '#A3E2F4'
                    },
                    axisPointer: { // 坐标轴指示器，坐标轴触发有效
                        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                    },
                    formatter: "{a} :  {c}人"
                },
                animation: true,
                grid: {
                    top: "12%",
                    bottom: "8%",
                    right: "2%"
                },
                xAxis: {
                    data: that.vitaData.x,
                    axisLine: {
                        show: false //隐藏X轴轴线
                    },
                    axisTick: {
                        show: false //隐藏X轴轴线
                    },
                    splitLine: {
                        show: false,
                        lineStyle: {
                            color: "rgba(77, 128, 254, 0.2)",
                            width: 2
                        }
                    },
                    axisLabel: {
                        show: true,
                        interval: 0,
                        fontSize: 24,
                        textStyle: {
                            color: "#fff" //X轴文字颜色
                        }
                    }
                },
                yAxis: [{
                    name: "报名/人",
                    type: "value",
                    gridIndex: 0,
                    min: 0,
                    max: 100,
                    interval: 25,
                    // splitNumber: 4,
                    splitLine: {
                        show: false,
                        lineStyle: {
                            color: "rgba(77, 128, 254, 0.2)",
                            width: 2
                        }
                    },
                    axisTick: {
                        show: false
                    },
                    nameTextStyle: {
                        fontSize: 28,
                        color: "#B6BFCE"
                    },
                    axisLine: {
                        show: false,
                        lineStyle: {
                            color: "rgba(77, 128, 254, 0.2)"
                        }
                    },
                    axisLabel: {
                        show: true,
                        margin: 14,
                        fontSize: 26,
                        textStyle: {
                            color: "#65D5FF"
                        }
                    }
                }],
                series: [{
                    name: "报名人数",
                    type: "bar",
                    barWidth: 16,
                    itemStyle: {
                        normal: {
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 1,
                                color: "#004E8E"
                            },
                            {
                                offset: 0,
                                color: "#40A9FF"
                            }
                            ])
                        }
                    },
                    data: that.vitaData.y,
                    z: 10,
                    zlevel: 0
                },
                {
                    // 分隔
                    type: "pictorialBar",
                    itemStyle: {
                        normal: {
                            color: "#0F375F"
                        }
                    },
                    symbolRepeat: "fixed",
                    symbolMargin: 6,
                    symbol: "rect",
                    symbolClip: true,
                    symbolSize: [18, 2],
                    symbolPosition: "start",
                    symbolOffset: [1, 1],
                    data: that.vitaData.y,
                    width: 2,
                    z: 0,
                    zlevel: 1
                },
                {
                    name: "外框",
                    type: "bar",
                    barGap: "-110%", // 设置外框粗细
                    data: maxList,
                    barWidth: 16,
                    itemStyle: {
                        normal: {
                            color: "transparent", // 填充色
                            // barBorderRadius: 0, //圆角半径
                            label: {
                                // 标签显示位置
                                show: false,
                                position: "top" // insideTop 或者横向的 insideLeft
                            }
                        }
                    },
                    z: 0
                },
                {
                    name: "背影",
                    type: "line",
                    smooth: true, //平滑曲线显示
                    showAllSymbol: false, //显示所有图形。
                    symbolSize: 0,
                    lineStyle: {
                        width: 0
                    },
                    areaStyle: {
                        color: "rgba(0, 151, 251, 0.1)"
                    },
                    data: that.vitaData.y,
                    z: 5
                }
                ],
                dataZoom: [{
                    type: "slider",
                    show: false,
                    xAxisIndex: [0],
                    endValue: 12,
                    startValue: 0
                }]
            }
            this.vitaEcharts.setOption(option)
            tools.loopShowTooltip(this.vitaEcharts, option, {
                nterval: 2000,
                loopSeries: true,
            });
        },
        initRoseEcharts(el, myData = {
            number: ['10', '13', '20'],
            titlename: ["地面", "辅助", "一线"],
        }) {
            this.roseEcharts = echarts.init(el)
            var colorArr = ["#218de0", "#01cbb3", "#85e647", "#5d5cda", "#f6d54a", "#f845f1"];
            var colorAlpha = ['rgba(60,170,211,0.05)', 'rgba(1,203,179,0.05)', 'rgba(133,230,71,0.05)', 'rgba(93,92,218,0.05)', 'rgba(5,197,176,0.05)', 'rgba(194,153,39,0.05)'];
            var myProperty = {
                titlefontsize: 30,
                polarradius: '60%',
                pieradius: '60%',
                length1: 10,
                length2: 55,

            };

            var data = [];
            var total = 0;
            for (var i = 0; i < myData.number.length; i++) {

                total += (Number)(myData.number[i]);

            }
            for (let index = 0; index < myData.titlename.length; index++) {
                data.push({

                    value: myData.number[index],
                    name: myData.titlename[index],
                    itemStyle: {
                        normal: {
                            borderColor: colorArr[index],
                            borderWidth: 2,
                            shadowBlur: 20,
                            shadowColor: colorArr[index],
                            shadowOffsetx: 25,
                            shadowOffsety: 20,
                            color: colorAlpha[index]
                        }
                    },

                    label: {
                        normal: {
                            formatter: ['{b|{b}:  {c}个}', '{d|  {d}%}'].join('\n'), //join函数将数组中的元素用选择的分隔符拼接成一个字符串
                            rich: {
                                b: {
                                    color: colorArr[index],
                                    fontSize: myProperty.titlefontsize,
                                    lineHeight: 20
                                },
                                d: {
                                    color: '#d0fffc',
                                    fontSize: myProperty.titlefontsize, //手动输入的字体大小
                                    height: 50,
                                    align: 'center', //这里是控制文本的位置 此时是居中
                                },
                            },

                        }
                    },
                })

            }

            option = {
                grid: {
                    left: -100,
                    top: 50,
                    bottom: 10,
                    right: 10,
                    containLabel: true
                },
                tooltip: {
                    show: true,
                    backgroundColor: 'rgba(0, 0, 0, 0.3)',
                    borderColor: "rgba(0,0,0,0.5)",
                    trigger: 'item',
                    textStyle: {
                        fontSize: 30,
                        color: '#A3E2F4'
                    },

                },


                polar: {
                    // radius: ['0%','60%'],
                    //radius:[0,200]
                    radius: myProperty.polarradius,
                },
                angleAxis: {
                    interval: 1,
                    type: 'category',
                    data: [],
                    z: 10,
                    axisLine: {
                        show: false,
                        lineStyle: {
                            color: "#0B4A6B",
                            width: 1,
                            type: "solid"
                        },
                    },
                    axisLabel: {
                        interval: 0,
                        show: true,
                        color: "#0B4A6B",
                        margin: 8,
                        fontSize: 16
                    },
                },
                radiusAxis: {
                    min: 20,
                    max: 120,
                    interval: 20,
                    axisLine: {
                        show: false,
                        lineStyle: {
                            color: "#0B3E5E",
                            width: 1,
                            type: "solid"
                        },
                    },
                    axisLabel: {
                        formatter: '{value} %',
                        show: false,
                        padding: [0, 0, 20, 0],
                        color: "#0B3E5E",
                        fontSize: 16
                    },
                    splitLine: {
                        lineStyle: {
                            color: "#07385e",
                            width: 2,
                            type: "dashed"
                        }
                    },
                },

                calculable: true,
                series: [{
                    stack: 'a',
                    type: 'pie',
                    radius: myProperty.pieradius,
                    roseType: 'radius',
                    zlevel: 10,
                    startAngle: 100,

                    labelLine: {
                        normal: {
                            show: true,
                            length: myProperty.length1,
                            length2: myProperty.length2,
                            lineStyle: {
                                color: '#0096b1'

                            }
                        },
                        emphasis: {
                            show: false
                        }
                    },
                    data: data,

                },]
            };
            this.roseEcharts.setOption(option)
            tools.loopShowTooltip(this.roseEcharts, option, {
                nterval: 2000,
                loopSeries: true,
            });
        },
        initChartsBig(arr = [
            {
                name: '地面',
                y: 10,
                sliced: false,
                selected: false,
            },
            {
                name: '辅助',
                y: 10,
                sliced: false,
                selected: false,
            },
            {
                name: '一线',
                y: 10,
                sliced: false,
                selected: false,
            },
        ]) {

            let left5 = arr
            var chartData = left5
            var timer = null;
            var i = 0;

            let that = this

            var option = {
                colors: [
                    "#D9E1F2",
                    "#B4C6E7",
                    "#8EA9DB",
                    "#305496",
                    "#203764",
                ],
                chart: {
                    type: 'pie',
                    backgroundColor: 'rgba(0,0,0,0)',
                    options3d: {
                        enabled: true,
                        alpha: 45,
                        //beta: 0
                    },
                    events: {
                        // load，图表加载完成时触发
                        load: function () {
                            var chart = this;

                            var points = chart.series[0].points;
                            var len = points.length;

                            timer && clearInterval(timer);
                            timer = setInterval(function () {
                                autoTooltip(points[i]);
                                chartData.forEach((item, index) => {
                                    item.sliced = false
                                    item.selected = false
                                    if (index == i) {
                                        item.sliced = true
                                        item.selected = true
                                    }
                                })
                                chart.update({
                                    series: [{
                                        type: 'pie',
                                        name: '占比',
                                        data: chartData
                                    }]
                                })
                                i++;
                                if (i === len) {
                                    i = 0;
                                    chartData.forEach((item, index) => {
                                        item.sliced = false
                                        item.selected = false
                                    })
                                    chart.update({
                                        series: [{
                                            type: 'pie',
                                            name: '占比',

                                            data: chartData
                                        }]
                                    })
                                }
                            }, 1000);
                        },
                        legendItemClick: function (event) {
                            return true;
                        }
                    }
                },
                credits: {
                    enabled: false //去掉hightchats水印
                },
                legend: {
                    align: 'right', //横向位置
                    verticalAlign: 'middle', // 纵向位置
                    layout: "vertical", //横排还是竖排
                    x: 10,
                    y: 100,
                    symbolWidth: 30,
                    itemStyle: {
                        fontSize: '30px',
                        color: '#fff',
                        x: 20,
                        fontWeight: 0,
                        fontFamily: 'Microsoft YaHei'
                    },
                },
                title: {
                    enabled: false,
                    text: "",
                },
                tooltip: {
                    crosshairs: false,
                    trigger: "axis",
                    backgroundColor: 'rgba(0, 0, 0, 0.5)',
                    borderColor: "rgba(0,0,0,0.5)",
                    style: {
                        fontSize: 30,
                        color: '#A3E2F4',
                        fontWeight: 0,
                    },
                    axisPointer: {
                        lineStyle: {
                            color: "#ddd",
                        },
                    },
                    formatter: function (e) {
                        this.percentage = this.percentage.toFixed(2) //Math.round(this.percentage)
                        return `${this.key}：<b><b>${this.y}</b>（${this.percentage}%）</b></b>`
                    },
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        showInLegend: true, // 图例
                        cursor: 'pointer',
                        size: 350,
                        innerSize: 0, //环形图中间空白，0为饼图
                        depth: 80, //立体高度
                        slicedOffset: 40, //动画距离
                        dataLabels: {
                            enabled: false, // 是否展示指示线
                            format: '{point.name}: {point.percentage}'
                        }
                    },
                },
                series: [{
                    type: 'pie',
                    name: '占比',
                    center: ['50%', '50%'],
                    point: {
                        events: {
                            mouseOver: function (e) { //鼠标移入停止轮播并且找到移入的当前数据设为选中
                                chartData.forEach((item, index) => {
                                    item.sliced = false
                                    item.selected = false
                                })
                                chartData[e.target.index].sliced = true
                                chartData[e.target.index].selected = true
                                chart.update({
                                    series: [{
                                        type: 'pie',
                                        name: '占比',
                                        point: {
                                            events: {
                                                click: function (e) {
                                                    that.showChartLTipDouble(e.point.name)
                                                }
                                            }
                                        },
                                        data: chartData
                                    }]
                                })
                                timer && clearInterval(timer);
                            },
                            mouseOut: function () { // 鼠标移出后需要继续执行轮播
                                var points = chart.series[0].points;
                                var len = points.length;

                                timer && clearInterval(timer);
                                timer = setInterval(function () {
                                    autoTooltip(points[i]);
                                    chartData.forEach((item, index) => {
                                        item.sliced = false
                                        item.selected = false
                                        if (index == i) {
                                            item.sliced = true
                                            item.selected = true
                                        }
                                    })
                                    chart.update({
                                        series: [{
                                            type: 'pie',
                                            name: '占比',

                                            data: chartData
                                        }]
                                    })
                                    i++;
                                    if (i === len) {
                                        i = 0;
                                        chartData.forEach((item, index) => {
                                            item.sliced = false
                                            item.selected = false
                                        })
                                        chart.update({
                                            series: [{
                                                type: 'pie',
                                                name: '占比',

                                                data: chartData
                                            }]
                                        })
                                    }
                                }, 2000);
                            }
                        }
                    },
                    data: chartData
                }]
            }

            if (that.hecharts) {
                that.hecharts.destroy();
            }

            that.hecharts = Highcharts.chart('echartL2', option);
            function autoTooltip(point) {
                that.hecharts.tooltip.refresh(point);
            }

        },
        initThreeBig(el) {
            let that = this
            this.roseEcharts = echarts.init(el)
            var placeHolderStyle = {
                normal: {
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    },
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0
                },
                emphasis: {
                    color: "rgba(0,0,0,0)",
                    borderWidth: 0
                }
            };


            var dataStyle = {
                normal: {
                    formatter: function (res) {
                        return res.data.value
                    },
                    position: 'center',
                    show: true,
                    textStyle: {
                        fontSize: '35',
                        fontWeight: 'bolder',
                        color: '#fff'
                    }
                }
            };


            option = {
                title: [{
                    text: '地面',
                    left: '19%',
                    top: '70%',
                    textAlign: 'center',
                    textStyle: {
                        fontWeight: 'normal',
                        fontSize: '30',
                        color: '#fff',
                        textAlign: 'center',
                    },
                }, {
                    text: '辅助',
                    left: '49%',
                    top: '70%',
                    textAlign: 'center',
                    textStyle: {
                        color: '#fff',
                        fontWeight: 'normal',
                        fontSize: '30',
                        textAlign: 'center',
                    },
                }, {
                    text: '一线',
                    left: '79%',
                    top: '70%',
                    textAlign: 'center',
                    textStyle: {
                        color: '#fff',
                        fontWeight: 'normal',
                        fontSize: '30',
                        textAlign: 'center',
                    },
                }],
                series: [{
                    type: 'pie',
                    hoverAnimation: false, //鼠标经过的特效
                    // radius: ['55%', '61%'],
                    radius: ['45%', '50%'],
                    center: ['20%', '50%'],
                    startAngle: 225,
                    labelLine: {
                        normal: {
                            show: false
                        }
                    },
                    label: {
                        normal: {
                            position: 'center'
                        }
                    },
                    data: [{
                        value: that.recruitTypeList[0] || 0,
                        itemStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#99da69'
                                }, {
                                    offset: 1,
                                    color: '#01babc'
                                }]),
                            }
                        },
                        label: dataStyle,
                    }, {
                        value: that.recruitTypeMax || 0,
                        itemStyle: placeHolderStyle,
                    },

                    ]
                },
                {
                    type: 'pie',
                    hoverAnimation: false, //鼠标经过的特效
                    radius: ['45%', '50%'],
                    center: ['50%', '50%'],
                    startAngle: 225,
                    labelLine: {
                        normal: {
                            show: false
                        }
                    },
                    label: {
                        normal: {
                            position: 'center'
                        }
                    },
                    data: [{
                        value: that.recruitTypeList[1] || 0,
                        itemStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#FBAB7E'
                                }, {
                                    offset: 1,
                                    color: '#F7CE68'
                                }]),
                            }
                        },
                        label: dataStyle,
                    }, {
                        value: that.recruitTypeMax || 0,
                        itemStyle: placeHolderStyle,
                    },

                    ]
                },
                {
                    type: 'pie',
                    hoverAnimation: false,
                    // radius: ['55%', '61%'],
                    radius: ['45%', '50%'],
                    center: ['80%', '50%'],
                    startAngle: 225,
                    labelLine: {
                        normal: {
                            show: false
                        }
                    },
                    label: {
                        normal: {
                            position: 'center'
                        }
                    },
                    data: [{
                        value: that.recruitTypeList[2] || 0,
                        itemStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#9f3edd'
                                }, {
                                    offset: 1,
                                    color: '#4897f6'
                                }]),
                            }
                        },
                        label: dataStyle,
                    }, {
                        value: that.recruitTypeMax || 0,
                        itemStyle: placeHolderStyle,
                    },

                    ]
                },

                //外圈的边框
                {
                    // name: '总人数',
                    type: 'pie',
                    hoverAnimation: false, //鼠标经过的特效
                    radius: ['51%', '52%'],
                    center: ['20%', '50%'],
                    startAngle: 225,
                    labelLine: {
                        normal: {
                            show: false
                        }
                    },
                    label: {
                        normal: {
                            position: 'center'
                        }
                    },
                    data: [{
                        value: 12,
                        itemStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#01babc'
                                }, {
                                    offset: 1,
                                    color: '#99da69'
                                }]),
                            }
                        },
                    }, {
                        value: 4,
                        itemStyle: placeHolderStyle,
                    },

                    ]
                },
                {
                    // name: '总人数',
                    type: 'pie',
                    hoverAnimation: false, //鼠标经过的特效
                    // radius: ['61%', '62%'],
                    radius: ['51%', '52%'],
                    center: ['50%', '50%'],
                    startAngle: 225,
                    labelLine: {
                        normal: {
                            show: false
                        }
                    },
                    label: {
                        normal: {
                            position: 'center'
                        }
                    },
                    data: [{
                        value: 15,
                        itemStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#FBAB7E'
                                }, {
                                    offset: 1,
                                    color: '#F7CE68'
                                }]),
                            }
                        },
                    }, {
                        value: 5,
                        itemStyle: placeHolderStyle,
                    },

                    ]
                },
                {
                    type: 'pie',
                    hoverAnimation: false,
                    // radius: ['61%', '62%'],
                    radius: ['51%', '52%'],
                    center: ['80%', '50%'],
                    startAngle: 225,
                    labelLine: {
                        normal: {
                            show: false
                        }
                    },
                    label: {
                        normal: {
                            position: 'center'
                        }
                    },
                    data: [{
                        value: 9,
                        itemStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#4897f6'
                                }, {
                                    offset: 1,
                                    color: '#9f3edd'
                                }]),
                            }
                        },
                    }, {
                        value: 3,
                        itemStyle: placeHolderStyle,
                    },

                    ]
                },
                ]
            };
            this.roseEcharts.setOption(option)
            // tools.loopShowTooltip(this.roseEcharts, option, {
            //     nterval: 2000,
            //     loopSeries: true,
            // });
        },
        handleClick(from, type) {
            this.handleMark()
            this.from = from
            this.type = type
            let that = this;
            if (from == "timeList1" && type == 1) {
                that.markStyle = {
                    right: "1%",
                    bottom: "4%"
                }
            } else if (from == "timeList1" && type == 0) {
                that.markStyle = {
                    right: "5%",
                    bottom: "4%"
                }
            } else if (from == "timeList2" && type == 0) {
                that.markStyle = {
                    right: "87%",
                    bottom: "43%"
                }
            } else if (from == "timeList2" && type == 1) {
                that.markStyle = {
                    right: "84%",
                    bottom: "43%"
                }
            }

            this.showMark = true
            this.showSelect = true
        },
        handleMark() {
            this.showMark = false
            this.showSelect = false
            this.showMonth = false
        },
        handleOption(item) {
            this[this.from][this.type] = item
            this.handleMark()
            if (this.from == "timeList2") {
                this.getPositionAll()
            }
            if (this.from == "timeList1") {
                this.getDelivcvAndApply()
            }
            console.log(this.from);
        },
        handleMonthOption(item) {
            console.log(item);
            this.monthItem = item
            this.handleMark()
        },
        handleMonth() {
            this.handleMark()
            this.showMark = true
            this.showMonth = true
        },
        ortherEcharts(el, data) {
            this.vitaEcharts = echarts.init(el);

            option = {
                tooltip: {
                    show: true,
                    trigger: 'axis',
                    textStyle: {
                        fontSize: 30,
                        color: '#A3E2F4'
                    },
                    axisPointer: { // 坐标轴指示器，坐标轴触发有效
                        type: 'none' // 默认为直线，可选为：'line' | 'shadow'
                    }
                },
                grid: {
                    top: '8%',
                    left: '1%',
                    right: '1%',
                    bottom: '8%',
                    containLabel: true,
                },
                xAxis: [{
                    type: 'category',
                    boundaryGap: false,
                    axisLine: { //坐标轴轴线相关设置。数学上的x轴
                        show: false,
                        lineStyle: {
                            color: '#233e64'
                        },
                    },
                    axisLabel: { //坐标轴刻度标签的相关设置
                        textStyle: {
                            color: '#fff',
                            fontSize: 26,
                            margin: 15,
                        },
                    },
                    axisTick: { show: false, },
                    data: ['6.1', '6.2', '6.3', '6.4', '6.5', '6.6', '6.7'],
                }],
                yAxis: [{
                    type: 'value',
                    min: 0,
                    max: 140,
                    splitLine: {
                        show: true,
                        lineStyle: {
                            color: '#233e64'
                        }
                    },
                    axisLine: { show: false, },
                    axisLabel: {
                        margin: 20,
                        textStyle: {
                            color: '#fff',
                            fontSize: 24,
                        },
                    },
                    axisTick: { show: false, },
                }],
                series: [{
                    name: '异常流量',
                    type: 'line',
                    smooth: true, //是否平滑曲线显示
                    symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
                    symbolSize: 0,

                    lineStyle: {
                        normal: {
                            color: "#3deaff" // 线条颜色
                        }
                    },
                    areaStyle: { //区域填充样式
                        normal: {
                            //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
                            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                { offset: 0, color: 'rgba(61,234,255, 0.9)' },
                                { offset: 0.7, color: 'rgba(61,234,255, 0.1)' }
                            ], false),

                            shadowColor: 'rgba(53,142,215, 0.9)', //阴影颜色
                            shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
                        }
                    },
                    data: [90, 105, 84, 125, 110, 92, 98]
                }]
            };
            this.vitaEcharts.setOption(option);
            tools.loopShowTooltip(this.vitaEcharts, option, {
                nterval: 2000,
                loopSeries: true,
            });
        },
        hanleIcon() {
            this.vitaEcharts.dispose()
            this.downholeFlag = !this.downholeFlag
            if (this.downholeFlag) {
                setTimeout(() => {
                    let vita = this.$refs.vita
                    this.initVitaEcharts(vita)
                })
            }
            // if (this.echartsIndex == 1) {
            //     this.ortherEcharts(vita)
            //     this.echartsIndex = 2
            // } else {
            //     this.echartsIndex = 1
            // }
        },
        handleChangeType(type, index) {
            let that = this;
            if (type) {
                that.rightTime && clearInterval(that.rightTime)
                that.rightList.forEach(item => {
                    item.flag = false
                })
                that.rightList[index].flag = true
                that.rightIndex = index
                this.rightTime = setInterval(() => {
                    that.rightList.forEach((item, index) => {
                        item.flag = !item.flag
                        if (item.flag) {
                            that.rightIndex = index
                        }
                    })
                }, 5000)
            } else {
                that.leftTime && clearInterval(that.leftTime)
                that.leftList.forEach(item => {
                    item.flag = false
                })
                that.leftList[index].flag = true
                that.leftIndex = index
                if (index == 0) {
                    that.leftFlag = true
                } else {
                    that.leftFlag = false
                    setTimeout(() => {
                        let leftChange = that.$refs.leftChange
                        that.initThreeBig(leftChange)
                    })
                }
                that.leftTime = setInterval(() => {
                    that.leftList.forEach((item, index) => {
                        item.flag = !item.flag
                        if (item.flag) {
                            if (index == 0) {
                                that.leftFlag = true
                            } else {
                                that.leftFlag = false
                                setTimeout(() => {
                                    let leftChange = that.$refs.leftChange
                                    that.initThreeBig(leftChange)
                                })
                            }
                        }
                    })
                }, 15000)
            }
        },
        getPlayers() {
            let that = this;
            let data = {
                flag: that.dataFlag
            };
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/Players", data).then(res => {
                if (res) {
                    that.mainList[1].value = res.value
                }
            })
        },
        getPostDetail() {
            let that = this;
            let data = {
                flag: that.dataFlag
            };
            that.isShowInfoList = false
            that.recruitInfoIndex = 0
            that.recruitInfoList = []
            that.rollTitle = ""
            that.listChange && clearInterval(that.listChange)
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/PostDetail", data).then(res => {
                let list = []
                let a = []
                if (res.data.length != 0) {
                    res.data.forEach((item, index) => {
                        list.push([item[0], item[1], item[2], item[3], item[4]])
                        a[index] = []
                        let arr = item[5].split("&")
                        if (arr[0].length == 2) {
                            arr.shift()
                        }
                        arr.forEach(i => {
                            let infos = i.split("\n")
                            let obj = {
                                title: infos[0],
                                content: infos[1]
                            }
                            a[index].push(obj)
                        })
                    })
                    that.config1.data = list
                    that.recruitInfoList.push(...a)
                    that.isShowInfoList = true

                    that.itemClass = "item_content_99"
                    if (that.config1.data.length <= that.config1.rowNum) {
                        that.listChange = setInterval(() => {
                            // that.configDataIndex
                            console.log(that.configDataIndex >= that.config1.data.length);
                            if (that.configDataIndex >= that.config1.data.length) {
                                that.configDataIndex = 1
                                that.itemClass = "item_content_99"
                                that.funChangeList(0)
                                that.recruitInfoIndex = 0
                                return
                            }
                            that.itemClass = "item_content_" + (that.configDataIndex + 5)
                            that.funChangeList(that.configDataIndex)
                            that.recruitInfoIndex = that.configDataIndex
                            that.configDataIndex += 1
                        }, that.config1.waitTime)
                    } else {
                        setTimeout(() => {
                            // that.classChange = true
                            that.itemClass = "item_content_6"
                            setTimeout(() => {
                                let itemContent = document.getElementById("itemContent")
                                if (itemContent) {
                                    let target = itemContent.getElementsByClassName("row-item")
                                    let targetList = target.item(0)
                                    targetList.style.background = "#302e2d50"
                                    targetList.style.color = "#E1AF27"
                                }

                            }, 0)
                        }, 5000);
                    }
                    that.funChangeList(0)

                } else {
                    that.config1.data = list
                    that.itemClass = "item_content_6"
                    that.listChange && clearInterval(that.listChange)
                    setTimeout(() => {
                        let itemContent = document.getElementById("itemContent")
                        if (itemContent) {
                            let target = itemContent.getElementsByClassName("row-item")
                            let targetList = target.item(0)
                            targetList.style.background = "#302e2d50"
                            targetList.style.color = "#E1AF27"
                        }

                    }, 0)
                }
                setTimeout(() => {
                    that.isShowInfoList = true
                })
            })
        },
        funChangeList(idnex) {
            let listIndex = idnex
            this.address = this.config1.data[listIndex][0] + "。"
            this.rollTitle = this.config1.data[listIndex][0] + this.config1.data[listIndex][1] + "双选公告"
            setTimeout(() => {
                this.rollFlag = true
            })
        },
        getHalfYearDelivcv() {
            let that = this;
            let data = {
                flag: that.dataFlag
            };
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/HalfYearDelivcv", data).then(res => {
                if (res) {
                    let list = []
                    res.forEach(item => {
                        if (item.key == "月份") {
                            // that.vitaData.x = item.value
                            item.value.forEach(i => {
                                list.push(i + "月")

                            })
                        }
                        if (item.key == "数量") {
                            that.vitaData.y = item.value
                        }
                    })
                    that.vitaData.x = list
                    let vita = this.$refs.vita
                    that.initVitaEcharts(vita)
                }


            }).catch(err => {
                let vita = this.$refs.vita
                that.initVitaEcharts(vita)
            })
        },
        getHotDelivcv() {
            let that = this;
            let data = {
                flag: that.dataFlag
            };
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/HotDelivcv", data).then(res => {
                if (res) {
                    that.typeList.data = res.data
                }
            })


        },
        arrToListArr() {
            this.isChangeList = false

            let that = this;
            let data = {
                flag: that.dataFlag
            }
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/Delivcv", data).then(res => {
                let imageList = []
                let nameList = []
                let stationList = []
                let timeList = []
                let dataList = []
                res.data.forEach(item => {
                    if (item.key == "头像地址") {
                        imageList.push(...item.value)
                    }
                    if (item.key == "姓名") {
                        nameList.push(...item.value)
                    }
                    if (item.key == "投递岗位") {
                        stationList.push(...item.value)
                    }
                    if (item.key == "申请时间") {
                        timeList.push(...item.value)
                    }
                })
                nameList.forEach((item, index) => {
                    dataList.push(["<img class='list_img' src='" + imageList[index] + "' alt=''>", item, stationList[index], timeList[index]])
                })
                this.configMark.data = dataList
                this.isChangeList = true
                delete imageList
                delete nameList
                delete stationList
                delete timeList
            })

        },

        getDelivcvAndApply() {
            let that = this;
            let data = {
                flag: that.dataFlag,
                data1: that.timeList1[0],
                data2: that.timeList1[1]
            };

            let pageBtm = this.$refs.pageBtm
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/DelivcvAndApply", data).then(res => {
                if (res) {
                    res.data.forEach(item => {
                        if (item.key == "单位名称") {
                            admissionList.x = item.value
                        }
                        if (item.key == "招聘人数") {
                            admissionList.y1 = item.value
                        }
                        if (item.key == "报名人数") {
                            admissionList.y2 = item.value
                        }
                        if (item.key == "录用人数") {
                            admissionList.y3 = item.value
                        }
                    })

                }
                this.initDownholeEcharts(pageBtm, { x: admissionList.x, y1: admissionList.y1, y2: admissionList.y2, y3: admissionList.y3 })

            })
        },
        isRendering(data, type, key, flag) {
            let that = this;
            if (that[type] == 0) {
                that[key].data = data
                setTimeout(() => {
                    that[flag] = true
                }, 10)
                that[type] = 1
            } else {
                if (data[0][1] != that[key].data[0][1] || data[0][2] != that[key].data[0][2] || data[0][3] != that[key].data[0][3]) {
                    that[flag] = false
                    that[key].data = data
                    setTimeout(() => {
                        that[flag] = true
                    }, 10)
                }
            }
        },
        getRecruitType() {
            let that = this;
            let data = {
                flag: that.dataFlag
            }
            that.recruitTypeList = []
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/RecruitType", data).then(res => {
                if (res) {
                    res.data.forEach(item => {
                        that.recruitTypeMax += item.value
                        that.recruitTypeList.push(item.value)
                    })
                }
            })
        },
        getFailReason() {
            let that = this;
            let data = {
                flag: that.dataFlag
            };
            let rightOne = that.$refs.rightOne
            let rightTwo = that.$refs.rightTwo
            let rightThree = that.$refs.rightThree
            let rightFour = that.$refs.rightFour
            let rightFive = that.$refs.rightFive
            // leftErrorList:["信息不完整","信息有误","任职条件不符","出勤不足","工作年限不符"]
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/FailReason", data).then(res => {
                if (res) {
                    if (res.data.length != 0) {
                        console.log(res.data);
                        let dataList = []
                        let total = 0
                        res.data.forEach((item, index) => {
                            item.forEach(i => {
                                let obj = {}
                                if (i.key == "不通过原因") {
                                    that.leftErrorList[index] = i.value
                                }
                                if (i.key == "不通过数量") {
                                    obj.value = i.value
                                    dataList[index] = obj
                                }
                            })
                        })
                        dataList.forEach(item => {
                            total = total + item.value
                        })
                        that.rightData.push(...dataList)
                        that.initLineRight(rightOne, { value: dataList[0].value, total }, "lineRight1")
                        that.initLineRight(rightTwo, { value: dataList[1].value, total }, "lineRight2")
                        that.initLineRight(rightThree, { value: dataList[2].value, total }, "lineRight3")
                        that.initLineRight(rightFour, { value: dataList[3].value, total }, "lineRight4")
                        that.initLineRight(rightFive, { value: dataList[4].value, total }, "lineRight5")
                    } else {
                        that.initLineRight(rightOne, { value: 25, total: 67 }, "lineRight1")
                        that.initLineRight(rightTwo, { value: 22, total: 67 }, "lineRight2")
                        that.initLineRight(rightThree, { value: 10, total: 67 }, "lineRight3")
                        that.initLineRight(rightFour, { value: 8, total: 67 }, "lineRight4")
                        that.initLineRight(rightFive, { value: 2, total: 67 }, "lineRight5")
                    }

                }
            }).catch(err => {
                that.initLineRight(rightOne, { value: 25, total: 67 }, "lineRight1")
                that.initLineRight(rightTwo, { value: 22, total: 67 }, "lineRight2")
                that.initLineRight(rightThree, { value: 10, total: 67 }, "lineRight3")
                that.initLineRight(rightFour, { value: 8, total: 67 }, "lineRight4")
                that.initLineRight(rightFive, { value: 2, total: 67 }, "lineRight5")
            })
        },
        getQualAudits() {
            let that = this;
            let data = {
                flag: that.dataFlag
            };
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/QualAudits", data).then(res => {
                if (res) {
                    res.data.forEach(item => {
                        if (item.key == "当前总人数") {
                            that.rightList[0].num1 = item.value
                        }
                        if (item.key == "通过总人数") {
                            that.rightList[0].num2 = item.value
                        }
                        if (item.key == "当前通过率") {
                            that.rightList[0].num3 = item.value
                        }
                    })
                }
            })

        },
        getNo(arr) {
            if (Array.isArray(arr)) {
                arr.forEach((item, index) => {
                    if (index <= 8) {
                        item.unshift("0" + (index + 1))
                    } else {
                        item.unshift((index + 1).toString())
                    }
                })
            }
            return arr
        },
        getNoticePerson(type = 3) {
            let that = this;
            if (type == 1) {
                that.showExamination = false
            } else if (type == 2) {
                that.showInterview = false
            } else {
                this.showExamination = false
                this.showInterview = false
            }
            let year = new Date().getFullYear()
            let data = {
                flag: that.dataFlag,
                year,
                month: 0
            }
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/assessmentarrangement", data).then(res => {
                if (res) {
                    for (let key in res) {
                        if (Array.isArray(res[key])) {
                            res[key].forEach(item => {
                                // item.splice(item.length - 2, 1);
                                if (item[item.length - 1]) {
                                    item[item.length - 1] = item[item.length - 1].replaceAll("年", "-")
                                    item[item.length - 1] = item[item.length - 1].replaceAll("月", "-")
                                    item[item.length - 1] = item[item.length - 1].replaceAll("日", " ")
                                    item[item.length - 1] = item[item.length - 1].replaceAll("/", "-")
                                    item[item.length - 1] = item[item.length - 1].replaceAll("|", "-")
                                }

                            })
                        }
                    }
                    if (type == 1) {
                        that.configWritten.data = that.getNo(res.bishiList)
                        setTimeout(() => {
                            that.showExamination = true
                        }, 10)
                    } else if (type == 2) {
                        that.configInterview.data = that.getNo(res.mianshiList)
                        setTimeout(() => {
                            that.showInterview = true
                        }, 10)
                    } else {
                        that.configWritten.data = that.getNo(res.bishiList)
                        that.configInterview.data = that.getNo(res.mianshiList)
                        setTimeout(() => {
                            that.showInterview = true
                            that.showExamination = true
                        }, 10)
                    }

                }
            })
        },
        scrollChangeList(index) {
            let that = this;
            that.noticTime && clearInterval(that.noticTime)
            setTimeout(() => {
                if (index + 5 == that.employmentList1.data.length) {
                    that.isListEnd = that.isListEnd + 1
                    if (that.isListEnd == 2) {
                        that.isListEnd = 0
                        that.isShowList = false
                        that.employmentList1.data = []
                        that.employmentList2.data = []
                        that.noticeIndex = that.noticeIndex + 1
                        if (that.noticeIndex > that.noticeList.length - 1) {
                            that.noticeIndex = 0
                        }
                        // that.getNoticePerson("李四是五")
                        setTimeout(() => {
                            that.isShowList = true
                        }, 10)

                    }
                }
            }, 1700)
            if (index == 0) {
                console.log("index == 0");
            }
            if (index == that.employmentList1.data.length - 1) {

            }
        },
        changeCardNo(str) {
            let arr = []
            let list = []
            if (str.length != 0) {
                arr = str.split("")
                for (let i = 0; i <= arr.length - 1; i++) {
                    if (i < 5) {
                        list.push(arr[i])
                    } else if (i > 5 && i < 14) {
                        list.push("*")
                    } else {
                        list.push(arr[i])
                    }
                }
            }
            return list.join("")
        },
        changeNoticList(arr) {
            let list = []
            let that = this;
            if (Array.isArray(arr)) {
                arr.forEach((item, index) => {
                    let a = []
                    if (index <= 8) {
                        a = ["0" + (index + 1), item.name, item.sex, that.changeCardNo(item.cardno), item.org1]
                    } else {
                        a = [(index + 1).toString(), item.name, item.sex, that.changeCardNo(item.cardno), item.org1]
                    }
                    list.push(a)
                })
            }
            return list
        },
        getNotice() {
            let that = this;
            let data = {
                flag: that.dataFlag
            };
            this.isShowList = false

            that.employmentList1.data = []
            that.employmentList2.data = []
            that.employmentList3.data = []

            that.noticIndex = 0
            that.noticList = []
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/getNotice", data).then(res => {
                if (res) {
                    res.forEach((item, index) => {
                        let obj = {
                            noticeDataList: item.noticeDataList,
                            noticeUserList: that.changeNoticList(item.noticeUserList)
                        }
                        that.noticList.push(obj)
                    })
                    that.noticList[that.noticIndex].noticeUserList.forEach((item, index) => {
                        if (index % 2 == 0) {
                            that.employmentList1.data.push(item)
                        } else {
                            that.employmentList2.data.push(item)
                        }
                    })
                    that.employmentList3.data.push(...that.noticList[that.noticIndex].noticeUserList)
                    if (res.length != 1) {
                        that.noticIndex += 1

                        if (that.employmentList2.data.length <= that.employmentList2.rowNum) {
                            that.noticTime = setInterval(() => {
                                that.employmentList1.data = []
                                that.employmentList2.data = []
                                that.employmentList3.data = []


                                that.isShowList = false
                                that.noticList[that.noticIndex].noticeUserList.forEach((item, index) => {
                                    if (index % 2 == 0) {
                                        that.employmentList1.data.push(item)
                                    } else {
                                        that.employmentList2.data.push(item)
                                    }
                                })
                                that.employmentList3.data.push(...that.noticList[that.noticIndex].noticeUserList)
                                that.noticIndex += 1

                                if (that.noticIndex > that.noticList.length - 1) {
                                    that.noticIndex = 0
                                }
                                setTimeout(() => {
                                    that.isShowList = true
                                }, 10)
                            }, that.employmentList2.data.length * 2000)
                        }
                    }

                    setTimeout(() => {
                        that.isShowList = true
                    })
                }
            })

            // that.noticeList = res.data
        },
        getDoubleChoice() {
            let that = this;
            let data = {
                flag: that.dataFlag
            }
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/DoubleChoice", data).then(res => {
                if (res) {
                    that.mainList[0].value = res.value
                }
            })
        },
        getPositionAll() {
            let that = this;
            let data = {
                flag: that.dataFlag,
                start: that.timeList2[0],
                end: that.timeList2[1],
            }
            this.leftTime && clearInterval(this.leftTime)
            that.leftFlag = false
            that.config2.data = []
            let lastList = []
            let topList = []
            let mainList = []
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/PositionAll", data).then(res => {
                if (res) {
                    res.data.forEach((item, index) => {
                        if (index <= 8) {
                            item.unshift("0" + (index + 1))
                        } else {
                            item.unshift((index + 1).toString())
                        }
                    })
                    if (res.data.length > 5) {
                        for (let i = 0; i < 3; i++) {
                            let color;
                            if (i == 0) {
                                color = "yellow"
                            } else if (i == 1) {
                                color = "red"
                            } else {
                                color = "green"
                            }
                            topList.push(["<span class='" + color + "'>" + res.data[i][0] + "</span>", "<span class='" + color + "'>" + res.data[i][1] + "</span>", "<span class='" + color + "'>" + res.data[i][2] + "</span>"])
                        }
                        res.data.splice(0, 3)
                        mainList.push(...spArr(res.data, 2))
                        mainList.forEach(item => {
                            item.unshift(...topList)
                            lastList.push(...item)
                        })
                    } else if (res.data.length <= 5 && res.data.length >= 3) {
                        for (let i = 0; i < 3; i++) {
                            let color;
                            if (i == 0) {
                                color = "yellow"
                            } else if (i == 1) {
                                color = "red"
                            } else {
                                color = "green"
                            }
                            topList.push(["<span class='" + color + "'>" + res.data[i][0] + "</span>", "<span class='" + color + "'>" + res.data[i][1] + "</span>", "<span class='" + color + "'>" + res.data[i][2] + "</span>"])
                        }
                        res.data.splice(0, 3)
                        lastList.push(...topList, ...res.data)
                    } else if (res.data.length < 3) {
                        for (let i = 0; i < res.data.length; i++) {
                            let color;
                            if (i == 0) {
                                color = "yellow"
                            } else if (i == 1) {
                                color = "red"
                            } else {
                                color = "green"
                            }
                            lastList.push(["<span class='" + color + "'>" + res.data[i][0] + "</span>", "<span class='" + color + "'>" + res.data[i][1] + "</span>", "<span class='" + color + "'>" + res.data[i][2] + "</span>"])
                        }
                    }
                    that.config2.data = lastList
                    setTimeout(() => {
                        that.leftFlag = true
                        that.leftTime = setInterval(() => {
                            that.leftList.forEach((item, index) => {
                                item.flag = !item.flag
                                if (item.flag) {
                                    if (index == 0) {
                                        that.leftFlag = true
                                    } else {
                                        that.leftFlag = false
                                        setTimeout(() => {
                                            let leftChange = that.$refs.leftChange
                                            that.initThreeBig(leftChange)
                                        })
                                    }
                                }
                            })
                        }, 15000)
                    }, 10)
                }
            })
        },

        getTotalRate() {
            let that = this;
            let data = {
                flag: that.dataFlag
            };
            fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/TotalRate", data).then(res => {
                if (res) {
                    // that.rightList
                    res.data.forEach(item => {
                        if (item.key == "累计人数") {
                            that.rightList[1].num1 = item.value
                        }
                        if (item.key == "累计通过人数") {
                            that.rightList[1].num2 = item.value
                        }
                        if (item.key == "通过率") {
                            that.rightList[1].num3 = item.value
                        }
                    })
                }
            })
        },
        scrollChangeListW(index) {
            let that = this;
            if (index + 10 == that.configWritten.data.length) {
                console.log("笔试更新");
                setTimeout(() => {
                    that.getNoticePerson(1)
                }, 1700)
            }
        },
        scrollChangeListIn(index) {
            let that = this;
            if (index + 10 == that.configInterview.data.length) {
                console.log("面试更新");
                setTimeout(() => {
                    that.getNoticePerson(2)
                }, 1700)
            }
        },

    },

})