From 0eb69a9735c3ca9a01dd2c8e2dc6c35cf8a37b72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=88=B1=7E=E6=B5=B7=7E=E7=88=B1=E6=B5=B7=E7=88=B1?=
 =?UTF-8?q?=E6=B5=B7=7E=E5=8F=B3?= <1828712314@qq.com>
Date: Thu, 8 May 2025 10:40:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=AD=97=E5=85=B8=E4=B8=8E?=
 =?UTF-8?q?=E6=98=A0=E5=B0=84=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../rezero/default_ui/css/page_table_list.css |   7 +-
 .../rezero/default_ui/std_entity_config.html  | 392 +++++++++++++++++
 .../{filed_map.html => std_filed_map.html}    |   0
 .../rezero/default_ui/std_method_config.html  | 397 ++++++++++++++++++
 .../wwwroot/rezero/default_ui/sys_dict.html   |  42 +-
 .../rezero/default_ui/sys_dict_data.html      | 341 +++++++++++++++
 6 files changed, 1165 insertions(+), 14 deletions(-)
 create mode 100644 SuperAPI/wwwroot/rezero/default_ui/std_entity_config.html
 rename SuperAPI/wwwroot/rezero/default_ui/{filed_map.html => std_filed_map.html} (100%)
 create mode 100644 SuperAPI/wwwroot/rezero/default_ui/std_method_config.html
 create mode 100644 SuperAPI/wwwroot/rezero/default_ui/sys_dict_data.html

