style: 优化表格工具栏样式

This commit is contained in:
2024-10-12 22:54:22 +08:00
parent d881b93c78
commit ff879405d7
19 changed files with 92 additions and 43 deletions

View File

@@ -18,16 +18,18 @@
<template #prefix><icon-search /></template>
</a-input>
<DateRangePicker v-model="queryForm.createTime" @change="search" />
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #custom-right>
<a-tooltip content="导出">
<a-button v-permission="['monitor:log:export']" class="gi_hover_btn-border" @click="onExport">
<template #icon>
<icon-download />
</template>
</a-button>
</a-tooltip>
<a-button v-permission="['monitor:log:export']" @click="onExport">
<template #icon>
<icon-download />
</template>
<template #default>导出</template>
</a-button>
</template>
<template #status="{ record }">
<a-tag v-if="record.status === 1" color="green">

View File

@@ -19,16 +19,18 @@
<template #prefix><icon-search /></template>
</a-input>
<DateRangePicker v-model="queryForm.createTime" @change="search" />
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #custom-right>
<a-tooltip content="导出">
<a-button v-permission="['monitor:log:export']" class="gi_hover_btn-border" @click="onExport">
<template #icon>
<icon-download />
</template>
</a-button>
</a-tooltip>
<a-button v-permission="['monitor:log:export']" @click="onExport">
<template #icon>
<icon-download />
</template>
<template #default>导出</template>
</a-button>
</template>
<template #createTime="{ record }">
<a-link @click="onDetail(record)">{{ record.createTime }}</a-link>

View File

@@ -16,7 +16,10 @@
<template #prefix><icon-search /></template>
</a-input>
<DateRangePicker v-model="queryForm.loginTime" @change="search" />
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #nickname="{ record }">{{ record.nickname }}{{ record.username }}</template>
<template #action="{ record }">

View File

@@ -76,7 +76,7 @@
>
<template #append>
<a-tooltip content="Cron表达式生成">
<a-button class="gi_hover_btn-border" @click="openGeneratorCron(form.triggerInterval)">
<a-button @click="openGeneratorCron(form.triggerInterval)">
<template #icon>
<icon-clock-circle />
</template>

View File

@@ -22,7 +22,10 @@
/>
<a-input v-model="queryForm.jobName" placeholder="请输入任务名称" allow-clear @change="search" />
<a-select v-model="queryForm.jobStatus" placeholder="请选择任务状态" :options="job_status_enum" allow-clear style="width: 150px" @change="search" />
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #custom-right>
<a-button v-permission="['schedule:job:add']" type="primary" @click="onAdd">

View File

@@ -29,7 +29,10 @@
@change="search"
/>
<DateRangePicker v-model="queryForm.datetimeRange" :allow-clear="false" @change="search" />
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #taskBatchStatus="{ record }">
<GiCellTag :value="record.taskBatchStatus" :dict="job_execute_status_enum" />

View File

@@ -30,7 +30,10 @@
<a-option :value="false">未读</a-option>
<a-option :value="true">已读</a-option>
</a-select>
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #custom-right>
<a-button type="primary" status="danger" :disabled="!selectedKeys.length" @click="onDelete">

View File

@@ -21,20 +21,22 @@
<a-input v-model="name" placeholder="请输入名称" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #custom-right>
<a-button v-permission="['system:dept:add']" type="primary" @click="onAdd()">
<template #icon><icon-plus /></template>
<span>新增</span>
</a-button>
<a-tooltip content="导出">
<a-button v-permission="['system:dept:export']" class="gi_hover_btn-border" @click="onExport">
<template #icon>
<icon-download />
</template>
</a-button>
</a-tooltip>
<a-button v-permission="['system:dept:export']" @click="onExport">
<template #icon>
<icon-download />
</template>
<template #default>导出</template>
</a-button>
</template>
<template #status="{ record }">
<GiCellStatus :status="record.status" />

View File

@@ -27,7 +27,10 @@
<a-input v-model="queryForm.description" placeholder="请输入标签/描述" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #custom-right>
<a-button v-permission="['system:dict:item:add']" type="primary" @click="onAdd">

View File

@@ -44,7 +44,7 @@
</a-button>
<a-button-group>
<a-tooltip content="视图">
<a-button class="gi_hover_btn-border" @click="toggleMode">
<a-button @click="toggleMode">
<template #icon>
<icon-list v-if="mode === 'grid'" />
<icon-apps v-else />

View File

@@ -20,7 +20,10 @@
<a-input v-model="title" placeholder="请输入菜单标题" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #custom-right>
<a-button v-permission="['system:menu:add']" type="primary" @click="onAdd()">
@@ -28,7 +31,7 @@
<span>新增</span>
</a-button>
<a-tooltip content="展开/折叠">
<a-button class="gi_hover_btn-border" @click="onExpanded">
<a-button @click="onExpanded">
<template #icon>
<icon-list v-if="!isExpanded" />
<icon-mind-mapping v-else />

View File

@@ -24,7 +24,10 @@
style="width: 150px"
@change="search"
/>
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #custom-right>
<a-button v-permission="['system:notice:add']" type="primary" @click="onAdd">

View File

@@ -16,7 +16,10 @@
<a-input v-model="queryForm.description" placeholder="请输入名称/编码/描述" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #custom-right>
<a-button v-permission="['system:role:add']" type="primary" @click="onAdd">

View File

@@ -24,7 +24,10 @@
style="width: 150px"
@change="search"
/>
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #custom-right>
<a-button v-permission="['system:storage:add']" type="primary" @click="onAdd">

View File

@@ -16,7 +16,10 @@
<a-input v-model="queryForm.tableName" placeholder="请输入表名称" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-button @click="reset">重置</a-button>
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>
</a-button>
</template>
<template #action="{ record }">
<a-space>