From 7c1e4502fe4431cc43755afc42935bbadf1464cd Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期二, 01 八月 2023 11:01:28 +0800 Subject: [PATCH] # --- src/components/datav/scrollBoard.vue | 86 +++++++++++++++++++++++++++++++----------- 1 files changed, 63 insertions(+), 23 deletions(-) diff --git a/src/components/datav/scrollBoard.vue b/src/components/datav/scrollBoard.vue index 8042613..31e2508 100644 --- a/src/components/datav/scrollBoard.vue +++ b/src/components/datav/scrollBoard.vue @@ -9,30 +9,30 @@ export default { name: 'ScrollBoard', - data () { + 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)' } } }, @@ -42,8 +42,48 @@ return await axios.get(this.baseUrl + "data1", { params: {} }) } getApiData().then(result => { - console.log(result.data.data); + let list = result.data.data; + let configData = []; + if (list) { + for (let i = 0; i < list.length; i++) { + let 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); + } + } + + this.config = { + header: ['椤圭洰鍙�', '鍝佸悕', '鐢熶骇鏁伴噺', '瀹屽伐鏁伴噺', '璁″垝瀹屽伐鏃�'], + data: configData, + index: true, + columnWidth: [50, 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) { + var time = new Date(date); + var y = time.getFullYear(); + var M = time.getMonth() + 1; + M = M < 10 ? ("0" + M) : M; + var d = time.getDate(); + d = d < 10 ? ("0" + d) : d; + var h = time.getHours(); + h = h < 10 ? ("0" + h) : h; + var m = time.getMinutes(); + m = m < 10 ? ("0" + m) : m; + var s = time.getSeconds(); + s = s < 10 ? ("0" + s) : s; + return y + "-" + M + "-" + d + " " + h + ":" + m + ":" + s; } }, mounted() { -- Gitblit v1.9.1