From f2010bd94ba3a0717cac2da13a53111073bd56c7 Mon Sep 17 00:00:00 2001
From: xuyuxiang <xuyuxiang29@foxmail.com>
Date: Thu, 23 Jul 2026 22:23:34 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=BA=95=E5=BA=A7=E3=80=91=E9=92=88?=
 =?UTF-8?q?=E5=AF=B9PR=E8=BF=9B=E8=A1=8C=E4=BB=A3=E7=A0=81=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96=E4=B8=8E=E5=B0=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 snowy-admin-web/src/views/biz/dict/form.vue   |   6 +-
 snowy-admin-web/src/views/biz/dict/index.vue  | 187 +++++++------
 .../src/views/dev/dict/category/form.vue      |   6 +-
 .../src/views/dev/dict/category/index.vue     | 256 +++++++++---------
 4 files changed, 240 insertions(+), 215 deletions(-)

diff --git a/snowy-admin-web/src/views/biz/dict/form.vue b/snowy-admin-web/src/views/biz/dict/form.vue
index e47a5618..92e31d85 100644
--- a/snowy-admin-web/src/views/biz/dict/form.vue
+++ b/snowy-admin-web/src/views/biz/dict/form.vue
@@ -14,7 +14,11 @@
 			>
 				<a-input v-model:value="formData.dictValue" placeholder="请输入字典值" allow-clear :disabled="true" />
 			</a-form-item>
-			<a-form-item label="排序：" name="sortCode" :extra="mode === 'value' ? '同一字典类型下的字典值按此序号升序排列' : ''">
+			<a-form-item
+				label="排序："
+				name="sortCode"
+				:extra="mode === 'value' ? '同一字典类型下的字典值按此序号升序排列' : ''"
+			>
 				<a-input-number class="xn-wd" v-model:value="formData.sortCode" :min="1" :max="1000" />
 			</a-form-item>
 		</a-form>
diff --git a/snowy-admin-web/src/views/biz/dict/index.vue b/snowy-admin-web/src/views/biz/dict/index.vue
index 83fe521b..f1c10200 100644
--- a/snowy-admin-web/src/views/biz/dict/index.vue
+++ b/snowy-admin-web/src/views/biz/dict/index.vue
@@ -1,95 +1,104 @@
 <template>
