央行可视化完成

src/utils/request.js

@@ -15,10 +15,10 @@ const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
   // baseURL: import.meta.env.VITE_APP_BASE_API,
   // baseURL: 'http://118.31.7.2:8800/',
-  baseURL: 'http://192.168.2.15:8800/',
+  // baseURL: 'http://192.168.2.15:8800/',
   // baseURL: 'http://192.168.2.4:8800/',
   // baseURL: 'http://202.199.90.115:8800/',
-  // baseURL: 'http://qkljr.sztzjy.com:91/',
+  baseURL: 'http://qkljr.sztzjy.com:91/',
   // 超时
   timeout: 60000
 })

src/views/visual/components/merkle.vue

@@ -103,7 +103,7 @@ const getData=async()=>{
 }
 
 // 全屏函数
-const height=ref(770)
+const height=ref(760)
 const toggleFullscreen = () => {
   toggleFullscreenContainer('.merkleTree')
   document.addEventListener('fullscreenchange', exitFullscreenHandler);
@@ -117,7 +117,7 @@ const toggleFullscreen = () => {
   if (!document.fullscreenElement && !document.mozFullScreenElement &&
       !document.webkitFullscreenElement && !document.msFullscreenElement) {
     // 退出全屏后执行的代码
-      height.value=790
+      height.value=760
   }
 }
 const cell=ref([])

src/views/visual/components/transaction-block.vue

@@ -27,12 +27,12 @@
             <span>区块链</span>
           </div>
           <div class="block-item-content">
-            <p>区块哈希：{{ item.blockHash }}</p>
+            <p>区块哈希：{{ truncate(item.blockHash,15) }}</p>
             <p>时间戳：{{ item.timestamp }}</p>
-            <p>前一区块哈希：{{ item.previousBlock }}</p>
+            <p>前一区块哈希：{{ truncate(item.previousBlock,15) }}</p>
           </div>
           <div class="block-item-footer">
-            <span>交易数据：{{ item.transactionCode }}</span>
+          交易数据：{{ truncate(item.transactionCode,15) }}
           </div>
         </div>
         </el-scrollbar>
@@ -44,6 +44,7 @@
 import {getTransactionBlock} from '@/api/user.js'
 import {toggleFullscreenContainer} from '@/utils/index.js'
 import { getSchoolId } from '../../../utils/auth';
+import {truncate} from '@/utils/index.js'
 const height = ref(600) 
 // 节点数
 const nodeNumber = ref(0)
@@ -169,6 +170,7 @@ onUnmounted(() => {
           }
         }
         .block-item-footer {
+          display: block;
           width: 242px;
           height: 46px;
           background: #2c6dff;

src/views/visual/components/transaction-broadcast.vue

@@ -64,7 +64,7 @@
           <span>交易总览</span>
         </div>
         <div class="overview-content">
-          <p>交易哈希：{{truncate(detailsData.blockHash ,55) }}</p>
+          <p>交易哈希：{{truncate(detailsData.transactionCode ,55) }}</p>
           <p>交易结果：{{ detailsData.transactionResult=="true" ? '成功' :'失败' }}</p>
           <p>时间：{{   parseTime(detailsData.timestamp, "{y}-{m}-{d} {h}:{i}:{s}") }}</p>
           <p>发送方：{{ detailsData.sender }}</p>
@@ -99,14 +99,8 @@ const getIndividualAssets = () => {
 // 查看详情
 const checkDetails = (id) => {
   QuotaVisible.value = true;
-  getBroadcastDetails({
-    schoolId: id.schoolId,
-    index: 1,
-    size: 100,
-  }).then(res => {
   //取出数组中的对象
-  detailsData.value = res.data.list[0]
+  detailsData.value = id
-  })
 };
 getIndividualAssets();
 </script>