From e48fa711a3664bece9b3e58840a75fe7c05bc47c Mon Sep 17 00:00:00 2001 From: panlinlin <648540858@qq.com> Date: 星期六, 08 五月 2021 17:14:05 +0800 Subject: [PATCH] 添加截图(快照)功能 --- web_src/src/components/test.vue | 30 ++++++++++++++++++++++++++++++ 1 files changed, 30 insertions(+), 0 deletions(-) diff --git a/web_src/src/components/test.vue b/web_src/src/components/test.vue index 603138c..6d53c54 100644 --- a/web_src/src/components/test.vue +++ b/web_src/src/components/test.vue @@ -24,6 +24,9 @@ <div v-for="index of timeNode" class="timeQuery-label-cell" :style="'left:' + (100.0/timeNode*index).toFixed(4) + '%'"> <div class="timeQuery-label-cell-label">{{24/timeNode * index}}</div> </div> + <ul> + <li v-for="item of allDataList" >{{!!item.name?item.name:item.dname}}</li> + </ul> </div> </el-col> </el-row> @@ -36,6 +39,7 @@ name: "test", data() { return { + allDataList:[], timeNode: 24, recordData:[ { @@ -58,6 +62,32 @@ }; }, mounted() { + var list1 = [{ + key: Math.random()*10, + name: "浜�1" + },{ + key: Math.random()*10, + name: "浜�2" + },{ + key: Math.random()*10, + name: "浜�3" + }] + var list2 = [{ + key: Math.random()*10, + dname: "閮ㄩ棬1" + },{ + key: Math.random()*10, + dname: "閮ㄩ棬2" + },{ + key: Math.random()*10, + dname: "閮ㄩ棬3" + }] + + var allData = list1.concat(list2) + allData.sort((a, b)=>{ + return a.key-b.key; + }) + this.allDataList = allData; for (let i = 1; i <= 24; i++) { console.log("<div class=\"timeQuery-label-cell\" style=\"left: " + (100.0/24*i).toFixed(4) + "%\"></div>") } -- Gitblit v1.8.0