调整内部人才中心大屏

cokingCoal/hr.html

@@ -35,7 +35,8 @@
                     <div class="main flex_sp">
 
                         <div class="main_item flex_column">
-                            <div :class="classChange?'item_content_6':'item_content_6_false'">
+                            <div :class="itemClass">
+                            <!-- <div :class="classChange?'item_content_6':'item_content_6_false'"> -->
                                 <dv-scroll-board id="itemContent" :config="config1" v-if="isShowInfoList"
                                     @scroll-change="scrollChange" style="width: 100%; height: 100%" />
                             </div>

cokingCoal/index.html

@@ -397,8 +397,8 @@
             <div class="box_main">
                 <div class="main_item_one">
                     <div class="main_item_one_info">
-                        <div class="main_info_item">
-                        <!-- <div class="main_info_item" @click="handleChangeData()"> -->
+                        <!-- <div class="main_info_item"> -->
+                        <div class="main_info_item" @click="handleChangeData()">
                             <div class="main_info_item_img">
                             </div>
                             <div class="main_info_item_title" >

cokingCoal/js/humanResources.js

@@ -392,6 +392,10 @@ let app = new Vue({
             noticList: [],
             noticTime: null,
 
+            configDataIndex: 1,
+
+            itemClass: "item_content_6_false"
+
         }
     },
     created() {
@@ -456,18 +460,16 @@ let app = new Vue({
 
 
 
-            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)
-            setTimeout(() => {
-                that.classChange = true
-            }, 5000);
+            // setTimeout(() => {
+            //     let itemContent = document.getElementById("itemContent")
+            //     if (itemContent) {
+            //         let target = itemContent.getElementsByClassName("row-item")
+            //         let targetList = target.item(0)
+            //         targetList.style.background = "#302e2d50"
+            //         targetList.style.color = "#E1AF27"
+            //     }
+            // }, 10)
+
             setInterval(() => {
                 let that = this
                 that.treeList.forEach(item => {
@@ -570,11 +572,11 @@ let app = new Vue({
                     that.configWritten.rowNum = 10
                     that.employmentList3.rowNum = 20
                     that.configInterview.columnWidth = []
-                    that.configInterview.columnWidth = [240, 320, 370,460,480]
+                    that.configInterview.columnWidth = [240, 320, 370, 460, 480]
                     that.configWritten.columnWidth = []
-                    that.configWritten.columnWidth = [240, 320, 370,460,480]
+                    that.configWritten.columnWidth = [240, 320, 370, 460, 480]
                     that.employmentList3.columnWidth = []
-                    that.employmentList3.columnWidth = [240, 320, 370,460,480]
+                    that.employmentList3.columnWidth = [240, 320, 370, 460, 480]
 
                     that.leftTime && clearInterval(that.leftTime)
                     that.rightTime && clearInterval(that.rightTime)
@@ -2291,20 +2293,51 @@ let app = new Vue({
                 that.config1.data = list
                 that.recruitInfoList.push(...a)
                 that.isShowInfoList = true
-                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)
+                that.itemClass = "item_content_99"
+                if (that.config1.data.length <= that.config1.rowNum) {
+                    setInterval(() => {
+
+                        // that.configDataIndex
+                        if (that.configDataIndex >= that.config1.data.length) {
+                            that.configDataIndex = 1
+                            that.itemClass = "item_content_99"
+                            that.funChangeList(0)
+                            return
+                        }
+                        that.itemClass = "item_content_" + (that.configDataIndex + 5)
+                        that.funChangeList(that.configDataIndex)
+                        console.log(that.itemClass);
+                        that.configDataIndex += 1
+                    }, that.config1.waitTime)
+                } else {
+                    setTimeout(() => {
+                        // that.classChange = true
+                        that.itemClass = "item_content_6"
+                        setTimeout(() => {
+                            let itemContent = document.getElementById("itemContent")
+                            if (itemContent) {
+                                let target = itemContent.getElementsByClassName("row-item")
+                                let targetList = target.item(0)
+                                targetList.style.background = "#302e2d50"
+                                targetList.style.color = "#E1AF27"
+                            }
+
+                        }, 0)
+                    }, 5000);
+                }
             })
 
 
 
+        },
+        funChangeList(idnex) {
+            let listIndex = idnex
+            this.address = this.config1.data[listIndex][0] + "。"
+            this.rollTitle = this.config1.data[listIndex][0] + this.config1.data[listIndex][1] + "双选公告"
+            setTimeout(() => {
+                this.rollFlag = true
+            })
         },
         getHalfYearDelivcv() {
             let that = this;
@@ -2738,8 +2771,6 @@ let app = new Vue({
         },
         getPositionAll() {
             let that = this;
-            console.log(that.timeList2);
-
             let data = {
                 flag: true,
                 start: that.timeList2[0],
@@ -2805,7 +2836,6 @@ let app = new Vue({
                             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>"])
                         }
                     }
-                    console.log(lastList);
                     that.config2.data = lastList
                     setTimeout(() => {
                         that.leftFlag = true
@@ -2856,18 +2886,18 @@ let app = new Vue({
             let that = this;
             if (index + 10 == that.configWritten.data.length) {
                 console.log("笔试更新");
-                setTimeout(()=>{
+                setTimeout(() => {
                     that.getNoticePerson(1)
-                },1700)
+                }, 1700)
             }
         },
         scrollChangeListIn(index) {
             let that = this;
             if (index + 10 == that.configInterview.data.length) {
                 console.log("面试更新");
-                setTimeout(()=>{
+                setTimeout(() => {
                     that.getNoticePerson(2)
-                },1700)
+                }, 1700)
             }
         },
 

cokingCoal/js/newIndex.js

@@ -502,6 +502,8 @@ let app = new Vue({
 
             isShowFlag: false,
 
+            setTypeFlag: null,
+
         }
     },
     beforeCreate() {
@@ -792,7 +794,7 @@ let app = new Vue({
                     this.getIndustrydistribution(true)
                     this.getHumanResources()
                     this.getSalaryCalProg()
-                    // this.getCollegeinternAndEnterpriseship()
+                    this.getCollegeinternAndEnterpriseship()
                     this.getTurnOver()
                     this.getOptimizeResources()
                     this.getHumanOrgAllResources()
@@ -5500,8 +5502,10 @@ let app = new Vue({
                 flag: that.dataFlag
             }
             fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/MAU", data).then(res => {
-                that.mauInfo.mau = res.mau
-                that.mauInfo.unit = res.unit
+                if (res) {
+                    that.mauInfo.mau = res.mau
+                    that.mauInfo.unit = res.unit
+                }
             })
         },
         scrollChange(index) {
@@ -5523,6 +5527,8 @@ let app = new Vue({
                 flag: that.dataFlag
             }
             let index = 0
+            that.setTypeFlag && clearInterval(that.setTypeFlag)
+            this.orgIndex = 0
             fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/Distribution", data).then(res => {
                 if (res) {
                     res.data.forEach(item => {
@@ -5532,41 +5538,98 @@ let app = new Vue({
                             index = index + 1
                         }
                     })
-                    if(that.organizationList.length == 3){
+                    console.log(that.organizationList.length);
+                    console.log(that.organizationList);
+                    if (that.organizationList.length == 3) {
                         that.organizationList.push(...res.data)
                     }
                     if (index < 3) {
                         let arr = this.organizationList.splice(0, this.organizationList.length - 3)
                         this.organizationList = []
                         this.organizationList.push(...arr, ...res.data)
-                    } 
-                    setInterval(_ => {
-                        if (this.fIndex == this.fList.length - 1) {
-                            this.fIndex = 0
-                        } else {
-                            this.fIndex = this.fIndex + 1
-                        }
-                        this.organizationList.forEach(item => {
-                            item.flag = false
-                        })
-                        if (this.orgIndex == this.organizationList.length - 1) {
-                            this.orgIndex = 0
-                        } else {
-                            this.orgIndex = this.orgIndex + 1
-                        }
-                        this.organizationList[this.orgIndex].flag = true
+                    }
+                    if (this.organizationList.length != 0) {
+                        that.setTypeFlag = setInterval(_ => {
+                            if (this.fIndex == this.fList.length - 1) {
+                                this.fIndex = 0
+                            } else {
+                                this.fIndex = this.fIndex + 1
+                            }
+                            this.organizationList.forEach(item => {
+                                item.flag = false
+                            })
+                            if (this.orgIndex == this.organizationList.length - 1) {
+                                this.orgIndex = 0
+                            } else {
+                                this.orgIndex = this.orgIndex + 1
+                            }
+                            this.organizationList[this.orgIndex].flag = true
 
 
-                        skillList.forEach(item => {
-                            item.flag = false
-                        })
-                        if (this.skillIndex == skillList.length - 1) {
-                            this.skillIndex = 0
-                        } else {
-                            this.skillIndex = this.skillIndex + 1
-                        }
-                        skillList[this.skillIndex].flag = true
-                    }, 2000)
+                            skillList.forEach(item => {
+                                item.flag = false
+                            })
+                            if (this.skillIndex == skillList.length - 1) {
+                                this.skillIndex = 0
+                            } else {
+                                this.skillIndex = this.skillIndex + 1
+                            }
+                            skillList[this.skillIndex].flag = true
+                        }, 2000)
+                    } else {
+                        this.organizationList = [{
+                            name: "职能部门",
+                            flag: true,
+                            value: 18
+                        }, {
+                            name: "共享中心",
+                            flag: false,
+                            value: 12
+                        }, {
+                            name: "事业部",
+                            flag: false,
+                            value: 5
+                        }, {
+                            name: "二级单位",
+                            flag: false,
+                            value: 22
+                        }, {
+                            name: "三级单位",
+                            flag: false,
+                            value: 316
+                        }, {
+                            name: "四级单位",
+                            flag: false,
+                            value: 496
+                        }]
+                        that.setTypeFlag = setInterval(_ => {
+                            if (this.fIndex == this.fList.length - 1) {
+                                this.fIndex = 0
+                            } else {
+                                this.fIndex = this.fIndex + 1
+                            }
+                            this.organizationList.forEach(item => {
+                                item.flag = false
+                            })
+                            if (this.orgIndex == this.organizationList.length - 1) {
+                                this.orgIndex = 0
+                            } else {
+                                this.orgIndex = this.orgIndex + 1
+                            }
+                            this.organizationList[this.orgIndex].flag = true
+
+
+                            skillList.forEach(item => {
+                                item.flag = false
+                            })
+                            if (this.skillIndex == skillList.length - 1) {
+                                this.skillIndex = 0
+                            } else {
+                                this.skillIndex = this.skillIndex + 1
+                            }
+                            skillList[this.skillIndex].flag = true
+                        }, 2000)
+                    }
                 }
 
             })
@@ -6648,6 +6711,8 @@ let app = new Vue({
                     })
                     if (that.fetchIndex == 3) {
                         that.getDistributionInfo()
+                        that.fetchIndex = 0
+
                         return
                     }
                     if (index == 3) {
@@ -6655,8 +6720,11 @@ let app = new Vue({
                         that.getDept(false)
                         return
                     }
+                    console.log(12312132132);
                     res.data[0].flag = true
                     that.organizationList.push(...res.data)
+                    console.log(that.organizationList);
+                    console.log(res.data);
                     that.getDistributionInfo()
                 }
             })

cokingCoal/styles/humanResources.css

@@ -282,6 +282,18 @@ img {
 }
 
 .item_content_6,
+.item_content_7,
+.item_content_8,
+.item_content_9,
+.item_content_10,
+.item_content_11,
+.item_content_12,
+.item_content_13,
+.item_content_14,
+.item_content_15,
+.item_content_16,
+.item_content_17,
+.item_content_99,
 .item_content_6_false {
     width: 100%;
     height: calc(60% - 10px);
@@ -374,11 +386,53 @@ img {
 .green {
     color: green;
 }
+.item_content_99 .rows .row-item:nth-child(1) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
 
 .item_content_6 .rows .row-item:nth-child(2) {
     color: #E1AF27;
     background-color: #302e2d50 !important;
 }
+.item_content_7 .rows .row-item:nth-child(3) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
+.item_content_8 .rows .row-item:nth-child(4) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
+
+.item_content_9 .rows .row-item:nth-child(5) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
+
+.item_content_10 .rows .row-item:nth-child(6) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
+
+.item_content_11 .rows .row-item:nth-child(7) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
+
+.item_content_12 .rows .row-item:nth-child(8) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
+
+.item_content_13 .rows .row-item:nth-child(9) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
+
+.item_content_14 .rows .row-item:nth-child(10) {
+    color: #E1AF27;
+    background-color: #302e2d50 !important;
+}
 
 @keyframes remove {
     0% {