提交文件

kongdeqiang

2023-07-31 ae0de0617298a3d276622421c77c72435f4ec068

 src/pages/show/showIndex/YunweiBlock.vue

@@ -155,25 +155,16 @@
                    ],
                    rowNum: 14
                },
                tableData: [{
                    content1:'3号服务器异常，报警错误',
                    data:'2023-03-06'
                },{
                    content1:'3号服务器异常，报警错误',
                    data:'2023-03-06'
                },{
                    content1:'3号服务器异常，报警错误',
                    data:'2023-03-06'
                }],
                YunweiBlockVisable: false,
                timer: null
                timer: null,
                tableData:[]
            }
        },
        destroyed() {
          clearInterval(this.timer)
        },
        mounted() {
            this.loading()
            //this.loading()
            this.resizeLsit()
            this.timer = setInterval(() => {
                this.getTaskByDate()
@@ -191,12 +182,10 @@
              this.getTaskByDate()
            },
            handleClickRow(config) {    //碘酒行信息
                console.log(config.row[2],'config===')
                console.log(document.querySelector('.configSpan').innerHTML,'document.querySelector(\'.configSpan\')')

                console.log(this.tableData[config.rowIndex].id,'id======')
                this.YunweiBlockVisable = true
                this.$nextTick(() => {
                    this.$refs.YunweiBlockForm.init(document.querySelector('.configSpan').innerHTML)
                    this.$refs.YunweiBlockForm.init(this.tableData[config.rowIndex].id)
                })

            },
@@ -226,28 +215,46 @@
                            columnWidth: [180,120,0],
                            data:[]
                        }
                        this.tableData = res.data
                        let data = res.data.map(item => {
                            let tempStr = `<span class="configSpan" style="display:none">${item.id}</span>`
                            return [`${item.title}`,`${item.startDate}`,tempStr]
                            return [`${item.title}`,`${item.startDate}`]
                        })
                        this.$set(this.ywTableConfig,'data',data)
                    }
                })
            },
            loading() {
            loading() {  //出来
                const tl = this.gsap.timeline({defaults: {duration: 0.8}})
                animateShanFlash('.zhuangshi span',{
                    duration: 1,
                })
                tl.from('.YunweiBlock-wrap',{
                    x: '-200',
                    autoAlpha: 0,
                    duration:0.8,
                    // ease: 'power2.out',
                    delay:0.5,
                    ease:'back.out(1.7)',
                tl.fromTo('.YunweiBlock-wrap',{
                  x: '-110%',
                },{
                  x: '0',
                  //autoAlpha: 0,
                  duration:1,
                  // ease: 'power2.out',
                  delay:0.5,
                  ease:'back.out(1.7)',
                })
            },
          loading2() {  //出来
            const tl = this.gsap.timeline({defaults: {duration: 0.8}})
            animateShanFlash('.zhuangshi span',{
              duration: 1,
            })
            tl.fromTo('.YunweiBlock-wrap',{
              x: '0',
            },{
              x: '-110%',
              //autoAlpha: 0,
              duration:1,
              // ease: 'power2.out',
              delay:0.5,
              ease:'back.out(1.7)',
            })
          },
            headerCellName(obj) {
                return 'kehuxinxiBox'
            },