-	<div class="dict-container">
-		<!-- 搜索区域 -->
-		<a-form ref="searchFormRef" :model="searchFormState" layout="inline" class="search-form">
-			<a-form-item label="关键词" name="searchKey">
-				<a-input
-					v-model:value="searchFormState.searchKey"
-					placeholder="请输入字典类型名称"
-					allow-clear
-					@press-enter="tableRef.refresh(true)"
-				/>
-			</a-form-item>
-			<a-form-item>
-				<a-space>
-					<a-button type="primary" @click="tableRef.refresh(true)">
-						<template #icon>
-							<SearchOutlined />
-						</template>
-						查询
-					</a-button>
-					<a-button @click="reset">
-						<template #icon>
-							<redo-outlined />
-						</template>
-						重置
-					</a-button>
-				</a-space>
-			</a-form-item>
-		</a-form>
-
-		<!-- 字典类型表格，单击行展开显示该类型下的字典值 -->
-		<s-table
-			ref="tableRef"
-			:columns="columns"
-			:data="loadData"
-			:expand-row-by-click="true"
-			:expanded-row-keys="expandedRowKeys"
-			bordered
-			:tool-config="toolConfig"
-			:row-key="(record) => record.id"
-			:scroll="{ x: 'max-content' }"
-			@on-expand="onExpandChange"
-		>
-			<template #bodyCell="{ column, record }">
-				<template v-if="column.dataIndex === 'dictLabel'">
-					<span class="dict-type-label">{{ record.dictLabel }}</span>
-				</template>
-				<template v-if="column.dataIndex === 'dictValue'">
-					<a-typography-text code>{{ record.dictValue }}</a-typography-text>
-				</template>
-				<template v-if="column.dataIndex === 'childCount'">
-					<a-tag :color="record.childCount ? 'processing' : 'default'">{{ record.childCount || 0 }} 项</a-tag>
-				</template>
-				<template v-if="column.dataIndex === 'action'">
-					<a-space @click.stop>
-						<a @click="formRef.onOpen(record)" v-if="hasPerm('bizDictEdit')">编辑</a>
-					</a-space>
-				</template>
-			</template>
-			<template #expandedRowRender="{ record }">
-				<div class="dict-value-panel">
-					<div class="dict-value-table-wrap">
-						<a-table
-							size="small"
-							:columns="valueColumns"
-							:data-source="getDictValues(record.id)"
-							:pagination="false"
-							:row-key="(value) => value.id"
-							:scroll="getDictValues(record.id).length > 10 ? { y: 360 } : undefined"
-						>
-							<template #bodyCell="{ column, record: valueRecord, index }">
-								<template v-if="column.dataIndex === 'index'">
-									<span>{{ index + 1 }}</span>
-								</template>
-								<template v-if="column.dataIndex === 'dictValue'">
-									<a-typography-text code>{{ valueRecord.dictValue }}</a-typography-text>
-								</template>
-								<template v-if="column.dataIndex === 'action'">
-									<a @click="formRef.onOpen(valueRecord, record)" v-if="hasPerm('bizDictEdit')">编辑</a>
-								</template>
+	<xn-panel>
+		<a-alert
+			message="业务字典仅可修改展示文字，不可对字典进行增删操作"
+			type="info"
+			:closable="false"
+			class="mb-2"
+			show-icon
+		/>
+		<div class="dict-container">
+			<!-- 搜索区域 -->
+			<a-form ref="searchFormRef" :model="searchFormState" layout="inline" class="search-form">
+				<a-form-item label="关键词" name="searchKey">
+					<a-input
+						v-model:value="searchFormState.searchKey"
+						placeholder="请输入字典类型名称"
+						allow-clear
+						@press-enter="tableRef.refresh(true)"
+					/>
+				</a-form-item>
+				<a-form-item>
+					<a-space>
+						<a-button type="primary" @click="tableRef.refresh(true)">
+							<template #icon>
+								<SearchOutlined />
 							</template>
-						</a-table>
-						<transition name="fade">
-							<div v-show="showScrollHint" class="scroll-hint">
-								<DownOutlined />
-							</div>
-						</transition>
+							查询
+						</a-button>
+						<a-button @click="reset">
+							<template #icon>
+								<redo-outlined />
+							</template>
+							重置
+						</a-button>
+					</a-space>
+				</a-form-item>
+			</a-form>
+
+			<!-- 字典类型表格，单击行展开显示该类型下的字典值 -->
+			<s-table
+				ref="tableRef"
+				:columns="columns"
+				:data="loadData"
+				:expand-row-by-click="true"
+				:expanded-row-keys="expandedRowKeys"
+				:tool-config="toolConfig"
+				:row-key="(record) => record.id"
+				:scroll="{ x: 'max-content' }"
+				@on-expand="onExpandChange"
+			>
+				<template #bodyCell="{ column, record }">
+					<template v-if="column.dataIndex === 'dictLabel'">
+						<span class="dict-type-label">{{ record.dictLabel }}</span>
+					</template>
+					<template v-if="column.dataIndex === 'dictValue'">
+						<a-typography-text code>{{ record.dictValue }}</a-typography-text>
+					</template>
+					<template v-if="column.dataIndex === 'childCount'">
+						<a-tag :color="record.childCount ? 'processing' : 'default'">{{ record.childCount || 0 }} 项</a-tag>
+					</template>
+					<template v-if="column.dataIndex === 'action'">
+						<a-space @click.stop>
+							<a @click="formRef.onOpen(record)" v-if="hasPerm('bizDictEdit')">编辑</a>
+						</a-space>
+					</template>
+				</template>
+				<template #expandedRowRender="{ record }">
+					<div class="dict-value-panel">
+						<div class="dict-value-table-wrap">
+							<a-table
+								size="small"
+								:bordered="false"
+								:columns="valueColumns"
+								:data-source="getDictValues(record.id)"
+								:pagination="false"
+								:row-key="(value) => value.id"
+								:scroll="getDictValues(record.id).length > 10 ? { y: 360 } : undefined"
+							>
+								<template #bodyCell="{ column, record: valueRecord, index }">
+									<template v-if="column.dataIndex === 'index'">
+										<span>{{ index + 1 }}</span>
+									</template>
+									<template v-if="column.dataIndex === 'dictValue'">
+										<a-typography-text code>{{ valueRecord.dictValue }}</a-typography-text>
+									</template>
+									<template v-if="column.dataIndex === 'action'">
+										<a @click="formRef.onOpen(valueRecord, record)" v-if="hasPerm('bizDictEdit')">编辑</a>
+									</template>
+								</template>
+							</a-table>
+							<transition name="fade">
+								<div v-show="showScrollHint" class="scroll-hint">
+									<DownOutlined />
+								</div>
+							</transition>
+						</div>
 					</div>
