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,
      currentFlag: null,
      config1: {
        waitTime: 7000,
        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: 0.5,
      },
      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: [],
        align: ["center", "center", "center", "center", "center"],
        headerBGC: "#69c1ff2d",
        oddRowBGC: "rgba(105, 193, 255, 0)",
        evenRowBGC: "#69c1ff21",
        hoverPause: false,
      },
      configInterviewElse: {
        waitTime: 2000,
        header: ["序号", "姓名", "地点", "双选单位", "时间"],
        headerHeight: 55,
        columnWidth: [240, 320, 370, 460, 480],
        rowNum: 25,
        data: [],
        align: ["center", "center", "center", "center", "center"],
        headerBGC: "#69c1ff2d",
        oddRowBGC: "rgba(105, 193, 255, 0)",
        evenRowBGC: "#69c1ff21",
      },
      configWritten: {
        waitTime: 2000,
        hoverPause: false,
        header: ["序号", "姓名", "地点", "双选单位", "时间"],
        headerHeight: 55,
        columnWidth: [90, 120, 170, 200],
        rowNum: 6,
        data: [],
        align: ["center", "center", "center", "center", "center"],
        headerBGC: "#69c1ff2d",
        oddRowBGC: "rgba(105, 193, 255, 0)",
        evenRowBGC: "#69c1ff21",
      },
      mainList: [
        {
          name: "双选场次",
          value: 0,
          unit: "场",
          icon: "./images/humanResources/times.png",
        },
        {
          name: "参与人次",
          value: 0,
          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: [],
      allTimeList: [],
      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: 0,
          num2: 0,
          num3: "0%",
        },
        {
          name: "累计数",
          flag: false,
          num1: 0,
          num2: 0,
          num3: "0%",
        },
      ],
      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: [],
      // 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,

      mianshiTime: null,
      bishiTime: null,
      noteListIndex: 0,

      mianBiTime: null,
      scrollType: 0,
      scrollType2: true,
    };
  },
  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;
    // console.log(newDate);
    // console.log(parseInt(dataList[1]));
    // console.log(parseInt(dataList[1]) + 30000 >= newDate);
    // return

    var diff = Math.abs(newDate - parseInt(dataList[1])); // 获取两个时间戳的差值（以毫秒为单位）

    var diffInSeconds = Math.floor(diff / 1000); // 将差值转换为秒数

    let effective = diffInSeconds <= 300; // 判断差值是否在30秒以内

    console.log(diff);
    console.log(diffInSeconds);
    console.log(effective);
    debugger;
    if (!authorityType) {
      if (!effective) {
        console.log("链接已失效，请重新打开");
        window.location.href = AddUrl;
      } else {
        console.log("链接未失效");
        window.sessionStorage.setItem("authorityType", true);
      }
    }
  },
  beforeDestroy() {
    window.sessionStorage.removeItem("authorityType");
  },
  created() {
    let date = new Date();
    let year = date.getFullYear();
    let year2 = date.getFullYear() - 1;
    let month = date.getMonth() + 1;
    if (month < 10) {
      month = "0" + month;
      this.timeList1 = [year2 + "-" + month, year + "-" + month];
      this.timeList2 = [year2 + "-" + month, year + "-" + month];
    } else {
      this.timeList1 = [year2 + "-" + month, year + "-" + month];
      this.timeList2 = [year2 + "-" + 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();
  },
  directives: {
    resize: {
      bind (el, binding) {
        let width = ''
        let height = ''
        function isResize() {
          const style = document.defaultView.getComputedStyle(el)
          if (width !== style.width || height !== style.height) {
            binding.value({ width: style.width, height: style.height }) // 关键(这传入的是函数,所以执行此函数)
          }
          width = style.width
          height = style.height
        }
        el.__vueSetInterval__ = setInterval(isResize, 300)
      },
      unbind(el) {
        // console.log(el, '解绑')
        clearInterval(el.__vueSetInterval__)
      }
    }
  },
  watch: {
    '$refs.displayNone.innerText': function (newVal, oldVal) {
      console.log(newVal, oldVal)
      this.$nextTick(() => {
        // 在DOM更新后获取高度
        this.height = this.$refs.content.offsetHeight;
      });
    },
    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(() => {
      // setInterval(() => {
      //   const timer = setTimeout(() => {
      //     clearTimeout(timer)
      //     console.log(that.$refs.displayNone.offsetHeight, '--')
      //     if ( that.$refs.displayNone?.offsetHeight + 30 > that.$refs.father?.offsetHeight ) {
      //       that.scrollType = false;
      //     } else {
      //       that.scrollType = true;
      //     }
      //   }, 0);
      // }, that.config1.waitTime)
      // 判断是否轮播
      setTimeout(() => {
        console.log(that.$refs.father?.offsetHeight, that.$refs.father?.offsetWidth)
        //  if (
        //   that.$refs.child?.offsetHeight + 30 >
        //   that.$refs.father?.offsetHeight
        // ) {
        //   that.scrollType = false;
        // }
        if (
          that.$refs.child2?.offsetHeight + 30 >
          that.$refs.father2?.offsetHeight
        ) {
          that.scrollType2 = false;
        }
      }, 1000);
      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);

      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 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);
        });
    });
    this.leftTime = setInterval(() => {
      that.leftList.forEach((item, index) => {
        item.flag = !item.flag;
        if (item.flag) {
          if (index == 0) {
            that.leftFlag = true;
            // that.timeList2 = [that.allTimeList[1][1], that.allTimeList[1][0]]
            that.getPositionAll();
          } else {
            that.leftFlag = false;
            // that.timeList2 = [that.allTimeList[0][1], that.allTimeList[0][0]]
            that.getRecruitType();
            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);
  },
  methods: {
    handleResize (data) {
      console.log('handleResize', Number(data.height.slice(0, -2)) + 30)
      const fatherHeight = this.$refs.father?.offsetHeight
      this.scrollType = fatherHeight > Number(data.height.slice(0, -2)) + 30 ? 1 : 2
    },
    handleClickIcon(item, index) {
      let that = this;
      if (index == 1) {
        that.mianBiTime && clearInterval(that.mianBiTime);

        if (that.showBigList) {
          that.configInterview.rowNum = 20;
          that.configWritten.rowNum = 20;
          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();
          }

          if (
            that.configInterviewElse.data.length <=
            that.configInterviewElse.rowNum
          ) {
            that.mianBiTime = setInterval(() => {
              that.getNoticePerson();
            }, 1000 * 60 * 5);
          }

          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;
                    // that.timeList2 = [that.allTimeList[1][1], that.allTimeList[1][0]]
                    that.getPositionAll();
                  } else {
                    that.leftFlag = false;
                    // that.timeList2 = [that.allTimeList[0][1], that.allTimeList[0][0]]
                    that.getRecruitType();
                    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;
                // that.timeList2 = [that.allTimeList[1][1], that.allTimeList[1][0]]
                that.getPositionAll();
              } else {
                that.leftFlag = false;
                // that.timeList2 = [that.allTimeList[0][1], that.allTimeList[0][0]]
                that.getRecruitType();
                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.scrollType = 1
      let that = this;
      (this.itemClass = "item_content_6"), (this.rollFlag = false);

      if (that.noteListIndex >= this.config1.data.length - 1) {
        that.noteListIndex = 0;
        this.recruitInfoIndex = 0;
      } else {
        that.noteListIndex += 1;
        that.recruitInfoIndex += 1;
      }
      // this.address = this.config1.data[listIndex][0] + "。"
      if (
        this.config1.data[that.noteListIndex][0] &&
        this.config1.data[that.noteListIndex][1]
      ) {
        this.rollTitle =
          this.config1.data[that.noteListIndex][0] +
          this.config1.data[that.noteListIndex][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;
      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}人  |  ${data.point}`;
                    } else {
                      text = `${params.value}人  |  ${data.point}`;
                    }
                  } else {
                    text = `${"  " + params.value}人  |  ${data.point}`;
                  }
                  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,
            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();
      let that = this;
      this.from = from;
      this.type = type;
      this.newList = [];
      if (that.from == "timeList2" && that.leftFlag) {
        this.newList = that.allTimeList[1];
      } else if (that.from == "timeList2" && !that.leftFlag) {
        this.newList = that.allTimeList[0];
      } else if (that.from == "timeList1") {
        this.newList = that.allTimeList[2];
      }

      // 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) {
      let that = this;
      this[this.from][this.type] = item;
      this.handleMark();
      if (this.from == "timeList2") {
        if (that.from == "timeList2" && that.leftFlag) {
          this.getPositionAll();
        } else {
          that.getRecruitType();
        }
      }
      if (this.from == "timeList1") {
        this.getDelivcvAndApply();
      }
    },
    handleMonthOption(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;
          // that.timeList2 = [that.allTimeList[1][1], that.allTimeList[1][0]]
          that.getPositionAll();
        } else {
          that.leftFlag = false;
          // that.timeList2 = [that.allTimeList[0][1], that.allTimeList[0][0]]
          that.getRecruitType();

          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;
                // that.timeList2 = [that.allTimeList[1][1], that.allTimeList[1][0]]
                that.getPositionAll();
              } else {
                that.leftFlag = false;
                // that.timeList2 = [that.allTimeList[0][1], that.allTimeList[0][0]]
                that.getRecruitType();
                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) {
            if (res.data.length != 0) {
              res.data.forEach((item, index) => {
                // list.push([item[0], item[1], item[2], item[3], item[4]]);
                list.push(item)
                a[index] = [];
                let arr = item[5].split("&");
                if (arr[0].length == 2) {
                  arr.shift();
                }
                arr.forEach((i) => {
                  let infos = i.split("\r");
                  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
                  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.recruitInfoIndex += 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(() => {
            this.recruitInfoList.forEach((item) => {
              // if(item.content){
              //     console.log(item.content.split("\n"));
              // }
              item.forEach((i) => {
                i.content && (i.infos = i.content.split("\n").filter(Boolean));
              });
            });
            that.isShowInfoList = true;
          });
        }
      );
    },
    handleBR(item) {
      return item;
    },
    funChangeList (idnex) {
      this.rollFlag = false
      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 = [];
          if (res) {
            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;
            }
            if (item.key == "开始时间") {
              that.allTimeList[2] = that.getYearMonth(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,
        start: that.timeList2[0],
        end: that.timeList2[1],
      };
      that.recruitTypeList = [];
      fetchPostMethods(
        "/ierp/kapi/v2/mdnb/mdnb_control/RecruitType",
        data
      ).then((res) => {
        if (res) {
          res.data.forEach((item) => {
            if (item.key == "一线") {
              that.recruitTypeList[2] = item.value;
              that.recruitTypeMax += item.value;
            } else if (item.key == "地面") {
              that.recruitTypeList[0] = item.value;
              that.recruitTypeMax += item.value;
            } else if (item.key == "辅助") {
              that.recruitTypeList[1] = item.value;
              that.recruitTypeMax += item.value;
            } else if (item.key == "开始时间") {
              that.allTimeList[0] = that.getYearMonth(item.value);
            }
          });
          let leftChange = that.$refs.leftChange;
          if (leftChange) {
            that.initThreeBig(leftChange);
          }

          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;
                  // that.timeList2 = [that.allTimeList[1][1], that.allTimeList[1][0]]
                  that.getPositionAll();
                } else {
                  that.leftFlag = false;
                  // that.timeList2 = [that.allTimeList[0][1], that.allTimeList[0][0]]
                  that.getRecruitType();
                  setTimeout(() => {
                    let leftChange = that.$refs.leftChange;
                    that.initThreeBig(leftChange);
                  });
                }
              }
            });
          }, 15000);
        }
      });
    },
    getYearMonth(date) {
      // 获取指定日期的年份和月份
      let targetDate = new Date(date);
      let targetYear = targetDate.getFullYear();
      let targetMonth = targetDate.getMonth() + 1; // 月份从0开始计数，需要加1

      // 获取当前日期的年份和月份
      let currentDate = new Date();
      let currentYear = currentDate.getFullYear();
      let currentMonth = currentDate.getMonth() + 1; // 月份从0开始计数，需要加1

      // 定义结果数组
      let result = [];

      // 循环遍历年份和月份，从目标日期到当前日期
      for (let year = targetYear; year <= currentYear; year++) {
        // 起始月份为目标年份的起始月份，结束月份为当前年份的结束月份
        let startMonth = year === targetYear ? targetMonth : 1;
        let endMonth = year === currentYear ? currentMonth : 12;

        // 循环遍历月份，并将年份和月份添加到结果中
        for (let month = startMonth; month <= endMonth; month++) {
          let formattedMonth = month.toString().padStart(2, "0"); // 格式化为两位数的月份
          result.push(`${year}-${formattedMonth}`);
        }
      }
      // 输出全部的年月
      return result.reverse();
    },
    getFailReason() {
      let that = this;
      let data = {
        flag: that.dataFlag,
      };
      // leftErrorList:["信息不完整","信息有误","任职条件不符","出勤不足","工作年限不符"]
      fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/FailReason", data).then(
        (res) => {
          if (res) {
            if (res.data.length != 0) {
              let dataList = [];
              let total = 0;
              // dataList.forEach(item => {
              //     total = total + item.value
              // })
              // that.rightData.push(...dataList)
              res.data.forEach((item, index) => {
                let obj = {};
                item.forEach((i) => {
                  if (i.key == "不通过原因") {
                    that.leftErrorList[index] = i.value;
                  }
                  if (i.key == "百分比") {
                    obj.point = i.value;
                  }
                  if (i.key == "不通过数量") {
                    obj.value = i.value;
                    dataList[index] = obj;
                    total = total + i.value;
                  }
                });
              });
              let echartsErrorBox = that.$refs.echartsErrorBox;
              setTimeout(() => {
                for (const child of echartsErrorBox.children) {
                  const index = Array.prototype.indexOf.call(
                    echartsErrorBox.children,
                    child
                  );
                  let title = "lineRight" + (index + 1);
                  that.initLineRight(
                    child.children[1],
                    {
                      value: dataList[index].value,
                      point: dataList[index].point,
                      total,
                    },
                    title
                  );
                }
              }, 100);
            }
          }
        }
      );
    },
    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) {
      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(
                    "|",
                    "-"
                  );
                }
              });
            }
          }
          let arr = [];
          let len = false;
          if (res.bishiList.length != 0) {
            arr.push(...that.getNo(res.bishiList));
            if (arr.length % 2 == 0) {
              arr.push([]);
              len = true;
            }
            res.bishiList = [];
            res.bishiList = arr.filter((_, index) => index % 2 === 0);
            res.mianshiList = arr.filter((_, index) => index % 2 !== 0);
            that.configInterviewElse.data = [...arr];
            if (len) {
              that.configInterviewElse.data.pop();
            }
          } else if (res.mianshiList.length != 0) {
            arr.push(...that.getNo(res.mianshiList));
            if (arr.length % 2 != 0) {
              arr.push([]);
              len = true;
            }
            res.mianshiList = [];
            res.bishiList = arr.filter((_, index) => index % 2 === 0);
            res.mianshiList = arr.filter((_, index) => index % 2 !== 0);
            that.configInterviewElse.data = [...arr];
            if (len) {
              that.configInterviewElse.data.pop();
            }
          }

          if (type == 1) {
            that.configWritten.data = res.bishiList;
            // that.configWritten.data = that.getNo(res.bishiList)
            setTimeout(() => {
              that.showExamination = true;
            }, 10);
          } else if (type == 2) {
            that.configInterview.data = res.mianshiList;
            // that.configInterview.data = that.getNo(res.mianshiList)
            setTimeout(() => {
              that.showInterview = true;
            }, 10);
          } else {
            that.configWritten.data = res.bishiList;
            // that.configWritten.data = that.getNo(res.bishiList)
            that.configInterview.data = res.mianshiList;
            // that.configInterview.data = that.getNo(res.mianshiList)
            setTimeout(() => {
              that.showInterview = true;
              that.showExamination = true;
            }, 10);
            if (that.configWritten.data.length <= that.configWritten.rowNum) {
              that.bishiTime && clearInterval(that.bishiTime);
              that.bishiTime = setInterval(() => {
                console.log("笔试面试数据更新");
                that.getNoticePerson(1);
              }, 10000 * 6 * 5);
            }
            if (
              that.configInterview.data.length <= that.configInterview.rowNum
            ) {
              that.mianshiTime && clearInterval(that.mianshiTime);
              that.mianshiTime = setInterval(() => {
                console.log("笔试面试数据更新");
                that.getNoticePerson(2);
              }, 10000 * 6 * 5);
            }
          }
        }
      });
    },
    scrollChangeList(index) {
      let that = this;
      if (that.noticList.length != 1) {
        if (
          index + that.employmentList1.rowNum ==
            that.employmentList1.data.length + 1 ||
          index == 0
        ) {
          if (that.noticIndex >= that.noticList.length - 1) {
            that.noticIndex = 0;
          } else {
            that.noticIndex += 1;
          }

          if (that.noticList[that.noticIndex]) {
            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
            );
            if (
              that.employmentList1.rowNum >= that.employmentList1.data.length
            ) {
              setTimeout(() => {
                that.scrollChangeList(0);
              }, 10000);
            }
            setTimeout(() => {
              that.isShowList = true;
            }, 10);
          }
        }
      }
    },
    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 (Array.isArray(item)) {
            list.push(a);
            return;
          }
          if (index <= 8) {
            a = [
              "0" + (index + 1),
              item.name,
              item.sex,
              item.cardno,
              item.org1,
            ];
          } else {
            a = [
              (index + 1).toString(),
              item.name,
              item.sex,
              item.cardno,
              item.org1,
            ];
          }
          list.push(a);
        });
      }
      return list;
    },
    getNotice() {
      let that = this;
      let data = {
        flag: that.dataFlag,
      };
      this.isShowList = false;
      that.noticIndex = 0;
      that.employmentList1.data = [];
      that.employmentList2.data = [];
      that.employmentList3.data = [];

      that.noticList = [];
      fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/getNotice", data).then(
        (res) => {
          if (res && res.length != 0) {
            res.forEach((item, index) => {
              if (item.noticeUserList.length % 2 != 0) {
                item.noticeUserList.push([]);
              }
              let obj = {
                noticeDataList: item.noticeDataList,
                noticeUserList: that.changeNoticList(item.noticeUserList),
              };
              that.noticList.push(obj);
            });
            if (that.noticList[that.noticIndex]) {
              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;
                  if (that.noticList[that.noticIndex]) {
                    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)

      fetchPostMethods(
        "/ierp/kapi/v2/mdnb/mdnb_control/PositionAll",
        data
      ).then((res) => {
        if (res?.data) {
          res.data.sort((a, b) => b[1] - a[1]);
        }
        setTimeout(() => {
          that.leftFlag = false;
          that.config2.data = [];
          let lastList = [];
          let topList = [];
          let mainList = [];
          if (res) {
            if (res.date) {
              that.allTimeList[1] = that.getYearMonth(res.date.value);
            }
            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);
                if (item.length < 5) {
                  item.push(["", "", ""]);
                }
                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;
            that.leftTime && clearInterval(that.leftTime);
            that.leftTime = 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;
                      // that.timeList2 = [that.allTimeList[1][1], that.allTimeList[1][0]]
                      that.getPositionAll();
                    } else {
                      that.leftFlag = false;
                      // that.timeList2 = [that.allTimeList[0][1], that.allTimeList[0][0]]
                      that.getRecruitType();
                      setTimeout(() => {
                        let leftChange = that.$refs.leftChange;
                        that.initThreeBig(leftChange);
                      });
                    }
                  }
                });
              }, 15000);
            }, 10);
          }
        }, 0);
      });
    },

    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 + that.configInterview.rowNum ==
        that.configInterview.data.length
      ) {
        console.log("笔试更新");
        setTimeout(() => {
          that.getNoticePerson(1);
        }, 1700);
      }
    },
    scrollChangeListIn(index) {
      let that = this;
      if (
        index + that.configInterview.rowNum ==
        that.configInterview.data.length
      ) {
        console.log("面试更新");
        setTimeout(() => {
          that.getNoticePerson(2);
        }, 1700);
      }
    },
    scrollChangeListElse(index) {
      let that = this;
      if (
        index + that.configInterviewElse.rowNum ==
        that.configInterviewElse.data.length
      ) {
        console.log("面试更新");
        setTimeout(() => {
          that.getNoticePerson();
        }, 1700);
      }
    },
  },
  computed: {
    config3 () {
      const data = this.config1.data.map(el => {
        return el.slice(0, 5)
      })
      return {
        ...this.config1,
        data
      }
    }
  },
  
});