区块链查询

src/App.vue

 <script setup lang="ts">
+import { GO_URLS } from 'cqk-sy-ui';
+import { onMounted } from 'vue';
+import { $ajax } from './service';
+import { setUrlList } from './store/mutations';
+
+onMounted(async () => {
+  const res = await $ajax({
+    type: "get",
+    url: GO_URLS.config
+  });
+  if (res) {
+    setUrlList(res.data.frontend)
+  }
+})
+
 </script>
 
 <template>

src/views/Home.vue

@@ -2,17 +2,16 @@
     <syTracePage @navigate="$router.push" @search-hash="searchHash"></syTracePage>
 </template>
 <script lang="ts" setup>
+import { globalState } from "@/store/state";
 import { syTracePage } from "cqk-sy-ui"
 
-const CHAIN_BROWSER_URL_PREFIX = '';
-
 const searchHash = (hashText: string) => {
     if (hashText.trim() === "") {
-        window.open(CHAIN_BROWSER_URL_PREFIX);
+        window.open(globalState.urlList.chain_browser_url);
     } else {
         window.open(
-            CHAIN_BROWSER_URL_PREFIX +
-            "product?hash=" +
+            globalState.urlList.chain_browser_url +
+            "/product?hash=" +
             hashText
         );
     }

src/views/category/components/Deleted.vue

@@ -14,13 +14,24 @@
             ></sySearch>
         </div>
         <div class="overflow-hidden px-3">
-            <DeletedTableVue :list="infoList" :serialNumber="serialNumber"></DeletedTableVue>
+            <DeletedTableVue
+                :list="infoList"
+                :serialNumber="serialNumber"
+                :page="params.page"
+                @handleChain="handleChain"
+                @copyHash="copyHash"
+                @privacySettings="privacySettings"
+            ></DeletedTableVue>
         </div>
+        <common-dialog showMask v-if="PromptShow" @closePopup="PromptShow = false">
+            <prompt tip="确定要隐藏该条记录吗" @close="PromptShow = false" @confirm="hiddenCertificate" />
+        </common-dialog>
     </div>
 </template>
 <script lang="ts">
 import { $ajax } from "@/service";
 import { setDeletedNum } from "@/store/mutations";
+import { globalState } from "@/store/state";
 import { sySearch, syPagination, syPrompt, syCommonDialog, GO_URLS, openChainBrowser, fmtTimeStamp } from "cqk-sy-ui"
 import { ElMessage } from "element-plus";
 import { defineComponent } from "vue";
@@ -84,6 +95,7 @@ export default defineComponent({
             }
         },
         privacySettings(item: any) {
+            console.log('privacySettings')
             this.PromptShow = true;
             this.PromptID = item.id;
         },
@@ -122,7 +134,7 @@ export default defineComponent({
         },
         // 打开区块链浏览器
         handleChain(item: any) {
-            openChainBrowser(item.hash);
+            openChainBrowser(item.hash, globalState.urlList.chain_browser_url);
         },
         // 显示区块链弹窗
         openBlock(item: any, index: number) {

src/views/category/components/DeletedTable.vue

@@ -10,11 +10,15 @@
                 teleport
                 :list="queryOperateList"
                 @click-item="(v) => handleClickQuery(props, v)"
+                :class="{ ' !cursor-not-allowed': props.status !== 2 }"
             >
+                <div class="iconOutBox" style="color: #9b9b9b">
                     <i
                         class="iconfont iconfangdajing1"
-                    :class="{ 'iconerweima--check': props.status === 2 }"
+                        style="font-size: 13px;"
+                        :class="{ 'iconerweima--check': props.status === 2, }"
                     ></i>
+                </div>
             </syMoreOperate>
         </template>
         <template #operate="props">
@@ -22,6 +26,7 @@
                 teleport
                 :list="operateList"
                 @click-item="(v) => handleClickOperate(props, v)"
+                :class="{ ' !cursor-not-allowed': props.status !== 2 }"
             >
                 <i
                     class="iconfont icongengduocaozuo"
@@ -36,14 +41,14 @@ import { syTable, formatTime, syMoreOperate } from "cqk-sy-ui"
 const props = defineProps<{
     list: any[];
     page: number;
-    serialNumber: (n: number) => string;
+    serialNumber: (n: number) => number;
 }>()
 
 const emit = defineEmits(['handleChain', 'copyHash', 'privacySettings'])
 const operateList = [
     {
         name: '隐私设置',
-        value: '查看区块链',
+        value: '隐私设置',
         click(item: any) {
             emit('privacySettings', item)
         },
@@ -128,8 +133,16 @@ const columns = [
 ]
 </script>
 <style lang="scss" scoped>
+.iconOutBox {
+    position: relative;
+    height: 25px;
+    width: 25px;
+    line-height: 25px;
+    margin: 0 auto;
+    border-radius: 4px;
+    background: rgba(155, 155, 155, 0.1);
+}
 .iconerweima--check {
     color: #4a90e2;
-    cursor: pointer;
 }
 </style>
\ No newline at end of file

src/views/category/components/IncrementalTable.vue

@@ -386,7 +386,7 @@ const searchOpearteList = [
         name: '查看区块链',
         value: '查看区块链',
         click(props: any) {
-            openChainBrowser(props.hash)
+            openChainBrowser(props.hash, globalState.urlList.chain_browser_url)
         },
     },
     {
@@ -413,7 +413,7 @@ const checkPass = (item: any) => {
 const openQRcode = async (item: any, index: number) => {
     if (item.status != 2) return;
     checkQR.value = index;
-    QRcode.value = await getQR(item.hash) || '';
+    QRcode.value = await getQR(item.hash, globalState.urlList.chain_browser_url) || '';
     document.addEventListener("mousedown", onHindMenu);
 }