-				</div>
-			</template>
-		</s-table>
-	</div>
+				</template>
+			</s-table>
+		</div>
+	</xn-panel>
 	<Form ref="formRef" @successful="formSuccessful()" />
 </template>
 
diff --git a/snowy-admin-web/src/views/dev/dict/category/form.vue b/snowy-admin-web/src/views/dev/dict/category/form.vue
index 752ec0c3..51ff12e1 100644
--- a/snowy-admin-web/src/views/dev/dict/category/form.vue
+++ b/snowy-admin-web/src/views/dev/dict/category/form.vue
@@ -30,7 +30,11 @@
 					</a-select-option>
 				</a-select>
 			</a-form-item>
-			<a-form-item label="排序：" name="sortCode" :extra="mode === 'value' ? '同一字典类型下的字典值按此序号升序排列' : ''">
+			<a-form-item
+				label="排序："
+				name="sortCode"
+				:extra="mode === 'value' ? '同一字典类型下的字典值按此序号升序排列' : ''"
+			>
 				<a-input-number class="xn-wd" v-model:value="formData.sortCode" :min="1" :max="1000" />
 			</a-form-item>
 		</a-form>
diff --git a/snowy-admin-web/src/views/dev/dict/category/index.vue b/snowy-admin-web/src/views/dev/dict/category/index.vue
index 25c045ac..22df57df 100644
--- a/snowy-admin-web/src/views/dev/dict/category/index.vue
+++ b/snowy-admin-web/src/views/dev/dict/category/index.vue
@@ -1,133 +1,141 @@
 <template>
-	<div class="dict-container">
-		<!-- 搜索区域 -->
-		<a-form ref="searchFormRef" :model="searchFormState" layout="inline" class="search-form">
-			<a-form-item>
-				<a-radio-group v-model:value="categoryType" button-style="solid" @change="typeChange">
-					<a-radio-button value="FRM">系统字典</a-radio-button>
-					<a-radio-button value="BIZ">业务字典</a-radio-button>
-				</a-radio-group>
-			</a-form-item>
-			<a-form-item label="关键词" name="searchKey">
-				<a-input
-					v-model:value="searchFormState.searchKey"
-					placeholder="请输入字典类型名称"
-					allow-clear
-					@press-enter="tableRef.refresh(true)"
-				/>
-			</a-form-item>
-			<a-form-item>
-				<a-space>
-					<a-button type="primary" @click="tableRef.refresh(true)">
-						<template #icon><SearchOutlined /></template>
-						查询
-					</a-button>
-					<a-button @click="reset">
-						<template #icon><RedoOutlined /></template>
-						重置
-					</a-button>
-				</a-space>
-			</a-form-item>
-		</a-form>
-
-		<!-- 字典类型表格，单击行展开显示该类型下的字典值 -->
-		<s-table
-			ref="tableRef"
-			:columns="columns"
-			:data="loadData"
-			:expand-row-by-click="true"
-			:expanded-row-keys="expandedRowKeys"
-			bordered
-			:tool-config="toolConfig"
-			:row-key="(record) => record.id"
-			:alert="options.alert.show"
-			:row-selection="options.rowSelection"
-			:scroll="{ x: 'max-content' }"
-			@on-expand="onExpandChange"
-		>
-			<template #operator>
-				<a-space>
-					<a-button type="primary" @click="addDictType">
-						<template #icon><PlusOutlined /></template>
-						新增字典类型
-					</a-button>
-					<xn-batch-button
-						buttonName="批量删除"
-						icon="DeleteOutlined"
-						buttonDanger
-						:selectedRowKeys="selectedRowKeys"
-						@batchCallBack="deleteBatchDict"
+	<xn-panel>
+		<div class="dict-container">
+			<!-- 搜索区域 -->
+			<a-form ref="searchFormRef" :model="searchFormState" layout="inline" class="search-form">
+				<a-form-item>
+					<a-radio-group v-model:value="categoryType" button-style="solid" @change="typeChange">
+						<a-radio-button value="FRM">系统字典</a-radio-button>
+						<a-radio-button value="BIZ">业务字典</a-radio-button>
+					</a-radio-group>
+				</a-form-item>
+				<a-form-item label="关键词" name="searchKey">
+					<a-input
+						v-model:value="searchFormState.searchKey"
+						placeholder="请输入字典类型名称"
+						allow-clear
+						@press-enter="tableRef.refresh(true)"
 					/>
