feat: Icon样式调整

README.md

@@ -27,4 +27,10 @@ text-lg: 按钮大小
 
 # 删除
 <LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" />
+
+# 设计
+<LeIcon class="text-lg ml-2 text-icon-color" icon-class="icon-processInfo-material-design" />
+
+# 发起审批
+<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-navigation" />
 ```

src/assets/icons/processInfo/material-design.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 36 36"><path fill="currentColor" d="M9 17.41V27h9.59l-2-2H11v-5.59z" class="clr-i-outline clr-i-outline-path-1"/><path fill="currentColor" d="M34.87 32.29L32 29.38V32H4v-4.15h2v-1.6H4V19.6h2V18H4v-6.4h2V10H4V4.41l15.94 15.85v-2.82L3.71 1.29A1 1 0 0 0 2 2v31a1 1 0 0 0 1 1h31.16a1 1 0 0 0 .71-1.71" class="clr-i-outline clr-i-outline-path-2"/><path fill="currentColor" d="M24 30h4a2 2 0 0 0 2-2V8.7l-2.3-4.23a2 2 0 0 0-1.76-1a2 2 0 0 0-1.76 1.08L22 8.72V28a2 2 0 0 0 2 2m0-20.8l1.94-3.77L28 9.21V24h-4Zm0 16.43h4v2.44h-4Z" class="clr-i-outline clr-i-outline-path-3"/><path fill="none" d="M0 0h36v36H0z"/></svg>

src/assets/icons/processInfo/navigation.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24"><path fill="currentColor" d="M2.002 9.63c-.023.411.207.794.581.966l7.504 3.442l3.442 7.503c.164.356.52.583.909.583l.057-.002a1 1 0 0 0 .894-.686l5.595-17.032c.117-.358.023-.753-.243-1.02s-.66-.358-1.02-.243L2.688 8.736a1 1 0 0 0-.686.894m16.464-3.971l-4.182 12.73l-2.534-5.522a.998.998 0 0 0-.492-.492L5.734 9.841z"/></svg>

src/views/configure/index.vue

@@ -32,19 +32,11 @@
 				</template>
 
 				<template #actionSlot="scope">
-					<el-tooltip content="编辑" placement="bottom" effect="light">
-						<el-icon class="ibt0" @click="table_edit(scope.row)">
-							<Edit />
-						</el-icon>
-					</el-tooltip>
-					<el-divider direction="vertical"></el-divider>
-					<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-						<template #reference>
-							<el-icon class="ibt0">
-								<Delete />
-							</el-icon>
-						</template>
-					</el-popconfirm>
+					<div class="flex flex-align-pack-center">
+						<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-mage--edit" @click="table_edit(scope.row)" />
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(scope)" />
+					</div>
 				</template>
 			</LeTable>
 		</div>
@@ -64,7 +56,7 @@
 <script lang="tsx" setup>
 import app from '@/api/system/app'
 import { computed, nextTick, ref, watch } from 'vue'
-import { ElMessage, ElTree } from 'element-plus'
+import {ElMessage, ElMessageBox, ElTree} from 'element-plus'
 import { useTablePage } from '@/hooks/useTablePage'
 import { Plus, Delete } from '@element-plus/icons-vue'
 import StatusIndicator from '@/components/StatusIndicator'
@@ -83,13 +75,13 @@ const formsDialog = [
 		prop: 'name',
 		label: '名称',
 		itemType: 'input',
-		rules: [{ required: true, message: '请输入应用别名', trigger: 'blur' }]
+		rules: [{ required: true, message: '请输入名称', trigger: 'blur' }]
 	},
 	{
 		prop: 'secretKey',
 		label: '密钥',
 		itemType: 'input',
-		rules: [{ required: true, message: '请输入应用别名', trigger: 'blur' }]
+		rules: [{ required: true, message: '请输入密钥', trigger: 'blur' }]
 	},
 	{
 		prop: 'expire',
@@ -248,8 +240,14 @@ const deleteItem = async ids => {
 }
 
 // 单个删除
-const table_del = row => {
-	deleteItem([row.id])
+const table_del = (scope: any) => {
+	ElMessageBox.confirm(`确认删除「${scope.row.identification}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([scope.row.id])
+	})
 }
 
 //批量删除

src/views/flow/form/index.vue

@@ -24,7 +24,7 @@
 								<span class="custom-tree-node">
 									<span class="label">{{ node.label }}</span>
 									<!--<span v-if="false" class="code">{{ data.code }}</span>-->
