feat

components.d.ts

@@ -11,6 +11,18 @@ declare module '@vue/runtime-core' {
     BkTable: typeof import('./src/components/table/desktop/bkTable.vue')['default']
     BkTableDetails: typeof import('./src/components/table/desktop/bkTableDetails.vue')['default']
     DetailsRow: typeof import('./src/components/table/dBase/detailsRow.vue')['default']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
+    ElSkeletonItem: typeof import('element-plus/es')['ElSkeletonItem']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
     Footer: typeof import('./src/components/footer.vue')['default']
     Hp_card: typeof import('./src/components/base/hp_card.vue')['default']
     HpRow: typeof import('./src/components/table/dBase/hpRow.vue')['default']

src/components/search.vue

@@ -31,7 +31,7 @@
       />
     </div>
     <div
-      class="h-[78px] w-full desktop:px-[282px] mobile:px-[20px]"
+      class="h-[78px] w-full desktop:px-[282px] mobile:px-[20px] z-[9]"
       :class="isActive && data.length > 0 ? '' : 'hidden'"
     >
       <div
@@ -45,7 +45,7 @@
         "
         @click="handleClick(item)"
       >
-        <span class="text-blue-65B5FF">{{ item?.hash || '-' }}</span>
+        <span class="text-blue-65B5FF">{{ item?.info || '-' }}</span>
       </div>
     </div>
   </div>
@@ -94,7 +94,11 @@ const handleClick = (item: any) => {
     }
   }
   // 跳转
-  router.push(`/${route}/${item.hash}`)
+  if (item?.type == 4) {
+    router.replace(`/${route}/${item?.hash}`)
+    return
+  }
+  router.replace(`/${route}/${item.info}`)
 }
 // 修改input
 const handleChangeInput = () => {

src/components/table/constant.ts

@@ -161,6 +161,7 @@ export const transactDetailsCollocate = {
     false,
     false,
   ], // 是否可复制
+  links: ['', '', '', 'tokens', 'tokens', '', '', '', '', '', '', ''],
 }
 // tokensTable 表配置
 export const tokensTableCollocate = {

src/components/table/dBase/bkRow.vue

@@ -71,8 +71,6 @@ const props = defineProps({
 })
 const router = useRouter()
 const handleClick = (route: any) => {
-  console.log(props.values)
-
   router.replace(`/${route}/${props.values.txnContractAddress}`)
 }
 </script>

src/components/table/desktop/transactDetails.vue

@@ -2,14 +2,22 @@
   <div
     class="rounded-[10px] bg-black-19191A rounded-b-[10px] px-[34px] pt-[12px] pb-[28px]"
   >
-    <transact-details-row
+    <div
       v-for="(item, index) in invariable.labels"
       :key="index"
-      :title="item"
-      :value="currentData?.[invariable.sequence[index]]"
-      :value-color="invariable.colorSequence[index]"
-      :is-copy="invariable.isCopys[index]"
-    />
+      @click="
+        invariable.links[index]
+          ? handleClick(currentData?.[invariable.sequence[index]])
+          : ''
+      "
+    >
+      <transact-details-row
+        :title="item"
+        :value="currentData?.[invariable.sequence[index]]"
+        :value-color="invariable.colorSequence[index]"
+        :is-copy="invariable.isCopys[index]"
+      />
+    </div>
   </div>
 </template>
 
@@ -17,6 +25,7 @@
 import { defineProps, ref, watchEffect } from 'vue'
 import transactDetailsRow from '../dBase/transactDetailsRow.vue'
 import { transactDetailsCollocate } from '../constant'
+import { useRouter } from 'vue-router'
 
 const props = defineProps({
   data: Object as any,
@@ -25,6 +34,10 @@ const invariable = {
   ...transactDetailsCollocate,
 }
 const currentData = ref()
+const router = useRouter()
+const handleClick = (route: any) => {
+  router.replace(`/tokens/${route}`)
+}
 watchEffect(() => {
   currentData.value = props.data
   if (props?.data && props.data?.receiptList.length === 0) {