refator: button

yudao-ui-admin-vue3/src/hooks/web/useVxeGrid.ts

@@ -44,7 +44,7 @@ export const useVxeGrid = <T = any>(config?: UseVxeGridConfig<T>) => {
   /**
    * grid options 初始化
    */
-  const gridOptions = reactive<VxeGridProps>({
+  const gridOptions = reactive<VxeGridProps<any>>({
     loading: true,
     size: currentSize as any,
     height: 730, // 1080高度

yudao-ui-admin-vue3/src/views/Profile/components/BasicInfo.vue

@@ -7,8 +7,8 @@
       </el-radio-group>
     </template>
   </Form>
-  <el-button type="primary" @click="submit()">{{ t('common.save') }}</el-button>
+  <XButton :title="t('common.save')" @click="submit()" />
-  <el-button type="danger" @click="init()">{{ t('common.reset') }}</el-button>
+  <XButton type="danger" :title="t('common.reset')" @click="init()" />
 </template>
 <script setup lang="ts">
 import { reactive, onMounted, unref, ref } from 'vue'

yudao-ui-admin-vue3/src/views/infra/apiAccessLog/index.vue

@@ -31,7 +31,7 @@
     </Descriptions>
     <!-- 操作按钮 -->
     <template #footer>
-      <el-button @click="dialogVisible = false">{{ t('dialog.close') }}</el-button>
+      <XButton :title="t('dialog.close')" @click="dialogVisible = false" />
     </template>
   </XModal>
 </template>

yudao-ui-admin-vue3/src/views/infra/apiErrorLog/index.vue

@@ -47,7 +47,7 @@
     <Descriptions :schema="allSchemas.detailSchema" :data="detailRef" />
     <!-- 操作按钮 -->
     <template #footer>
-      <el-button @click="dialogVisible = false">{{ t('dialog.close') }}</el-button>
+      <XButton :title="t('dialog.close')" @click="dialogVisible = false" />
     </template>
   </XModal>
 </template>

yudao-ui-admin-vue3/src/views/infra/config/index.vue

@@ -24,30 +24,27 @@
         <span>{{ row.visible ? '是' : '否' }} </span>
       </template>
       <template #actionbtns_default="{ row }">
-        <el-button
+        <!-- 操作：修改 -->
-          link
+        <XTextButton
-          type="primary"
+          preIcon="ep:edit"
+          :title="t('action.edit')"
           v-hasPermi="['infra:config:update']"
           @click="handleUpdate(row.id)"
-        >
+        />
-          <Icon icon="ep:edit" class="mr-1px" /> {{ t('action.edit') }}
+        <!-- 操作：详情 -->
-        </el-button>
+        <XTextButton
-        <el-button
+          preIcon="ep:view"
-          link
+          :title="t('action.detail')"
-          type="primary"
+          v-hasPermi="['infra:config:query']"
-          v-hasPermi="['infra:config:update']"
           @click="handleDetail(row.id)"
-        >
+        />
-          <Icon icon="ep:view" class="mr-1px" /> {{ t('action.detail') }}
+        <!-- 操作：删除 -->
-        </el-button>
+        <XTextButton
-        <el-button
+          preIcon="ep:delete"
-          link
+          :title="t('action.del')"
-          type="primary"
           v-hasPermi="['infra:config:delete']"
           @click="handleDelete(row.id)"
-        >
+        />
-          <Icon icon="ep:delete" class="mr-1px" /> {{ t('action.del') }}
-        </el-button>
       </template>
     </vxe-grid>
   </ContentWrap>

yudao-ui-admin-vue3/src/views/infra/fileList/index.vue

@@ -42,7 +42,7 @@
     </Descriptions>
     <!-- 操作按钮 -->
     <template #footer>
-      <el-button @click="dialogVisible = false">{{ t('dialog.close') }}</el-button>
+      <XButton :title="t('dialog.close')" @click="dialogVisible = false" />
     </template>
   </XModal>
   <XModal v-model="uploadDialogVisible" :title="uploadDialogTitle">
@@ -69,11 +69,15 @@
       </template>
     </el-upload>
     <template #footer>
-      <el-button type="primary" @click="submitFileForm">
+      <!-- 按钮：保存 -->
-        <Icon icon="ep:upload-filled" />
+      <XButton
-        {{ t('action.save') }}
+        type="primary"
-      </el-button>
+        prefix="ep:upload-filled"
-      <el-button @click="uploadDialogVisible = false">{{ t('dialog.close') }}</el-button>
+        :title="t('action.save')"
+        @click="submitFileForm()"
+      />
+      <!-- 按钮：关闭 -->
+      <XButton :title="t('dialog.close')" @click="uploadDialogVisible = false" />
     </template>
   </XModal>
 </template>

yudao-ui-admin-vue3/src/views/infra/job/JobLog.vue

@@ -43,7 +43,7 @@
     </Descriptions>
     <!-- 操作按钮 -->
     <template #footer>
-      <el-button @click="dialogVisible = false">{{ t('dialog.close') }}</el-button>
+      <XButton :title="t('dialog.close')" @click="dialogVisible = false" />
     </template>
   </XModal>
 </template>

yudao-ui-admin-vue3/src/views/infra/redis/index.vue

@@ -44,18 +44,18 @@
           </el-descriptions>
         </el-card>
       </el-col>
-      <el-col :span="12" style="margin-top: 10px">
+      <el-col :span="12" class="mt-3">
         <el-card :gutter="12" shadow="hover">
-          <div ref="commandStatsRef" style="height: 350px"></div>
+          <div ref="commandStatsRef" class="h-88"></div>
         </el-card>
       </el-col>
-      <el-col :span="12" style="margin-top: 10px">
+      <el-col :span="12" class="mt-3">
-        <el-card style="margin-left: 10px" :gutter="12" shadow="hover">
+        <el-card class="ml-3" :gutter="12" shadow="hover">
-          <div ref="usedmemory" style="height: 350px"></div>
+          <div ref="usedmemory" class="h-88"></div>
         </el-card>
       </el-col>
     </el-row>
-    <el-row style="margin-top: 10px">
+    <el-row class="mt-3">
       <el-col :span="24" class="card-box" shadow="hover">
         <el-card>
           <el-table
@@ -81,7 +81,7 @@
   </el-scrollbar>
   <XModal v-model="dialogVisible" :title="keyTemplate + ' 模板'">
     <el-row>
-      <el-col :span="14" style="margin-top: 10px">
+      <el-col :span="14" class="mt-3">
         <el-card shadow="always">
           <template #header>
             <div class="card-header">
@@ -96,27 +96,23 @@
             </el-table-column>
             <el-table-column label="操作" align="right" width="60">
               <template #default="{ row }">
-                <el-button link type="primary" @click="handleDeleteKey(row)">
+                <XTextButton preIcon="ep:delete" @click="handleDeleteKey(row)" />
-                  <Icon icon="ep:delete" />
-                </el-button>
               </template>
             </el-table-column>
           </el-table>
         </el-card>
       </el-col>
-      <el-col :span="10" style="margin-top: 10px">
+      <el-col :span="10" class="mt-3">
         <el-card shadow="always">
           <template #header>
             <div class="card-header">
               <span>缓存内容</span>
-              <el-button
+              <XTextButton
-                link
+                preIcon="ep:refresh"
-                type="primary"
+                title="清理全部"
                 @click="handleDeleteKeys(keyTemplate)"
-                style="float: right; padding: 3px 0"
+                class="float-right p-1"
-              >
+              />
-                <Icon icon="ep:refresh" />清理全部
-              </el-button>
             </div>
           </template>
           <el-descriptions :column="1">

yudao-ui-admin-vue3/src/views/system/user/index.vue

@@ -210,10 +210,7 @@
   <XModal v-model="importDialogVisible" :title="importDialogTitle">
     <el-form class="drawer-multiColumn-form" label-width="150px">
       <el-form-item label="模板下载 :">
-        <el-button type="primary" @click="handleImportTemp">
+        <XButton type="primary" prefix="ep:download" title="点击下载" @click="handleImportTemp()" />
-          <Icon icon="ep:download" />
-          点击下载
-        </el-button>
       </el-form-item>
       <el-form-item label="文件上传 :">
         <el-upload