From d768390ffd9bd4d88733333bcaf52fba4ce3ba2b Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期一, 31 七月 2023 14:53:51 +0800 Subject: [PATCH] # --- src/components/datav/scrollBoard.vue | 74 +++++++++++++++++++++--------------- 1 files changed, 43 insertions(+), 31 deletions(-) diff --git a/src/components/datav/scrollBoard.vue b/src/components/datav/scrollBoard.vue index 57c01ac..4f6a397 100644 --- a/src/components/datav/scrollBoard.vue +++ b/src/components/datav/scrollBoard.vue @@ -12,27 +12,27 @@ data() { return { config: { - header: ['椤圭洰鍙�', '鍝佸悕', '鐢熶骇鏁伴噺', '瀹屽伐鏁伴噺', '璁″垝瀹屽伐鏃�'], - data: [ - ['2019-07-01 19:25:00', '璺潰鍗卞-鏉炬暎', '5', 'xxxxxxx'], - ['2019-07-02 17:25:00', '璺潰鍗卞-璺潰娌规薄娓呯悊', '13', 'xxxxxxx'], - ['2019-07-03 16:25:00', '浜ゅ畨璁炬柦-浜ら�氭爣蹇楃墝缁撴瀯', '6', 'xxxxxxx'], - ['2019-07-04 15:25:00', '璺熀鍗卞-闃插皹缃�', '2', 'xxxxxxx'], - ['2019-07-05 14:25:00', '浜ゅ畨璁炬柦-浜ら�氭爣蹇楃墝缁撴瀯', '1', 'xxxxxxx'], - ['2019-07-06 13:25:00', '璺潰鍗卞-鏉炬暎', '3', 'xxxxxxx'], - ['2019-07-07 12:25:00', '璺熀鍗卞-闃插皹缃�', '4', 'xxxxxxx'], - ['2019-07-08 11:25:00', '璺潰鍗卞-璺潰娌规薄娓呯悊', '2', 'xxxxxxx'], - ['2019-07-09 10:25:00', '浜ゅ畨璁炬柦-浜ら�氭爣蹇楃墝缁撴瀯', '5', 'xxxxxxx'], - ['2019-07-10 09:25:00', '璺熀鍗卞-闃插皹缃�', '3', 'xxxxxxx'] - ], - index: true, - columnWidth: [50, 170, 300], - align: ['center'], - rowNum: 7, - headerBGC: '#1981f6', - headerHeight: 45, - oddRowBGC: 'rgba(0, 44, 81, 0.8)', - evenRowBGC: 'rgba(10, 29, 50, 0.8)' + // header: ['椤圭洰鍙�', '鍝佸悕', '鐢熶骇鏁伴噺', '瀹屽伐鏁伴噺', '璁″垝瀹屽伐鏃�'], + // data: [ + // ['2019-07-01 19:25:00', '璺潰鍗卞-鏉炬暎', '5', 'xxxxxxx'], + // ['2019-07-02 17:25:00', '璺潰鍗卞-璺潰娌规薄娓呯悊', '13', 'xxxxxxx'], + // ['2019-07-03 16:25:00', '浜ゅ畨璁炬柦-浜ら�氭爣蹇楃墝缁撴瀯', '6', 'xxxxxxx'], + // ['2019-07-04 15:25:00', '璺熀鍗卞-闃插皹缃�', '2', 'xxxxxxx'], + // ['2019-07-05 14:25:00', '浜ゅ畨璁炬柦-浜ら�氭爣蹇楃墝缁撴瀯', '1', 'xxxxxxx'], + // ['2019-07-06 13:25:00', '璺潰鍗卞-鏉炬暎', '3', 'xxxxxxx'], + // ['2019-07-07 12:25:00', '璺熀鍗卞-闃插皹缃�', '4', 'xxxxxxx'], + // ['2019-07-08 11:25:00', '璺潰鍗卞-璺潰娌规薄娓呯悊', '2', 'xxxxxxx'], + // ['2019-07-09 10:25:00', '浜ゅ畨璁炬柦-浜ら�氭爣蹇楃墝缁撴瀯', '5', 'xxxxxxx'], + // ['2019-07-10 09:25:00', '璺熀鍗卞-闃插皹缃�', '3', 'xxxxxxx'] + // ], + // index: true, + // columnWidth: [50, 170, 300], + // align: ['center'], + // rowNum: 7, + // headerBGC: '#1981f6', + // headerHeight: 45, + // oddRowBGC: 'rgba(0, 44, 81, 0.8)', + // evenRowBGC: 'rgba(10, 29, 50, 0.8)' } } }, @@ -43,19 +43,31 @@ } getApiData().then(result => { let list = result.data.data; - this.config.data = []; + let configData = []; if (list) { - for (let i = 0; i<list.length; i++) { + for (let i = 0; i < list.length; i++) { let item = []; - item.push(list[i].椤圭洰鍙�); - item.push(list[i].鍝佸悕); - item.push(list[i].鐢熶骇鏁伴噺); - item.push(list[i].瀹屽伐鏁伴噺); - item.push(this.coverData(list[i].璁″垝瀹屽伐鏃�)); - this.config.data.push(item); + item.push(list[i].椤圭洰鍙�===null?"":list[i].椤圭洰鍙�); + item.push(list[i].鍝佸悕===null?"":list[i].鍝佸悕); + item.push(list[i].鐢熶骇鏁伴噺 + ""); + item.push(list[i].瀹屽伐鏁伴噺 + ""); + item.push(list[i].璁″垝瀹屽伐鏃�===null?"":this.coverData(list[i].璁″垝瀹屽伐鏃�)); + configData.push(item); } } - console.log(JSON.stringify(this.config.data)); + + this.config = { + header: ['椤圭洰鍙�', '鍝佸悕', '鐢熶骇鏁伴噺', '瀹屽伐鏁伴噺', '璁″垝瀹屽伐鏃�'], + data: configData, + index: true, + columnWidth: [40, 90, 220, 95, 95, 170], + align: ['center'], + rowNum: 7, + headerBGC: '#1981f6', + headerHeight: 45, + oddRowBGC: 'rgba(0, 44, 81, 0.8)', + evenRowBGC: 'rgba(10, 29, 50, 0.8)' + } }) }, coverData(date) { @@ -77,7 +89,7 @@ mounted() { const { httpData } = this httpData() - setInterval(this.httpData, 3000) + setInterval(this.httpData, 30000) } } </script> -- Gitblit v1.9.1