-									<span class="do" v-if="node.label !== treeParentName">
+									<span v-if="node.label !== treeParentName" class="do">
 										<el-icon @click.stop="addHandler('table')"><Plus /></el-icon>
 										<el-icon @click.stop="dicEdit(data)"><Edit /></el-icon>
 										<el-icon @click.stop="dictDel(node, data)"><Delete /></el-icon>
@@ -78,31 +78,21 @@
 				</template>
 
 				<template #actionSlot="{ row }">
-					<div style="display: flex; align-items: center; justify-content: flex-end">
-						<!--设计表单才有-->
+					<div class="flex flex-align-pack-center">
 						<template v-if="row.type === 0">
-							<el-tooltip content="设计" placement="bottom" effect="light">
-								<el-icon class="ibt0" @click="designTemplateEv(row)">
-									<Money />
-								</el-icon>
+							<el-tooltip effect="dark" content="设计表单" placement="top">
+								<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-material-design" @click="designTemplateEv(row)" />
 							</el-tooltip>
-							<el-divider direction="vertical"></el-divider>
 						</template>
-						<el-tooltip content="编辑" placement="bottom" effect="light">
-							<el-icon class="ibt0" @click="tableTemplateEdit(row)">
-								<Edit />
-							</el-icon>
-						</el-tooltip>
-						<div v-if="row.status !== 3">
-							<el-divider direction="vertical"></el-divider>
-							<el-popconfirm title="确定删除吗？" @confirm="deleteTemplateItem([row.id])">
-								<template #reference>
-									<el-icon class="ibt0">
-										<Delete />
-									</el-icon>
-								</template>
-							</el-popconfirm>
-						</div>
+
+						<LeIcon class="text-lg ml-2 text-icon-color" icon-class="icon-processInfo-mage--edit" @click="tableTemplateEdit(row)" />
+
+						<LeIcon
+							v-if="row.status !== 3"
+							class="text-lg ml-2 text-rose-700"
+							icon-class="icon-processInfo-iconoir--trash"
+							@click="table_del1(row)"
+						/>
 					</div>
 				</template>
 			</LeTable>
