修改样式

src/views/category/components/Deleted.vue

@@ -12,12 +12,9 @@
         回收站
       </div>
       <sySearch
-        :value="params.key_words"
-        :set-value="(v: any) => {
-                    params.key_words = v;
-                }"
+        v-model:value="params.key_words"
+        @search="inputBlur"
         placeholder="搜索存证名称/存证地址"
-        :handle-search="inputBlur"
       ></sySearch>
     </div>
     <div

src/views/category/components/DeletedTable.vue

@@ -95,13 +95,16 @@ const handleClickQuery = (item: any, v: any) => {
 
 const columns = [
   {
-    width: "80",
+    width: "30",
+  },
+  {
+    width: "90",
     label: "序号",
     dataIndex: "id",
     slotName: "id",
   },
   {
-    width: "190",
+    width: "300",
     label: "存证名称",
     dataIndex: "name",
     showOverflowTooltip: true,
@@ -135,7 +138,7 @@ const columns = [
     slotName: "query",
   },
   {
-    width: "100",
+    width: "85",
     label: "操作",
     dataIndex: "operate",
     showOverflowTooltip: true,

src/views/category/components/IncrementalTable.vue

@@ -119,6 +119,7 @@
         <span
           v-if="item2.status === 0"
           class="state-start"
+          style="width: 70px"
           @click="$emit('incremental-chain', item2, props)"
           >点击上链</span
         >

src/views/pass/PassList/PassListTable.vue

@@ -121,6 +121,9 @@ export default defineComponent({
     return {
       columns: [
         {
+          minWidth: "30",
+        },
+        {
           label: "资产名称",
           minWidth: "180",
           slotName: "name",

src/views/pass/PassList/Search.vue

 <template>
   <div class="search-wrapper items-center">
-    <syButton @click="goPassMaker">创建数字资产</syButton>
+    <syButton @click="goPassMaker" v-if="showCreateAsset"
+      >创建数字资产</syButton
+    >
     <div class="choose-type ml-4">
       <syMoreOperate
         teleport
@@ -21,8 +23,7 @@
       </syMoreOperate>
     </div>
     <sySearch
-      :value="searchInput"
-      :set-value="(v: any) => searchInput = v"
+      v-model:value="searchInput"
       placeholder="搜索资产标识"
     ></sySearch>
     <div class="sort">
@@ -55,7 +56,7 @@ export default defineComponent({
     sySearch,
     syMoreOperate,
   },
-  props: ["query", "searchPlaceholder"],
+  props: ["query", "searchPlaceholder", "showCreateAsset"],
   emits: ["update:query"],
   data() {
     return {

src/views/pass/PassList/index.vue

 <template>
     <div class="h-full flex flex-col">
-        <Search v-model:query="query"></Search>
+        <Search v-model:query="query" :showCreateAsset="true"></Search>
         <div class="flex-grow overflow-hidden list-table">
             <div class="h-full" v-if="loading" ref="loading"></div>
             <pass-list-table

src/views/pass/TransferRecord/TransferRecordList.vue

@@ -81,6 +81,9 @@ export default defineComponent({
     return {
       columns: [
         {
+          minWidth: "30",
+        },
+        {
           label: "转账名称",
           prop: "pass_name",
           slotName: "pass_name",

src/views/pass/TransferRecord/index.vue

 <template>
   <div class="h-full flex flex-col">
-        <search v-model:query="query" search-placeholder="搜索资产标识"></search>
+    <search
+      v-model:query="query"
+      search-placeholder="搜索资产标识"
+      :show-create-asset="false"
+    ></search>
     <div class="flex-grow overflow-hidden list-table">
       <div class="h-full" v-if="loading" ref="loading"></div>
       <transfer-record-list
@@ -13,14 +17,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "vue"
+import { defineComponent } from "vue";
 import SearchVue from "../PassList/Search.vue";
 import TransferRecordList from "./TransferRecordList.vue";
-import { GO_URLS } from "cqk-sy-ui"
+import { GO_URLS } from "cqk-sy-ui";
 import { $ajax } from "@/service";
 import { ElLoading } from "element-plus";
 
-type iService = ReturnType<typeof ElLoading.service>
+type iService = ReturnType<typeof ElLoading.service>;
 
 export default defineComponent({
   data() {
@@ -28,27 +32,27 @@ export default defineComponent({
       query: {
         // 查询通证列表的查询条件
         type: 0,
-                identifier: '',
-                amount_sort: 0
+        identifier: "",
+        amount_sort: 0,
       },
       page: 1,
       page_size: 50,
       transferList: [], // 查询到的通证列表
       total: 0,
       loading: true,
-        }
+    };
   },
   components: {
     Search: SearchVue,
-        TransferRecordList
+    TransferRecordList,
   },
   async mounted() {
     let service = null as unknown as iService;
     this.$nextTick(() => {
       service = ElLoading.service({
-                target: this.$refs.loading as HTMLElement
-            })
-        })
+        target: this.$refs.loading as HTMLElement,
+      });
+    });
     await this.getList(true);
     this.loading = false;
     service.close();
@@ -56,7 +60,7 @@ export default defineComponent({
   watch: {
     query() {
       this.getList(true);
-        }
+    },
   },
   methods: {
     /**
@@ -66,23 +70,19 @@ export default defineComponent({
       if (refresh) {
         this.page = 1;
       }
-            const params = Object.assign(
-                {},
-                this.query,
-                {
+      const params = Object.assign({}, this.query, {
         page: this.page,
-                    page_size: this.page_size
-                }
-            )
+        page_size: this.page_size,
+      });
       let newParams = params as any;
-            if (params.identifier === '') {
-                const { identifier, ...restResult } = params
+      if (params.identifier === "") {
+        const { identifier, ...restResult } = params;
         newParams = restResult;
-            };
+      }
       const res = await $ajax({
         type: "get",
         url: GO_URLS.transferList,
-                params: newParams
+        params: newParams,
       });
       if (res) {
         this.total = res.data.total;
@@ -101,9 +101,9 @@ export default defineComponent({
         this.page += 1;
         await this.getList(false);
       }
-        }
     },
-})
+  },
+});
 </script>
 
 <style scoped>