修改样式

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>
-        <div class="flex-grow overflow-hidden list-table">
-            <div class="h-full" v-if="loading" ref="loading"></div>
-            <transfer-record-list
-                v-if="!loading"
-                @nextPage="nextPage"
-                :transfer-list="transferList"
-            />
-        </div>
+  <div class="h-full flex flex-col">
+    <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
+        v-if="!loading"
+        @nextPage="nextPage"
+        :transfer-list="transferList"
+      />
     </div>
+  </div>
 </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() {
-        return {
-            query: {
-                // 查询通证列表的查询条件
-                type: 0,
-                identifier: '',
-                amount_sort: 0
-            },
-            page: 1,
-            page_size: 50,
-            transferList: [], // 查询到的通证列表
-            total: 0,
-            loading: true,
-        }
-    },
-    components: {
-        Search: SearchVue,
-        TransferRecordList
+  data() {
+    return {
+      query: {
+        // 查询通证列表的查询条件
+        type: 0,
+        identifier: "",
+        amount_sort: 0,
+      },
+      page: 1,
+      page_size: 50,
+      transferList: [], // 查询到的通证列表
+      total: 0,
+      loading: true,
+    };
+  },
+  components: {
+    Search: SearchVue,
+    TransferRecordList,
+  },
+  async mounted() {
+    let service = null as unknown as iService;
+    this.$nextTick(() => {
+      service = ElLoading.service({
+        target: this.$refs.loading as HTMLElement,
+      });
+    });
+    await this.getList(true);
+    this.loading = false;
+    service.close();
+  },
+  watch: {
+    query() {
+      this.getList(true);
     },
-    async mounted() {
-        let service = null as unknown as iService;
-        this.$nextTick(() => {
-            service = ElLoading.service({
-                target: this.$refs.loading as HTMLElement
-            })
-        })
-        await this.getList(true);
-        this.loading = false;
-        service.close();
-    },
-    watch: {
-        query() {
-            this.getList(true);
+  },
+  methods: {
+    /**
+     * @param refresh 当查询条件改变时传入整个列表刷新，否则查询数据添加到 passList
+     */
+    async getList(refresh: any) {
+      if (refresh) {
+        this.page = 1;
+      }
+      const params = Object.assign({}, this.query, {
+        page: this.page,
+        page_size: this.page_size,
+      });
+      let newParams = params as any;
+      if (params.identifier === "") {
+        const { identifier, ...restResult } = params;
+        newParams = restResult;
+      }
+      const res = await $ajax({
+        type: "get",
+        url: GO_URLS.transferList,
+        params: newParams,
+      });
+      if (res) {
+        this.total = res.data.total;
+        if (refresh) {
+          this.transferList = res.data.results || [];
+        } else {
+          this.transferList = this.transferList.concat(res.data.results);
         }
+      }
     },
-    methods: {
-        /**
-         * @param refresh 当查询条件改变时传入整个列表刷新，否则查询数据添加到 passList
-         */
-        async getList(refresh: any) {
-            if (refresh) {
-                this.page = 1;
-            }
-            const params = Object.assign(
-                {},
-                this.query,
-                {
-                    page: this.page,
-                    page_size: this.page_size
-                }
-            )
-            let newParams = params as any;
-            if (params.identifier === '') {
-                const { identifier, ...restResult } = params
-                newParams = restResult;
-            };
-            const res = await $ajax({
-                type: "get",
-                url: GO_URLS.transferList,
-                params: newParams
-            });
-            if (res) {
-                this.total = res.data.total;
-                if (refresh) {
-                    this.transferList = res.data.results || [];
-                } else {
-                    this.transferList = this.transferList.concat(res.data.results);
-                }
-            }
-        },
-        /**
-         * 滚动加载通证列表
-         */
-        async nextPage() {
-            if (this.total > this.page * this.page_size) {
-                this.page += 1;
-                await this.getList(false);
-            }
-        }
+    /**
+     * 滚动加载通证列表
+     */
+    async nextPage() {
+      if (this.total > this.page * this.page_size) {
+        this.page += 1;
+        await this.getList(false);
+      }
     },
-})
+  },
+});
 </script>
 
 <style scoped>
 .list-table {
-    margin-top: 21px;
-    margin-left: 13px;
-    margin-right: 11px;
+  margin-top: 21px;
+  margin-left: 13px;
+  margin-right: 11px;
 }
 </style>