@@ -352,6 +342,7 @@ const columns = [
 		prop: 'action',
 		label: '操作',
 		width: 100,
+		align: 'center',
 		fixed: 'right',
 		slots: {
 			default: 'actionSlot'
@@ -422,10 +413,20 @@ const designTemplateEv = async row => {
 	visibleDesignForm.value = true
 }
 
+const table_del1 = (row: any) => {
+	ElMessageBox.confirm(`确认删除「${row.name}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteTemplateItem([row.id])
+	})
+}
+
 const deleteTemplateItem = async ids => {
 	await formtemplate.formTemplateDeleteApi(ids)
-	updateParams()
 	ElMessage.success(`删除成功~`)
+	updateParams()
 }
 // 弹窗事件
 const submitHandler = async params => {

src/views/flow/test/business.vue

@@ -33,21 +33,13 @@
 					<el-tag v-else type="info">待审批</el-tag>
 				</template>
 
-				<template #actionSlot="scope">
-					<div v-if="scope.row.status === 0">
-						<el-tooltip content="提交审批" placement="bottom" effect="light">
-							<el-icon class="ibt0" @click="submitProcessEv(scope.row)">
-								<Promotion />
-							</el-icon>
+				<template #actionSlot="{ row }">
+					<div v-if="row.status === 0" class="flex flex-align-pack-center">
+						<el-tooltip effect="dark" content="发起审批" placement="top">
+							<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-navigation" @click="submitProcessEv(row)" />
 						</el-tooltip>
-						<el-divider direction="vertical"></el-divider>
-						<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-							<template #reference>
-								<el-icon class="ibt0">
-									<Delete />
-								</el-icon>
-							</template>
-						</el-popconfirm>
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(row)" />
 					</div>
 				</template>
 			</LeTable>
@@ -178,6 +170,7 @@ const columns = [
 		prop: 'action',
 		label: '操作',
 		width: 100,
+		align: 'center',
 		fixed: 'right',
 		slots: {
 			default: 'actionSlot'
@@ -217,7 +210,13 @@ const deleteItem = async ids => {
 
 // 单个删除
 const table_del = row => {
-	deleteItem([row.id])
+	ElMessageBox.confirm(`确认删除「${row.title}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([row.id])
+	})
 }
 
 // 发起审批

src/views/message/list/my.vue

@@ -28,20 +28,12 @@
 					<el-tag v-if="scope.row.category === 2" size="small" type="warning" effect="plain">待办通知</el-tag>
 				</template>
 
-				<template #actionSlot="scope">
-					<el-tooltip content="查看" placement="bottom" effect="light">
-						<el-icon class="ibt0" @click="openDetail(scope.row)">
-							<View />
-						</el-icon>
-					</el-tooltip>
-					<el-divider direction="vertical"></el-divider>
-					<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-						<template #reference>
-							<el-icon class="ibt0">
-								<Delete />
-							</el-icon>
-						</template>
-					</el-popconfirm>
+				<template #actionSlot="{ row }">
+					<div class="flex flex-align-pack-center">
+						<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-icons--view-light" @click="openDetail(row)" />
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(row)" />
+					</div>
 				</template>
 			</LeTable>
 		</div>
@@ -125,6 +117,7 @@ const columns = [
 		prop: 'action',
 		label: '操作',
 		width: 100,
+		align: 'center',
 		fixed: 'right',
 		slots: {
 			default: 'actionSlot'
@@ -163,8 +156,14 @@ const deleteItem = async ids => {
 }
 
 // 单个删除
-const table_del = row => {
-	deleteItem([row.id])
+const table_del = (row: any) => {
+	ElMessageBox.confirm(`确认删除「${row.title}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([row.id])
+	})
 }
 
 //批量删除

src/views/setting/app/index.vue

@@ -31,20 +31,12 @@
 					<status-indicator v-else pulse type="danger"></status-indicator>
 				</template>
 
-				<template #actionSlot="scope">
-					<el-tooltip content="编辑" placement="bottom" effect="light">
-						<el-icon class="ibt0" @click="table_edit(scope.row)">
-							<Edit />
-						</el-icon>
-					</el-tooltip>
-					<el-divider direction="vertical"></el-divider>
-					<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-						<template #reference>
-							<el-icon class="ibt0">
-								<Delete />
-							</el-icon>
-						</template>
-					</el-popconfirm>
+				<template #actionSlot="{ row }">
+					<div class="flex flex-align-pack-center">
+						<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-mage--edit" @click="table_edit(row)" />
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(row)" />
+					</div>
 				</template>
 			</LeTable>
 		</div>
@@ -83,13 +75,13 @@ const formsDialog = [
 		prop: 'name',
 		label: '名称',
 		itemType: 'input',
-		rules: [{ required: true, message: '请输入应用别名', trigger: 'blur' }]
+		rules: [{ required: true, message: '请输入名称', trigger: 'blur' }]
 	},
 	{
 		prop: 'secretKey',
 		label: '密钥',
 		itemType: 'input',
-		rules: [{ required: true, message: '请输入应用别名', trigger: 'blur' }]
+		rules: [{ required: true, message: '请输入密钥', trigger: 'blur' }]
 	},
 	{
 		prop: 'expire',
@@ -232,6 +224,7 @@ const columns = [
 	{
 		prop: 'action',
 		label: '操作',
+		align: 'center',
 		width: 100,
 		fixed: 'right',
 		slots: {
@@ -272,8 +265,14 @@ const deleteItem = async ids => {
 }
 
 // 单个删除
-const table_del = row => {
-	deleteItem([row.id])
+const table_del = (row: any) => {
+	ElMessageBox.confirm(`确认删除「${row.identification}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([row.id])
+	})
 }
 
 //批量删除

src/views/setting/configure/index.vue

@@ -31,20 +31,12 @@
 					<status-indicator v-else pulse type="danger"></status-indicator>
 				</template>
 
-				<template #actionSlot="scope">
-					<el-tooltip content="编辑" placement="bottom" effect="light">
-						<el-icon class="ibt0" @click="table_edit(scope.row)">
-							<Edit />
-						</el-icon>
-					</el-tooltip>
-					<el-divider direction="vertical"></el-divider>
-					<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-						<template #reference>
-							<el-icon class="ibt0">
-								<Delete />
-							</el-icon>
-						</template>
-					</el-popconfirm>
+				<template #actionSlot="{ row }">
+					<div class="flex flex-align-pack-center">
+						<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-mage--edit" @click="table_edit(row)" />
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(row)" />
+					</div>
 				</template>
 			</LeTable>
 		</div>
@@ -205,6 +197,7 @@ const columns = [
 		prop: 'action',
 		label: '操作',
 		width: 100,
+		align: 'center',
 		fixed: 'right',
 		slots: {
 			default: 'actionSlot'
@@ -243,8 +236,14 @@ const deleteItem = async ids => {
 }
 
 // 单个删除
-const table_del = row => {
-	deleteItem([row.id])
+const table_del = (row: any) => {
+	ElMessageBox.confirm(`确认删除「${row.title}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([row.id])
+	})
 }
 
 //批量删除
@@ -260,7 +259,7 @@ const batch_del = () => {
 	})
 }
 
-const table_edit = async row => {
+const table_edit = async (row: any) => {
 	isCreate.value = false
 	activeData.value = { ...row, status: row.status ? true : false }
 	visible.value = true

src/views/setting/department/index.vue

@@ -31,20 +31,12 @@
 					<status-indicator v-else pulse type="danger"></status-indicator>
 				</template>
 
-				<template #actionSlot="scope">
-					<el-tooltip content="编辑" placement="bottom" effect="light">
-						<el-icon class="ibt0" @click="table_edit(scope.row)">
-							<Edit />
-						</el-icon>
-					</el-tooltip>
-					<el-divider direction="vertical"></el-divider>
-					<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-						<template #reference>
-							<el-icon class="ibt0">
-								<Delete />
-							</el-icon>
-						</template>
-					</el-popconfirm>
+				<template #actionSlot="{ row }">
+					<div class="flex flex-align-pack-center">
+						<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-mage--edit" @click="table_edit(row)" />
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(row)" />
+					</div>
 				</template>
 			</LeTable>
 		</div>
@@ -260,6 +252,7 @@ const columns = [
 		prop: 'action',
 		label: '操作',
 		width: 100,
+		align: 'center',
 		fixed: 'right',
 		slots: {
 			default: 'actionSlot'
@@ -300,8 +293,14 @@ const deleteItem = async ids => {
 }
 
 // 单个删除
-const table_del = row => {
-	deleteItem([row.id])
+const table_del = (row: any) => {
+	ElMessageBox.confirm(`确认删除「${row.name}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([row.id])
+	})
 }
 
 //批量删除

src/views/setting/dict/index.vue

@@ -77,20 +77,12 @@
 					<status-indicator v-else pulse type="danger"></status-indicator>
 				</template>
 
-				<template #actionSlot="scope">
-					<el-tooltip content="编辑" placement="bottom" effect="light">
-						<el-icon class="ibt0" @click="table_edit(scope.row)">
-							<Edit />
-						</el-icon>
-					</el-tooltip>
-					<el-divider direction="vertical"></el-divider>
-					<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-						<template #reference>
-							<el-icon class="ibt0">
-								<Delete />
-							</el-icon>
-						</template>
-					</el-popconfirm>
+				<template #actionSlot="{ row }">
+					<div class="flex flex-align-pack-center">
+						<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-mage--edit" @click="table_edit(row)" />
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(row)" />
+					</div>
 				</template>
 			</LeTable>
 		</div>
@@ -299,6 +291,7 @@ const columns = [
 		label: '操作',
 		width: 100,
 		fixed: 'right',
+		align: 'center',
 		slots: {
 			default: 'actionSlot'
 		}
@@ -338,8 +331,14 @@ const deleteItem = async ids => {
 }
 
 // 单个删除
-const table_del = row => {
-	deleteItem([row.id])
+const table_del = (row: any) => {
+	ElMessageBox.confirm(`确认删除「${row.name}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([row.id])
+	})
 }
 
 //批量删除

src/views/setting/post/index.vue

@@ -31,20 +31,12 @@
 					<status-indicator v-else pulse type="danger"></status-indicator>
 				</template>
 
-				<template #actionSlot="scope">
-					<el-tooltip content="编辑" placement="bottom" effect="light">
-						<el-icon class="ibt0" @click="table_edit(scope.row)">
-							<Edit />
-						</el-icon>
-					</el-tooltip>
-					<el-divider direction="vertical"></el-divider>
-					<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-						<template #reference>
-							<el-icon class="ibt0">
-								<Delete />
-							</el-icon>
-						</template>
-					</el-popconfirm>
+				<template #actionSlot="{ row }">
+					<div class="flex flex-align-pack-center">
+						<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-mage--edit" @click="table_edit(row)" />
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(row)" />
+					</div>
 				</template>
 			</LeTable>
 		</div>
@@ -226,6 +218,7 @@ const columns = [
 		prop: 'action',
 		label: '操作',
 		width: 100,
+		align: 'center',
 		fixed: 'right',
 		slots: {
 			default: 'actionSlot'
@@ -264,8 +257,14 @@ const deleteItem = async ids => {
 }
 
 // 单个删除
-const table_del = row => {
-	deleteItem([row.id])
+const table_del = (row: any) => {
+	ElMessageBox.confirm(`确认删除「${row.name}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([row.id])
+	})
 }
 
 //批量删除

src/views/setting/region/index.vue

@@ -32,20 +32,12 @@
 					<div v-else>区县</div>
 				</template>
 
-				<template #actionSlot="scope">
-					<el-tooltip content="编辑" placement="bottom" effect="light">
-						<el-icon class="ibt0" @click="table_edit(scope.row)">
-							<Edit />
-						</el-icon>
-					</el-tooltip>
-					<el-divider direction="vertical"></el-divider>
-					<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-						<template #reference>
-							<el-icon class="ibt0">
-								<Delete />
-							</el-icon>
-						</template>
-					</el-popconfirm>
+				<template #actionSlot="{ row }">
+					<div class="flex flex-align-pack-center">
+						<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-mage--edit" @click="table_edit(row)" />
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(row)" />
+					</div>
 				</template>
 			</LeTable>
 		</div>
@@ -218,6 +210,7 @@ const columns = [
 		prop: 'action',
 		label: '操作',
 		width: 100,
+		align: 'center',
 		fixed: 'right',
 		slots: {
 			default: 'actionSlot'
@@ -258,8 +251,14 @@ const deleteItem = async ids => {
 }
 
 // 单个删除
-const table_del = row => {
-	deleteItem([row.id])
+const table_del = (row: any) => {
+	ElMessageBox.confirm(`确认删除「${row.name}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([row.id])
+	})
 }
 
 //批量删除

src/views/setting/role/index.vue

@@ -34,20 +34,12 @@
 					<status-indicator v-else pulse type="danger"></status-indicator>
 				</template>
 
-				<template #actionSlot="scope">
-					<el-tooltip content="编辑" placement="bottom" effect="light">
-						<el-icon class="ibt0" @click="table_edit(scope.row)">
-							<Edit />
-						</el-icon>
-					</el-tooltip>
-					<el-divider direction="vertical"></el-divider>
-					<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-						<template #reference>
-							<el-icon class="ibt0">
-								<Delete />
-							</el-icon>
-						</template>
-					</el-popconfirm>
+				<template #actionSlot="{ row }">
+					<div class="flex flex-align-pack-center">
+						<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-mage--edit" @click="table_edit(row)" />
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(row)" />
+					</div>
 				</template>
 			</LeTable>
 		</div>
@@ -231,6 +223,7 @@ const columns = [
 		prop: 'action',
 		label: '操作',
 		width: 100,
+		align: 'center',
 		fixed: 'right',
 		slots: {
 			default: 'actionSlot'
@@ -269,8 +262,14 @@ const deleteItem = async ids => {
 }
 
 // 单个删除
-const table_del = row => {
-	deleteItem([row.id])
+const table_del = (row: any) => {
+	ElMessageBox.confirm(`确认删除「${row.name}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([row.id])
+	})
 }
 
 //批量删除

src/views/setting/user/index.vue

@@ -63,20 +63,12 @@
 					<status-indicator v-else pulse type="danger"></status-indicator>
 				</template>
 
-				<template #actionSlot="scope">
-					<el-tooltip content="编辑" placement="bottom" effect="light">
-						<el-icon class="ibt0" @click="table_edit(scope.row)">
-							<Edit />
-						</el-icon>
-					</el-tooltip>
-					<el-divider direction="vertical"></el-divider>
-					<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)">
-						<template #reference>
-							<el-icon class="ibt0">
-								<Delete />
-							</el-icon>
-						</template>
-					</el-popconfirm>
+				<template #actionSlot="{ row }">
+					<div class="flex flex-align-pack-center">
+						<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-mage--edit" @click="table_edit(row)" />
+
+						<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="table_del(row)" />
+					</div>
 				</template>
 			</LeTable>
 		</div>
@@ -377,6 +369,7 @@ const columns = [
 		prop: 'action',
 		label: '操作',
 		width: 100,
+		align: 'center',
 		fixed: 'right',
 		slots: {
 			default: 'actionSlot'
@@ -415,8 +408,14 @@ const deleteItem = async ids => {
 }
 
 // 单个删除
-const table_del = row => {
-	deleteItem([row.id])
+const table_del = (row: any) => {
+	ElMessageBox.confirm(`确认删除「${row.username}」这条数据？`, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'error'
+	}).then(async () => {
+		deleteItem([row.id])
+	})
 }
 
 //批量删除