2
0

fix:按钮样式调整

This commit is contained in:
zhongzm
2025-03-12 16:21:06 +08:00
parent 04c076272a
commit 21969b9a33
6 changed files with 52 additions and 41 deletions

View File

@@ -12,18 +12,20 @@
</AFormItem>
<AFormItem>
<ASpace>
<AButton type="primary" ghost :loading="loading" @click="search">
<template #icon>
<icon-mdi-search />
</template>
<div class="w-full flex-y-center justify-end gap-12px">
<AButton type="primary" ghost @click="search">
<div class="flex-y-center gap-8px">
<icon-mdi-search class="text-icon"/>
{{ t('page.apdevice.search') }}
</div>
</AButton>
<AButton @click="reset">
<template #icon>
<icon-mdi-refresh />
</template>
<div class="flex-y-center gap-8px">
<icon-mdi-refresh class="text-icon"/>
{{ t('page.apdevice.reset') }}
</div>
</AButton>
</div>
</ASpace>
</AFormItem>
</AForm>

View File

@@ -30,18 +30,20 @@
</AFormItem>
<AFormItem>
<ASpace>
<AButton type="primary" ghost :loading="loading" @click="search">
<template #icon>
<icon-mdi-search />
</template>
<div class="w-full flex-y-center justify-end gap-12px">
<AButton type="primary" ghost @click="search">
<div class="flex-y-center gap-8px">
<icon-mdi-search class="text-icon"/>
{{ t('page.terminal.search') }}
</div>
</AButton>
<AButton @click="reset">
<template #icon>
<icon-mdi-refresh />
</template>
<div class="flex-y-center gap-8px">
<icon-mdi-refresh class="text-icon"/>
{{ t('page.terminal.reset') }}
</div>
</AButton>
</div>
</ASpace>
</AFormItem>
</AForm>

View File

@@ -1,4 +1,4 @@
<script setup lang="ts">
<script setup lang="ts" xmlns="http://www.w3.org/1999/html">
import { ref, computed } from 'vue';
import { Form } from 'ant-design-vue';
import type { FormInstance } from 'ant-design-vue';
@@ -94,15 +94,16 @@ const orderStatusOptions =computed(()=> [
</AFormItem>
<AFormItem class="flex-1 justify-end">
<ASpace>
<div class="w-full flex-y-center justify-end gap-12px">
<AButton type="primary" ghost @click="handleSearch">
<template #icon>
<icon-mdi-search />
</template>
{{ t('page.bill.search') }}</AButton>
<div class="flex-y-center gap-8px">
<icon-mdi-search class="text-icon"/>
{{ t('page.bill.search') }}</div></AButton>
<AButton @click="handleReset">
<template #icon>
<icon-mdi-refresh />
</template>{{ t('page.bill.reset') }}</AButton>
<div class="flex-y-center gap-8px">
<icon-mdi-refresh class="text-icon"/>
{{ t('page.bill.reset') }}</div></AButton>
</div>
</ASpace>
</AFormItem>
</AForm>

View File

@@ -96,18 +96,20 @@ const reset = () => {
</AFormItem>
<AFormItem>
<ASpace>
<div class="w-full flex-y-center justify-end gap-12px">
<AButton type="primary" ghost @click="search">
<template #icon>
<icon-mdi-search />
</template>
<div class="flex-y-center gap-8px">
<icon-mdi-search class="text-icon"/>
{{ t('page.cdr.search') }}
</div>
</AButton>
<AButton @click="reset">
<template #icon>
<icon-mdi-refresh />
</template>
<div class="flex-y-center gap-8px">
<icon-mdi-refresh class="text-icon"/>
{{ t('page.cdr.reset') }}
</div>
</AButton>
</div>
</ASpace>
</AFormItem>
</AForm>

View File

@@ -31,14 +31,16 @@
</AFormItem>
<AFormItem class="flex-1 justify-end">
<ASpace>
<div class="w-full flex-y-center justify-end gap-12px">
<AButton type="primary" ghost @click="handleSearch">
<template #icon>
<icon-mdi-search />
</template>{{ t('page.kyc.search') }}</AButton>
<div class="flex-y-center gap-8px">
<icon-mdi-search class="text-icon"/>
{{ t('page.kyc.search') }}</div></AButton>
<AButton @click="handleReset">
<template #icon>
<icon-mdi-refresh />
</template>{{ t('page.kyc.reset') }}</AButton>
<div class="flex-y-center gap-8px">
<icon-mdi-refresh class="text-icon"/>
{{ t('page.kyc.reset') }}</div></AButton>
</div>
</ASpace>
</AFormItem>
</AForm>

View File

@@ -60,18 +60,20 @@ const reset = () => {
</AFormItem>
<AFormItem>
<ASpace>
<AButton type="primary" ghost :loading="loading" @click="search">
<template #icon>
<icon-mdi-search />
</template>
<div class="w-full flex-y-center justify-end gap-12px">
<AButton type="primary" ghost @click="search">
<div class="flex-y-center gap-8px">
<icon-mdi-search class="text-icon"/>
{{ t('page.user.search') }}
</div>
</AButton>
<AButton @click="reset">
<template #icon>
<icon-mdi-refresh />
</template>
<div class="flex-y-center gap-8px">
<icon-mdi-refresh class="text-icon"/>
{{ t('page.user.reset') }}
</div>
</AButton>
</div>
</ASpace>
</AFormItem>
</AForm>