tianzeOrg
/
tz-BlockChainFinance_ui
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: tianzeOrg:dc238eab598285cfeb5784bdd75c8e09684b08f1
Branches Tags
tianzeOrg:master
tianzeOrg:dev_fjb
..
compare: tianzeOrg:72292b845f33ab0300685002dc5ae4ddfb8d5540
Branches Tags
tianzeOrg:master
tianzeOrg:dev_fjb

No commits in common. 'dc238eab598285cfeb5784bdd75c8e09684b08f1' and '72292b845f33ab0300685002dc5ae4ddfb8d5540' have entirely different histories.
dc238eab59 ... 72292b845f

1 changed files with 126 additions and 153 deletions
Show Stats

279
src/views/visual/components/merkle.vue
Unescape Escape View File

@ -11,6 +11,7 @@
<div class="umlMain"> <div class="umlMain">
<div ref="umlContainer" id="umlContainer" class="umlContainer"></div> <div ref="umlContainer" id="umlContainer" class="umlContainer"></div>
</div> </div>
</el-scrollbar> </el-scrollbar>
</div> </div>
</div> </div>
@ -37,64 +38,21 @@ const getData=async()=>{
// 在这里操作每个数组 // 在这里操作每个数组
// console.log(`Array for key ${key}:`, array); // console.log(`Array for key ${key}:`, array);
if(key==='one'){ if(key==='one'){
// cell.value[0].attributes[0]=array.slice(0,13)+'...' cell.value[0].attributes[0]=array
const truncatedString = computed(() => { console.log(cell.value[0].attributes[0]);
return array[0].length > 15 console.log(array);
? array[0].substring(0, 15) + '...' }
: array[0]; // 例如，你可以对每个数组进行进一步的操作
}); // array.forEach(item => {
cell.value[0].attributes[0]=truncatedString.value // // 对每个数组元素进行操作
} // console.log(item);
if(key==='two'){ // });
array.forEach((item,index)=>{
const truncatedString = computed(() => { // 或者你可以修改原始数组
return item.length > 15 // data[key] = array.map(item => {
? item.substring(0, 15) + '...' // // 修改每个数组元素
: item; // return item + '_modified';
}); // });
cell.value[index+1].attributes[0]=truncatedString.value
})
}
if(key==='three'){
array.forEach((item,index)=>{
const truncatedString = computed(() => {
return item.length > 15
? item.substring(0, 15) + '...'
: item;
});
cell.value[index+3].attributes[0]=truncatedString.value
})
}
if(key==='four'){
array.forEach((item,index)=>{
const truncatedString = computed(() => {
return item.length > 15
? item.substring(0, 15) + '...'
: item;
});
cell.value[index+7].attributes[0]=truncatedString.value
})
}
if(key==='five'){
array.forEach((item,index)=>{
const truncatedString = computed(() => {
return item.length > 15
? item.substring(0, 15) + '...'
: item;
});
cell.value[index+15].attributes[0]=truncatedString.value
})
}
if(key==='six'){
array.forEach((item,index)=>{
const truncatedString = computed(() => {
return item.length > 15
? item.substring(0, 15) + '...'
: item;
});
cell.value[index+31].attributes[0]=truncatedString.value
})
}
} }
graph.value.fromJSON(cell.value) graph.value.fromJSON(cell.value)
graph.value.zoomToFit({ padding: 10, maxScale: 1 }) graph.value.zoomToFit({ padding: 10, maxScale: 1 })
@ -103,21 +61,32 @@ const getData=async()=>{
} }
// 全屏函数 // 全屏函数
const height=ref(770) const height=ref(1084)
const toggleFullscreen = () => { const toggleFullscreen = () => {
toggleFullscreenContainer('.merkleTree') toggleFullscreenContainer('.merkleTree')
document.addEventListener('fullscreenchange', exitFullscreenHandler); document.addEventListener('fullscreenchange', exitFullscreenHandler);
document.addEventListener('webkitfullscreenchange', exitFullscreenHandler); document.addEventListener('webkitfullscreenchange', exitFullscreenHandler);
document.addEventListener('mozfullscreenchange', exitFullscreenHandler); document.addEventListener('mozfullscreenchange', exitFullscreenHandler);
document.addEventListener('MSFullscreenChange', exitFullscreenHandler); document.addEventListener('MSFullscreenChange', exitFullscreenHandler);
height.value =1084 const element = document.querySelector('.umlMain');
element.style.position='relative'
element.style.transform='scale(1)'
element.style.top='0'
element.style.right='0'
// height.value =950
} }
// 处理退出全屏的函数 // 处理退出全屏的函数
function exitFullscreenHandler() { function exitFullscreenHandler() {
if (!document.fullscreenElement && !document.mozFullScreenElement && if (!document.fullscreenElement && !document.mozFullScreenElement &&
!document.webkitFullscreenElement && !document.msFullscreenElement) { !document.webkitFullscreenElement && !document.msFullscreenElement) {
// 退出全屏后执行的代码 // 退出全屏后执行的代码
height.value=790 // console.log('已退出全屏');
const element = document.querySelector('.umlMain');
element.style.position='absolute'
element.style.transform='scale(0.44)'
element.style.top=''
element.style.right=''
// 在这里可以添加你想要执行的操作
} }
} }
const cell=ref([]) const cell=ref([])
@ -373,7 +342,7 @@ Graph.registerEdge(
"Top hash", "Top hash",
], ],
"attributes": [ "attributes": [
"" "adasfasd12fa1sd3f13a"
], ],
"methods": [ "methods": [
], ],
@ -387,10 +356,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -404,10 +373,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -421,10 +390,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -438,10 +407,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -455,10 +424,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"2" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -472,10 +441,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"3" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -489,10 +458,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -506,10 +475,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -523,10 +492,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"2" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -540,10 +509,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"3" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -557,10 +526,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"4" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -574,10 +543,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"5" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -591,10 +560,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"6" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -608,10 +577,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"7" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -628,7 +597,7 @@ Graph.registerEdge(
"0-0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -642,10 +611,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"0-1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -659,10 +628,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"1-0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -676,10 +645,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"1-1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -693,10 +662,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"2-0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -710,10 +679,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"2-1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -727,10 +696,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"3-0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -744,10 +713,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"3-1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -761,10 +730,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"4-0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -778,10 +747,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"4-1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -795,10 +764,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"5-0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -812,10 +781,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"5-1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -829,10 +798,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"6-0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -846,10 +815,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"6-1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -863,10 +832,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"7-0" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -880,10 +849,10 @@ Graph.registerEdge(
"shape": "class", "shape": "class",
"name": [ "name": [
"Hash", "Hash",
"7-1" "0-0"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -899,7 +868,7 @@ Graph.registerEdge(
"Hash1", "Hash1",
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -915,7 +884,7 @@ Graph.registerEdge(
"Hash2", "Hash2",
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -931,7 +900,7 @@ Graph.registerEdge(
"Hash3" "Hash3"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -947,7 +916,7 @@ Graph.registerEdge(
"Hash4" "Hash4"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -963,7 +932,7 @@ Graph.registerEdge(
"Hash5" "Hash5"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -979,7 +948,7 @@ Graph.registerEdge(
"Hash6" "Hash6"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -995,7 +964,7 @@ Graph.registerEdge(
"Hash7" "Hash7"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1011,7 +980,7 @@ Graph.registerEdge(
"Hash8" "Hash8"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1027,7 +996,7 @@ Graph.registerEdge(
"Hash9" "Hash9"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1043,7 +1012,7 @@ Graph.registerEdge(
"Hash10", "Hash10",
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1059,7 +1028,7 @@ Graph.registerEdge(
"Hash11" "Hash11"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1075,7 +1044,7 @@ Graph.registerEdge(
"Hash12" "Hash12"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1091,7 +1060,7 @@ Graph.registerEdge(
"Hash13", "Hash13",
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1107,7 +1076,7 @@ Graph.registerEdge(
"Hash14" "Hash14"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1123,7 +1092,7 @@ Graph.registerEdge(
"Hash15" "Hash15"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1139,7 +1108,7 @@ Graph.registerEdge(
"Hash16" "Hash16"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1155,7 +1124,7 @@ Graph.registerEdge(
"Hash17" "Hash17"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1171,7 +1140,7 @@ Graph.registerEdge(
"Hash18" "Hash18"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1187,7 +1156,7 @@ Graph.registerEdge(
"Hash19" "Hash19"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1203,7 +1172,7 @@ Graph.registerEdge(
"Hash20" "Hash20"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1219,7 +1188,7 @@ Graph.registerEdge(
"Hash21" "Hash21"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1235,7 +1204,7 @@ Graph.registerEdge(
"Hash22" "Hash22"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1251,7 +1220,7 @@ Graph.registerEdge(
"Hash23" "Hash23"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1267,7 +1236,7 @@ Graph.registerEdge(
"Hash24" "Hash24"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1283,7 +1252,7 @@ Graph.registerEdge(
"Hash25" "Hash25"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1299,7 +1268,7 @@ Graph.registerEdge(
"Hash26" "Hash26"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1315,7 +1284,7 @@ Graph.registerEdge(
"Hash27", "Hash27",
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1331,7 +1300,7 @@ Graph.registerEdge(
"Hash28" "Hash28"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1347,7 +1316,7 @@ Graph.registerEdge(
"Hash29" "Hash29"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1363,7 +1332,7 @@ Graph.registerEdge(
"Hash30" "Hash30"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1379,7 +1348,7 @@ Graph.registerEdge(
"Hash31" "Hash31"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1395,7 +1364,7 @@ Graph.registerEdge(
"Hash32" "Hash32"
], ],
"attributes": [ "attributes": [
"" "hash(adasfasd12fa1sd3f13a)"
], ],
"methods": [ "methods": [
], ],
@ -1788,6 +1757,10 @@ graph.value.zoomToFit({ padding: 10, maxScale: 1 })
.umlMain{ .umlMain{
width: 3840px; width: 3840px;
height: 1084px; height: 1084px;
transform: scale(0.44) translateX(0);
position: absolute;
right: -1085px;
top: -135px;
} }
} }
#umlContainer { #umlContainer {

Write Preview
Loading…
Cancel
Save