vue icon add prefix i-

This commit is contained in:
thinkgem
2024-03-27 11:12:08 +08:00
parent 70f26006da
commit 9164fe2dc6
4 changed files with 18 additions and 18 deletions

View File

@@ -35,7 +35,7 @@
/> />
<% if(table.tplCategory != 'query'){ %> <% if(table.tplCategory != 'query'){ %>
<a-button class="mt-2" @click="handle${child.className}Add" v-auth="'${permissionPrefix}:edit'"> <a-button class="mt-2" @click="handle${child.className}Add" v-auth="'${permissionPrefix}:edit'">
<Icon icon="ant-design:plus-circle-outlined" /> {{ t('新增') }} <Icon icon="i-ant-design:plus-circle-outlined" /> {{ t('新增') }}
</a-button> </a-button>
<% } %> <% } %>
</template> </template>
@@ -118,7 +118,7 @@ for(c in table.columnList){
<% } %> <% } %>
const getTitle = computed(() => ({ const getTitle = computed(() => ({
icon: meta.icon || 'ant-design:book-outlined', icon: meta.icon || 'i-ant-design:book-outlined',
value: record.value.isNewRecord ? t('新增${functionNameSimple}') : t('编辑${functionNameSimple}'), value: record.value.isNewRecord ? t('新增${functionNameSimple}') : t('编辑${functionNameSimple}'),
})); }));
@@ -451,7 +451,7 @@ for (c in table.columnList){
width: 60, width: 60,
actions: (record: Recordable) => [ actions: (record: Recordable) => [
{ {
icon: 'ant-design:delete-outlined', icon: 'i-ant-design:delete-outlined',
color: 'error', color: 'error',
popConfirm: { popConfirm: {
title: '是否确认删除', title: '是否确认删除',

View File

@@ -33,7 +33,7 @@
/> />
<% if(table.tplCategory != 'query'){ %> <% if(table.tplCategory != 'query'){ %>
<a-button class="mt-2" @click="handle${child.className}Add" v-auth="'${permissionPrefix}:edit'"> <a-button class="mt-2" @click="handle${child.className}Add" v-auth="'${permissionPrefix}:edit'">
<Icon icon="ant-design:plus-circle-outlined" /> {{ t('新增') }} <Icon icon="i-ant-design:plus-circle-outlined" /> {{ t('新增') }}
</a-button> </a-button>
<% } %> <% } %>
</template> </template>
@@ -478,7 +478,7 @@ for (c in table.columnList){
width: 60, width: 60,
actions: (record: Recordable) => [ actions: (record: Recordable) => [
{ {
icon: 'ant-design:delete-outlined', icon: 'i-ant-design:delete-outlined',
color: 'error', color: 'error',
popConfirm: { popConfirm: {
title: '是否确认删除', title: '是否确认删除',

View File

@@ -36,7 +36,7 @@
</div> </div>
<div class="mt-4"> <div class="mt-4">
<a-button @click="handleDownloadTemplate()" type="text"> <a-button @click="handleDownloadTemplate()" type="text">
<Icon icon="fa:file-excel-o" /> <Icon icon="i-fa:file-excel-o" />
{{ t('下载模板') }} {{ t('下载模板') }}
</a-button> </a-button>
</div> </div>

View File

@@ -22,22 +22,22 @@
<template #toolbar> <template #toolbar>
<% if(table.isTreeEntity){ %> <% if(table.isTreeEntity){ %>
<a-button @click="expandAll" :title="t('展开一级')"> <a-button @click="expandAll" :title="t('展开一级')">
<Icon icon="bi:chevron-double-down" /> {{ t('展开') }} <Icon icon="i-bi:chevron-double-down" /> {{ t('展开') }}
</a-button> </a-button>
<a-button @click="collapseAll" :title="t('折叠全部')"> <a-button @click="collapseAll" :title="t('折叠全部')">
<Icon icon="bi:chevron-double-up" /> {{ t('折叠') }} <Icon icon="i-bi:chevron-double-up" /> {{ t('折叠') }}
</a-button> </a-button>
<% } %> <% } %>
<% if(toBoolean(table.optionMap['isImportExport'])){ %> <% if(toBoolean(table.optionMap['isImportExport'])){ %>
<a-button type="default" @click="handleExport()"> <a-button type="default" @click="handleExport()">
<Icon icon="ant-design:download-outlined" /> {{ t('导出') }} <Icon icon="i-ant-design:download-outlined" /> {{ t('导出') }}
</a-button> </a-button>
<a-button type="default" @click="handleImport()"> <a-button type="default" @click="handleImport()">
<Icon icon="ant-design:upload-outlined" /> {{ t('导入') }} <Icon icon="i-ant-design:upload-outlined" /> {{ t('导入') }}
</a-button> </a-button>
<% } %> <% } %>
<a-button type="primary" @click="handleForm({})" v-auth="'${permissionPrefix}:edit'"> <a-button type="primary" @click="handleForm({})" v-auth="'${permissionPrefix}:edit'">
<Icon icon="fluent:add-12-filled" /> {{ t('新增') }} <Icon icon="i-fluent:add-12-filled" /> {{ t('新增') }}
</a-button> </a-button>
</template> </template>
<template #firstColumn="{ record }"> <template #firstColumn="{ record }">
@@ -173,7 +173,7 @@ for(c in table.columnList){
const { meta } = unref(router.currentRoute); const { meta } = unref(router.currentRoute);
const getTitle = { const getTitle = {
icon: meta.icon || 'ant-design:book-outlined', icon: meta.icon || 'i-ant-design:book-outlined',
value: meta.title || t('${functionNameSimple}管理'), value: meta.title || t('${functionNameSimple}管理'),
}; };
@@ -340,14 +340,14 @@ for(c in table.columnList){
width: 160, width: 160,
actions: (record: Recordable) => [ actions: (record: Recordable) => [
{ {
icon: 'clarity:note-edit-line', icon: 'i-clarity:note-edit-line',
title: t('编辑${functionNameSimple}'), title: t('编辑${functionNameSimple}'),
onClick: handleForm.bind(this, { ${idParam} }), onClick: handleForm.bind(this, { ${idParam} }),
auth: '${permissionPrefix}:edit', auth: '${permissionPrefix}:edit',
}, },
<% if(toBoolean(table.optionMap['isHaveDisableEnable'])){ %> <% if(toBoolean(table.optionMap['isHaveDisableEnable'])){ %>
{ {
icon: 'ant-design:stop-outlined', icon: 'i-ant-design:stop-outlined',
color: 'error', color: 'error',
title: t('停用${functionNameSimple}'), title: t('停用${functionNameSimple}'),
popConfirm: { popConfirm: {
@@ -358,7 +358,7 @@ for(c in table.columnList){
ifShow: () => record.status === '0', ifShow: () => record.status === '0',
}, },
{ {
icon: 'ant-design:check-circle-outlined', icon: 'i-ant-design:check-circle-outlined',
color: 'success', color: 'success',
title: t('启用${functionNameSimple}'), title: t('启用${functionNameSimple}'),
popConfirm: { popConfirm: {
@@ -371,7 +371,7 @@ for(c in table.columnList){
<% } %> <% } %>
<% if(toBoolean(table.optionMap['isHaveDelete'])){ %> <% if(toBoolean(table.optionMap['isHaveDelete'])){ %>
{ {
icon: 'ant-design:delete-outlined', icon: 'i-ant-design:delete-outlined',
color: 'error', color: 'error',
title: t('删除${functionNameSimple}'), title: t('删除${functionNameSimple}'),
popConfirm: { popConfirm: {
@@ -386,7 +386,7 @@ for(c in table.columnList){
<% } %> <% } %>
<% if(table.isTreeEntity){ %> <% if(table.isTreeEntity){ %>
{ {
icon: 'fluent:add-circle-24-regular', icon: 'i-fluent:add-circle-24-regular',
title: t('新增下级${functionNameSimple}'), title: t('新增下级${functionNameSimple}'),
onClick: handleForm.bind(this, { onClick: handleForm.bind(this, {
parentCode: record.id, parentCode: record.id,
@@ -397,7 +397,7 @@ for(c in table.columnList){
<% } %> <% } %>
<% if(toBoolean(table.optionMap['isBpmForm'])){ %> <% if(toBoolean(table.optionMap['isBpmForm'])){ %>
{ {
icon: 'fluent:flowchart-20-regular', icon: 'i-fluent:flowchart-20-regular',
title: t('流程追踪'), title: t('流程追踪'),
onClick: handleTrace.bind(this, record), onClick: handleTrace.bind(this, record),
ifShow: () => record.status != '9', ifShow: () => record.status != '9',