From 6e3d8234a4b1bae86b3c896468e20ea9f13c7fb7 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期三, 24 三月 2021 11:46:44 +0800
Subject: [PATCH] 朔黄视频播放进度条
---
src/components/serfDiagram/index.vue | 45 +++++++++++++++++----------------------------
1 files changed, 17 insertions(+), 28 deletions(-)
diff --git a/src/components/serfDiagram/index.vue b/src/components/serfDiagram/index.vue
index b07b2bb..945e15d 100644
--- a/src/components/serfDiagram/index.vue
+++ b/src/components/serfDiagram/index.vue
@@ -33,7 +33,7 @@
startX: Number,
isShowHover: Boolean
},
- data () {
+ data() {
return {
nodeSize: 20,
fontSize: 20,
@@ -47,7 +47,7 @@
};
},
computed: {
- nodes () {
+ nodes() {
let n = new Array();
this.members.forEach((v, i) => {
n.push({
@@ -64,7 +64,7 @@
return n;
},
- links () {
+ links() {
let arr = new Array();
let dup = new Array(); // Deduplicate to ensure that two nodes have only one line
const count = this.members.length;
@@ -99,7 +99,7 @@
return arr;
},
- options () {
+ options() {
return {
force: 3000,
nodeSize: this.nodeSize,
@@ -118,11 +118,11 @@
};
}
},
- created () {
+ created() {
this.reset();
},
methods: {
- nodeHover (event, node) {
+ nodeHover(event, node) {
console.log(node);
node._opacity = 1;
node._size = 28;
@@ -133,7 +133,7 @@
this.toolTipStyle.left = node.x + "px";
console.log(this.members[node.id]);
let workName = '';
- switch(this.members[node.id].workType){
+ switch (this.members[node.id].workType) {
case '01':
workName = '鍒嗘瀽'
break;
@@ -154,55 +154,44 @@
}
},
- nodeOut (event, node) {
+ nodeOut(event, node) {
node._opacity = node.opacity;
node._size = node.size;
this.toolTipStyle.display = "none";
},
- dragStart (event) {
+ dragStart(event) {
if (event) {
this.movement = event.timeStamp;
}
},
- nodeClick (event, node) {
- // if (this.nodeSelected[node.id]) {
- // this.unSelectNode(node.id)
- // // is not nodeSelected
- // } else {
- // this.selectNode(node)
-
- // }
- // this.selectNodesLinks()
- // this.$set(this.nodes, node.index, node)
- console.log(event, node)
- debugger
+ nodeClick(event, node) {
if (event.timeStamp - this.movement < 200) {
this.$emit("selected-node", event, this.members[node.id]);
}
},
- reset () {
+ reset() {
this.nodeSelected = {};
this.linksSelected = {};
(this.toolTipNode = ""), (this.toolTipAddr = ""), (this.movement = 0);
},
- unSelectNode (nodeId) {
+ unSelectNode(nodeId) {
if (this.nodeSelected[nodeId]) {
delete this.nodeSelected[nodeId];
}
this.selectNodesLinks();
},
- unSelectLink (linkId) {
+ unSelectLink(linkId) {
if (this.linksSelected[linkId]) {
delete this.linksSelected[linkId];
}
},
- selectNode (node) {
+ selectNode(node) {
this.nodeSelected[node.id] = node;
},
- selectLink (link) {
+ selectLink(link) {
this.$set(this.linksSelected, link.id, link);
},
- selectNodesLinks () {
+ selectNodesLinks() {
for (let link of this.links) {
// node is nodeSelected
if (this.nodeSelected[link.sid] || this.nodeSelected[link.tid]) {
@@ -297,7 +286,7 @@
right: 50%;
top: 100%;
border: solid transparent;
- content: ' ';
+ content: " ";
height: 0;
width: 0;
position: absolute;
--
Gitblit v1.8.0