-				</a-space>
-			</template>
-			<template #bodyCell="{ column, record }">
-				<template v-if="column.dataIndex === 'dictLabel'">
-					<span class="dict-type-label">{{ record.dictLabel }}</span>
-				</template>
-				<template v-if="column.dataIndex === 'dictValue'">
-					<a-typography-text code>{{ record.dictValue }}</a-typography-text>
-				</template>
-				<template v-if="column.dataIndex === 'childCount'">
-					<a-tag :color="record.childCount ? 'processing' : 'default'">{{ record.childCount || 0 }} 项</a-tag>
-				</template>
-				<template v-if="column.dataIndex === 'action'">
-					<a-space @click.stop>
-						<a @click="addDictValue(record)">添加值</a>
-						<a-divider type="vertical" />
-						<a @click="formRef.onOpen(record, categoryType)">编辑</a>
-						<a-divider type="vertical" />
-						<a-popconfirm title="确定要删除此字典类型及其下的字典值吗？" @confirm="remove(record)" placement="topRight">
-							<a-button type="link" danger size="small" style="padding: 0">删除</a-button>
-						</a-popconfirm>
+				</a-form-item>
+				<a-form-item>
+					<a-space>
+						<a-button type="primary" @click="tableRef.refresh(true)">
+							<template #icon><SearchOutlined /></template>
+							查询
+						</a-button>
+						<a-button @click="reset">
+							<template #icon><RedoOutlined /></template>
+							重置
+						</a-button>
+					</a-space>
+				</a-form-item>
+			</a-form>
+
+			<!-- 字典类型表格，单击行展开显示该类型下的字典值 -->
+			<s-table
+				ref="tableRef"
+				:columns="columns"
+				:data="loadData"
+				:expand-row-by-click="true"
+				:expanded-row-keys="expandedRowKeys"
+				:tool-config="toolConfig"
+				:row-key="(record) => record.id"
+				:alert="options.alert.show"
+				:row-selection="options.rowSelection"
+				:scroll="{ x: 'max-content' }"
+				@on-expand="onExpandChange"
+			>
+				<template #operator>
+					<a-space>
+						<a-button type="primary" @click="addDictType">
+							<template #icon><PlusOutlined /></template>
+							新增字典类型
+						</a-button>
+						<xn-batch-button
+							buttonName="批量删除"
+							icon="DeleteOutlined"
+							buttonDanger
+							:selectedRowKeys="selectedRowKeys"
+							@batchCallBack="deleteBatchDict"
+						/>
 					</a-space>
 				</template>
