fix:按钮样式调整
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user