From 2121634cf3d57b246ffcde0fdfd2dcf93ca0bd96 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 01 八月 2023 09:05:01 +0800
Subject: [PATCH] #
---
src/components/datav/scrollBoard.vue | 101 +++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 79 insertions(+), 22 deletions(-)
diff --git a/src/components/datav/scrollBoard.vue b/src/components/datav/scrollBoard.vue
index 2fe208b..31e2508 100644
--- a/src/components/datav/scrollBoard.vue
+++ b/src/components/datav/scrollBoard.vue
@@ -5,34 +5,91 @@
</template>
<script>
+import axios from 'axios'
+
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)'
}
}
+ },
+ methods: {
+ httpData() {
+ const getApiData = async () => {
+ return await axios.get(this.baseUrl + "data1", { params: {} })
+ }
+ getApiData().then(result => {
+ 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() {
+ const { httpData } = this
+ httpData()
+ setInterval(this.httpData, 30000)
}
}
</script>
--
Gitblit v1.9.1