-			</template>
-			<template #expandedRowRender="{ record }">
-				<div class="dict-value-panel">
-					<div class="dict-value-table-wrap">
-						<a-table
-							size="small"
-							:columns="valueColumns"
-							:data-source="getDictValues(record.id)"
-							:pagination="false"
-							:row-key="(value) => value.id"
-							:scroll="getDictValues(record.id).length > 10 ? { y: 360 } : undefined"
-						>
-							<template #bodyCell="{ column, record: valueRecord, index }">
-								<template v-if="column.dataIndex === 'index'">
-									<span class="dict-value-index">{{ index + 1 }}</span>
+				<template #bodyCell="{ column, record }">
+					<template v-if="column.dataIndex === 'dictLabel'">
+						<span class="dict-type-label">{{ record.dictLabel }}</span>
+					</template>
+					<template v-if="column.dataIndex === 'dictValue'">
+						<a-typography-text code>{{ record.dictValue }}</a-typography-text>
+					</template>
+					<template v-if="column.dataIndex === 'childCount'">
+						<a-tag :color="record.childCount ? 'processing' : 'default'">{{ record.childCount || 0 }} 项</a-tag>
+					</template>
+					<template v-if="column.dataIndex === 'action'">
+						<a-space @click.stop>
+							<a @click="addDictValue(record)">添加值</a>
+							<a-divider type="vertical" />
+							<a @click="formRef.onOpen(record, categoryType)">编辑</a>
+							<a-divider type="vertical" />
+							<a-popconfirm
+								title="确定要删除此字典类型及其下的字典值吗？"
+								@confirm="remove(record)"
+								placement="topRight"
+							>
+								<a-button type="link" danger size="small" style="padding: 0">删除</a-button>
+							</a-popconfirm>
+						</a-space>
+					</template>
+				</template>
+				<template #expandedRowRender="{ record }">
+					<div class="dict-value-panel">
+						<div class="dict-value-table-wrap">
+							<a-table
+								size="small"
+								:bordered="false"
+								:columns="valueColumns"
+								:data-source="getDictValues(record.id)"
+								:pagination="false"
+								:row-key="(value) => value.id"
+								:scroll="getDictValues(record.id).length > 10 ? { y: 360 } : undefined"
+							>
+								<template #bodyCell="{ column, record: valueRecord, index }">
+									<template v-if="column.dataIndex === 'index'">
+										<span class="dict-value-index">{{ index + 1 }}</span>
+									</template>
+									<template v-if="column.dataIndex === 'dictValue'">
+										<a-typography-text code>{{ valueRecord.dictValue }}</a-typography-text>
+									</template>
+									<template v-if="column.dataIndex === 'dictColor'">
+										<a-tag v-if="valueRecord.dictColor" :color="valueRecord.dictColor">{{
+											valueRecord.dictLabel
+										}}</a-tag>
+									</template>
+									<template v-if="column.dataIndex === 'action'">
+										<a-space>
+											<a @click="formRef.onOpen(valueRecord, categoryType, record)">编辑</a>
+											<a-divider type="vertical" />
+											<a-popconfirm title="确定要删除此字典值吗？" @confirm="remove(valueRecord)" placement="topRight">
+												<a-button type="link" danger size="small" style="padding: 0">删除</a-button>
+											</a-popconfirm>
+										</a-space>
+									</template>
 								</template>
-								<template v-if="column.dataIndex === 'dictValue'">
-									<a-typography-text code>{{ valueRecord.dictValue }}</a-typography-text>
-								</template>
-								<template v-if="column.dataIndex === 'dictColor'">
-									<a-tag v-if="valueRecord.dictColor" :color="valueRecord.dictColor">{{ valueRecord.dictLabel }}</a-tag>
-								</template>
-								<template v-if="column.dataIndex === 'action'">
-									<a-space>
-										<a @click="formRef.onOpen(valueRecord, categoryType, record)">编辑</a>
-										<a-divider type="vertical" />
-										<a-popconfirm title="确定要删除此字典值吗？" @confirm="remove(valueRecord)" placement="topRight">
-											<a-button type="link" danger size="small" style="padding: 0">删除</a-button>
-										</a-popconfirm>
-									</a-space>
-								</template>
-							</template>
-						</a-table>
-						<transition name="fade">
-							<div v-show="showScrollHint" class="scroll-hint">
-								<DownOutlined />
-							</div>
-						</transition>
+							</a-table>
+							<transition name="fade">
+								<div v-show="showScrollHint" class="scroll-hint">
+									<DownOutlined />
+								</div>
+							</transition>
+						</div>
+						<a-button type="dashed" block class="dict-value-add" @click="addDictValue(record)">
+							<template #icon><PlusOutlined /></template>
+							添加字典值
+						</a-button>
 					</div>
-					<a-button type="dashed" block class="dict-value-add" @click="addDictValue(record)">
-						<template #icon><PlusOutlined /></template>
-						添加字典值
-					</a-button>
-				</div>
-			</template>
-		</s-table>
-	</div>
+				</template>
+			</s-table>
+		</div>
+	</xn-panel>
 	<Form ref="formRef" @successful="formSuccessful()" />
 </template>