diff --git a/SuperAPI/wwwroot/rezero/default_ui/css/page_table_list.css b/SuperAPI/wwwroot/rezero/default_ui/css/page_table_list.css
index dd8d8d8..a462648 100644
--- a/SuperAPI/wwwroot/rezero/default_ui/css/page_table_list.css
+++ b/SuperAPI/wwwroot/rezero/default_ui/css/page_table_list.css
@@ -3,13 +3,14 @@
 }
 
 .table_opt {
-	text-align: center;
-	width: 250px;
+	display: flex;
+	flex-flow: row nowrap;
+	justify-content: center;
+	align-items: center;
 }
 
 .table_opt button {
 	max-width: 80px;
-	margin: 0 10px;
 }
 
 .table_opt2 {
diff --git a/SuperAPI/wwwroot/rezero/default_ui/std_entity_config.html b/SuperAPI/wwwroot/rezero/default_ui/std_entity_config.html
new file mode 100644
index 0000000..8a2cb97
--- /dev/null
+++ b/SuperAPI/wwwroot/rezero/default_ui/std_entity_config.html
@@ -0,0 +1,392 @@
+@@master_page.html
+<link
+	href="css/page_table_list.css"
+	rel="stylesheet"
+/>
+<div
+	id="apibox"
+	class="card"
+>
+	<div class="search-bar">
+		<form
+			id="frmSearach"
+			action="lyear_forms_elements.html"
+			method="post"
+			onsubmit="return false;"
+		>
+			<div class="form-group">
+				<div class="row">
+					<div class="col-md-2">
+						<input
+							class="form-control"
+							type="text"
+							id="txtSearch"
+							name="example-text-input"
+							placeholder="方法名称"
+						/>
+					</div>
+					<div class="col-md-3">
+						<button
+							@click="onSearch()"
+							id="btnSearch"
+							class="btn btn-secondary"
+						>
+							<i class="mdi mdi-magnify"></i>搜索
+						</button>
+						<button
+							onclick="frmSearach.reset()"
+							class="btn btn-close m-l-15"
+							type="submit"
+						>
+							清空
+						</button>
+					</div>
+					<div class="col-md-4"></div>
+				</div>
+			</div>
+		</form>
+		<div class="toolbar-btn-action">
+			<button
+				@click="openAddDiv()"
+				class="btn btn-primary m-l-15"
+				data-toggle="modal"
+				data-target="#gridSystemModal"
+			>
+				<i class="mdi mdi-plus"></i> 新增
+			</button>
+		</div>
+	</div>
+	<div class="card-body">
+		<h5></h5>
+		<div class="table-responsive">
+			<table class="table table-bordered">
+				<thead>
+					<tr v-if="data && data.Columns && data.Columns.length > 0">
+						<th
+							class="mi-w-100"
+							v-for="column in data.Columns"
+						>
+							{{column.ColumnDescription}}
+						</th>
+						<th>操作</th>
+					</tr>
+				</thead>
+				<tbody v-if="data &&data.Data">
+					<tr
+						v-if="data.Columns && data.Columns.length > 0"
+						v-for="item in data.Data"
+					>
+						<td v-for="column in data.Columns">
+							{{ item[column.PropertyName] }}
+						</td>
+
+						<td class="table_opt">
+							<button
+								data-toggle="modal"
+								@click="openEditDiv(item)"
+								data-target="#gridSystemModal"
+								class="btn btn-link"
+								type="button"
+							>
+								<i class="mdi mdi-lead-pencil"></i> 修改
+							</button>
+							<button
+								data-toggle="modal"
+								@click="deleteAndConfirm(item)"
+								data-target="#divDelBox"
+								class="btn btn-link"
+								type="button"
+							>
+								<i class="mdi mdi-do-not-disturb"></i> 删除
+							</button>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+	@@page_control.html
+	<div
+		class="modal fade"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="gridSystemModalLabel"
+		id="gridSystemModal"
+		style="display: none"
+	>
+		<div
+			class="modal-dialog"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="exampleModalLabel"
+					>
+						{{title}}
+					</h4>
+				</div>
+				<div class="modal-body">
+					<form id="frmEdit">
+						<input
+							type="hidden"
+							v-model="formData.ID"
+							name="ID"
+						/>
+						<div class="form-group">
+							<label
+								for="recipient-name"
+								class="control-label"
+								>属性路径：</label
+							>
+							<input
+								type="text"
+								v-model="formData.OBJECT_PATH"
+								name="OBJECT_PATH"
+								class="form-control"
+								id="recipient-name"
+							/>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>实体表名：</label
+							>
+							<input
+								type="text"
+								class="form-control"
+								v-model="formData.MAPPING_TABLE"
+								name="MAPPING_TABLE"
+								id="message-text"
+							/>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>实体归属：</label
+							>
+							<input
+								type="radio"
+								id="contactChoice2"
+								name="ASSEMBLY_TYPE"
+								value="0"
+								v-model="formData.ASSEMBLY_TYPE"
+								checked
+							/>
+							<label for="contactChoice2">系统</label>
+							<input
+								type="radio"
+								id="contactChoice1"
+								name="ASSEMBLY_TYPE"
+								value="1"
+								v-model="formData.ASSEMBLY_TYPE"
+							/>
+							<label for="contactChoice1">三方</label>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>实体类型：</label
+							>
+							<input
+								type="radio"
+								id="contactChoice2"
+								name="OBJECT_TYPE"
+								value="0"
+								v-model="formData.OBJECT_TYPE"
+								checked
+							/>
+							<label for="contactChoice2">对象</label>
+							<input
+								type="radio"
+								id="contactChoice1"
+								name="OBJECT_TYPE"
+								value="1"
+								v-model="formData.OBJECT_TYPE"
+							/>
+							<label for="contactChoice1">列表</label>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>参数类型：</label
+							>
+							<input
+								type="radio"
+								id="contactChoice2"
+								name="PARAMETR_TYPE"
+								value="0"
+								v-model="formData.PARAMETR_TYPE"
+								checked
+							/>
+							<label for="contactChoice2">入参</label>
+							<input
+								type="radio"
+								id="contactChoice1"
+								name="PARAMETR_TYPE"
+								value="1"
+								v-model="formData.PARAMETR_TYPE"
+							/>
+							<label for="contactChoice1">出参</label>
+						</div>
+					</form>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnCloseEdit"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="addOrUpdate()"
+						class="btn btn-primary"
+					>
+						保存
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<script>
+	var vueObj = new Vue({
+		el: '#apibox',
+		data: {
+			data: null,
+			error: null,
+			addTitle: '添加动态接口分类',
+			editTitle: '修改态接口分类',
+			title: '',
+			formData: {},
+			methodId: '',
+		},
+		mounted() {
+			var url = window.location.href
+			var methodId = url.substring(url.lastIndexOf('?') + 1)
+			this.methodId = methodId
+			this.fetchData('')
+		},
+		methods: {
+			fetchData(append) {
+				var url = `/std_entity/list?methodID=${this.methodId}` + append
+				axios
+					.get(url, jwHeader)
+					.then(response => {
+						this.data = response.data
+						this.error = null
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+			onSearch: function (page) {
+				var urlParameters =
+					'&' +
+					tools.objectToQueryString({
+						title: txtSearch.value,
+						__pageNumber: page,
+						__pageSize: tools.getValue('selPageSize'),
+					})
+				this.fetchData(urlParameters)
+			},
+			deleteAndConfirm: function (item) {
+				if (item == null) {
+					if (localStorage.delId == 200100) {
+						tools.alert('初始化分类不能删除')
+						btnDelClose.click()
+						return
+					}
+					var url =
+						'/PrivateReZeroRoute/100003/DeleteDynamicInterfaceCategory?IsDeleted=true&Id=' +
+						localStorage.delId
+					axios
+						.get(url, jwHeader)
+						.then(response => {
+							this.data = response.data
+							this.error = null
+							this.onSearch()
+							btnDelClose.click()
+						})
+						.catch(error => {
+							this.error = error.message
+							this.data = null
+						})
+				} else {
+					localStorage.delId = item.Id
+				}
+			},
+			openEditDiv: function (item) {
+				console.log(item)
+				var urlById = '/std_method/get?METHOD_ID=' + item.METHOD_ID
+				if (item.METHOD_ID) {
+					this.title = this.editTitle
+					axios
+						.get(urlById, jwHeader)
+						.then(response => {
+							this.formData = response.data
+						})
+						.catch(error => {
+							this.error = error.message
+							this.data = null
+						})
+				}
+			},
+			openAddDiv: function (item) {
+				this.title = this.addTitle
+				this.formData = {
+					SAVE_INPUT: 0,
+					SAVE_OUTPUT: 0,
+				}
+			},
+			addOrUpdate: function () {
+				var th = this
+				var frmId = 'frmEdit'
+				var json = this.formData
+				var url = json.METHOD_ID ? '/std_method/update' : '/std_method/create'
+				this.addOrUpdateSubmit(url, json)
+			},
+			addOrUpdateSubmit: function (url, json) {
+				if (url == '/std_method/create') {
+					// 生成uuid
+					const uuid = crypto.randomUUID().replace(/-/g, '')
+					json.METHOD_ID = uuid
+				}
+				var th = this
+				axios
+					.post(url, json, jwHeader)
+					.then(response => {
+						this.error = null
+						this.onSearch()
+						if (response.data == true) {
+							frmEdit.reset()
+							btnCloseEdit.click()
+						} else {
+							tools.highlightErrorFields(response.data)
+						}
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+		},
+	})
+</script>
diff --git a/SuperAPI/wwwroot/rezero/default_ui/filed_map.html b/SuperAPI/wwwroot/rezero/default_ui/std_filed_map.html
similarity index 100%
rename from SuperAPI/wwwroot/rezero/default_ui/filed_map.html
rename to SuperAPI/wwwroot/rezero/default_ui/std_filed_map.html
diff --git a/SuperAPI/wwwroot/rezero/default_ui/std_method_config.html b/SuperAPI/wwwroot/rezero/default_ui/std_method_config.html
new file mode 100644
index 0000000..22f47a7
--- /dev/null
+++ b/SuperAPI/wwwroot/rezero/default_ui/std_method_config.html
@@ -0,0 +1,397 @@
+@@master_page.html
+<link
+	href="css/page_table_list.css"
+	rel="stylesheet"
+/>
+<div
+	id="apibox"
+	class="card"
+>
+	<div class="search-bar">
+		<form
+			id="frmSearach"
+			action="lyear_forms_elements.html"
+			method="post"
+			onsubmit="return false;"
+		>
+			<div class="form-group">
+				<div class="row">
+					<div class="col-md-2">
+						<input
+							class="form-control"
+							type="text"
+							id="txtSearch"
+							name="example-text-input"
+							placeholder="方法名称"
+						/>
+					</div>
+					<div class="col-md-3">
+						<button
+							@click="onSearch()"
+							id="btnSearch"
+							class="btn btn-secondary"
+						>
+							<i class="mdi mdi-magnify"></i>搜索
+						</button>
+						<button
+							onclick="frmSearach.reset()"
+							class="btn btn-close m-l-15"
+							type="submit"
+						>
+							清空
+						</button>
+					</div>
+					<div class="col-md-4"></div>
+				</div>
+			</div>
+		</form>
+		<div class="toolbar-btn-action">
+			<button
+				@click="openAddDiv()"
+				class="btn btn-primary m-l-15"
+				data-toggle="modal"
+				data-target="#gridSystemModal"
+			>
+				<i class="mdi mdi-plus"></i> 新增
+			</button>
+		</div>
+	</div>
+	<div class="card-body">
+		<h5></h5>
+		<div class="table-responsive">
+			<table class="table table-bordered">
+				<thead>
+					<tr v-if="data && data.Columns && data.Columns.length > 0">
+						<th
+							class="mi-w-100"
+							v-for="column in data.Columns"
+						>
+							{{column.ColumnDescription}}
+						</th>
+						<th>操作</th>
+					</tr>
+				</thead>
+				<tbody v-if="data &&data.Data">
+					<tr
+						v-if="data.Columns && data.Columns.length > 0"
+						v-for="item in data.Data"
+					>
+						<td
+							v-for="column in data.Columns"
+							style="text-align: center"
+						>
+							<span
+								v-if="['SAVE_INPUT','SAVE_OUTPUT'].includes(column.PropertyName)"
+							>
+								{{formatter(item[column.PropertyName])}}
+							</span>
+							<span v-else> {{ item[column.PropertyName] }} </span>
+						</td>
+
+						<td class="table_opt">
+							<button
+								data-toggle="modal"
+								@click="openEditDiv(item)"
+								data-target="#gridSystemModal"
+								class="btn btn-link"
+								type="button"
+							>
+								<i class="mdi mdi-lead-pencil"></i> 修改
+							</button>
+							<button
+								data-toggle="modal"
+								@click="deleteAndConfirm(item)"
+								data-target="#divDelBox"
+								class="btn btn-link"
+								type="button"
+							>
+								<i class="mdi mdi-do-not-disturb"></i> 删除
+							</button>
+							<button
+								@click="append(item)"
+								class="btn btn-link"
+								type="button"
+							>
+								<i class="mdi mdi-lead-pencil"></i> 配置对象
+							</button>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+	@@page_control.html
+	<div
+		class="modal fade"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="gridSystemModalLabel"
+		id="gridSystemModal"
+		style="display: none"
+	>
+		<div
+			class="modal-dialog"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="exampleModalLabel"
+					>
+						{{title}}
+					</h4>
+				</div>
+				<div class="modal-body">
+					<form id="frmEdit">
+						<input
+							type="hidden"
+							v-model="formData.METHOD_ID"
+							name="METHOD_ID"
+						/>
+						<div class="form-group">
+							<label
+								for="recipient-name"
+								class="control-label"
+								>方法名称：</label
+							>
+							<input
+								type="text"
+								v-model="formData.METHOD_NAME"
+								name="METHOD_NAME"
+								class="form-control"
+								id="recipient-name"
+							/>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>访问路径：</label
+							>
+							<textarea
+								class="form-control"
+								v-model="formData.METHOD_VALUE"
+								name="METHOD_VALUE"
+								id="message-text"
+							></textarea>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>保存入参：</label
+							>
+							<input
+								type="radio"
+								id="contactChoice2"
+								name="SAVE_INPUT"
+								value="0"
+								v-model="formData.SAVE_INPUT"
+								checked
+							/>
+							<label for="contactChoice2">否</label>
+							<input
+								type="radio"
+								id="contactChoice1"
+								name="SAVE_INPUT"
+								value="1"
+								v-model="formData.SAVE_INPUT"
+							/>
+							<label for="contactChoice1">是</label>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>保存出参：</label
+							>
+							<input
+								type="radio"
+								id="contactChoice2"
+								name="SAVE_OUTPUT"
+								value="0"
+								v-model="formData.SAVE_OUTPUT"
+								checked
+							/>
+							<label for="contactChoice2">否</label>
+							<input
+								type="radio"
+								id="contactChoice1"
+								name="SAVE_OUTPUT"
+								value="1"
+								v-model="formData.SAVE_OUTPUT"
+							/>
+							<label for="contactChoice1">是</label>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>所属对接对象：</label
+							>
+							<textarea
+								class="form-control"
+								v-model="formData.BIND_OBJECT"
+								name="BIND_OBJECT"
+								id="message-text"
+							></textarea>
+						</div>
+					</form>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnCloseEdit"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="addOrUpdate()"
+						class="btn btn-primary"
+					>
+						保存
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<script>
+	var vueObj = new Vue({
+		el: '#apibox',
+		data: {
+			data: null,
+			error: null,
+			addTitle: '添加动态接口分类',
+			editTitle: '修改态接口分类',
+			title: '',
+			formData: {},
+		},
+		mounted() {
+			this.fetchData('')
+		},
+		methods: {
+			fetchData(append) {
+				var url = '/std_method/list?' + append
+				axios
+					.get(url, jwHeader)
+					.then(response => {
+						this.data = response.data
+						this.error = null
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+			onSearch: function (page) {
+				var urlParameters =
+					'&' +
+					tools.objectToQueryString({
+						title: txtSearch.value,
+						__pageNumber: page,
+						__pageSize: tools.getValue('selPageSize'),
+					})
+				this.fetchData(urlParameters)
+			},
+			deleteAndConfirm: function (item) {
+				if (item == null) {
+					if (localStorage.delId == 200100) {
+						tools.alert('初始化分类不能删除')
+						btnDelClose.click()
+						return
+					}
+					var url =
+						'/PrivateReZeroRoute/100003/DeleteDynamicInterfaceCategory?IsDeleted=true&Id=' +
+						localStorage.delId
+					axios
+						.get(url, jwHeader)
+						.then(response => {
+							this.data = response.data
+							this.error = null
+							this.onSearch()
+							btnDelClose.click()
+						})
+						.catch(error => {
+							this.error = error.message
+							this.data = null
+						})
+				} else {
+					localStorage.delId = item.Id
+				}
+			},
+			openEditDiv: function (item) {
+				console.log(item)
+				var urlById = '/std_method/get?METHOD_ID=' + item.METHOD_ID
+				if (item.METHOD_ID) {
+					this.title = this.editTitle
+					axios
+						.get(urlById, jwHeader)
+						.then(response => {
+							this.formData = response.data
+						})
+						.catch(error => {
+							this.error = error.message
+							this.data = null
+						})
+				}
+			},
+			openAddDiv: function (item) {
+				this.title = this.addTitle
+				this.formData = {
+					SAVE_INPUT: 0,
+					SAVE_OUTPUT: 0,
+				}
+			},
+			addOrUpdate: function () {
+				var th = this
+				var frmId = 'frmEdit'
+				var json = this.formData
+				var url = json.METHOD_ID ? '/std_method/update' : '/std_method/create'
+				this.addOrUpdateSubmit(url, json)
+			},
+			addOrUpdateSubmit: function (url, json) {
+				if (url == '/std_method/create') {
+					// 生成uuid
+					const uuid = crypto.randomUUID().replace(/-/g, '')
+					json.METHOD_ID = uuid
+				}
+				var th = this
+				axios
+					.post(url, json, jwHeader)
+					.then(response => {
+						this.error = null
+						this.onSearch()
+						if (response.data == true) {
+							frmEdit.reset()
+							btnCloseEdit.click()
+						} else {
+							tools.highlightErrorFields(response.data)
+						}
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+			formatter(v) {
+				return !v ? '否' : '是'
+			},
+			append(item) {
+				window.location.href = `./std_entity_config.html?${item.METHOD_ID}`
+			},
+		},
+	})
+</script>
diff --git a/SuperAPI/wwwroot/rezero/default_ui/sys_dict.html b/SuperAPI/wwwroot/rezero/default_ui/sys_dict.html
index 5d4baa9..32ca39d 100644
--- a/SuperAPI/wwwroot/rezero/default_ui/sys_dict.html
+++ b/SuperAPI/wwwroot/rezero/default_ui/sys_dict.html
@@ -84,6 +84,13 @@
 						</td>
 
 						<td class="table_opt">
+							<button
+								@click="appendData(item)"
+								data-target="#gridSystemModal"
+								class="btn btn-link"
+							>
+								<i class="mdi mdi-database"></i> 数据
+							</button>
 							<button
 								data-toggle="modal"
 								@click="openEditDiv(item)"
@@ -142,7 +149,7 @@
 					<form id="frmEdit">
 						<input
 							type="hidden"
-							v-model="formData.Id"
+							v-model="formData.ID"
 							name="Id"
 						/>
 						<div class="form-group">
@@ -153,7 +160,7 @@
 							>
 							<input
 								type="text"
-								v-model="formData.Name"
+								v-model="formData.NAME"
 								name="Name"
 								class="form-control"
 								id="recipient-name"
@@ -163,11 +170,24 @@
 							<label
 								for="message-text"
 								class="control-label"
-								>内容：</label
+								>类型：</label
 							>
 							<textarea
 								class="form-control"
-								v-model="formData.Description"
+								v-model="formData.TYPE"
+								name="Description"
+								id="message-text"
+							></textarea>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>备注：</label
+							>
+							<textarea
+								class="form-control"
+								v-model="formData.REMARK"
 								name="Description"
 								id="message-text"
 							></textarea>
@@ -260,10 +280,8 @@
 				}
 			},
 			openEditDiv: function (item) {
-				var urlById =
-					'/PrivateReZeroRoute/100003/GetDynamicInterfaceCategoryById?id=' +
-					item.Id
-				if (item.Id) {
+				var urlById = '/dict/get?id=' + item.ID
+				if (item.ID) {
 					this.title = this.editTitle
 					axios
 						.get(urlById, jwHeader)
@@ -284,9 +302,7 @@
 				var th = this
 				var frmId = 'frmEdit'
 				var json = this.formData
-				var url = json.Id
-					? '/PrivateReZeroRoute/100003/UpdateDynamicInterfaceCategory'
-					: '/PrivateReZeroRoute/100003/AddDynamicInterfaceCategory'
+				var url = json.ID ? '/dict/update' : '/dict/create'
 				this.addOrUpdateSubmit(url, json)
 			},
 			addOrUpdateSubmit: function (url, json) {
@@ -308,6 +324,10 @@
 						this.data = null
 					})
 			},
+			appendData(item) {
+				// 跳转到其他html页面
+				window.location.href = `./sys_dict_data.html?type=${item.TYPE}`
+			},
 		},
 	})
 </script>
diff --git a/SuperAPI/wwwroot/rezero/default_ui/sys_dict_data.html b/SuperAPI/wwwroot/rezero/default_ui/sys_dict_data.html
new file mode 100644
index 0000000..3953bc3
--- /dev/null
+++ b/SuperAPI/wwwroot/rezero/default_ui/sys_dict_data.html
@@ -0,0 +1,341 @@
+@@master_page.html
+<link
+	href="css/page_table_list.css"
+	rel="stylesheet"
+/>
+<div
+	id="apibox"
+	class="card"
+>
+	<div class="search-bar">
+		<form
+			id="frmSearach"
+			action="lyear_forms_elements.html"
+			method="post"
+			onsubmit="return false;"
+		>
+			<div class="form-group">
+				<div class="row">
+					<div class="col-md-1">
+						<label class="form-control">字典标签:</label>
+					</div>
+					<div class="col-md-3">
+						<input
+							class="form-control"
+							type="text"
+							id="txtSearch"
+							name="example-text-input"
+							placeholder="字典标签"
+						/>
+					</div>
+					<div class="col-md-3">
+						<button
+							@click="onSearch()"
+							id="btnSearch"
+							class="btn btn-secondary"
+						>
+							<i class="mdi mdi-magnify"></i>搜索
+						</button>
+						<button
+							onclick="frmSearach.reset()"
+							class="btn btn-close m-l-15"
+							type="submit"
+						>
+							清空
+						</button>
+					</div>
+					<div class="col-md-4"></div>
+				</div>
+			</div>
+		</form>
+		<div class="toolbar-btn-action">
+			<button
+				@click="openAddDiv()"
+				class="btn btn-primary m-l-15"
+				data-toggle="modal"
+				data-target="#gridSystemModal"
+			>
+				<i class="mdi mdi-plus"></i> 新增
+			</button>
+		</div>
+	</div>
+	<div class="card-body">
+		<h5></h5>
+		<div class="table-responsive">
+			<table class="table table-bordered">
+				<thead>
+					<tr v-if="data && data.Columns && data.Columns.length > 0">
+						<th
+							class="mi-w-100"
+							v-for="column in data.Columns"
+						>
+							{{column.ColumnDescription}}
+						</th>
+						<th>操作</th>
+					</tr>
+				</thead>
+				<tbody v-if="data &&data.Data">
+					<tr
+						v-if="data.Columns && data.Columns.length > 0"
+						v-for="item in data.Data"
+					>
+						<td v-for="column in data.Columns">
+							{{ item[column.PropertyName] }}
+						</td>
+
+						<td class="table_opt">
+							<button
+								data-toggle="modal"
+								@click="openEditDiv(item)"
+								data-target="#gridSystemModal"
+								class="btn btn-link"
+								type="button"
+							>
+								<i class="mdi mdi-lead-pencil"></i> 修改
+							</button>
+							<button
+								data-toggle="modal"
+								@click="deleteAndConfirm(item)"
+								data-target="#divDelBox"
+								class="btn btn-link"
+								type="button"
+							>
+								<i class="mdi mdi-do-not-disturb"></i> 删除
+							</button>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+	@@page_control.html
+	<div
+		class="modal fade"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="gridSystemModalLabel"
+		id="gridSystemModal"
+		style="display: none"
+	>
+		<div
+			class="modal-dialog"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="exampleModalLabel"
+					>
+						{{title}}
+					</h4>
+				</div>
+				<div class="modal-body">
+					<form id="frmEdit">
+						<input
+							type="hidden"
+							v-model="formData.ID"
+							name="Id"
+						/>
+						<div class="form-group">
+							<label
+								for="recipient-name"
+								class="control-label"
+								>字典标签：</label
+							>
+							<input
+								type="text"
+								v-model="formData.LABEL"
+								name="LABEL"
+								class="form-control"
+								id="recipient-name"
+							/>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>字典值：</label
+							>
+							<textarea
+								class="form-control"
+								v-model="formData.VALUE"
+								name="VALUE"
+								id="message-text"
+							></textarea>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>排序：</label
+							>
+							<input
+								class="form-control"
+								v-model="formData.SORT"
+								name="SORT"
+								type="number"
+								id="message-text"
+							/>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>备注：</label
+							>
+							<textarea
+								class="form-control"
+								v-model="formData.REMARK"
+								name="Description"
+								id="message-text"
+							></textarea>
+						</div>
+					</form>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnCloseEdit"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="addOrUpdate()"
+						class="btn btn-primary"
+					>
+						保存
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<script>
+	var vueObj = new Vue({
+		el: '#apibox',
+		data: {
+			data: null,
+			error: null,
+			addTitle: '添加动态接口分类',
+			editTitle: '修改态接口分类',
+			title: '',
+			formData: {},
+			dictType: '',
+		},
+		mounted() {
+			var url = window.location.href
+			var dictType = url.substring(url.lastIndexOf('=') + 1)
+			this.dictType = dictType
+			this.fetchData('')
+		},
+		methods: {
+			fetchData(append) {
+				var url = `/dict_data/list?type=${this.dictType}` + append
+				axios
+					.get(url, jwHeader)
+					.then(response => {
+						this.data = response.data
+						this.error = null
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+			onSearch: function (page) {
+				var urlParameters =
+					'&' +
+					tools.objectToQueryString({
+						title: txtSearch.value,
+						__pageNumber: page,
+						__pageSize: tools.getValue('selPageSize'),
+					})
+				this.fetchData(urlParameters)
+			},
+			deleteAndConfirm: function (item) {
+				if (item == null) {
+					if (localStorage.delId == 200100) {
+						tools.alert('初始化分类不能删除')
+						btnDelClose.click()
+						return
+					}
+					var url =
+						'/PrivateReZeroRoute/100003/DeleteDynamicInterfaceCategory?IsDeleted=true&Id=' +
+						localStorage.delId
+					axios
+						.get(url, jwHeader)
+						.then(response => {
+							this.data = response.data
+							this.error = null
+							this.onSearch()
+							btnDelClose.click()
+						})
+						.catch(error => {
+							this.error = error.message
+							this.data = null
+						})
+				} else {
+					localStorage.delId = item.Id
+				}
+			},
+			openEditDiv: function (item) {
+				var urlById = '/dict_data/get?id=' + item.ID
+				if (item.ID) {
+					this.title = this.editTitle
+					axios
+						.get(urlById, jwHeader)
+						.then(response => {
+							this.formData = response.data
+						})
+						.catch(error => {
+							this.error = error.message
+							this.data = null
+						})
+				}
+			},
+			openAddDiv: function (item) {
+				this.title = this.addTitle
+				this.formData = {}
+			},
+			addOrUpdate: function () {
+				var th = this
+				var frmId = 'frmEdit'
+				var json = this.formData
+				var url = json.ID ? '/dict_data/update' : '/dict_data/create'
+				json.DICT_TYPE = this.dictType
+				this.addOrUpdateSubmit(url, json)
+			},
+			addOrUpdateSubmit: function (url, json) {
+				var th = this
+				axios
+					.post(url, json, jwHeader)
+					.then(response => {
+						this.error = null
+						this.onSearch()
+						if (response.data == true) {
+							frmEdit.reset()
+							btnCloseEdit.click()
+						} else {
+							tools.highlightErrorFields(response.data)
+						}
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+		},
+	})
+</script>