diff --git a/package.json b/package.json
index da59c93..5389ba5 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "2.3.1",
+    "@fingerprintjs/fingerprintjs": "^4.6.2",
     "@vueup/vue-quill": "1.2.0",
     "@vueuse/core": "10.6.1",
     "axios": "0.27.2",
@@ -37,7 +38,9 @@
     "vue-router": "4.2.5",
     "vue3-print-nb": "^0.1.4",
     "vue3-select2-component": "^0.1.7",
-    "vuedraggable": "^4.1.0"
+    "vuedraggable": "^4.1.0",
+    "vxe-pc-ui": "^4.3.2",
+    "vxe-table": "^4.9.4"
   },
   "devDependencies": {
     "@eslint/js": "^9.27.0",
diff --git a/src/api/checkCode/index.ts b/src/api/checkCode/index.ts
index 7d4bdd2..3b3cae1 100644
--- a/src/api/checkCode/index.ts
+++ b/src/api/checkCode/index.ts
@@ -51,14 +51,22 @@ export function reportList(query?: Object) {
     data: query,
   });
 }
-// 查询报告Pdf
-export function reportPrintPdf(query?: Object) {
+// 查询报告Pdf预览
+export function reportViewPdf(query?: Object) {
   return request({
     url: '/report/pdf',
     method: 'get',
     params: query,
   });
 }
+// 查询报告Pdf打印
+export function reportPrintPdf(query?: Object) {
+  return request({
+    url: '/report/print',
+    method: 'post',
+    data: query,
+  });
+}
 // 查询项目报告
 export function reportResult(query?: Object) {
   return request({
diff --git a/src/api/liswork/dict/ComDict.js b/src/api/liswork/dict/ComDict.ts
similarity index 69%
rename from src/api/liswork/dict/ComDict.js
rename to src/api/liswork/dict/ComDict.ts
index 3995af2..5e2f957 100644
--- a/src/api/liswork/dict/ComDict.js
+++ b/src/api/liswork/dict/ComDict.ts
@@ -1,7 +1,8 @@
+// @ts-ignore
 import request from '@/utils/request'
 
 // 查询字典数据列表
-export function queryComDictListService(query) {
+export function queryComDictListService(query?: Object) {
   return request({
     url: '/comdict/query',
     method: 'get',
@@ -9,7 +10,7 @@ export function queryComDictListService(query) {
   })
 }
 //增加字典数据
-export function addComDictService(data) {
+export function addComDictService(data?: Object) {
   return request({
     url: '/comdict/add',
     method: 'post',
@@ -18,7 +19,7 @@ export function addComDictService(data) {
 }
 
 //修改字典数据
-export function updateComDictService(data) {
+export function updateComDictService(data?: Object) {
   return request({
     url: '/comdict/update',
     method: 'post',
@@ -27,7 +28,7 @@ export function updateComDictService(data) {
 
 }
 //删除字典数据
-export function delComDictService(data) {
+export function delComDictService(data?: Object) {
   return request({
     url: '/comdict/del',
     method: 'delete',
@@ -37,7 +38,7 @@ export function delComDictService(data) {
 }
 
 // 根据字典类型查询字典数据信息
-export function getComDicts(zdlb) {
+export function getComDicts(zdlb?: Object) {
   return request({
     url: '/comdict/getComDicts',
     method: 'get',
diff --git a/src/api/liswork/dict/LabInstr.js b/src/api/liswork/dict/LabInstr.js
deleted file mode 100644
index 465c459..0000000
--- a/src/api/liswork/dict/LabInstr.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import request from '@/utils/request'
-
-// 查询字典数据列表
-export function querylabInstrList(query) {
-    return request({
-        url: '/instr/query',
-        method: 'get',
-        params: query
-    })
-}
-// 查询字典数据列表
-export function querylabInstrListByLisgroup(query) {
-    return request({
-        url: '/instr/querybylisgroup',
-        method: 'get',
-        params: query
-    })
-}
diff --git a/src/api/liswork/dict/LabInstr.ts b/src/api/liswork/dict/LabInstr.ts
new file mode 100644
index 0000000..a31d3b5
--- /dev/null
+++ b/src/api/liswork/dict/LabInstr.ts
@@ -0,0 +1,19 @@
+// @ts-ignore
+import request from '@/utils/request'
+
+// 查询字典数据列表
+export function querylabInstrList(query?: Object) {
+  return request({
+    url: '/instr/query',
+    method: 'get',
+    params: query
+  })
+}
+// 查询字典数据列表
+export function querylabInstrListByLisgroup(query?: Object) {
+  return request({
+    url: '/instr/querybylisgroup',
+    method: 'get',
+    params: query
+  })
+}
\ No newline at end of file
diff --git a/src/api/liswork/work/LisWork.js b/src/api/liswork/work/LisWork.js
deleted file mode 100644
index 2c9db26..0000000
--- a/src/api/liswork/work/LisWork.js
+++ /dev/null
@@ -1,125 +0,0 @@
-import request from '@/utils/request'
-
-// 查询数据列表
-export function queryLabPatList(query) {
-    return request({
-        url: '/liswork/samplelist',
-        method: 'get',
-        params: query
-    })
-}
-
-// 查询数据
-export function queryLabPat(query) {
-    return request({
-        url: '/liswork/sampleinfo',
-        method: 'get',
-        params: query
-    })
-}
-
-// 查询服务器时间
-export function getDate() {
-    return request({
-        url: '/liswork/getdate',
-        method: 'get',
-    })
-}
-
-//
-export function changeresult(data) {
-    return request({
-        url: '/lisworkoper/changeresult',
-        method: 'post',
-        data
-    })
-}
-
-//修改病人信息
-export function updateLabPat(data) {
-    return request({
-        url: '/lisworkoper/changepat',
-        method: 'post',
-        data
-    })
-}
-export function changepatcolumn(query) {
-    return request({
-        url: '/lisworkoper/changepatcolumn',
-        method: 'get',
-        params:query
-    })
-}
-
-// 查询结果数据列表
-export function queryLabResults(query) {
-    return request({
-        url: '/liswork/resultinfo',
-        method: 'get',
-        params: query
-    })
-}
-// 查询检验项目
-export function queryXmInfo(query) {
-    return request({
-        url: '/liswork/queryxminfo',
-        method: 'get',
-        params: query
-    })
-}
-// 查询常用取值
-export function queryXmVal(query) {
-    return request({
-        url: '/liswork/queryxmval',
-        method: 'get',
-        params: query
-    })
-}
-// 批量删除结果
-export function deleteresult(data) {
-    return request({
-        url: '/liswork/deleteresult',
-        method: 'post',
-        data: data
-    })
-
-}
-//审核
-export function check2(query) {
-    return request({
-        url: '/lisworkoper/check2',
-        method: 'get',
-        params: query
-    })
-
-}
-//取消审核
-export function uncheck2(query) {
-    return request({
-        url: '/lisworkoper/uncheck2',
-        method: 'get',
-        params: query
-    })
-}
-//取消审核
-export function unconfirmlog(query) {
-    return request({
-        url: '/lisworkoper/unconfirmlog',
-        method: 'get',
-        params: query
-    })
-}
-export function checkuser(query) {
-    return request({
-        url: '/liswork/checkuserid',
-        method: 'get',
-        params: query
-    })
-}
-export function reglimit(query) {
-    return request({
-        url: '/lisworkoper/reglimit',
-        method: 'get',
-        params: query
-    })
-}
diff --git a/src/api/liswork/work/LisWork.ts b/src/api/liswork/work/LisWork.ts
new file mode 100644
index 0000000..260b0d5
--- /dev/null
+++ b/src/api/liswork/work/LisWork.ts
@@ -0,0 +1,153 @@
+// @ts-ignore
+import request from '@/utils/request'
+
+// 查询数据列表
+export function queryLabPatList(query?: Object) {
+  return request({
+    url: '/liswork/samplelist',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询数据
+export function queryLabPat(query?: Object) {
+  return request({
+    url: '/liswork/sampleinfo',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询服务器时间
+export function getDate() {
+  return request({
+    url: '/liswork/getdate',
+    method: 'get',
+  })
+}
+
+//新增结果明细
+export function newresult(data?: Object) {
+  return request({
+    url: '/lisworkoper/newresult',
+    method: 'post',
+    data
+  })
+}
+//修改结果明细
+export function changeresult(data?: Object) {
+  return request({
+    url: '/lisworkoper/changeresult',
+    method: 'post',
+    data
+  })
+}
+
+//修改病人信息
+export function updateLabPat(data?: Object) {
+  return request({
+    url: '/lisworkoper/changepat',
+    method: 'post',
+    data
+  })
+}
+export function changepatcolumn(query?: Object) {
+  return request({
+    url: '/lisworkoper/changepatcolumn',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询结果数据列表
+export function queryLabResults(query?: Object) {
+  return request({
+    url: '/liswork/resultinfo',
+    method: 'get',
+    params: query
+  })
+}
+// 查询检验项目
+export function queryXmInfo(query?: Object) {
+  return request({
+    url: '/liswork/queryxminfo',
+    method: 'get',
+    params: query
+  })
+}
+// 查询常用取值
+export function queryXmVal(query?: Object) {
+  return request({
+    url: '/liswork/queryxmval',
+    method: 'get',
+    params: query
+  })
+}
+// 批量删除结果
+export function deleteresult(data?: Object) {
+  return request({
+    url: '/liswork/deleteresult',
+    method: 'post',
+    data: data
+  })
+
+}
+//审核
+export function check2(query?: Object) {
+  return request({
+    url: '/lisworkoper/check2',
+    method: 'get',
+    params: query
+  })
+
+}
+//取消审核
+export function uncheck2(query?: Object) {
+  return request({
+    url: '/lisworkoper/uncheck2',
+    method: 'get',
+    params: query
+  })
+}
+//取消审核原因
+export function unconfirmlog(query?: Object) {
+  return request({
+    url: '/lisworkoper/unconfirmlog',
+    method: 'get',
+    params: query
+  })
+}
+//取消审核原因
+export function check1(query?: Object) {
+  return request({
+    url: 'lisworkoper/check1',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取操作userId
+export function checkuser(query?: Object) {
+  return request({
+    url: '/liswork/checkuserid',
+    method: 'get',
+    params: query
+  })
+}
+export function reglimit(query?: Object) {
+  return request({
+    url: '/lisworkoper/reglimit',
+    method: 'get',
+    params: query
+  })
+}
+
+
+export function printsample(query?: Object) {
+  return request({
+    url: '/lisworkoper/printsample',
+    method: 'get',
+    params: query
+  })
+}
\ No newline at end of file
diff --git a/src/api/login.js b/src/api/login.js
index 7b7388f..c1a9d19 100644
--- a/src/api/login.js
+++ b/src/api/login.js
@@ -19,6 +19,15 @@ export function login(username, password, code, uuid) {
   })
 }
 
+// 单点登录
+export function loginAnonymous(data) {
+  return request({
+    url: '/loginAnonymous',
+    method: 'post',
+    data: data
+  })
+}
+
 // 注册方法
 export function register(data) {
   return request({
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index bcbf3ee..d47a998 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -123,7 +123,7 @@ aside {
 
 //main-container全局样式
 .app-container {
-  padding: 20px;
+  padding: 10px 10px 0 10px;
 }
 
 .components-container {
diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss
index 155fdb7..6997462 100644
--- a/src/assets/styles/ruoyi.scss
+++ b/src/assets/styles/ruoyi.scss
@@ -4,278 +4,422 @@
  */
 
  /** 基础通用 **/
-.pt5 {
-	padding-top: 5px;
-}
-.pr5 {
-	padding-right: 5px;
-}
-.pb5 {
-	padding-bottom: 5px;
-}
-.mt5 {
-	margin-top: 5px;
-}
-.mr5 {
-	margin-right: 5px;
-}
-.mb5 {
-	margin-bottom: 5px;
-}
-.mb8 {
-	margin-bottom: 8px;
-}
-.ml5 {
-	margin-left: 5px;
-}
-.mt10 {
-	margin-top: 10px;
-}
-.mr10 {
-	margin-right: 10px;
-}
-.mb10 {
-	margin-bottom: 10px;
-}
-.ml10 {
-	margin-left: 10px;
-}
-.mt20 {
-	margin-top: 20px;
-}
-.mr20 {
-	margin-right: 20px;
-}
-.mb20 {
-	margin-bottom: 20px;
-}
-.ml20 {
-	margin-left: 20px;
-}
+ .pt5 {
+   padding-top: 5px;
+ }
 
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
-	font-family: inherit;
-	font-weight: 500;
-	line-height: 1.1;
-	color: inherit;
-}
+ .pr5 {
+   padding-right: 5px;
+ }
 
-.el-form .el-form-item__label {
-	font-weight: 700;
-}
-.el-dialog:not(.is-fullscreen) {
-	margin-top: 6vh !important;
-}
+ .pb5 {
+   padding-bottom: 5px;
+ }
 
-.el-dialog.scrollbar .el-dialog__body {
-	overflow: auto;
-	overflow-x: hidden;
-	max-height: 70vh;
-	padding: 10px 20px 0;
-}
+ .mt5 {
+   margin-top: 5px;
+ }
 
-.el-table {
-	.el-table__header-wrapper, .el-table__fixed-header-wrapper {
-		th {
-			word-break: break-word;
-			background-color: #f8f8f9 !important;
-			color: #515a6e;
-			height: 40px !important;
-			font-size: 13px;
-		}
-	}
-	.el-table__body-wrapper {
-		.el-button [class*="el-icon-"] + span {
-			margin-left: 1px;
-		}
-	}
-}
+ .mr5 {
+   margin-right: 5px;
+ }
 
-/** 表单布局 **/
-.form-header {
-    font-size:15px;
-	color:#6379bb;
-	border-bottom:1px solid #ddd;
-	margin:8px 10px 25px 10px;
-	padding-bottom:5px
-}
+ .mb5 {
+   margin-bottom: 5px;
+ }
 
-/** 表格布局 **/
-.pagination-container {
-    position: relative;
-    height: 25px;
-    margin-bottom: 10px;
-    margin-top: 15px;
-    padding: 10px 20px !important;
-}
+ .mb8 {
+   margin-bottom: 8px;
+ }
 
-.el-dialog .pagination-container {
-    position: static !important;
-}
+ .ml5 {
+   margin-left: 5px;
+ }
 
-/* tree border */
-.tree-border {
-    margin-top: 5px;
-    border: 1px solid #e5e6e7;
-    background: #FFFFFF none;
-    border-radius:4px;
-    width: 100%;
-}
+ .mt10 {
+   margin-top: 10px;
+ }
 
-.pagination-container .el-pagination {
-	right: 0;
-	position: absolute;
-}
+ .mr10 {
+   margin-right: 10px;
+ }
 
-@media ( max-width : 768px) {
-  .pagination-container .el-pagination > .el-pagination__jump {
-    display: none !important;
-  }
-  .pagination-container .el-pagination > .el-pagination__sizes {
-    display: none !important;
-  }
-}
+ .mb10 {
+   margin-bottom: 10px;
+ }
 
-.el-table .fixed-width .el-button--small {
-	padding-left: 0;
-	padding-right: 0;
-	width: inherit;
-}
+ .ml10 {
+   margin-left: 10px;
+ }
 
-/** 表格更多操作下拉样式 */
-.el-table .el-dropdown-link {
-	cursor: pointer;
-	color: #409EFF;
-	margin-left: 10px;
-}
+ .mt20 {
+   margin-top: 20px;
+ }
 
-.el-table .el-dropdown, .el-icon-arrow-down {
-	font-size: 12px;
-}
+ .mr20 {
+   margin-right: 20px;
+ }
 
-.el-tree-node__content > .el-checkbox {
-	margin-right: 8px;
-}
+ .mb20 {
+   margin-bottom: 20px;
+ }
 
-.list-group-striped > .list-group-item {
-	border-left: 0;
-	border-right: 0;
-	border-radius: 0;
-	padding-left: 0;
-	padding-right: 0;
-}
+ .ml20 {
+   margin-left: 20px;
+ }
 
-.list-group {
-	padding-left: 0px;
-	list-style: none;
-}
+ .cp {
+   cursor: pointer;
+ }
 
-.list-group-item {
-	border-bottom: 1px solid #e7eaec;
-	border-top: 1px solid #e7eaec;
-	margin-bottom: -1px;
-	padding: 11px 0px;
-	font-size: 13px;
-}
+ .h1,
+ .h2,
+ .h3,
+ .h4,
+ .h5,
+ .h6,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+   font-family: inherit;
+   font-weight: 500;
+   line-height: 1.1;
+   color: inherit;
+ }
 
-.pull-right {
-	float: right !important;
-}
+ .el-form .el-form-item__label {
+   font-weight: 700;
+ }
 
-.el-card__header {
-	padding: 14px 15px 7px !important;
-	min-height: 40px;
-}
+ .el-form--inline .el-form-item {
+   margin-right: 15px;
+ }
 
-.el-card__body {
-	padding: 15px 20px 20px 20px !important;
-}
+ .el-form-item__label {
+   font-weight: 400;
+   font-size: 14px;
+   color: #08355E;
+ }
 
-.card-box {
-	padding-right: 15px;
-	padding-left: 15px;
-	margin-bottom: 10px;
-}
+ .el-dialog:not(.is-fullscreen) {
+   margin-top: 6vh !important;
+ }
 
-/* button color */
-.el-button--cyan.is-active,
-.el-button--cyan:active {
-  background: #20B2AA;
-  border-color: #20B2AA;
-  color: #FFFFFF;
-}
+ .el-dialog.scrollbar .el-dialog__body {
+   overflow: auto;
+   overflow-x: hidden;
+   max-height: 70vh;
+   padding: 10px 20px 0;
+ }
 
-.el-button--cyan:focus,
-.el-button--cyan:hover {
-  background: #48D1CC;
-  border-color: #48D1CC;
-  color: #FFFFFF;
-}
+ .el-table {
+   padding: 0 !important;
+   border-radius: 10px !important;
 
-.el-button--cyan {
-  background-color: #20B2AA;
-  border-color: #20B2AA;
-  color: #FFFFFF;
-}
+   .el-table__header-wrapper,
+   .el-table__fixed-header-wrapper {
+     th {
+       word-break: break-word;
+       background-color: #1F6DD3 !important;
+       color: #FFF;
+       height: 40px !important;
+       font-size: 13px;
+     }
+   }
 
-/* text color */
-.text-navy {
-	color: #1ab394;
-}
+   .el-table__body-wrapper {
+     .el-button [class*="el-icon-"]+span {
+       margin-left: 1px;
+     }
+   }
 
-.text-primary {
-	color: inherit;
-}
 
-.text-success {
-	color: #1c84c6;
-}
+   /* 表格最外层边框（可选） */
+   .el-table--border {
+     border: 1px solid #1F6DD3 !important;
+   }
 
-.text-info {
-	color: #23c6c8;
-}
+   .el-scrollbar__thumb {
+     background-color: #6491D6 !important;
 
-.text-warning {
-	color: #f8ac59;
-}
+   }
 
-.text-danger {
-	color: #ed5565;
-}
+   /* 修改选中行背景色 */
+   .el-table__body tr.current-row>td {
+     background-color: #a4beef !important;
+   }
 
-.text-muted {
-	color: #888888;
-}
+   //  /* 可选：修改悬停颜色 */
+   //  .el-table__body tr.hover-row>td {
+   //    background-color: #a4beef !important;
+   //  }
+ }
 
-/* image */
-.img-circle {
-	border-radius: 50%;
-}
+ .el-table--border {
+   border: 1px solid #96B8D9 !important;
+   border-top: none !important;
+ }
 
-.img-lg {
-	width: 120px;
-	height: 120px;
-}
+ .el-table td.el-table__cell,
+ .el-table th.el-table__cell.is-leaf {
+   border-bottom: 1px solid #96B8D9 !important;
+ }
 
-.avatar-upload-preview {
-	position: absolute;
-	top: 50%;
-	transform: translate(50%, -50%);
-	width: 200px;
-	height: 200px;
-	border-radius: 50%;
-	box-shadow: 0 0 4px #ccc;
-	overflow: hidden;
-}
+ .el-table--border .el-table__cell {
+   border-right: 1px solid #96B8D9 !important;
+ }
 
-/* 拖拽列样式 */
-.sortable-ghost{
-	opacity: .8;
-	color: #fff!important;
-	background: #42b983!important;
-}
+ /* 表格内部边框（可选） */
+ .el-table--border th.el-table__cell {
+   border-right: 1px solid #1F6DD3 !important;
+ }
 
-/* 表格右侧工具栏样式 */
-.top-right-btn {
-	margin-left: auto;
-}
+ /* 在你的全局样式文件中 */
+ .el-input__wrapper {
+   border-color: #96B8D9 !important;
+   //  background-color: #f00;
+ }
+
+ .vxe-table {
+   border: 1px solid #96B8D9 !important;
+   /* 蓝色外边框 */
+   border-radius: 8px;
+   /* 可选：添加边框圆角 */
+   overflow: hidden;
+
+
+
+ }
+
+ .mytable-style {
+   .vxe-header--column {
+     word-break: break-word;
+     background-color: #1F6DD3 !important;
+     color: #FFF;
+     height: 40px !important;
+     font-size: 13px;
+     border-color: #1F6DD3 !important;
+   }
+ }
+
+
+
+ // 高亮
+ .vxe-table--render-default .vxe-body--row.row--current {
+   background-color: #a4beef !important;
+ }
+
+ // 滚动条
+ .mytable-style ::-webkit-scrollbar {
+   width: 8px;
+   height: 8px;
+ }
+
+ .mytable-style ::-webkit-scrollbar-thumb {
+   background-color: #e1e9f7;
+ }
+
+ .mytable-style ::-webkit-scrollbar-thumb:hover {
+   background-color: #e1e9f7;
+ }
+
+ .btn_green {
+   background-color: #aef5ef !important;
+   color: #148A7F;
+   border-color: #aef5ef;
+ }
+
+
+ /** 表单布局 **/
+ .form-header {
+   font-size: 15px;
+   color: #6379bb;
+   border-bottom: 1px solid #ddd;
+   margin: 8px 10px 25px 10px;
+   padding-bottom: 5px
+ }
+
+ /** 表格布局 **/
+ .pagination-container {
+   position: relative;
+   height: 25px;
+   margin-bottom: 10px;
+   margin-top: 15px;
+   padding: 10px 20px !important;
+ }
+
+ .el-dialog .pagination-container {
+   position: static !important;
+ }
+
+ /* tree border */
+ .tree-border {
+   margin-top: 5px;
+   border: 1px solid #e5e6e7;
+   background: #FFFFFF none;
+   border-radius: 4px;
+   width: 100%;
+ }
+
+ .pagination-container .el-pagination {
+   right: 0;
+   position: absolute;
+ }
+
+ @media (max-width : 768px) {
+   .pagination-container .el-pagination>.el-pagination__jump {
+     display: none !important;
+   }
+
+   .pagination-container .el-pagination>.el-pagination__sizes {
+     display: none !important;
+   }
+ }
+
+ .el-table .fixed-width .el-button--small {
+   padding-left: 0;
+   padding-right: 0;
+   width: inherit;
+ }
+
+ /** 表格更多操作下拉样式 */
+ .el-table .el-dropdown-link {
+   cursor: pointer;
+   color: #1F6DD3;
+   margin-left: 10px;
+ }
+
+ .el-table .el-dropdown,
+ .el-icon-arrow-down {
+   font-size: 12px;
+ }
+
+ .el-tree-node__content>.el-checkbox {
+   margin-right: 8px;
+ }
+
+ .list-group-striped>.list-group-item {
+   border-left: 0;
+   border-right: 0;
+   border-radius: 0;
+   padding-left: 0;
+   padding-right: 0;
+ }
+
+ .list-group {
+   padding-left: 0px;
+   list-style: none;
+ }
+
+ .list-group-item {
+   border-bottom: 1px solid #e7eaec;
+   border-top: 1px solid #e7eaec;
+   margin-bottom: -1px;
+   padding: 11px 0px;
+   font-size: 13px;
+ }
+
+ .pull-right {
+   float: right !important;
+ }
+
+ .el-card__header {
+   padding: 14px 15px 7px !important;
+   min-height: 40px;
+ }
+
+ .el-card__body {
+   padding: 15px 20px 20px 20px !important;
+ }
+
+ .card-box {
+   padding-right: 15px;
+   padding-left: 15px;
+   margin-bottom: 10px;
+ }
+
+ /* button color */
+ .el-button--cyan.is-active,
+ .el-button--cyan:active {
+   background: #20B2AA;
+   border-color: #20B2AA;
+   color: #FFFFFF;
+ }
+
+ .el-button--cyan:focus,
+ .el-button--cyan:hover {
+   background: #48D1CC;
+   border-color: #48D1CC;
+   color: #FFFFFF;
+ }
+
+ .el-button--cyan {
+   background-color: #20B2AA;
+   border-color: #20B2AA;
+   color: #FFFFFF;
+ }
+
+ /* text color */
+ .text-navy {
+   color: #1ab394;
+ }
+
+ .text-primary {
+   color: inherit;
+ }
+
+ .text-success {
+   color: #1c84c6;
+ }
+
+ .text-info {
+   color: #23c6c8;
+ }
+
+ .text-warning {
+   color: #f8ac59;
+ }
+
+ .text-danger {
+   color: #ed5565;
+ }
+
+ .text-muted {
+   color: #888888;
+ }
+
+ /* image */
+ .img-circle {
+   border-radius: 50%;
+ }
+
+ .img-lg {
+   width: 120px;
+   height: 120px;
+ }
+
+ .avatar-upload-preview {
+   position: absolute;
+   top: 50%;
+   transform: translate(50%, -50%);
+   width: 200px;
+   height: 200px;
+   border-radius: 50%;
+   box-shadow: 0 0 4px #ccc;
+   overflow: hidden;
+ }
+
+ /* 拖拽列样式 */
+ .sortable-ghost {
+   opacity: .8;
+   color: #fff !important;
+   background: #42b983 !important;
+ }
+
+ /* 表格右侧工具栏样式 */
+ .top-right-btn {
+   margin-left: auto;
+ }
\ No newline at end of file
diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index 3dbfaa7..9e916db 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -36,7 +36,7 @@ $base-sub-menu-background:#000c17;
 $base-sub-menu-hover:#001528;
 */
 
-$--color-primary: #409EFF;
+$--color-primary: #1F6DD3;
 $--color-success: #67C23A;
 $--color-warning: #E6A23C;
 $--color-danger: #F56C6C;
@@ -62,4 +62,4 @@ $base-sidebar-width: 200px;
   dangerColor: $--color-danger;
   infoColor: $--color-info;
   warningColor: $--color-warning;
-}
+}
\ No newline at end of file
diff --git a/src/components/SelectTable/index.vue b/src/components/SelectTable/index.vue
new file mode 100644
index 0000000..309078a
--- /dev/null
+++ b/src/components/SelectTable/index.vue
@@ -0,0 +1,152 @@
+<!--
+ * SelectTable 下拉表格组件
+ * @author: Goal
+ * @since: 2023-11-13
+ * SelectTable.vue
+ *
+ * 属性(带有[Required]为必填属性)
+ * data[Required]: 双向绑定数据
+ * fields[Required]: 表格列对象
+ * tableData[Required]: 表格数据对象
+ * value: 双向绑定数据的值(为空时data属性为表格当前行数据对象)
+ * label: 选择框显示的文本内容(为空时分别查看value和objKey是否为空,若value和objKey都有值,则value优先级大于objKey)
+ * objKey: 对象key(绑定值的唯一标识，绑定值为对象时必填)
+ * placeholder: 选择框占位文本
+ * size: 组件大小
+ * border: 表格是否带有边框
+-->
+<template>
+  <div>
+    <el-select ref="selectTable" v-model="state.selectShowValue" :placeholder="props.placeholder" :size="props.size">
+      <template #empty>
+        <el-table :data="props.tableData" :highlight-current-row="props.isHighlight" style="width: 100%"
+          :size="props.size" :border="props.border" @current-change="handleCurrentChange">
+          <el-table-column v-for="field in props.fields" :prop="field.prop" :label="field.label" :width="field.width"
+            :show-overflow-tooltip="field.showTooltip" />
+        </el-table>
+      </template>
+    </el-select>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref, onMounted } from "vue";
+
+interface Field {
+  prop: string;
+  label: string;
+  width: number;
+  showTooltip?: boolean;
+}
+
+interface Props {
+  data: any;
+  fields: Field[];
+  tableData: object[];
+  label?: string;
+  value?: string;
+  objKey?: string;
+  isHighlight?: boolean;
+  size?: string;
+  placeholder?: string;
+  border?: boolean;
+}
+const props = withDefaults(defineProps < Props > (), {
+  placeholder: "请选择",
+  size: "default",
+  isHighlight: true,
+  value: undefined,
+  label: undefined,
+  border: false,
+});
+
+interface Emits {
+  (e: "update:data", val: any): void;
+}
+
+const emits = defineEmits < Emits > ();
+
+onMounted(() => {
+  //处理数据回显
+  // debugger;
+  if (props.data !== null) {
+    // 配置label则显示label
+    if (typeof props.label !== "undefined") {
+      // 配置了value属性，则找到与value属性值一样的表格行对象，将配置的label回显到下拉框
+      if (typeof props.value !== "undefined") {
+        let row = props.tableData.find(
+          (item) => item[props.value] === props.data
+        );
+        state.selectShowValue =
+          typeof row === "undefined" ? props.data : row[props.label];
+        // 配置了objKey属性，则找到与objKey属性值一样的表格行对象，将配置的label回显到下拉框
+      } else if (typeof props.objKey !== "undefined") {
+        let row = props.tableData.find(
+          (item) => item[props.objKey] === props.data[props.objKey]
+        );
+        state.selectShowValue =
+          typeof row === "undefined"
+            ? props.data[props.objKey]
+            : row[props.label];
+      }
+      //没有配置label属性则回显value或者objKey
+    } else {
+      // 配置了value属性，则找到与value属性值一样的表格行对象，将配置的label回显到下拉框
+      if (typeof props.value !== "undefined") {
+        let row = props.tableData.find(
+          (item) => item[props.value] === props.data
+        );
+        state.selectShowValue =
+          typeof row === "undefined" ? props.data : row[props.value];
+        // 配置了objKey属性，则找到与objKey属性值一样的表格行对象，将配置的label回显到下拉框
+      } else if (typeof props.objKey !== "undefined") {
+        let row = props.tableData.find(
+          (item) => item[props.objKey] === props.data
+        );
+        state.selectShowValue =
+          typeof row === "undefined" ? props.data : row[props.objKey];
+      }
+    }
+  }
+});
+
+const selectTable = ref();
+
+const state = reactive({
+  selectValue: null,
+  selectShowValue: null,
+});
+
+/**
+ * 点击当前行事件
+ * @param val
+ */
+const handleCurrentChange = (val: any) => {
+  // 如果没有配置label则显示value或者objKey
+  setLabel(val);
+  //  设置双向绑定值
+  if (typeof props.value !== "undefined") {
+    emits("update:data", val[props.value]);
+  } else {
+    emits("update:data", val);
+  }
+  selectTable.value.blur();
+};
+
+const setLabel = (val: any) => {
+  // 如果没有配置label则显示value或者objKey
+  if (typeof props.label === "undefined") {
+    // 如果配置了value,则显示value
+    if (typeof props.value !== "undefined") {
+      state.selectShowValue = val[props.value];
+    } else if (typeof props.objKey !== "undefined") {
+      //没有配置value但配置了objKey,则显示objKey
+      state.selectShowValue = val[props.objKey];
+    }
+  } else {
+    state.selectShowValue = val[props.label];
+  }
+};
+</script>
+
+<style scoped></style>
diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue
index 52b40ea..9d71c6e 100644
--- a/src/components/TopNav/index.vue
+++ b/src/components/TopNav/index.vue
@@ -1,31 +1,19 @@
 <template>
-  <el-menu
-    :default-active="activeMenu"
-    mode="horizontal"
-    @select="handleSelect"
-    :ellipsis="false"
-  >
+  <el-menu :default-active="activeMenu" mode="horizontal" @select="handleSelect" :ellipsis="false">
     <template v-for="(item, index) in topMenus">
-      <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber">
-        <svg-icon
-        v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
-        :icon-class="item.meta.icon"/>
+      <el-menu-item :style="{ '--theme': theme }" :index="item.path" :key="index" v-if="index < visibleNumber">
+        <svg-icon v-if="item.meta && item.meta.icon && item.meta.icon !== '#'" :icon-class="item.meta.icon" />
         {{ item.meta.title }}
       </el-menu-item>
     </template>
 
     <!-- 顶部菜单超出数量折叠 -->
-    <el-sub-menu :style="{'--theme': theme}" index="more" v-if="topMenus.length > visibleNumber">
+    <el-sub-menu :style="{ '--theme': theme }" index="more" v-if="topMenus.length > visibleNumber">
       <template #title>更多菜单</template>
       <template v-for="(item, index) in topMenus">
-        <el-menu-item
-          :index="item.path"
-          :key="index"
-          v-if="index >= visibleNumber">
-        <svg-icon
-          v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
-          :icon-class="item.meta.icon"/>
-        {{ item.meta.title }}
+        <el-menu-item :index="item.path" :key="index" v-if="index >= visibleNumber">
+          <svg-icon v-if="item.meta && item.meta.icon && item.meta.icon !== '#'" :icon-class="item.meta.icon" />
+          {{ item.meta.title }}
         </el-menu-item>
       </template>
     </el-sub-menu>
@@ -64,9 +52,9 @@ const topMenus = computed(() => {
     if (menu.hidden !== true) {
       // 兼容顶部栏一级菜单内部跳转
       if (menu.path === "/") {
-          topMenus.push(menu.children[0]);
+        topMenus.push(menu.children[0]);
       } else {
-          topMenus.push(menu);
+        topMenus.push(menu);
       }
     }
   })
@@ -79,10 +67,10 @@ const childrenMenus = computed(() => {
   routers.value.map((router) => {
     for (let item in router.children) {
       if (router.children[item].parentPath === undefined) {
-        if(router.path === "/") {
+        if (router.path === "/") {
           router.children[item].path = "/" + router.children[item].path;
         } else {
-          if(!isHttp(router.children[item].path)) {
+          if (!isHttp(router.children[item].path)) {
             router.children[item].path = router.path + "/" + router.children[item].path;
           }
         }
@@ -102,9 +90,9 @@ const activeMenu = computed(() => {
     const tmpPath = path.substring(1, path.length);
     activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));
     if (!route.meta.link) {
-        appStore.toggleSideBarHide(false);
+      appStore.toggleSideBarHide(false);
     }
-  } else if(!route.children) {
+  } else if (!route.children) {
     activePath = path;
     appStore.toggleSideBarHide(true);
   }
@@ -149,7 +137,7 @@ function activeRoutes(key) {
       }
     });
   }
-  if(routes.length > 0) {
+  if (routes.length > 0) {
     permissionStore.setSidebarRouters(routes);
   } else {
     appStore.toggleSideBarHide(true);
@@ -170,7 +158,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss">
-.topmenu-container.el-menu--horizontal > .el-menu-item {
+.topmenu-container.el-menu--horizontal>.el-menu-item {
   float: left;
   height: 50px !important;
   line-height: 50px !important;
@@ -179,13 +167,14 @@ onMounted(() => {
   margin: 0 10px !important;
 }
 
-.topmenu-container.el-menu--horizontal > .el-menu-item.is-active, .el-menu--horizontal > .el-sub-menu.is-active .el-submenu__title {
+.topmenu-container.el-menu--horizontal>.el-menu-item.is-active,
+.el-menu--horizontal>.el-sub-menu.is-active .el-submenu__title {
   border-bottom: 2px solid #{'var(--theme)'} !important;
   color: #303133;
 }
 
 /* sub-menu item */
-.topmenu-container.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
+.topmenu-container.el-menu--horizontal>.el-sub-menu .el-sub-menu__title {
   float: left;
   height: 50px !important;
   line-height: 50px !important;
@@ -195,7 +184,9 @@ onMounted(() => {
 }
 
 /* 背景色隐藏 */
-.topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .topmenu-container.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
+.topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
+.topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
+.topmenu-container.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
   background-color: #ffffff !important;
 }
 
diff --git a/src/components/tableCom/index.vue b/src/components/tableCom/index.vue
index ecad793..a654215 100644
--- a/src/components/tableCom/index.vue
+++ b/src/components/tableCom/index.vue
@@ -273,15 +273,15 @@ defineExpose({
   margin-right: 20px;
 }
 
-/* 修改选中行背景色 */
-::v-deep .el-table__body tr.current-row>td {
-  background-color: #add7f7 !important;
-}
+// /* 修改选中行背景色 */
+// ::v-deep .el-table__body tr.current-row>td {
+//   background-color: #a4beef !important;
+// }
 
-/* 可选：修改悬停颜色 */
-::v-deep .el-table__body tr.hover-row>td {
-  background-color: #326ca5 !important;
-}
+// /* 可选：修改悬停颜色 */
+// ::v-deep .el-table__body tr.hover-row>td {
+//   background-color: #a4beef !important;
+// }
 
 /* 响应式设计 */
 @media (max-width: 768px) {
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 3b5cdbb..2614e86 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -8,8 +8,10 @@
         <img src="@/assets/images/dark.svg" alt="dark" />
         <div v-if="sideTheme === 'theme-dark'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
           <i aria-label="图标: check" class="anticon anticon-check">
-            <svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" focusable="false" class>
-              <path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" />
+            <svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true"
+              focusable="false" class>
+              <path
+                d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" />
             </svg>
           </i>
         </div>
@@ -18,8 +20,10 @@
         <img src="@/assets/images/light.svg" alt="light" />
         <div v-if="sideTheme === 'theme-light'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
           <i aria-label="图标: check" class="anticon anticon-check">
-            <svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" focusable="false" class>
-              <path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" />
+            <svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true"
+              focusable="false" class>
+              <path
+                d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" />
             </svg>
           </i>
         </div>
@@ -28,7 +32,7 @@
     <div class="drawer-item">
       <span>主题颜色</span>
       <span class="comp-style">
-        <el-color-picker v-model="theme" :predefine="predefineColors" @change="themeChange"/>
+        <el-color-picker v-model="theme" :predefine="predefineColors" @change="themeChange" />
       </span>
     </div>
     <el-divider />
@@ -92,7 +96,7 @@ const showSettings = ref(false);
 const theme = ref(settingsStore.theme);
 const sideTheme = ref(settingsStore.sideTheme);
 const storeSettings = computed(() => settingsStore);
-const predefineColors = ref(["#409EFF", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585"]);
+const predefineColors = ref(["#1F6DD3", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585"]);
 
 /** 是否需要topnav */
 function topNavChange(val) {
@@ -144,10 +148,12 @@ defineExpose({
   color: rgba(0, 0, 0, 0.85);
   line-height: 22px;
   font-weight: bold;
+
   .drawer-title {
     font-size: 14px;
   }
 }
+
 .setting-drawer-block-checbox {
   display: flex;
   justify-content: flex-start;
diff --git a/src/main.js b/src/main.js
index 377ca16..38dd625 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,11 +1,16 @@
-import { createApp } from 'vue'
+import {
+  createApp
+} from 'vue'
 
 import Cookies from 'js-cookie'
 
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import locale from 'element-plus/es/locale/lang/zh-cn'
-
+import VxeUI from 'vxe-pc-ui'
+import 'vxe-pc-ui/lib/style.css'
+import VXETable from 'vxe-table'
+import 'vxe-table/lib/style.css'
 import '@/assets/styles/index.scss' // global css
 // 先导入 jQuery 并设置全局变量
 
@@ -20,7 +25,9 @@ import directive from './directive' // directive
 
 // 注册指令
 import plugins from './plugins' // plugins
-import { download } from '@/utils/request'
+import {
+  download
+} from '@/utils/request'
 
 // svg图标
 import 'virtual:svg-icons-register'
@@ -29,8 +36,18 @@ import elementIcons from '@/components/SvgIcon/svgicon'
 
 import './permission' // permission control
 
-import {useDict, comDict} from '@/utils/dict'
-import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectDictLabels } from '@/utils/ruoyi'
+import {
+  useDict,
+  comDict
+} from '@/utils/dict'
+import {
+  parseTime,
+  resetForm,
+  addDateRange,
+  handleTree,
+  selectDictLabel,
+  selectDictLabels
+} from '@/utils/ruoyi'
 
 // 分页组件
 import Pagination from '@/components/Pagination'
@@ -74,7 +91,7 @@ app.component('Editor', Editor)
 
 //VUE3标准方法注入全局方法
 app.provide('comDict', comDict);
-app.use(Print);  // 注册打印插件
+app.use(Print); // 注册打印插件
 app.provide('$vuePrint', app.config.globalProperties.$vuePrint);
 app.use(router)
 app.use(store)
@@ -82,7 +99,8 @@ app.use(plugins)
 app.use(elementIcons)
 app.component('svg-icon', SvgIcon)
 directive(app)
-
+app.use(VxeUI)
+app.use(VXETable)
 // 使用element-plus 并且设置全局的大小
 app.use(ElementPlus, {
   locale: locale,
@@ -90,4 +108,4 @@ app.use(ElementPlus, {
   size: Cookies.get('size') || 'default'
 })
 
-app.mount('#app')
+app.mount('#app')
\ No newline at end of file
diff --git a/src/permission.js b/src/permission.js
index 4d495ac..4b0a2ea 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -1,17 +1,27 @@
 import router from './router'
-import { ElMessage } from 'element-plus'
+import {
+  ElMessage
+} from 'element-plus'
 import NProgress from 'nprogress'
 import 'nprogress/nprogress.css'
-import { getToken } from '@/utils/auth'
-import { isHttp } from '@/utils/validate'
-import { isRelogin } from '@/utils/request'
+import {
+  getToken
+} from '@/utils/auth'
+import {
+  isHttp
+} from '@/utils/validate'
+import {
+  isRelogin
+} from '@/utils/request'
 import useUserStore from '@/store/modules/user'
 import useSettingsStore from '@/store/modules/settings'
 import usePermissionStore from '@/store/modules/permission'
 
-NProgress.configure({ showSpinner: false });
+NProgress.configure({
+  showSpinner: false
+});
 
-const whiteList = ['/login', '/register'];
+const whiteList = ['/login', '/register', '/report'];
 
 router.beforeEach((to, from, next) => {
   NProgress.start()
@@ -19,7 +29,9 @@ router.beforeEach((to, from, next) => {
     to.meta.title && useSettingsStore().setTitle(to.meta.title)
     /* has token*/
     if (to.path === '/login') {
-      next({ path: '/' })
+      next({
+        path: '/'
+      })
       NProgress.done()
     } else if (whiteList.indexOf(to.path) !== -1) {
       next()
@@ -36,12 +48,17 @@ router.beforeEach((to, from, next) => {
                 router.addRoute(route) // 动态添加可访问路由表
               }
             })
-            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
+            next({
+              ...to,
+              replace: true
+            }) // hack方法 确保addRoutes已完成
           })
         }).catch(err => {
           useUserStore().logOut().then(() => {
             ElMessage.error(err)
-            next({ path: '/' })
+            next({
+              path: '/'
+            })
           })
         })
       } else {
@@ -62,4 +79,4 @@ router.beforeEach((to, from, next) => {
 
 router.afterEach(() => {
   NProgress.done()
-})
+})
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index c4a9d64..2841ee5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,4 +1,7 @@
-import { createWebHistory, createRouter } from 'vue-router'
+import {
+  createWebHistory,
+  createRouter
+} from 'vue-router'
 /* Layout */
 import Layout from '@/layout'
 
@@ -25,17 +28,14 @@ import Layout from '@/layout'
  */
 
 // 公共路由
-export const constantRoutes = [
-  {
+export const constantRoutes = [{
     path: '/redirect',
     component: Layout,
     hidden: true,
-    children: [
-      {
-        path: '/redirect/:path(.*)',
-        component: () => import('@/views/redirect/index.vue')
-      }
-    ]
+    children: [{
+      path: '/redirect/:path(.*)',
+      component: () => import('@/views/redirect/index.vue')
+    }]
   },
   {
     path: '/login',
@@ -47,6 +47,11 @@ export const constantRoutes = [
     component: () => import('@/views/register'),
     hidden: true
   },
+  {
+    path: '/report',
+    component: () => import('@/views/checkCode/report'),
+    hidden: true
+  },
   {
     path: "/:pathMatch(.*)*",
     component: () => import('@/views/error/404'),
@@ -61,102 +66,109 @@ export const constantRoutes = [
     path: '',
     component: Layout,
     redirect: '/index',
-    children: [
-      {
-        path: '/index',
-        component: () => import('@/views/index'),
-        name: 'Index',
-        meta: { title: '首页', icon: 'dashboard', affix: true }
+    children: [{
+      path: '/index',
+      component: () => import('@/views/index'),
+      name: 'Index',
+      meta: {
+        title: '首页',
+        icon: 'dashboard',
+        affix: true
       }
-    ]
+    }]
   },
   {
     path: '/user',
     component: Layout,
     hidden: true,
     redirect: 'noredirect',
-    children: [
-      {
-        path: 'profile',
-        component: () => import('@/views/system/user/profile/index'),
-        name: 'Profile',
-        meta: { title: '个人中心', icon: 'user' }
+    children: [{
+      path: 'profile',
+      component: () => import('@/views/system/user/profile/index'),
+      name: 'Profile',
+      meta: {
+        title: '个人中心',
+        icon: 'user'
       }
-    ]
+    }]
   }
 ]
 
 // 动态路由，基于用户权限动态去加载
-export const dynamicRoutes = [
-  {
+export const dynamicRoutes = [{
     path: '/system/user-auth',
     component: Layout,
     hidden: true,
     permissions: ['system:user:edit'],
-    children: [
-      {
-        path: 'role/:userId(\\d+)',
-        component: () => import('@/views/system/user/authRole'),
-        name: 'AuthRole',
-        meta: { title: '分配角色', activeMenu: '/system/user' }
+    children: [{
+      path: 'role/:userId(\\d+)',
+      component: () => import('@/views/system/user/authRole'),
+      name: 'AuthRole',
+      meta: {
+        title: '分配角色',
+        activeMenu: '/system/user'
       }
-    ]
+    }]
   },
   {
     path: '/system/role-auth',
     component: Layout,
     hidden: true,
     permissions: ['system:role:edit'],
-    children: [
-      {
-        path: 'user/:roleId(\\d+)',
-        component: () => import('@/views/system/role/authUser'),
-        name: 'AuthUser',
-        meta: { title: '分配用户', activeMenu: '/system/role' }
+    children: [{
+      path: 'user/:roleId(\\d+)',
+      component: () => import('@/views/system/role/authUser'),
+      name: 'AuthUser',
+      meta: {
+        title: '分配用户',
+        activeMenu: '/system/role'
       }
-    ]
+    }]
   },
   {
     path: '/system/dict-data',
     component: Layout,
     hidden: true,
     permissions: ['system:dict:list'],
-    children: [
-      {
-        path: 'index/:dictId(\\d+)',
-        component: () => import('@/views/system/dict/data'),
-        name: 'Data',
-        meta: { title: '字典数据', activeMenu: '/system/dict' }
+    children: [{
+      path: 'index/:dictId(\\d+)',
+      component: () => import('@/views/system/dict/data'),
+      name: 'Data',
+      meta: {
+        title: '字典数据',
+        activeMenu: '/system/dict'
       }
-    ]
+    }]
   },
   {
     path: '/monitor/job-log',
     component: Layout,
     hidden: true,
     permissions: ['monitor:job:list'],
-    children: [
-      {
-        path: 'index/:jobId(\\d+)',
-        component: () => import('@/views/monitor/job/log'),
-        name: 'JobLog',
-        meta: { title: '调度日志', activeMenu: '/monitor/job' }
+    children: [{
+      path: 'index/:jobId(\\d+)',
+      component: () => import('@/views/monitor/job/log'),
+      name: 'JobLog',
+      meta: {
+        title: '调度日志',
+        activeMenu: '/monitor/job'
       }
-    ]
+    }]
   },
   {
     path: '/tool/gen-edit',
     component: Layout,
     hidden: true,
     permissions: ['tool:gen:edit'],
-    children: [
-      {
-        path: 'index/:tableId(\\d+)',
-        component: () => import('@/views/tool/gen/editTable'),
-        name: 'GenEdit',
-        meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
+    children: [{
+      path: 'index/:tableId(\\d+)',
+      component: () => import('@/views/tool/gen/editTable'),
+      name: 'GenEdit',
+      meta: {
+        title: '修改生成配置',
+        activeMenu: '/tool/gen'
       }
-    ]
+    }]
   }
 ]
 
@@ -167,9 +179,11 @@ const router = createRouter({
     if (savedPosition) {
       return savedPosition
     } else {
-      return { top: 0 }
+      return {
+        top: 0
+      }
     }
   },
 });
 
-export default router;
+export default router;
\ No newline at end of file
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 79d9511..687ab41 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -1,28 +1,40 @@
 import defaultSettings from '@/settings'
-import { useDynamicTitle } from '@/utils/dynamicTitle'
+import {
+  useDynamicTitle
+} from '@/utils/dynamicTitle'
 
-const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings
+const {
+  sideTheme,
+  showSettings,
+  topNav,
+  tagsView,
+  fixedHeader,
+  sidebarLogo,
+  dynamicTitle
+} = defaultSettings
 
 const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
 
 const useSettingsStore = defineStore(
-  'settings',
-  {
+  'settings', {
     state: () => ({
-      title: '',   //标题
-      theme: storageSetting.theme || '#409EFF',  //主题颜色
-      sideTheme: storageSetting.sideTheme || sideTheme,  //侧边栏主题
-      showSettings: showSettings,  //是否显示设置按钮
-      topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,  //顶部导航
+      title: '', //标题
+      theme: storageSetting.theme || '#1F6DD3', //主题颜色
+      sideTheme: storageSetting.sideTheme || sideTheme, //侧边栏主题
+      showSettings: showSettings, //是否显示设置按钮
+      topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav, //顶部导航
       tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView, //是否显示标签页
       fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader, //是否固定头部
-      sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,  //侧边栏logo
-      dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle  //是否动态标题
+      sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo, //侧边栏logo
+      dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle //是否动态标题
     }),
     actions: {
       // 修改布局设置
       changeSetting(data) {
-        const { key, value } = data
+        const {
+          key,
+          value
+        } = data
         if (this.hasOwnProperty(key)) {
           this[key] = value
         }
@@ -35,4 +47,4 @@ const useSettingsStore = defineStore(
     }
   })
 
-export default useSettingsStore
+export default useSettingsStore
\ No newline at end of file
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index d439c44..cbbc5a1 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,10 +1,18 @@
-import { login, logout, getInfo } from '@/api/login'
-import { getToken, setToken, removeToken } from '@/utils/auth'
+import {
+  login,
+  logout,
+  getInfo,
+  loginAnonymous
+} from '@/api/login'
+import {
+  getToken,
+  setToken,
+  removeToken
+} from '@/utils/auth'
 import defAva from '@/assets/images/profile.jpg'
 
 const useUserStore = defineStore(
-  'user',
-  {
+  'user', {
     state: () => ({
       token: getToken(),
       id: '',
@@ -14,6 +22,20 @@ const useUserStore = defineStore(
       permissions: []
     }),
     actions: {
+      // 单点登录
+      loginAnonymous(data) {
+        return new Promise((resolve, reject) => {
+          loginAnonymous({
+            username: data.name
+          }).then(res => {
+            setToken(res.token)
+            this.token = res.token
+            resolve()
+          }).catch(error => {
+            reject(error)
+          })
+        })
+      },
       // 登录
       login(userInfo) {
         const username = userInfo.username.trim()
@@ -69,4 +91,4 @@ const useUserStore = defineStore(
     }
   })
 
-export default useUserStore
+export default useUserStore
\ No newline at end of file
diff --git a/src/utils/classCom.ts b/src/utils/classCom.ts
index 1dbc1f5..99f53ca 100644
--- a/src/utils/classCom.ts
+++ b/src/utils/classCom.ts
@@ -63,8 +63,26 @@ function getContrastTextColor(bgColor: string): string {
   // 根据亮度返回对比色
   return luminance > 0.5 ? '#333333' : '#FFFFFF';
 }
+
+// 打印https pdf
+function printPDF(pdfUrl: string) {
+  // 验证URL是否为HTTPS
+  if (pdfUrl.startsWith('http')) {
+    console.warn('PDF URL不是HTTPS协议，可能存在安全风险');
+  }
+
+  const iframe = document.createElement('iframe');
+  iframe.style.display = 'none';
+  iframe.src = pdfUrl;
+  document.body.appendChild(iframe);
+  iframe.onload = () => {
+    iframe.contentWindow?.print();
+    setTimeout(() => URL.revokeObjectURL(pdfUrl), 1000); // 释放内存
+  };
+}
+
 // 打印base64 pdf
-function printPDF(base64: string) {
+function printBase64PDF(base64: string) {
   const blob = base64ToBlob(base64);
   const pdfUrl = URL.createObjectURL(blob);
   const iframe = document.createElement('iframe');
@@ -87,5 +105,8 @@ function base64ToBlob(base64: string) {
 }
 
 
-export const classCom = { decimalToHexColor, convertHexToNumber, getContrastTextColor, printPDF }
+
+
+
+export const classCom = { decimalToHexColor, convertHexToNumber, getContrastTextColor, printBase64PDF, printPDF }
 
diff --git a/src/utils/dict.js b/src/utils/dict.js
index 5e69a8f..1af8ef3 100644
--- a/src/utils/dict.js
+++ b/src/utils/dict.js
@@ -1,6 +1,10 @@
 import useDictStore from '@/store/modules/dict'
-import { getDicts } from '@/api/system/dict/data'
-import { getComDicts } from '@/api/liswork/dict/ComDict.js'
+import {
+  getDicts
+} from '@/api/system/dict/data'
+import {
+  getComDicts
+} from '@/api/liswork/dict/ComDict'
 /**
  * 获取字典数据
  */
@@ -14,7 +18,12 @@ export function useDict(...args) {
         res.value[dictType] = dicts;
       } else {
         getDicts(dictType).then(resp => {
-          res.value[dictType] = resp.data.map(p => ({ label: p.dictLabel, value: p.dictValue, elTagType: p.listClass, elTagClass: p.cssClass }))
+          res.value[dictType] = resp.data.map(p => ({
+            label: p.dictLabel,
+            value: p.dictValue,
+            elTagType: p.listClass,
+            elTagClass: p.cssClass
+          }))
           useDictStore().setDict(dictType, res.value[dictType]);
         })
       }
@@ -39,7 +48,9 @@ export function comDict(...args) {
       res.value[dictType] = dicts;
     } else {
       // 缓存不存在，发起请求并记录 Promise
-      const promise = getComDicts({ zdlb: dictType }).then(resp => {
+      const promise = getComDicts({
+        zdlb: dictType
+      }).then(resp => {
         const dictList = resp.data.map(p => ({
           label: p.zdmc,
           value: p.zddh,
@@ -49,7 +60,7 @@ export function comDict(...args) {
 
         res.value[dictType] = dictList;
         useDictStore().setDict(dictType, dictList);
-      //  console.log(`${dictType} 字典加载完成`, dictList);
+        //  console.log(`${dictType} 字典加载完成`, dictList);
         return dictList;
       });
 
@@ -59,7 +70,7 @@ export function comDict(...args) {
 
   // 等待所有 Promise 完成后才返回
   return Promise.all(promises).then(() => {
-   // console.log('所有请求的字典已加载完成', res.value);
+    // console.log('所有请求的字典已加载完成', res.value);
     return toRefs(res.value);
   });
 }
\ No newline at end of file
diff --git a/src/utils/request.js b/src/utils/request.js
index 9f46a9f..deda5fc 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -1,16 +1,33 @@
-import { createVNode, render } from 'vue';
+import {
+  createVNode,
+  render
+} from 'vue';
 import axios from 'axios'
-import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus'
-import { getToken } from '@/utils/auth'
+import {
+  ElNotification,
+  ElMessageBox,
+  ElMessage,
+  ElLoading
+} from 'element-plus'
+import {
+  getToken
+} from '@/utils/auth'
 import errorCode from '@/utils/errorCode'
-import { tansParams, blobValidate } from '@/utils/ruoyi'
+import {
+  tansParams,
+  blobValidate
+} from '@/utils/ruoyi'
 import cache from '@/plugins/cache'
-import { saveAs } from 'file-saver'
+import {
+  saveAs
+} from 'file-saver'
 import useUserStore from '@/store/modules/user'
 
 let downloadLoadingInstance;
 // 是否显示重新登录
-export let isRelogin = { show: false };
+export let isRelogin = {
+  show: false
+};
 
 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 // 创建axios实例
@@ -53,10 +70,10 @@ service.interceptors.request.use(config => {
     if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
       cache.session.setJSON('sessionObj', requestObj)
     } else {
-      const s_url = sessionObj.url;                // 请求地址
-      const s_data = sessionObj.data;              // 请求数据
-      const s_time = sessionObj.time;              // 请求时间
-      const interval = 1000;                       // 间隔时间(ms)，小于此时间视为重复提交
+      const s_url = sessionObj.url; // 请求地址
+      const s_data = sessionObj.data; // 请求数据
+      const s_time = sessionObj.time; // 请求时间
+      const interval = 1000; // 间隔时间(ms)，小于此时间视为重复提交
       if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
         const message = '数据正在处理，请勿重复提交';
         console.warn(`[${s_url}]: ` + message)
@@ -68,77 +85,99 @@ service.interceptors.request.use(config => {
   }
   return config
 }, error => {
-    console.log(error)
-    Promise.reject(error)
+  console.log(error)
+  Promise.reject(error)
 })
 
 // 响应拦截器
 service.interceptors.response.use(res => {
     // 未设置状态码则默认成功状态
-      const code = (() => {
-        const rawCode = res.data.code;
+    const code = (() => {
+      const rawCode = res.data.code;
 
-        // 如果是 null/undefined，返回默认值 200
-        if (rawCode === null || rawCode === undefined) {
-          return 200;
-        }
-
-        // 如果是字符串，尝试转换为数字
-        if (typeof rawCode === 'string') {
-          const numericCode = Number(rawCode);
-          return isNaN(numericCode) ? 200 : numericCode;
-        }
-
-        // 如果已经是数字，直接返回
-        if (typeof rawCode === 'number') {
-          return rawCode;
-        }
-
-        // 其他情况，返回默认值
+      // 如果是 null/undefined，返回默认值 200
+      if (rawCode === null || rawCode === undefined) {
         return 200;
-      })();
+      }
+
+      // 如果是字符串，尝试转换为数字
+      if (typeof rawCode === 'string') {
+        const numericCode = Number(rawCode);
+        return isNaN(numericCode) ? 200 : numericCode;
+      }
+
+      // 如果已经是数字，直接返回
+      if (typeof rawCode === 'number') {
+        return rawCode;
+      }
+
+      // 其他情况，返回默认值
+      return 200;
+    })();
     // 获取错误信息
     const msg = errorCode[code] || res.data.msg || errorCode['default']
     // 二进制数据则直接返回
-    if (res.request.responseType ===  'blob' || res.request.responseType ===  'arraybuffer') {
+    if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
       return res.data
     }
     if (code === 401) {
       if (!isRelogin.show) {
         isRelogin.show = true;
-        ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
+        ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
+          confirmButtonText: '重新登录',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
           isRelogin.show = false;
           useUserStore().logOut().then(() => {
             location.href = '/index';
           })
-      }).catch(() => {
-        isRelogin.show = false;
-      });
-    }
+        }).catch(() => {
+          isRelogin.show = false;
+        });
+      }
       return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
     } else if (code === 500) {
-      ElMessage({ message: msg, type: 'error' })
+      ElMessage({
+        message: msg,
+        type: 'error'
+      })
       return Promise.reject(new Error(msg))
     } else if (code === 601) {
-      ElMessage({ message: msg, type: 'warning' })
+      ElMessage({
+        message: msg,
+        type: 'warning'
+      })
       return Promise.reject(new Error(msg))
     } else if (code === 3) {
       //提示并成功
-      ElMessage({ message: msg, type: 'success' })
-      return  Promise.resolve(res.data)
+      ElMessage({
+        message: msg,
+        type: 'success'
+      })
+      return Promise.resolve(res.data)
     } else if (code === 2) {
       //选择是否后续操作
-          ElMessageBox.confirm(msg, '系统提示', { confirmButtonText: '是', cancelButtonText: '否', type: 'warning' }).then(() => {
-            return  Promise.resolve(res.data);
-            })
-        return Promise.reject('error');
+      ElMessageBox.confirm(msg, '系统提示', {
+        confirmButtonText: '是',
+        cancelButtonText: '否',
+        type: 'warning'
+      }).then(() => {
+        return Promise.resolve(res.data);
+      })
+      return Promise.reject('error');
     } else if (code === 1) {
       //提示并失败
-      ElMessage({ message: msg, type: 'error' })
-      return Promise.reject(new Error(msg))
+      ElNotification({
+        title: '提示',
+        message: msg,
+        type: 'error',
+        duration: 0,
+      })
+      return Promise.resolve(res.data)
     } else if (code === 4) {
       //返回特定值,需要后续处理,表示当前操作需要处理后再调用,problemId是步骤关键参数,需要再次调用时引入
-      return  Promise.resolve(res.data)
+      return Promise.resolve(res.data)
     } else if (code === 5) {
       // 1. 提取后端返回的问题ID（根据实际字段名调整）
       const problemId = res.data.problemId;
@@ -161,7 +200,12 @@ service.interceptors.response.use(res => {
         cancelButtonText: '否',
         type: 'warning'
       }).then(() => {
-        const { url, method, data: data0, params: params0 } = res.data;
+        const {
+          url,
+          method,
+          data: data0,
+          params: params0
+        } = res.data;
         // 4. 构造新请求参数，携带问题ID（根据后端要求决定传递方式）
         const newParams = {
           ...params0,
@@ -188,16 +232,20 @@ service.interceptors.response.use(res => {
           problemId: problemId
         });
       });
-    }  else if (code !== 200 && code !== 0) {
-      ElNotification.error({ title: msg })
+    } else if (code !== 200 && code !== 0) {
+      ElNotification.error({
+        title: msg
+      })
       return Promise.reject('error')
     } else {
-      return  Promise.resolve(res.data)
+      return Promise.resolve(res.data)
     }
   },
   error => {
     console.log('err' + error)
-    let { message } = error;
+    let {
+      message
+    } = error;
     if (message == "Network Error") {
       message = "后端接口连接异常";
     } else if (message.includes("timeout")) {
@@ -205,17 +253,28 @@ service.interceptors.response.use(res => {
     } else if (message.includes("Request failed with status code")) {
       message = "系统接口" + message.substr(message.length - 3) + "异常";
     }
-    ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
+    ElMessage({
+      message: message,
+      type: 'error',
+      duration: 5 * 1000
+    })
     return Promise.reject(error)
   }
 )
 
 // 通用下载方法
 export function download(url, params, filename, config) {
-  downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
+  downloadLoadingInstance = ElLoading.service({
+    text: "正在下载数据，请稍候",
+    background: "rgba(0, 0, 0, 0.7)",
+  })
   return service.post(url, params, {
-    transformRequest: [(params) => { return tansParams(params) }],
-    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    transformRequest: [(params) => {
+      return tansParams(params)
+    }],
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    },
     responseType: 'blob',
     ...config
   }).then(async (data) => {
@@ -237,4 +296,4 @@ export function download(url, params, filename, config) {
   })
 }
 
-export default service
+export default service
\ No newline at end of file
diff --git a/src/utils/useFingerprint.js b/src/utils/useFingerprint.js
new file mode 100644
index 0000000..87b0bae
--- /dev/null
+++ b/src/utils/useFingerprint.js
@@ -0,0 +1,53 @@
+import {
+  ref,
+  onMounted
+} from 'vue';
+import FingerprintJS from '@fingerprintjs/fingerprintjs';
+
+export function useFingerprint() {
+  const fingerprint = ref('');
+  const loading = ref(true);
+  const error = ref(null);
+
+  // 初始化FingerprintJS并获取指纹
+  const getFingerprint = async () => {
+    try {
+      loading.value = true;
+      // 初始化代理
+      const fp = await FingerprintJS.load({
+        // 可选配置
+        monitoring: false,
+        // 扩展结果数据
+        extendedResult: true
+      });
+
+      // 获取指纹信息
+      const result = await fp.get();
+
+      // 指纹标识符
+      fingerprint.value = result.visitorId;
+
+      // 可以获取更多详细信息
+      console.log('指纹详细信息:', result);
+      return result;
+    } catch (err) {
+      error.value = err;
+      console.error('获取指纹失败:', err);
+      return null;
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  // 组件挂载时自动获取指纹
+  onMounted(() => {
+    getFingerprint();
+  });
+
+  return {
+    fingerprint,
+    loading,
+    error,
+    getFingerprint
+  };
+}
\ No newline at end of file
diff --git a/src/views/checkCode/index.vue b/src/views/checkCode/index.vue
index 73ce736..a5c00bd 100644
--- a/src/views/checkCode/index.vue
+++ b/src/views/checkCode/index.vue
@@ -516,9 +516,8 @@ function adjustTableHeight() {
   if (compactForm.value) {
     // 获取高度
     heightForm.value = compactForm.value.offsetHeight;
-    tableConfig.value.height = `calc(72vh - ${heightForm.value}px)`; // 设置表格容器的高度
-    rightTableConfig.value.height = `calc(76vh - ${heightForm.value}px)`;
-
+    tableConfig.value.height = `calc(78vh - ${heightForm.value}px)`; // 设置表格容器的高度
+    rightTableConfig.value.height = `calc(83vh - ${heightForm.value}px)`;
   }
 }
 
diff --git a/src/views/checkCode/report/index.vue b/src/views/checkCode/report/index.vue
index c2861bc..8b8dcac 100644
--- a/src/views/checkCode/report/index.vue
+++ b/src/views/checkCode/report/index.vue
@@ -2,77 +2,89 @@
   <div class="app-container">
     <div ref="compactForm">
       <el-row :gutter="10" class="compact-form" v-show="showSearch">
-        <el-form :model="queryParams" ref="queryRef" :inline="true" :rules="queryRules">
-          <el-form-item label="日期：" prop="times">
-            <el-date-picker v-model="queryParams.times" type="daterange" range-separator="-" start-placeholder="开始时间"
-              end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
-          </el-form-item>
+        <el-form :model="queryParams" ref="queryRef" label-width="100px" :rules="queryRules" style="width: 100%;">
+          <el-row>
+            <el-col :span="5">
+              <el-form-item label="日期：" prop="times">
+                <el-date-picker v-model="queryParams.times" type="daterange" range-separator="-"
+                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="打印状态：" prop="dybz">
+                <el-select v-model="queryParams.dybz" placeholder="请选择" style=" ">
+                  <el-option label="已打印" value="1" />
+                  <el-option label="未打印" value="0" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="科室：" prop="ksdh">
+                <el-select v-model="queryParams.ksdh" placeholder="请选择" filterable clearable>
+                  <el-option v-for="item in dictData.DP" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="病人类型：" prop="brly">
+                <el-select v-model="queryParams.brly" placeholder="请选择">
+                  <el-option v-for="item in dictData.PT" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="" prop="">
+                <el-checkbox v-model="queryParams.alarmflag" label="仅危急值" @change="alarmHandle" size="large" />
+                <el-checkbox v-model="queryParams.jzbz" label="仅急诊" @change="jzbzHandle" size="large" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="5">
+              <el-form-item label="姓名：" prop="brxm">
+                <el-input v-model="queryParams.brxm" clearable placeholder="请输入姓名" @keyup.enter="handleQuery"
+                  @clear="handleQuery" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="病人号：" prop="brdh">
+                <el-input v-model="queryParams.brdh" clearable placeholder="请输入病人号" @keyup.enter="handleQuery"
+                  @clear="handleQuery" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="床号：" prop="ch">
+                <el-input v-model="queryParams.ch" clearable placeholder="请输入床号" @keyup.enter="handleQuery"
+                  @clear="handleQuery" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="">
+                <el-button icon="search" type="primary" @click="handleQuery">
+                  搜索
+                </el-button>
+                <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
 
-          <el-form-item label="病人状态：" prop="dybz">
-            <el-select v-model="queryParams.dybz" placeholder="请选择">
-              <el-option label="已打印" value="1" />
-              <el-option label="未打印" value="0" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="科室：" prop="ksdh">
-            <el-select v-model="queryParams.ksdh" placeholder="请选择" filterable clearable>
-              <el-option v-for="item in dictData.DP" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="病人类型：" prop="brly">
-            <el-select v-model="queryParams.brly" placeholder="请选择" style="width: 120px;">
-              <el-option v-for="item in dictData.PT" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="" prop="">
-            <el-checkbox v-model="queryParams.alarmflag" label="仅危急值" @change="alarmHandle" size="large" />
-            <el-checkbox v-model="queryParams.jzbz" label="仅急诊" @change="jzbzHandle" size="large" />
-          </el-form-item>
-          <el-form-item label="姓名" prop="brxm">
-            <el-col :span="1.5">
-              <el-input v-model="queryParams.brxm" clearable placeholder="姓名" @keyup.enter="handleQuery"
-                @clear="handleQuery" />
-            </el-col>
-          </el-form-item>
-          <el-form-item label="病人号" prop="brdh">
-            <el-col :span="1.5">
-              <el-input v-model="queryParams.brdh" clearable placeholder="病人号" @keyup.enter="handleQuery"
-                @clear="handleQuery" />
-            </el-col>
-          </el-form-item>
-          <el-form-item label="条形码" prop="sqh">
-            <el-col :span="1.5">
-              <el-input v-model="queryParams.sqh" clearable placeholder="条形码" @keyup.enter="handleQuery"
-                @clear="handleQuery" />
-            </el-col>
-          </el-form-item>
-          <el-form-item label="">
-            <el-button icon="search" type="primary" @click="handleQuery">
-              搜索
-            </el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-          </el-form-item>
         </el-form>
       </el-row>
     </div>
-    <el-row :gutter="10">
+    <el-row :gutter="20">
       <el-col :span="14" class="right-table">
         <el-row :gutter="10" class="mb8 mt10">
           <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus">打印</el-button>
+            <el-button type="primary" plain icon="Edit" @click="selectStatusRows">勾选所有未打印</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="danger" plain icon="Edit" @click="selectStatusRows">勾选中所有未打印</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="success" plain :disabled="single" @click="printPdf">打印单张PDF报告</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="info" plain icon="Upload">GUID打印报告</el-button>
+            <el-button type="primary" plain icon="Upload" @click="printPdf">打印报告</el-button>
           </el-col>
 
-          <right-toolbar v-model:showSearch="showSearch" @updateColumns="updateColumns" @queryTable="handleQuery"
-            :columns="columns"></right-toolbar>
+          <!-- <right-toolbar v-model:showSearch="showSearch" @updateColumns="updateColumns" @queryTable="handleQuery"
+            :columns="columns"></right-toolbar> -->
         </el-row>
 
         <CustomTable ref="tableRefs" :data="tableData" :columns="columns" :config="tableConfig" :loading="loading"
@@ -90,21 +102,22 @@
 
       </el-col>
       <el-col :span="10" class="right-table">
-        <div class="title">检验结果</div>
-        <div class="mb10">
+        <!-- <div class="title">检验结果</div> -->
+        <div class="mb8 mt10">
           <el-button type="primary" @click="openDB">对比历史</el-button>
-          <el-button type="primary" @click="copyData('All')">复制全部数据</el-button>
-          <el-button type="primary" @click="copyData('N')">复制异常数据</el-button>
-          <el-button type="primary" @click="copyData('Y')">复制正常数据</el-button>
-          <el-button type="primary">知识库</el-button>
+          <el-select class="ml10" placeholder="请选择复制" style="width: 140px" @change="copyData">
+            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+          <!-- <el-button type="primary">知识库</el-button> -->
         </div>
 
         <CustomTable :data="rightTableData" :columns="rightColumns" :config="rightTableConfig" :loading="loading"
-          @row-click="xmrowHandle">
+          @row-click="xmrowHandle" ref="rightTableRef">
         </CustomTable>
 
-        <div class="title mt10">抗生素项目</div>
-        <CustomTable :data="bottomTableData" :columns="bottomColumns" :config="bottomTableConfig" :loading="loading">
+        <div class="mt10" v-if="bottomTableData.length > 0"></div>
+        <CustomTable v-if="bottomTableData.length > 0" :data="bottomTableData" :columns="bottomColumns"
+          :config="bottomTableConfig" :loading="loading">
         </CustomTable>
       </el-col>
     </el-row>
@@ -115,9 +128,9 @@
       <div class="flex-between">
 
       </div>
-      <el-table :data="compareTableData" style="width: 100%" @row-click="handleRowClick" highlight-current-row
+      <el-table :data="compareTableData" style="width: 100%" @row-click="handleRowClick" highlight-current-row border
         max-height="350px">
-        <el-table-column prop="xmdh" label="项目编号" fixed align="center" width="100px" />
+        <el-table-column prop="xmdh" label="项目编号" fixed align="center" width="150px" />
         <el-table-column prop="xmmc" label="项目名称" fixed align="center" />
         <template v-for="(period) in periods" :key="period">
           <el-table-column :label="period" :prop="period" :width="150" align="center" />
@@ -137,18 +150,27 @@ import { reportList, reportPrintPdf, reportResult, reportMedList, reportFsresult
 import dayjs from 'dayjs';
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { classCom } from '@/utils/classCom'
+import { HiprintPrinter } from '@/utils/hiprintPrinter';
 import * as echarts from 'echarts';
 //@ts-ignore 
 import { comDict } from '@/utils/dict'
-const router = useRouter()
+import { usePrintStore } from '@/store/modules/printStore'
+//@ts-ignore 
+import useUserStore from '@/store/modules/user'
 
+const userStore = useUserStore()
 const compactForm = ref<HTMLElement | null>(null);
 const heightForm = ref(90);
 const dialogVisible = ref(false)
 const tableRefs = ref()
 
 const myEcharts = ref()
-
+const options = ref([
+  { label: '复制全部数据', value: 'All' },
+  { label: '复制异常数据', value: 'N' },
+  { label: '复制正常数据', value: 'Y' },
+]
+)
 interface QueryParams {
   times: string[]; // 明确类型为字符串元组
   alarmflag: boolean,
@@ -157,26 +179,29 @@ interface QueryParams {
   brly: string,
   brxm: string,
   brdh: string,
-  sqh: string,
+  ch: string,
   dybz: string,
+  sqh: string,
 }
 
 // 提交表单数据
 const queryParams = reactive<QueryParams>({
   times: ['2025-08-19', '2025-08-19'],
-  ksdh: '',
+  // ksdh: '0203',
+  ksdh: '0210',
   brly: '',
+  sqh: '25080109476',
   alarmflag: false,
   jzbz: false,
   brxm: '',
   brdh: '',
-  sqh: '',
+  ch: '',
   dybz: '',
 });
 const single = ref(true);
 const multiple = ref(true);
-const alarmflag = ref('0')
-const jzbz = ref('0')
+const alarmflag = ref()
+const jzbz = ref()
 const showSearch = ref(true);
 const queryRef = ref()
 // 项目点击数据
@@ -211,18 +236,19 @@ const rows = ref<any[]>([])
 const tableData = ref([])
 // 配置项
 const columns = ref<ColumnItem[]>([
-  { prop: 'dybz', label: '打印', visible: true, key: 0, slot: 'dybz', },
-  { prop: 'jzbz', label: '急诊', visible: true, key: 1, slot: 'jzbz', },
+  { prop: 'dybz', label: '打印', align: 'center', visible: true, key: 0, slot: 'dybz', width: '60px' },
+  { prop: 'jzbz', label: '急诊', align: 'center', visible: true, key: 1, slot: 'jzbz', },
   { prop: 'alarmflag', label: '危急值', align: 'center', visible: true, key: 2, slot: 'alarmflag' },
-  { prop: 'jyrq', label: '检验日期', align: 'center', visible: true, key: 3, width: '150px' },
+  { prop: 'jyrq', label: '检验日期', align: 'center', visible: true, key: 3, sortable: true, width: '150px' },
   { prop: 'brdh', label: '病人代号', align: 'center', visible: true, key: 4, width: '110px' },
-  { prop: 'ch', label: '床号', align: 'center', visible: true, key: 5, sortable: true, },
+  { prop: 'brxm', label: '病人姓名', align: 'center', visible: true, key: 4, },
+  { prop: 'brxbname', label: '性别', align: 'center', visible: true, key: 11, },
+  { prop: 'ch', label: '床号', align: 'center', visible: true, key: 5, },
   { prop: 'yqdl', label: '仪器', align: 'center', visible: true, key: 6, width: '110px' },
   { prop: 'ybh', label: '样本号', align: 'center', visible: true, key: 7, },
   { prop: 'yblxname', label: '样本类型', align: 'center', visible: true, key: 8, },
   { prop: 'jymd', label: '检验目的', align: 'center', visible: true, key: 9, width: '110px' },
   { prop: 'brlyname', label: '病人类型', align: 'center', visible: true, key: 10, },
-  { prop: 'brxbname', label: '性别', align: 'center', visible: true, key: 11, },
   { prop: 'yqmc', label: '仪器名称', align: 'center', visible: true, key: 12, width: '150px' },
   { prop: 'yljg', label: '医疗机构', align: 'center', visible: true, key: 13, width: '150px' },
 ])
@@ -233,6 +259,7 @@ const selectionChange = (selection: any) => {
   multiple.value = !selection.length;
 }
 
+const rightTableRef = ref()
 const rowHandle = (row: any) => {
   Info.value = row
   const data = {
@@ -243,28 +270,33 @@ const rowHandle = (row: any) => {
   reportResult(data).then((res: any) => {
     if (res.code == 0) {
       rightTableData.value = res.data
+      rightTableRef.value.setCurrentRow(res.data[0])
+      xmrowHandle(res.data[0])
     }
   })
 }
 
 // 打印单张Pdf
 const printPdf = () => {
-  const data = {
-    jyrq: rows.value[0].jyrq,
-    yq: rows.value[0].yq,
-    ybh: rows.value[0].ybh
-  }
-  reportPrintPdf(data).then((res: any) => {
+  const printStore = usePrintStore();
+  const merge = rows.value.map((item: any) => { return `${item.jyrqname.replace(/-/g, '')}_${item.yq.trim()}_${item.ybh}` })
+  // const merge = [
+  //   "20250819_11_1",
+  //   "20250819_11_10",
+  //   "20250819_11_11"
+  // ]
+  reportPrintPdf(merge).then((res: any) => {
     if (res.code == 0) {
-      if (!res.data.base64PDF) return
-      classCom.printPDF(res.data.base64PDF)
+      classCom.printBase64PDF(res.data)
+      // if (printStore.isConnected) {
+      //   HiprintPrinter.silentPrint([res.data])
+      // } else {
+      //    classCom.printBase64PDF(res.data)
+      // }
     }
   })
 }
 
-
-
-
 // 单元格样式
 const cellStyleHd = ({ row, column, rowIndex, columnIndex }: {
   row: any;
@@ -287,7 +319,7 @@ const cellStyleHd = ({ row, column, rowIndex, columnIndex }: {
 const tableConfig = ref(
   {
     // stripe: true, // 斑马纹
-    // border: true, // 边框
+    border: true, // 边框
     selection: true, // 多选框
     index: false, // 序号
     height: '', // 高度
@@ -310,17 +342,19 @@ const alarmHandle = (val: boolean) => {
   if (val) {
     queryParams.jzbz = false
     alarmflag.value = '1'
+    jzbz.value = null
   } else {
-    alarmflag.value = '0'
+    alarmflag.value = null
   }
 
 }
 const jzbzHandle = (val: boolean) => {
   if (val) {
     queryParams.alarmflag = false
+    alarmflag.value = null
     jzbz.value = '1'
   } else {
-    jzbz.value = '0'
+    jzbz.value = null
   }
 }
 
@@ -356,10 +390,10 @@ const rightColumns = ref([
 const rightTableConfig = ref(
   {
     // stripe: true, // 斑马纹
-    // border: true, // 边框
+    border: true, // 边框
     selection: false, // 多选框
     index: false, // 序号
-    height: '28vh', // 高度
+    height: '40vh', // 高度
     highlightCurrentRow: true, // 高亮当前行
   }
 )
@@ -376,8 +410,18 @@ const xmrowHandle = (row: any) => {
   reportMedList(data).then((res: any) => {
     if (res.code == 200) {
       bottomTableData.value = res.rows
+      if (res.rows.length > 0) {
+        nextTick(() => {
+          rightTableConfig.value.height = `calc(55vh - ${heightForm.value}px)`
+          rightTableRef.value?.doLayout && rightTableRef.value.doLayout();
+        });
+      } else {
+        nextTick(() => {
+          rightTableConfig.value.height = `calc(93vh - ${heightForm.value}px)`
+          rightTableRef.value?.doLayout && rightTableRef.value.doLayout();
+        });
+      }
     }
-
   })
 }
 
@@ -385,9 +429,7 @@ const periods = ref<string[]>([])
 
 const compareTableData = ref([])
 
-const aaaa = () => {
 
-}
 // 历史数据对比
 const openDB = () => {
   // 00507620
@@ -603,10 +645,10 @@ const bottomColumns = ref([
 const bottomTableConfig = ref(
   {
     // stripe: true, // 斑马纹
-    // border: true, // 边框
+    border: true, // 边框
     selection: false, // 多选框
     index: false, // 序号
-    height: '28vh', // 高度
+    height: '37vh', // 高度
     highlightCurrentRow: true, // 高亮当前行
   }
 )
@@ -626,6 +668,8 @@ onMounted(async () => {
   // const start = dayjs().subtract(1, 'day').format('YYYY-MM-DD HH:mm:ss'); //add 时间往后
   // queryParams.times = [start, end];
   // console.log(queryParams.times);
+  // 进入页面单点登录
+  userStore.loginAnonymous({ name: 'admin' })
   getList()
   adjustTableHeight();
 
@@ -641,6 +685,7 @@ onMounted(async () => {
 
 
 const getList = () => {
+  if (!queryParams.ksdh) return ElMessage.error('科室代号不能为空');
   const data = {
     alarmflag: alarmflag.value,
     jzbz: jzbz.value,
@@ -649,7 +694,7 @@ const getList = () => {
     brly: queryParams.brly,
     brxm: queryParams.brxm,
     brdh: queryParams.brdh,
-    sqh: queryParams.sqh,
+    ch: queryParams.ch,
     st: '',
     et: '',
     yljg: 1
@@ -676,11 +721,13 @@ watch(showSearch, () => {
 
 function adjustTableHeight() {
   if (compactForm.value) {
-    // 获取高度
     heightForm.value = compactForm.value.offsetHeight;
-    tableConfig.value.height = `calc(80vh - ${heightForm.value}px)`;
-    rightTableConfig.value.height = `calc(38vh - ${heightForm.value}px)`;
-    bottomTableConfig.value.height = `calc(35vh - ${heightForm.value} }px)`;
+
+    nextTick(() => {
+      tableConfig.value.height = `calc(93vh - ${heightForm.value}px)`
+      tableRefs.value?.doLayout && tableRefs.value.doLayout();
+    });
+
   }
 }
 
@@ -688,7 +735,7 @@ function adjustTableHeight() {
 
 <style scoped lang="scss">
 .right-table {
-  border: 1px solid #dcdfe6;
+  // border: 1px solid #dcdfe6;
 }
 
 .title {
diff --git a/src/views/index copy.vue b/src/views/index copy.vue
new file mode 100644
index 0000000..53f7266
--- /dev/null
+++ b/src/views/index copy.vue	
@@ -0,0 +1,1061 @@
+<template>
+  <div class="app-container home">
+    <!-- <el-row :gutter="20">
+      <el-col :sm="24" :lg="24">
+        <blockquote class="text-warning" style="font-size: 14px">
+          领取阿里云通用云产品1888优惠券
+          <br />
+          <el-link
+            href="https://www.aliyun.com/minisite/goods?userCode=brki8iof"
+            type="primary"
+            target="_blank"
+            >https://www.aliyun.com/minisite/goods?userCode=brki8iof</el-link
+          >
+          <br />
+          领取腾讯云通用云产品2860优惠券
+          <br />
+          <el-link
+            href="https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console"
+            type="primary"
+            target="_blank"
+            >https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console</el-link
+          >
+          <br />
+          阿里云服务器折扣区
+          <el-link href="http://aly.ruoyi.vip" type="primary" target="_blank"
+            >>☛☛点我进入☚☚</el-link
+          >
+          &nbsp;&nbsp;&nbsp; 腾讯云服务器秒杀区
+          <el-link href="http://txy.ruoyi.vip" type="primary" target="_blank"
+            >>☛☛点我进入☚☚</el-link
+          ><br />
+          <h4 class="text-danger">
+            云产品通用红包，可叠加官网常规优惠使用。(仅限新用户)
+          </h4>
+        </blockquote>
+
+        <hr />
+      </el-col>
+    </el-row>
+    <el-row :gutter="20">
+      <el-col :sm="24" :lg="12" style="padding-left: 20px">
+        <h2>若依后台管理框架</h2>
+        <p>
+          一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
+        </p>
+        <p>
+          <b>当前版本:</b> <span>v{{ version }}</span>
+        </p>
+        <p>
+          <el-tag type="danger">&yen;免费开源</el-tag>
+        </p>
+        <p>
+          <el-button
+            type="primary"
+            icon="Cloudy"
+            plain
+            @click="goTarget('https://gitee.com/y_project/RuoYi-Vue')"
+            >访问码云</el-button
+          >
+          <el-button
+            icon="HomeFilled"
+            plain
+            @click="goTarget('http://ruoyi.vip')"
+            >访问主页</el-button
+          >
+        </p>
+      </el-col>
+
+      <el-col :sm="24" :lg="12" style="padding-left: 50px">
+        <el-row>
+          <el-col :span="12">
+            <h2>技术选型</h2>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <h4>后端技术</h4>
+            <ul>
+              <li>SpringBoot</li>
+              <li>Spring Security</li>
+              <li>JWT</li>
+              <li>MyBatis</li>
+              <li>Druid</li>
+              <li>Fastjson</li>
+              <li>...</li>
+            </ul>
+          </el-col>
+          <el-col :span="6">
+            <h4>前端技术</h4>
+            <ul>
+              <li>Vue</li>
+              <li>Vuex</li>
+              <li>Element-ui</li>
+              <li>Axios</li>
+              <li>Sass</li>
+              <li>Quill</li>
+              <li>...</li>
+            </ul>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+    <el-divider />
+    <el-row :gutter="20">
+      <el-col :xs="24" :sm="24" :md="12" :lg="8">
+        <el-card class="update-log">
+          <template v-slot:header>
+            <div class="clearfix">
+              <span>联系信息</span>
+            </div>
+          </template>
+          <div class="body">
+            <p>
+              <i class="el-icon-s-promotion"></i> 官网：<el-link
+                href="http://www.ruoyi.vip"
+                target="_blank"
+                >http://www.ruoyi.vip</el-link
+              >
+            </p>
+            <p>
+              <i class="el-icon-user-solid"></i> QQ群：<s> 满937441 </s> <s> 满887144332 </s>
+              <s> 满180251782 </s> <s> 满104180207 </s> <s> 满186866453 </s> <s> 满201396349 </s>
+              <s> 满101456076 </s> <s> 满101539465 </s> <s> 满264312783 </s> <s> 满167385320 </s> 
+              <s> 满104748341 </s> <s> 满160110482 </s> <s> 满170801498 </s> <s> 满108482800 </s> 
+              <s> 满101046199 </s> <s> 满136919097 </s> <s> 满143961921 </s> <s> 满174951577 </s> <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=Lj0nHRAPD5CZv1jTOciuxXVloBJLS2Lp&authKey=Q2RxC6%2Ffxney9yOGBY0sDJxFhX9b7o1FRY1bsESmkbcZ4PFt6Vx92FpVo9O1u9p4&noverify=0&group_code=161281055" target="_blank">161281055</a>
+            </p>
+            <p>
+              <i class="el-icon-chat-dot-round"></i> 微信：<a
+                href="javascript:;"
+                >/ *若依</a
+              >
+            </p>
+            <p>
+              <i class="el-icon-money"></i> 支付宝：<a
+                href="javascript:;"
+                class="支付宝信息"
+                >/ *若依</a
+              >
+            </p>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :xs="24" :sm="24" :md="12" :lg="8">
+        <el-card class="update-log">
+          <template v-slot:header>
+            <div class="clearfix">
+              <span>更新日志</span>
+            </div>
+          </template>
+          <el-collapse accordion>
+            <el-collapse-item title="v3.8.7 - 2023-12-08">
+              <ol>
+                <li>操作日志记录部门名称</li>
+                <li>全局数据存储用户编号</li>
+                <li>新增编程式判断资源访问权限</li>
+                <li>操作日志列表新增IP地址查询</li>
+                <li>定时任务新增页去除状态选项</li>
+                <li>代码生成支持选择前端模板类型</li>
+                <li>显隐列组件支持复选框弹出类型</li>
+                <li>通用排序属性orderBy参数限制长度</li>
+                <li>Excel自定义数据处理器增加单元格/工作簿对象</li>
+                <li>升级oshi到最新版本6.4.8</li>
+                <li>升级druid到最新版本1.2.20</li>
+                <li>升级fastjson到最新版2.0.43</li>
+                <li>升级pagehelper到最新版1.4.7</li>
+                <li>升级commons.io到最新版本2.13.0</li>
+                <li>升级element-ui到最新版本2.15.14</li>
+                <li>修复五级路由缓存无效问题</li>
+                <li>修复外链带端口出现的异常</li>
+                <li>修复树模板父级编码变量错误</li>
+                <li>修复字典表详情页面搜索问题</li>
+                <li>修复内链iframe没有传递参数问题</li>
+                <li>修复自定义字典样式不生效的问题</li>
+                <li>修复字典缓存删除方法参数错误问题</li>
+                <li>修复Excel导入数据临时文件无法删除问题</li>
+                <li>修复未登录带参数访问成功后参数丢失问题</li>
+                <li>修复HeaderSearch组件跳转query参数丢失问题</li>
+                <li>修复代码生成导入后必填项与数据库不匹配问题</li>
+                <li>修复Excels导入时无法获取到dictType字典值问题</li>
+                <li>优化下载zip方法新增遮罩层</li>
+                <li>优化头像上传参数新增文件名称</li>
+                <li>优化字典标签支持自定义分隔符</li>
+                <li>优化菜单管理类型为按钮状态可选</li>
+                <li>优化前端防重复提交数据大小限制</li>
+                <li>优化TopNav菜单没有图标svg不显示</li>
+                <li>优化数字金额大写转换精度丢失问题</li>
+                <li>优化富文本Editor组件检验图片格式</li>
+                <li>优化页签在Firefox浏览器被遮挡的问题</li>
+                <li>优化个人中心/基本资料修改时数据显示问题</li>
+                <li>优化缓存监控图表支持跟随屏幕大小自适应调整</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.6 - 2023-06-30">
+              <ol>
+                <li>支持登录IP黑名单限制</li>
+                <li>新增监控页面图标显示</li>
+                <li>操作日志新增消耗时间属性</li>
+                <li>屏蔽定时任务bean违规的字符</li>
+                <li>日志管理使用索引提升查询性能</li>
+                <li>日志注解支持排除指定的请求参数</li>
+                <li>支持自定义隐藏属性列过滤子对象</li>
+                <li>升级oshi到最新版本6.4.3</li>
+                <li>升级druid到最新版本1.2.16</li>
+                <li>升级fastjson到最新版2.0.34</li>
+                <li>升级spring-boot到最新版本2.5.15</li>
+                <li>升级element-ui到最新版本2.15.13</li>
+                <li>移除apache/commons-fileupload依赖</li>
+                <li>修复页面切换时布局错乱的问题</li>
+                <li>修复匿名注解Anonymous空指针问题</li>
+                <li>修复路由跳转被阻止时内部产生报错信息问题</li>
+                <li>修复isMatchedIp的参数判断产生空指针的问题</li>
+                <li>修复用户多角色数据权限可能出现权限抬升的情况</li>
+                <li>修复开启TopNav后一级菜单路由参数设置无效问题</li>
+                <li>修复DictTag组件value没有匹配的值时则展示value</li>
+                <li>优化文件下载出现的异常</li>
+                <li>优化选择图标组件高亮回显</li>
+                <li>优化弹窗后导航栏偏移的问题</li>
+                <li>优化修改密码日志存储明文问题</li>
+                <li>优化页签栏关闭其他出现的异常问题</li>
+                <li>优化页签关闭左侧选项排除首页选项</li>
+                <li>优化关闭当前tab页跳转最右侧tab页</li>
+                <li>优化缓存列表清除操作提示不变的问题</li>
+                <li>优化字符未使用下划线不进行驼峰式处理</li>
+                <li>优化用户导入更新时需获取用户编号问题</li>
+                <li>优化侧边栏的平台标题与VUE_APP_TITLE保持同步</li>
+                <li>优化导出Excel时设置dictType属性重复查缓存问题</li>
+                <li>连接池Druid支持新的配置connectTimeout和socketTimeout</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.5 - 2023-01-01">
+              <ol>
+                <li>定时任务违规的字符</li>
+                <li>重置时取消部门选中</li>
+                <li>新增返回警告消息提示</li>
+                <li>忽略不必要的属性数据返回</li>
+                <li>修改参数键名时移除前缓存配置</li>
+                <li>导入更新用户数据前校验数据权限</li>
+                <li>兼容Excel下拉框内容过多无法显示的问题</li>
+                <li>升级echarts到最新版本5.4.0</li>
+                <li>升级core-js到最新版本3.25.3</li>
+                <li>升级oshi到最新版本6.4.0</li>
+                <li>升级kaptcha到最新版2.3.3</li>
+                <li>升级druid到最新版本1.2.15</li>
+                <li>升级fastjson到最新版2.0.20</li>
+                <li>升级pagehelper到最新版1.4.6</li>
+                <li>优化弹窗内容过多展示不全问题</li>
+                <li>优化swagger-ui静态资源使用缓存</li>
+                <li>开启TopNav没有子菜单隐藏侧边栏</li>
+                <li>删除fuse无效选项maxPatternLength</li>
+                <li>优化导出对象的子列表为空会出现[]问题</li>
+                <li>优化编辑头像时透明部分会变成黑色问题</li>
+                <li>优化小屏幕上修改头像界面布局错位的问题</li>
+                <li>修复代码生成勾选属性无效问题</li>
+                <li>修复文件上传组件格式验证问题</li>
+                <li>修复回显数据字典数组异常问题</li>
+                <li>修复sheet超出最大行数异常问题</li>
+                <li>修复Log注解GET请求记录不到参数问题</li>
+                <li>修复调度日志点击多次数据不变化的问题</li>
+                <li>修复主题颜色在Drawer组件不会加载问题</li>
+                <li>修复文件名包含特殊字符的文件无法下载问题</li>
+                <li>修复table中更多按钮切换主题色未生效修复问题</li>
+                <li>修复某些特性的环境生成代码变乱码TXT文件问题</li>
+                <li>修复代码生成图片/文件/单选时选择必填无法校验问题</li>
+                <li>修复某些特性的情况用户编辑对话框中角色和部门无法修改问题</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.4 - 2022-09-26">
+              <ol>
+                <li>数据逻辑删除不进行唯一验证</li>
+                <li>Excel注解支持导出对象的子列表方法</li>
+                <li>Excel注解支持自定义隐藏属性列</li>
+                <li>Excel注解支持backgroundColor属性设置背景色</li>
+                <li>支持配置密码最大错误次数/锁定时间</li>
+                <li>登录日志新增解锁账户功能</li>
+                <li>通用下载方法新增config配置选项</li>
+                <li>支持多权限字符匹配角色数据权限</li>
+                <li>页面内嵌iframe切换tab不刷新数据</li>
+                <li>操作日志记录支持排除敏感属性字段</li>
+                <li>修复多文件上传报错出现的异常问题</li>
+                <li>修复图片预览组件src属性为null值控制台报错问题</li>
+                <li>升级oshi到最新版本6.2.2</li>
+                <li>升级fastjson到最新版2.0.14</li>
+                <li>升级pagehelper到最新版1.4.3</li>
+                <li>升级core-js到最新版本3.25.2</li>
+                <li>升级element-ui到最新版本2.15.10</li>
+                <li>优化任务过期不执行调度</li>
+                <li>优化字典数据使用store存取</li>
+                <li>优化修改资料头像被覆盖的问题</li>
+                <li>优化修改用户登录账号重复验证</li>
+                <li>优化代码生成同步后值NULL问题</li>
+                <li>优化定时任务支持执行父类方法</li>
+                <li>优化用户个人信息接口防止修改部门</li>
+                <li>优化布局设置使用el-drawer抽屉显示</li>
+                <li>优化没有权限的用户编辑部门缺少数据</li>
+                <li>优化日志注解记录限制请求地址的长度</li>
+                <li>优化excel/scale属性导出单元格数值类型</li>
+                <li>优化日志操作中重置按钮时重复查询的问题</li>
+                <li>优化多个相同角色数据导致权限SQL重复问题</li>
+                <li>优化表格上右侧工具条（搜索按钮显隐&右侧样式凸出）</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.3 - 2022-06-27">
+              <ol>
+                <li>新增缓存列表菜单功能</li>
+                <li>代码生成树表新增(展开/折叠)</li>
+                <li>Excel注解支持color字体颜色</li>
+                <li>新增Anonymous匿名访问不鉴权注解</li>
+                <li>用户头像上传限制只能为图片格式</li>
+                <li>接口使用泛型使其看到响应属性字段</li>
+                <li>检查定时任务bean所在包名是否为白名单配置</li>
+                <li>添加页签openPage支持传递参数</li>
+                <li>用户缓存信息添加部门ancestors祖级列表</li>
+                <li>升级element-ui到最新版本2.15.8</li>
+                <li>升级oshi到最新版本6.1.6</li>
+                <li>升级druid到最新版本1.2.11</li>
+                <li>升级fastjson到最新版2.0.8</li>
+                <li>升级spring-boot到最新版本2.5.14</li>
+                <li>降级jsencrypt版本兼容IE浏览器</li>
+                <li>删除多余的salt字段</li>
+                <li>新增获取不带后缀文件名称方法</li>
+                <li>新增获取配置文件中的属性值方法</li>
+                <li>新增内容编码/解码方便插件集成使用</li>
+                <li>字典类型必须以字母开头，且只能为（小写字母，数字，下滑线）</li>
+                <li>优化设置分页参数默认值</li>
+                <li>优化对空字符串参数处理的过滤</li>
+                <li>优化显示顺序orderNum类型为整型</li>
+                <li>优化表单构建按钮不显示正则校验</li>
+                <li>优化字典数据回显样式下拉框显示值</li>
+                <li>优化R响应成功状态码与全局保持一致</li>
+                <li>优化druid开启wall过滤器出现的异常问题</li>
+                <li>优化用户管理左侧树型组件增加选中高亮保持</li>
+                <li>优化新增用户与角色信息&用户与岗位信息逻辑</li>
+                <li>优化默认不启用压缩文件缓存防止node_modules过大</li>
+                <li>修复字典数据显示不全问题</li>
+                <li>修复操作日志查询类型条件为0时会查到所有数据</li>
+                <li>修复Excel注解prompt/combo同时使用不生效问题</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.2 - 2022-04-01">
+              <ol>
+                <li>前端支持设置是否需要防止数据重复提交</li>
+                <li>开启TopNav没有子菜单情况隐藏侧边栏</li>
+                <li>侧边栏菜单名称过长悬停显示标题</li>
+                <li>用户访问控制时校验数据权限，防止越权</li>
+                <li>导出Excel时屏蔽公式，防止CSV注入风险</li>
+                <li>组件ImagePreview支持多图预览显示</li>
+                <li>组件ImageUpload支持多图同时选择上传</li>
+                <li>组件FileUpload支持多文件同时选择上传</li>
+                <li>服务监控新增运行参数信息显示</li>
+                <li>定时任务目标字符串过滤特殊字符</li>
+                <li>定时任务目标字符串验证包名白名单</li>
+                <li>代码生成列表图片支持预览</li>
+                <li>代码生成编辑修改打开新页签</li>
+                <li>代码生成新增Java类型Boolean</li>
+                <li>代码生成子表支持日期/字典配置</li>
+                <li>代码生成同步保留必填/类型选项</li>
+                <li>升级oshi到最新版本6.1.2</li>
+                <li>升级fastjson到最新版1.2.80</li>
+                <li>升级pagehelper到最新版1.4.1</li>
+                <li>升级spring-boot到最新版本2.5.11</li>
+                <li>升级spring-boot-mybatis到最新版2.2.2</li>
+                <li>添加遗漏的分页参数合理化属性</li>
+                <li>修改npm即将过期的注册源地址</li>
+                <li>修复分页组件请求两次问题</li>
+                <li>修复通用文件下载接口跨域问题</li>
+                <li>修复Xss注解字段值为空时的异常问题</li>
+                <li>修复选项卡点击右键刷新丢失参数问题</li>
+                <li>修复表单清除元素位置未垂直居中问题</li>
+                <li>修复服务监控中运行参数显示条件错误</li>
+                <li>修复导入Excel时字典字段类型为Long转义为空问题</li>
+                <li>修复登录超时刷新页面跳转登录页面还提示重新登录问题</li>
+                <li>优化加载字典缓存数据</li>
+                <li>优化IP地址获取到多个的问题</li>
+                <li>优化任务队列满时任务拒绝策略</li>
+                <li>优化文件上传兼容Weblogic环境</li>
+                <li>优化定时任务默认保存到内存中执行</li>
+                <li>优化部门修改缩放后出现的错位问题</li>
+                <li>优化Excel格式化不同类型的日期对象</li>
+                <li>优化菜单表关键字导致的插件报错问题</li>
+                <li>优化Oracle用户头像列为空时不显示问题</li>
+                <li>优化页面若未匹配到字典标签则返回原字典值</li>
+                <li>优化修复登录失效后多次请求提示多次弹窗问题</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.1 - 2022-01-01">
+              <ol>
+                <li>新增Vue3前端代码生成模板</li>
+                <li>新增图片预览组件</li>
+                <li>新增压缩插件实现打包Gzip</li>
+                <li>自定义xss校验注解实现</li>
+                <li>自定义文字复制剪贴指令</li>
+                <li>代码生成预览支持复制内容</li>
+                <li>路由支持单独配置菜单或角色权限</li>
+                <li>用户管理部门查询选择节点后分页参数初始</li>
+                <li>修复用户分配角色属性错误</li>
+                <li>修复打包后字体图标偶现的乱码问题</li>
+                <li>修复菜单管理重置表单出现的错误</li>
+                <li>修复版本差异导致的懒加载报错问题</li>
+                <li>修复Cron组件中周回显问题</li>
+                <li>修复定时任务多参数逗号分隔的问题</li>
+                <li>修复根据ID查询列表可能出现的主键溢出问题</li>
+                <li>修复tomcat配置参数已过期问题</li>
+                <li>升级clipboard到最新版本2.0.8</li>
+                <li>升级oshi到最新版本v5.8.6</li>
+                <li>升级fastjson到最新版1.2.79</li>
+                <li>升级spring-boot到最新版本2.5.8</li>
+                <li>升级log4j2到2.17.1，防止漏洞风险</li>
+                <li>优化下载解析blob异常提示</li>
+                <li>优化代码生成字典组重复问题</li>
+                <li>优化查询用户的角色组&岗位组代码</li>
+                <li>优化定时任务cron表达式小时设置24</li>
+                <li>优化用户导入提示溢出则显示滚动条</li>
+                <li>优化防重复提交标识组合为(key+url+header)</li>
+                <li>优化分页方法设置成通用方便灵活调用</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.0 - 2021-12-01">
+              <ol>
+                <li>新增配套并同步的Vue3前端版本</li>
+                <li>新增通用方法简化模态/缓存/下载/权限/页签使用</li>
+                <li>优化导出数据/使用通用下载方法</li>
+                <li>Excel注解支持自定义数据处理器</li>
+                <li>Excel注解支持导入导出标题信息</li>
+                <li>Excel导入支持@Excels注解</li>
+                <li>新增组件data-dict，简化数据字典使用</li>
+                <li>新增Jaxb依赖，防止jdk8以上出现的兼容错误</li>
+                <li>生产环境使用路由懒加载提升页面响应速度</li>
+                <li>修复五级以上菜单出现的404问题</li>
+                <li>防重提交注解支持配置间隔时间/提示消息</li>
+                <li>日志注解新增是否保存响应参数</li>
+                <li>任务屏蔽违规字符&参数忽略双引号中的逗号</li>
+                <li>升级SpringBoot到最新版本2.5.6</li>
+                <li>升级pagehelper到最新版1.4.0</li>
+                <li>升级spring-boot-mybatis到最新版2.2.0</li>
+                <li>升级oshi到最新版本v5.8.2</li>
+                <li>升级druid到最新版1.2.8</li>
+                <li>升级velocity到最新版本2.3</li>
+                <li>升级fastjson到最新版1.2.78</li>
+                <li>升级axios到最新版本0.24.0</li>
+                <li>升级dart-sass到版本1.32.13</li>
+                <li>升级core-js到最新版本3.19.1</li>
+                <li>升级jsencrypt到最新版本3.2.1</li>
+                <li>升级js-cookie到最新版本3.0.1</li>
+                <li>升级file-saver到最新版本2.0.5</li>
+                <li>升级sass-loader到最新版本10.1.1</li>
+                <li>升级element-ui到最新版本2.15.6</li>
+                <li>新增sendGet无参请求方法</li>
+                <li>禁用el-tag组件的渐变动画</li>
+                <li>代码生成点击预览重置激活tab</li>
+                <li>AjaxResult重写put方法，以方便链式调用</li>
+                <li>优化登录/验证码请求headers不设置token</li>
+                <li>优化用户个人信息接口防止修改用户名</li>
+                <li>优化Cron表达式生成器关闭时销毁避免缓存</li>
+                <li>优化注册成功提示消息类型success</li>
+                <li>优化aop语法，使用spring自动注入注解</li>
+                <li>优化记录登录信息，移除不必要的修改</li>
+                <li>优化mybatis全局默认的执行器</li>
+                <li>优化Excel导入图片可能出现的异常</li>
+                <li>修复代码生成模板主子表删除缺少事务</li>
+                <li>修复日志记录可能出现的转换异常</li>
+                <li>修复代码生成复选框字典遗漏问题</li>
+                <li>修复关闭xss功能导致可重复读RepeatableFilter失效</li>
+                <li>修复字符串无法被反转义问题</li>
+                <li>修复后端主子表代码模板方法名生成错误问题</li>
+                <li>修复xss过滤后格式出现的异常</li>
+                <li>修复swagger没有指定dataTypeClass导致启动出现warn日志</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.7.0 - 2021-09-13">
+              <ol>
+                <li>参数管理支持配置验证码开关</li>
+                <li>新增是否开启用户注册功能</li>
+                <li>定时任务支持在线生成cron表达式</li>
+                <li>菜单管理支持配置路由参数</li>
+                <li>支持自定义注解实现接口限流</li>
+                <li>Excel注解支持Image图片导入</li>
+                <li>自定义弹层溢出滚动样式</li>
+                <li>自定义可拖动弹窗宽度指令</li>
+                <li>自定义可拖动弹窗高度指令</li>
+                <li>修复任意账户越权问题</li>
+                <li>修改时检查用户数据权限范围</li>
+                <li>修复保存配置主题颜色失效问题</li>
+                <li>新增暗色菜单风格主题</li>
+                <li>菜单&部门新增展开/折叠功能</li>
+                <li>页签新增关闭左侧&添加图标</li>
+                <li>顶部菜单排除隐藏的默认路由</li>
+                <li>顶部菜单同步系统主题样式</li>
+                <li>跳转路由高亮相对应的菜单栏</li>
+                <li>代码生成主子表多选行数据</li>
+                <li>日期范围支持添加多组</li>
+                <li>升级element-ui到最新版本2.15.5</li>
+                <li>升级oshi到最新版本v5.8.0</li>
+                <li>升级commons.io到最新版本v2.11.0</li>
+                <li>定时任务屏蔽ldap远程调用</li>
+                <li>定时任务屏蔽http(s)远程调用</li>
+                <li>补充定时任务表字段注释</li>
+                <li>定时任务对检查异常进行事务回滚</li>
+                <li>启用父部门状态排除顶级节点</li>
+                <li>富文本新增上传文件大小限制</li>
+                <li>默认首页使用keep-alive缓存</li>
+                <li>修改代码生成字典回显样式</li>
+                <li>自定义分页合理化传入参数</li>
+                <li>修复字典组件值为整形不显示问题</li>
+                <li>修复定时任务日志执行状态显示</li>
+                <li>角色&菜单新增字段属性提示信息</li>
+                <li>修复角色分配用户页面参数类型错误提醒</li>
+                <li>优化布局设置动画特效</li>
+                <li>优化异常处理信息</li>
+                <li>优化错误token导致的解析异常</li>
+                <li>密码框新增显示切换密码图标</li>
+                <li>定时任务新增更多操作</li>
+                <li>更多操作按钮添加权限控制</li>
+                <li>导入用户样式优化</li>
+                <li>提取通用方法到基类控制器</li>
+                <li>优化使用权限工具获取用户信息</li>
+                <li>优化用户不能删除自己</li>
+                <li>优化XSS跨站脚本过滤</li>
+                <li>优化代码生成模板</li>
+                <li>验证码默认20s超时</li>
+                <li>BLOB下载时清除URL对象引用</li>
+                <li>代码生成导入表按创建时间排序</li>
+                <li>修复代码生成页面数据编辑保存之后总是跳转第一页的问题</li>
+                <li>修复带safari浏览器无法格式化utc日期格式yyyy-MM-dd'T'HH:mm:ss.SSS问题</li>
+                <li>多图上传组件移除多余的api地址&验证失败导致图片删除问题&无法删除相应图片修复</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.6.0 - 2021-07-12">
+              <ol>
+                <li>角色管理新增分配用户功能</li>
+                <li>用户管理新增分配角色功能</li>
+                <li>日志列表支持排序操作</li>
+                <li>优化参数&字典缓存操作</li>
+                <li>系统布局配置支持动态标题开关</li>
+                <li>菜单路由配置支持内链访问</li>
+                <li>默认访问后端首页新增提示语</li>
+                <li>富文本默认上传返回url类型</li>
+                <li>新增自定义弹窗拖拽指令</li>
+                <li>全局注册常用通用组件</li>
+                <li>全局挂载字典标签组件</li>
+                <li>ImageUpload组件支持多图片上传</li>
+                <li>FileUpload组件支持多文件上传</li>
+                <li>文件上传组件添加数量限制属性</li>
+                <li>富文本编辑组件添加类型属性</li>
+                <li>富文本组件工具栏配置视频</li>
+                <li>封装通用iframe组件</li>
+                <li>限制超级管理员不允许操作</li>
+                <li>用户信息长度校验限制</li>
+                <li>分页组件新增pagerCount属性</li>
+                <li>添加bat脚本执行应用</li>
+                <li>升级oshi到最新版本v5.7.4</li>
+                <li>升级element-ui到最新版本2.15.2</li>
+                <li>升级pagehelper到最新版1.3.1</li>
+                <li>升级commons.io到最新版本v2.10.0</li>
+                <li>升级commons.fileupload到最新版本v1.4</li>
+                <li>升级swagger到最新版本v3.0.0</li>
+                <li>修复关闭confirm提示框控制台报错问题</li>
+                <li>修复存在的SQL注入漏洞问题</li>
+                <li>定时任务屏蔽rmi远程调用</li>
+                <li>修复用户搜索分页变量错误</li>
+                <li>修复导出角色数据范围翻译缺少仅本人</li>
+                <li>修复表单构建选择下拉选择控制台报错问题</li>
+                <li>优化图片工具类读取文件</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.5.0 - 2021-05-25">
+              <ol>
+                <li>新增菜单导航显示风格TopNav（false为左侧导航菜单，true为顶部导航菜单）</li>
+                <li>布局设置支持保存&重置配置</li>
+                <li>修复树表数据显示不全&加载慢问题</li>
+                <li>新增IE浏览器版本过低提示页面</li>
+                <li>用户登录后记录最后登录IP&时间</li>
+                <li>页面导出按钮点击之后添加遮罩</li>
+                <li>富文本编辑器支持自定义上传地址</li>
+                <li>富文本编辑组件新增readOnly属性</li>
+                <li>页签TagsView新增关闭右侧功能</li>
+                <li>显隐列组件加载初始默认隐藏列</li>
+                <li>关闭头像上传窗口还原默认图片</li>
+                <li>个人信息添加手机&邮箱重复验证</li>
+                <li>代码生成模板导出按钮点击后添加遮罩</li>
+                <li>代码生成模板树表操作列添加新增按钮</li>
+                <li>代码生成模板修复主子表字段重名问题</li>
+                <li>升级fastjson到最新版1.2.76</li>
+                <li>升级druid到最新版本v1.2.6</li>
+                <li>升级mybatis到最新版3.5.6 阻止远程代码执行漏洞</li>
+                <li>升级oshi到最新版本v5.6.0</li>
+                <li>velocity剔除commons-collections版本，防止3.2.1版本的反序列化漏洞</li>
+                <li>数据监控页默认账户密码防止越权访问</li>
+                <li>修复firefox下表单构建拖拽会新打卡一个选项卡</li>
+                <li>修正后端导入表权限标识</li>
+                <li>修正前端操作日志&登录日志权限标识</li>
+                <li>设置Redis配置HashKey序列化</li>
+                <li>删除操作日志记录信息</li>
+                <li>上传媒体类型添加视频格式</li>
+                <li>修复请求形参未传值记录日志异常问题</li>
+                <li>优化xss校验json请求条件</li>
+                <li>树级结构更新子节点使用replaceFirst</li>
+                <li>优化ExcelUtil空值处理</li>
+                <li>日志记录过滤BindingResult对象，防止异常</li>
+                <li>修改主题后mini类型按钮无效问题</li>
+                <li>优化通用下载完成后删除节点</li>
+                <li>通用Controller添加响应返回消息</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.4.0 - 2021-02-22">
+              <ol>
+                <li>代码生成模板支持主子表</li>
+                <li>表格右侧工具栏组件支持显隐列</li>
+                <li>图片组件添加预览&移除功能</li>
+                <li>Excel注解支持Image图片导出</li>
+                <li>操作按钮组调整为朴素按钮样式</li>
+                <li>代码生成支持文件上传组件</li>
+                <li>代码生成日期控件区分范围</li>
+                <li>代码生成数据库文本类型生成表单文本域</li>
+                <li>用户手机邮箱&菜单组件修改允许空字符串</li>
+                <li>升级SpringBoot到最新版本2.2.13 提升启动速度</li>
+                <li>升级druid到最新版本v1.2.4</li>
+                <li>升级fastjson到最新版1.2.75</li>
+                <li>升级element-ui到最新版本2.15.0</li>
+                <li>修复IE11浏览器报错问题</li>
+                <li>优化多级菜单之间切换无法缓存的问题</li>
+                <li>修复四级菜单无法显示问题</li>
+                <li>修正侧边栏静态路由丢失问题</li>
+                <li>修复角色管理-编辑角色-功能权限显示异常</li>
+                <li>配置文件新增redis数据库索引属性</li>
+                <li>权限工具类增加admin判断</li>
+                <li>角色非自定义权限范围清空选择值</li>
+                <li>修复导入数据为负浮点数时丢失精度问题</li>
+                <li>移除path-to-regexp正则匹配插件</li>
+                <li>修复生成树表代码异常</li>
+                <li>修改ip字段长度防止ipv6地址长度不够</li>
+                <li>防止get请求参数值为false或0等特殊值会导致无法正确的传参</li>
+                <li>登录后push添加catch防止出现检查错误</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.3.0 - 2020-12-14">
+              <ol>
+                <li>新增缓存监控功能</li>
+                <li>支持主题风格配置</li>
+                <li>修复多级菜单之间切换无法缓存的问题</li>
+                <li>多级菜单自动配置组件</li>
+                <li>代码生成预览支持高亮显示</li>
+                <li>支持Get请求映射Params参数</li>
+                <li>删除用户和角色解绑关联</li>
+                <li>去除用户手机邮箱部门必填验证</li>
+                <li>Excel支持注解align对齐方式</li>
+                <li>Excel支持导入Boolean型数据</li>
+                <li>优化头像样式，鼠标移入悬停遮罩</li>
+                <li>代码生成预览提供滚动机制</li>
+                <li>代码生成删除多余的数字float类型</li>
+                <li>修正转换字符串的目标字符集属性</li>
+                <li>回显数据字典防止空值报错</li>
+                <li>日志记录增加过滤多文件场景</li>
+                <li>修改缓存Set方法可能导致嵌套的问题</li>
+                <li>移除前端一些多余的依赖</li>
+                <li>防止安全扫描YUI出现的风险提示</li>
+                <li>修改node-sass为dart-sass</li>
+                <li>升级SpringBoot到最新版本2.1.18</li>
+                <li>升级poi到最新版本4.1.2</li>
+                <li>升级oshi到最新版本v5.3.6</li>
+                <li>升级bitwalker到最新版本1.21</li>
+                <li>升级axios到最新版本0.21.0</li>
+                <li>升级element-ui到最新版本2.14.1</li>
+                <li>升级vue到最新版本2.6.12</li>
+                <li>升级vuex到最新版本3.6.0</li>
+                <li>升级vue-cli到版本4.5.9</li>
+                <li>升级vue-router到最新版本3.4.9</li>
+                <li>升级vue-cli到最新版本4.4.6</li>
+                <li>升级vue-cropper到最新版本0.5.5</li>
+                <li>升级clipboard到最新版本2.0.6</li>
+                <li>升级core-js到最新版本3.8.1</li>
+                <li>升级echarts到最新版本4.9.0</li>
+                <li>升级file-saver到最新版本2.0.4</li>
+                <li>升级fuse.js到最新版本6.4.3</li>
+                <li>升级js-beautify到最新版本1.13.0</li>
+                <li>升级js-cookie到最新版本2.2.1</li>
+                <li>升级path-to-regexp到最新版本6.2.0</li>
+                <li>升级quill到最新版本1.3.7</li>
+                <li>升级screenfull到最新版本5.0.2</li>
+                <li>升级sortablejs到最新版本1.10.2</li>
+                <li>升级vuedraggable到最新版本2.24.3</li>
+                <li>升级chalk到最新版本4.1.0</li>
+                <li>升级eslint到最新版本7.15.0</li>
+                <li>升级eslint-plugin-vue到最新版本7.2.0</li>
+                <li>升级lint-staged到最新版本10.5.3</li>
+                <li>升级runjs到最新版本4.4.2</li>
+                <li>升级sass-loader到最新版本10.1.0</li>
+                <li>升级script-ext-html-webpack-plugin到最新版本2.1.5</li>
+                <li>升级svg-sprite-loader到最新版本5.1.1</li>
+                <li>升级vue-template-compiler到最新版本2.6.12</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.2.1 - 2020-11-18">
+              <ol>
+                <li>阻止任意文件下载漏洞</li>
+                <li>代码生成支持上传控件</li>
+                <li>新增图片上传组件</li>
+                <li>调整默认首页</li>
+                <li>升级druid到最新版本v1.2.2</li>
+                <li>mapperLocations配置支持分隔符</li>
+                <li>权限信息调整</li>
+                <li>调整sql默认时间</li>
+                <li>解决代码生成没有bit类型的问题</li>
+                <li>升级pagehelper到最新版1.3.0</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.2.0 - 2020-10-10">
+              <ol>
+                <li>升级springboot版本到2.1.17 提升安全性</li>
+                <li>升级oshi到最新版本v5.2.5</li>
+                <li>升级druid到最新版本v1.2.1</li>
+                <li>升级jjwt到版本0.9.1</li>
+                <li>升级fastjson到最新版1.2.74</li>
+                <li>修改sass为node-sass，避免el-icon图标乱码</li>
+                <li>代码生成支持同步数据库</li>
+                <li>代码生成支持富文本控件</li>
+                <li>代码生成页面时不忽略remark属性</li>
+                <li>代码生成添加select必填选项</li>
+                <li>Excel导出类型NUMERIC支持精度浮点类型</li>
+                <li>Excel导出targetAttr优化获取值，防止get方法不规范</li>
+                <li>Excel注解支持自动统计数据总和</li>
+                <li>Excel注解支持设置BigDecimal精度&舍入规则</li>
+                <li>菜单&数据权限新增（展开/折叠 全选/全不选 父子联动）</li>
+                <li>允许用户分配到部门父节点</li>
+                <li>菜单新增是否缓存keep-alive</li>
+                <li>表格操作列间距调整</li>
+                <li>限制系统内置参数不允许删除</li>
+                <li>富文本组件优化，支持自定义高度&图片冲突问题</li>
+                <li>富文本工具栏样式对齐</li>
+                <li>导入excel整形值校验优化</li>
+                <li>修复页签关闭所有时固定标签路由不刷新问题</li>
+                <li>表单构建布局型组件新增按钮</li>
+                <li>左侧菜单文字过长显示省略号</li>
+                <li>修正根节点为子部门时，树状结构显示问题</li>
+                <li>修正调用目标字符串最大长度</li>
+                <li>修正菜单提示信息错误</li>
+                <li>修正定时任务执行一次权限标识</li>
+                <li>修正数据库字符串类型nvarchar</li>
+                <li>优化递归子节点</li>
+                <li>优化数据权限判断</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+
+            <el-collapse-item title="v3.1.0 - 2020-08-13">
+              <ol>
+                <li>表格工具栏右侧添加刷新&显隐查询组件</li>
+                <li>后端支持CORS跨域请求</li>
+                <li>代码生成支持选择上级菜单</li>
+                <li>代码生成支持自定义路径</li>
+                <li>代码生成支持复选框</li>
+                <li>Excel导出导入支持dictType字典类型</li>
+                <li>Excel支持分割字符串组内容</li>
+                <li>验证码类型支持（数组计算、字符验证）</li>
+                <li>升级vue-cli版本到4.4.4</li>
+                <li>修改 node-sass 为 dart-sass</li>
+                <li>表单类型为Integer/Long设置整形默认值</li>
+                <li>代码生成器默认mapper路径与默认mapperScan路径不一致</li>
+                <li>优化防重复提交拦截器</li>
+                <li>优化上级菜单不能选择自己</li>
+                <li>修复角色的权限分配后，未实时生效问题</li>
+                <li>修复在线用户日志记录类型</li>
+                <li>修复富文本空格和缩进保存后不生效问题</li>
+                <li>修复在线用户判断逻辑</li>
+                <li>唯一限制条件只返回单条数据</li>
+                <li>添加获取当前的环境配置方法</li>
+                <li>超时登录后页面跳转到首页</li>
+                <li>全局异常状态汉化拦截处理</li>
+                <li>HTML过滤器改为将html转义</li>
+                <li>检查字符支持小数点&降级改成异常提醒</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+
+            <el-collapse-item title="v3.0.0 - 2020-07-20">
+              <ol>
+                <li>单应用调整为多模块项目</li>
+                <li>升级element-ui版本到2.13.2</li>
+                <li>删除babel，提高编译速度。</li>
+                <li>新增菜单默认主类目</li>
+                <li>编码文件名修改为uuid方式</li>
+                <li>定时任务cron表达式验证</li>
+                <li>角色权限修改时已有权限未自动勾选异常修复</li>
+                <li>防止切换权限用户后登录出现404</li>
+                <li>Excel支持sort导出排序</li>
+                <li>创建用户不允许选择超级管理员角色</li>
+                <li>修复代码生成导入表结构出现异常页面不提醒问题</li>
+                <li>修复代码生成点击多次表修改数据不变化的问题</li>
+                <li>修复头像上传成功二次打开无法改变裁剪框大小和位置问题</li>
+                <li>修复布局为small者mini用户表单显示错位问题</li>
+                <li>修复热部署导致的强换异常问题</li>
+                <li>修改用户管理复选框宽度，防止部分浏览器出现省略号</li>
+                <li>IpUtils工具，清除Xss特殊字符，防止Xff注入攻击</li>
+                <li>生成domain 如果是浮点型 统一用BigDecimal</li>
+                <li>定时任务调整label-width，防止部署出现错位</li>
+                <li>调整表头固定列默认样式</li>
+                <li>代码生成模板调整，字段为String并且必填则加空串条件</li>
+                <li>代码生成字典Integer/Long使用parseInt</li>
+                <li>
+                  修复dict_sort不可update为0的问题&查询返回增加dict_sort升序排序
+                </li>
+                <li>修正岗位导出权限注解</li>
+                <li>禁止加密密文返回前端</li>
+                <li>修复代码生成页面中的查询条件创建时间未生效的问题</li>
+                <li>修复首页搜索菜单外链无法点击跳转问题</li>
+                <li>修复菜单管理选择图标，backspace删除时不过滤数据</li>
+                <li>用户管理部门分支节点不可检查&显示计数</li>
+                <li>数据范围过滤属性调整</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+
+            <el-collapse-item title="v2.3.0 - 2020-06-01">
+              <ol>
+                <li>升级fastjson到最新版1.2.70 修复高危安全漏洞</li>
+                <li>dev启动默认打开浏览器</li>
+                <li>vue-cli使用默认source-map</li>
+                <li>slidebar eslint报错优化</li>
+                <li>当tags-view滚动关闭右键菜单</li>
+                <li>字典管理添加缓存读取</li>
+                <li>参数管理支持缓存操作</li>
+                <li>支持一级菜单（和主页同级）在main区域显示</li>
+                <li>限制外链地址必须以http(s)开头</li>
+                <li>tagview & sidebar 主题颜色与element ui(全局)同步</li>
+                <li>修改数据源类型优先级，先根据方法，再根据类</li>
+                <li>支持是否需要设置token属性，自定义返回码消息。</li>
+                <li>swagger请求前缀加入配置。</li>
+                <li>登录地点设置内容过长则隐藏显示</li>
+                <li>修复定时任务执行一次按钮后不提示消息问题</li>
+                <li>修改上级部门（选择项排除本身和下级）</li>
+                <li>通用http发送方法增加参数 contentType 编码类型</li>
+                <li>更换IP地址查询接口</li>
+                <li>修复页签变量undefined</li>
+                <li>添加校验部门包含未停用的子部门</li>
+                <li>修改定时任务详情下次执行时间日期显示错误</li>
+                <li>角色管理查询设置默认排序字段</li>
+                <li>swagger添加enable参数控制是否启用</li>
+                <li>只对json类型请求构建可重复读取inputStream的request</li>
+                <li>修改代码生成字典字段int类型没有自动选中问题</li>
+                <li>vuex用户名取值修正</li>
+                <li>表格树模板去掉多余的)</li>
+                <li>代码生成序号修正</li>
+                <li>全屏情况下不调整上外边距</li>
+                <li>代码生成Date字段添加默认格式</li>
+                <li>用户管理角色选择权限控制</li>
+                <li>修复路由懒加载报错问题</li>
+                <li>模板sql.vm添加菜单状态</li>
+                <li>设置用户名称不能修改</li>
+                <li>dialog添加append-to-body属性，防止ie遮罩</li>
+                <li>菜单区分状态和显示隐藏功能</li>
+                <li>升级fastjson到最新版1.2.68 修复安全加固</li>
+                <li>修复代码生成如果选择字典类型缺失逗号问题</li>
+                <li>登录请求params更换为data，防止暴露url</li>
+                <li>日志返回时间格式处理</li>
+                <li>添加handle控制允许拖动的元素</li>
+                <li>布局设置点击扩大范围</li>
+                <li>代码生成列属性排序查询</li>
+                <li>代码生成列支持拖动排序</li>
+                <li>修复时间格式不支持ios问题</li>
+                <li>表单构建添加父级class，防止冲突</li>
+                <li>定时任务并发属性修正</li>
+                <li>角色禁用&菜单隐藏不查询权限</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+
+            <el-collapse-item title="v2.2.0 - 2020-03-18">
+              <ol>
+                <li>系统监控新增定时任务功能</li>
+                <li>添加一个打包Web工程bat</li>
+                <li>修复页签鼠标滚轮按下的时候，可以关闭不可关闭的tag</li>
+                <li>修复点击退出登录有时会无提示问题</li>
+                <li>修复防重复提交注解无效问题</li>
+                <li>修复通知公告批量删除异常问题</li>
+                <li>添加菜单时路由地址必填限制</li>
+                <li>代码生成字段描述可编辑</li>
+                <li>修复用户修改个人信息导致缓存不过期问题</li>
+                <li>个人信息创建时间获取正确属性值</li>
+                <li>操作日志详细显示正确类型</li>
+                <li>导入表单击行数据时选中对应的复选框</li>
+                <li>批量替换表前缀逻辑调整</li>
+                <li>固定重定向路径表达式</li>
+                <li>升级element-ui版本到2.13.0</li>
+                <li>操作日志排序调整</li>
+                <li>修复charts切换侧边栏或者缩放窗口显示bug</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+
+            <el-collapse-item title="v2.1.0 - 2020-02-24">
+              <ol>
+                <li>新增表单构建</li>
+                <li>代码生成支持树表结构</li>
+                <li>新增用户导入</li>
+                <li>修复动态加载路由页面刷新问题</li>
+                <li>修复地址开关无效问题</li>
+                <li>汉化错误提示页面</li>
+                <li>代码生成已知问题修改</li>
+                <li>修复多数据源下配置关闭出现异常处理</li>
+                <li>添加HTML过滤器，用于去除XSS漏洞隐患</li>
+                <li>修复上传头像控制台出现异常</li>
+                <li>修改用户管理分页不正确的问题</li>
+                <li>修复验证码记录提示错误</li>
+                <li>修复request.js缺少Message引用</li>
+                <li>修复表格时间为空出现的异常</li>
+                <li>添加Jackson日期反序列化时区配置</li>
+                <li>调整根据用户权限加载菜单数据树形结构</li>
+                <li>调整成功登录不恢复按钮，防止多次点击</li>
+                <li>修改用户个人资料同步缓存信息</li>
+                <li>修复页面同时出现el-upload和Editor不显示处理</li>
+                <li>修复在角色管理页修改菜单权限偶尔未选中问题</li>
+                <li>配置文件新增redis密码属性</li>
+                <li>设置mybatis全局的配置文件</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+
+            <el-collapse-item title="v2.0.0 - 2019-12-02">
+              <ol>
+                <li>新增代码生成</li>
+                <li>新增@RepeatSubmit注解，防止重复提交</li>
+                <li>新增菜单主目录添加/删除操作</li>
+                <li>日志记录过滤特殊对象，防止转换异常</li>
+                <li>修改代码生成路由脚本错误</li>
+                <li>用户上传头像实时同步缓存，无需重新登录</li>
+                <li>调整切换页签后不重新加载数据</li>
+                <li>添加jsencrypt实现参数的前端加密</li>
+                <li>系统退出删除用户缓存记录</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v1.1.0 - 2019-11-11">
+              <ol>
+                <li>新增在线用户管理</li>
+                <li>新增按钮组功能实现（批量删除、导出、清空）</li>
+                <li>新增查询条件重置按钮</li>
+                <li>新增Swagger全局Token配置</li>
+                <li>新增后端参数校验</li>
+                <li>修复字典管理页面的日期查询异常</li>
+                <li>修改时间函数命名防止冲突</li>
+                <li>去除菜单上级校验，默认为顶级</li>
+                <li>修复用户密码无法修改问题</li>
+                <li>修复菜单类型为按钮时不显示权限标识</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v1.0.0 - 2019-10-08">
+              <ol>
+                <li>若依前后端分离系统正式发布</li>
+              </ol>
+            </el-collapse-item>
+          </el-collapse>
+        </el-card>
+      </el-col>
+      <el-col :xs="24" :sm="24" :md="12" :lg="8">
+        <el-card class="update-log">
+          <template v-slot:header>
+            <div class="clearfix">
+              <span>捐赠支持</span>
+            </div>
+          </template>
+          <div class="body">
+            <img
+              src="@/assets/images/pay.png"
+              alt="donate"
+              style="width:100%"
+            />
+            <span style="display: inline-block; height: 30px; line-height: 30px"
+              >你可以请作者喝杯咖啡表示鼓励</span
+            >
+          </div>
+        </el-card>
+      </el-col>
+    </el-row> -->
+  </div>
+</template>
+
+<script setup name="Index">
+const version = ref('3.8.7')
+
+function goTarget(url) {
+  window.open(url, '__blank')
+}
+</script>
+
+<style scoped lang="scss">
+.home {
+  blockquote {
+    padding: 10px 20px;
+    margin: 0 0 20px;
+    font-size: 17.5px;
+    border-left: 5px solid #eee;
+  }
+  hr {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    border: 0;
+    border-top: 1px solid #eee;
+  }
+  .col-item {
+    margin-bottom: 20px;
+  }
+
+  ul {
+    padding: 0;
+    margin: 0;
+  }
+
+  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  color: #676a6c;
+  overflow-x: hidden;
+
+  ul {
+    list-style-type: none;
+  }
+
+  h4 {
+    margin-top: 0px;
+  }
+
+  h2 {
+    margin-top: 10px;
+    font-size: 26px;
+    font-weight: 100;
+  }
+
+  p {
+    margin-top: 10px;
+
+    b {
+      font-weight: 700;
+    }
+  }
+
+  .update-log {
+    ol {
+      display: block;
+      list-style-type: decimal;
+      margin-block-start: 1em;
+      margin-block-end: 1em;
+      margin-inline-start: 0;
+      margin-inline-end: 0;
+      padding-inline-start: 40px;
+    }
+  }
+}
+</style>
+
diff --git a/src/views/index.vue b/src/views/index.vue
index 53f7266..2bec0e6 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,1061 +1,37 @@
 <template>
-  <div class="app-container home">
-    <!-- <el-row :gutter="20">
-      <el-col :sm="24" :lg="24">
-        <blockquote class="text-warning" style="font-size: 14px">
-          领取阿里云通用云产品1888优惠券
-          <br />
-          <el-link
-            href="https://www.aliyun.com/minisite/goods?userCode=brki8iof"
-            type="primary"
-            target="_blank"
-            >https://www.aliyun.com/minisite/goods?userCode=brki8iof</el-link
-          >
-          <br />
-          领取腾讯云通用云产品2860优惠券
-          <br />
-          <el-link
-            href="https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console"
-            type="primary"
-            target="_blank"
-            >https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console</el-link
-          >
-          <br />
-          阿里云服务器折扣区
-          <el-link href="http://aly.ruoyi.vip" type="primary" target="_blank"
-            >>☛☛点我进入☚☚</el-link
-          >
-          &nbsp;&nbsp;&nbsp; 腾讯云服务器秒杀区
-          <el-link href="http://txy.ruoyi.vip" type="primary" target="_blank"
-            >>☛☛点我进入☚☚</el-link
-          ><br />
-          <h4 class="text-danger">
-            云产品通用红包，可叠加官网常规优惠使用。(仅限新用户)
-          </h4>
-        </blockquote>
+  <div>
+    <!-- <h3>浏览器指纹识别</h3>
 
-        <hr />
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>若依后台管理框架</h2>
-        <p>
-          一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
-        </p>
-        <p>
-          <b>当前版本:</b> <span>v{{ version }}</span>
-        </p>
-        <p>
-          <el-tag type="danger">&yen;免费开源</el-tag>
-        </p>
-        <p>
-          <el-button
-            type="primary"
-            icon="Cloudy"
-            plain
-            @click="goTarget('https://gitee.com/y_project/RuoYi-Vue')"
-            >访问码云</el-button
-          >
-          <el-button
-            icon="HomeFilled"
-            plain
-            @click="goTarget('http://ruoyi.vip')"
-            >访问主页</el-button
-          >
-        </p>
-      </el-col>
+    <div v-if="loading">
+      <p>正在获取指纹信息...</p>
+    </div>
 
-      <el-col :sm="24" :lg="12" style="padding-left: 50px">
-        <el-row>
-          <el-col :span="12">
-            <h2>技术选型</h2>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="6">
-            <h4>后端技术</h4>
-            <ul>
-              <li>SpringBoot</li>
-              <li>Spring Security</li>
-              <li>JWT</li>
-              <li>MyBatis</li>
-              <li>Druid</li>
-              <li>Fastjson</li>
-              <li>...</li>
-            </ul>
-          </el-col>
-          <el-col :span="6">
-            <h4>前端技术</h4>
-            <ul>
-              <li>Vue</li>
-              <li>Vuex</li>
-              <li>Element-ui</li>
-              <li>Axios</li>
-              <li>Sass</li>
-              <li>Quill</li>
-              <li>...</li>
-            </ul>
-          </el-col>
-        </el-row>
-      </el-col>
-    </el-row>
-    <el-divider />
-    <el-row :gutter="20">
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <template v-slot:header>
-            <div class="clearfix">
-              <span>联系信息</span>
-            </div>
-          </template>
-          <div class="body">
-            <p>
-              <i class="el-icon-s-promotion"></i> 官网：<el-link
-                href="http://www.ruoyi.vip"
-                target="_blank"
-                >http://www.ruoyi.vip</el-link
-              >
-            </p>
-            <p>
-              <i class="el-icon-user-solid"></i> QQ群：<s> 满937441 </s> <s> 满887144332 </s>
-              <s> 满180251782 </s> <s> 满104180207 </s> <s> 满186866453 </s> <s> 满201396349 </s>
-              <s> 满101456076 </s> <s> 满101539465 </s> <s> 满264312783 </s> <s> 满167385320 </s> 
-              <s> 满104748341 </s> <s> 满160110482 </s> <s> 满170801498 </s> <s> 满108482800 </s> 
-              <s> 满101046199 </s> <s> 满136919097 </s> <s> 满143961921 </s> <s> 满174951577 </s> <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=Lj0nHRAPD5CZv1jTOciuxXVloBJLS2Lp&authKey=Q2RxC6%2Ffxney9yOGBY0sDJxFhX9b7o1FRY1bsESmkbcZ4PFt6Vx92FpVo9O1u9p4&noverify=0&group_code=161281055" target="_blank">161281055</a>
-            </p>
-            <p>
-              <i class="el-icon-chat-dot-round"></i> 微信：<a
-                href="javascript:;"
-                >/ *若依</a
-              >
-            </p>
-            <p>
-              <i class="el-icon-money"></i> 支付宝：<a
-                href="javascript:;"
-                class="支付宝信息"
-                >/ *若依</a
-              >
-            </p>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <template v-slot:header>
-            <div class="clearfix">
-              <span>更新日志</span>
-            </div>
-          </template>
-          <el-collapse accordion>
-            <el-collapse-item title="v3.8.7 - 2023-12-08">
-              <ol>
-                <li>操作日志记录部门名称</li>
-                <li>全局数据存储用户编号</li>
-                <li>新增编程式判断资源访问权限</li>
-                <li>操作日志列表新增IP地址查询</li>
-                <li>定时任务新增页去除状态选项</li>
-                <li>代码生成支持选择前端模板类型</li>
-                <li>显隐列组件支持复选框弹出类型</li>
-                <li>通用排序属性orderBy参数限制长度</li>
-                <li>Excel自定义数据处理器增加单元格/工作簿对象</li>
-                <li>升级oshi到最新版本6.4.8</li>
-                <li>升级druid到最新版本1.2.20</li>
-                <li>升级fastjson到最新版2.0.43</li>
-                <li>升级pagehelper到最新版1.4.7</li>
-                <li>升级commons.io到最新版本2.13.0</li>
-                <li>升级element-ui到最新版本2.15.14</li>
-                <li>修复五级路由缓存无效问题</li>
-                <li>修复外链带端口出现的异常</li>
-                <li>修复树模板父级编码变量错误</li>
-                <li>修复字典表详情页面搜索问题</li>
-                <li>修复内链iframe没有传递参数问题</li>
-                <li>修复自定义字典样式不生效的问题</li>
-                <li>修复字典缓存删除方法参数错误问题</li>
-                <li>修复Excel导入数据临时文件无法删除问题</li>
-                <li>修复未登录带参数访问成功后参数丢失问题</li>
-                <li>修复HeaderSearch组件跳转query参数丢失问题</li>
-                <li>修复代码生成导入后必填项与数据库不匹配问题</li>
-                <li>修复Excels导入时无法获取到dictType字典值问题</li>
-                <li>优化下载zip方法新增遮罩层</li>
-                <li>优化头像上传参数新增文件名称</li>
-                <li>优化字典标签支持自定义分隔符</li>
-                <li>优化菜单管理类型为按钮状态可选</li>
-                <li>优化前端防重复提交数据大小限制</li>
-                <li>优化TopNav菜单没有图标svg不显示</li>
-                <li>优化数字金额大写转换精度丢失问题</li>
-                <li>优化富文本Editor组件检验图片格式</li>
-                <li>优化页签在Firefox浏览器被遮挡的问题</li>
-                <li>优化个人中心/基本资料修改时数据显示问题</li>
-                <li>优化缓存监控图表支持跟随屏幕大小自适应调整</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.6 - 2023-06-30">
-              <ol>
-                <li>支持登录IP黑名单限制</li>
-                <li>新增监控页面图标显示</li>
-                <li>操作日志新增消耗时间属性</li>
-                <li>屏蔽定时任务bean违规的字符</li>
-                <li>日志管理使用索引提升查询性能</li>
-                <li>日志注解支持排除指定的请求参数</li>
-                <li>支持自定义隐藏属性列过滤子对象</li>
-                <li>升级oshi到最新版本6.4.3</li>
-                <li>升级druid到最新版本1.2.16</li>
-                <li>升级fastjson到最新版2.0.34</li>
-                <li>升级spring-boot到最新版本2.5.15</li>
-                <li>升级element-ui到最新版本2.15.13</li>
-                <li>移除apache/commons-fileupload依赖</li>
-                <li>修复页面切换时布局错乱的问题</li>
-                <li>修复匿名注解Anonymous空指针问题</li>
-                <li>修复路由跳转被阻止时内部产生报错信息问题</li>
-                <li>修复isMatchedIp的参数判断产生空指针的问题</li>
-                <li>修复用户多角色数据权限可能出现权限抬升的情况</li>
-                <li>修复开启TopNav后一级菜单路由参数设置无效问题</li>
-                <li>修复DictTag组件value没有匹配的值时则展示value</li>
-                <li>优化文件下载出现的异常</li>
-                <li>优化选择图标组件高亮回显</li>
-                <li>优化弹窗后导航栏偏移的问题</li>
-                <li>优化修改密码日志存储明文问题</li>
-                <li>优化页签栏关闭其他出现的异常问题</li>
-                <li>优化页签关闭左侧选项排除首页选项</li>
-                <li>优化关闭当前tab页跳转最右侧tab页</li>
-                <li>优化缓存列表清除操作提示不变的问题</li>
-                <li>优化字符未使用下划线不进行驼峰式处理</li>
-                <li>优化用户导入更新时需获取用户编号问题</li>
-                <li>优化侧边栏的平台标题与VUE_APP_TITLE保持同步</li>
-                <li>优化导出Excel时设置dictType属性重复查缓存问题</li>
-                <li>连接池Druid支持新的配置connectTimeout和socketTimeout</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.5 - 2023-01-01">
-              <ol>
-                <li>定时任务违规的字符</li>
-                <li>重置时取消部门选中</li>
-                <li>新增返回警告消息提示</li>
-                <li>忽略不必要的属性数据返回</li>
-                <li>修改参数键名时移除前缓存配置</li>
-                <li>导入更新用户数据前校验数据权限</li>
-                <li>兼容Excel下拉框内容过多无法显示的问题</li>
-                <li>升级echarts到最新版本5.4.0</li>
-                <li>升级core-js到最新版本3.25.3</li>
-                <li>升级oshi到最新版本6.4.0</li>
-                <li>升级kaptcha到最新版2.3.3</li>
-                <li>升级druid到最新版本1.2.15</li>
-                <li>升级fastjson到最新版2.0.20</li>
-                <li>升级pagehelper到最新版1.4.6</li>
-                <li>优化弹窗内容过多展示不全问题</li>
-                <li>优化swagger-ui静态资源使用缓存</li>
-                <li>开启TopNav没有子菜单隐藏侧边栏</li>
-                <li>删除fuse无效选项maxPatternLength</li>
-                <li>优化导出对象的子列表为空会出现[]问题</li>
-                <li>优化编辑头像时透明部分会变成黑色问题</li>
-                <li>优化小屏幕上修改头像界面布局错位的问题</li>
-                <li>修复代码生成勾选属性无效问题</li>
-                <li>修复文件上传组件格式验证问题</li>
-                <li>修复回显数据字典数组异常问题</li>
-                <li>修复sheet超出最大行数异常问题</li>
-                <li>修复Log注解GET请求记录不到参数问题</li>
-                <li>修复调度日志点击多次数据不变化的问题</li>
-                <li>修复主题颜色在Drawer组件不会加载问题</li>
-                <li>修复文件名包含特殊字符的文件无法下载问题</li>
-                <li>修复table中更多按钮切换主题色未生效修复问题</li>
-                <li>修复某些特性的环境生成代码变乱码TXT文件问题</li>
-                <li>修复代码生成图片/文件/单选时选择必填无法校验问题</li>
-                <li>修复某些特性的情况用户编辑对话框中角色和部门无法修改问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.4 - 2022-09-26">
-              <ol>
-                <li>数据逻辑删除不进行唯一验证</li>
-                <li>Excel注解支持导出对象的子列表方法</li>
-                <li>Excel注解支持自定义隐藏属性列</li>
-                <li>Excel注解支持backgroundColor属性设置背景色</li>
-                <li>支持配置密码最大错误次数/锁定时间</li>
-                <li>登录日志新增解锁账户功能</li>
-                <li>通用下载方法新增config配置选项</li>
-                <li>支持多权限字符匹配角色数据权限</li>
-                <li>页面内嵌iframe切换tab不刷新数据</li>
-                <li>操作日志记录支持排除敏感属性字段</li>
-                <li>修复多文件上传报错出现的异常问题</li>
-                <li>修复图片预览组件src属性为null值控制台报错问题</li>
-                <li>升级oshi到最新版本6.2.2</li>
-                <li>升级fastjson到最新版2.0.14</li>
-                <li>升级pagehelper到最新版1.4.3</li>
-                <li>升级core-js到最新版本3.25.2</li>
-                <li>升级element-ui到最新版本2.15.10</li>
-                <li>优化任务过期不执行调度</li>
-                <li>优化字典数据使用store存取</li>
-                <li>优化修改资料头像被覆盖的问题</li>
-                <li>优化修改用户登录账号重复验证</li>
-                <li>优化代码生成同步后值NULL问题</li>
-                <li>优化定时任务支持执行父类方法</li>
-                <li>优化用户个人信息接口防止修改部门</li>
-                <li>优化布局设置使用el-drawer抽屉显示</li>
-                <li>优化没有权限的用户编辑部门缺少数据</li>
-                <li>优化日志注解记录限制请求地址的长度</li>
-                <li>优化excel/scale属性导出单元格数值类型</li>
-                <li>优化日志操作中重置按钮时重复查询的问题</li>
-                <li>优化多个相同角色数据导致权限SQL重复问题</li>
-                <li>优化表格上右侧工具条（搜索按钮显隐&右侧样式凸出）</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.3 - 2022-06-27">
-              <ol>
-                <li>新增缓存列表菜单功能</li>
-                <li>代码生成树表新增(展开/折叠)</li>
-                <li>Excel注解支持color字体颜色</li>
-                <li>新增Anonymous匿名访问不鉴权注解</li>
-                <li>用户头像上传限制只能为图片格式</li>
-                <li>接口使用泛型使其看到响应属性字段</li>
-                <li>检查定时任务bean所在包名是否为白名单配置</li>
-                <li>添加页签openPage支持传递参数</li>
-                <li>用户缓存信息添加部门ancestors祖级列表</li>
-                <li>升级element-ui到最新版本2.15.8</li>
-                <li>升级oshi到最新版本6.1.6</li>
-                <li>升级druid到最新版本1.2.11</li>
-                <li>升级fastjson到最新版2.0.8</li>
-                <li>升级spring-boot到最新版本2.5.14</li>
-                <li>降级jsencrypt版本兼容IE浏览器</li>
-                <li>删除多余的salt字段</li>
-                <li>新增获取不带后缀文件名称方法</li>
-                <li>新增获取配置文件中的属性值方法</li>
-                <li>新增内容编码/解码方便插件集成使用</li>
-                <li>字典类型必须以字母开头，且只能为（小写字母，数字，下滑线）</li>
-                <li>优化设置分页参数默认值</li>
-                <li>优化对空字符串参数处理的过滤</li>
-                <li>优化显示顺序orderNum类型为整型</li>
-                <li>优化表单构建按钮不显示正则校验</li>
-                <li>优化字典数据回显样式下拉框显示值</li>
-                <li>优化R响应成功状态码与全局保持一致</li>
-                <li>优化druid开启wall过滤器出现的异常问题</li>
-                <li>优化用户管理左侧树型组件增加选中高亮保持</li>
-                <li>优化新增用户与角色信息&用户与岗位信息逻辑</li>
-                <li>优化默认不启用压缩文件缓存防止node_modules过大</li>
-                <li>修复字典数据显示不全问题</li>
-                <li>修复操作日志查询类型条件为0时会查到所有数据</li>
-                <li>修复Excel注解prompt/combo同时使用不生效问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.2 - 2022-04-01">
-              <ol>
-                <li>前端支持设置是否需要防止数据重复提交</li>
-                <li>开启TopNav没有子菜单情况隐藏侧边栏</li>
-                <li>侧边栏菜单名称过长悬停显示标题</li>
-                <li>用户访问控制时校验数据权限，防止越权</li>
-                <li>导出Excel时屏蔽公式，防止CSV注入风险</li>
-                <li>组件ImagePreview支持多图预览显示</li>
-                <li>组件ImageUpload支持多图同时选择上传</li>
-                <li>组件FileUpload支持多文件同时选择上传</li>
-                <li>服务监控新增运行参数信息显示</li>
-                <li>定时任务目标字符串过滤特殊字符</li>
-                <li>定时任务目标字符串验证包名白名单</li>
-                <li>代码生成列表图片支持预览</li>
-                <li>代码生成编辑修改打开新页签</li>
-                <li>代码生成新增Java类型Boolean</li>
-                <li>代码生成子表支持日期/字典配置</li>
-                <li>代码生成同步保留必填/类型选项</li>
-                <li>升级oshi到最新版本6.1.2</li>
-                <li>升级fastjson到最新版1.2.80</li>
-                <li>升级pagehelper到最新版1.4.1</li>
-                <li>升级spring-boot到最新版本2.5.11</li>
-                <li>升级spring-boot-mybatis到最新版2.2.2</li>
-                <li>添加遗漏的分页参数合理化属性</li>
-                <li>修改npm即将过期的注册源地址</li>
-                <li>修复分页组件请求两次问题</li>
-                <li>修复通用文件下载接口跨域问题</li>
-                <li>修复Xss注解字段值为空时的异常问题</li>
-                <li>修复选项卡点击右键刷新丢失参数问题</li>
-                <li>修复表单清除元素位置未垂直居中问题</li>
-                <li>修复服务监控中运行参数显示条件错误</li>
-                <li>修复导入Excel时字典字段类型为Long转义为空问题</li>
-                <li>修复登录超时刷新页面跳转登录页面还提示重新登录问题</li>
-                <li>优化加载字典缓存数据</li>
-                <li>优化IP地址获取到多个的问题</li>
-                <li>优化任务队列满时任务拒绝策略</li>
-                <li>优化文件上传兼容Weblogic环境</li>
-                <li>优化定时任务默认保存到内存中执行</li>
-                <li>优化部门修改缩放后出现的错位问题</li>
-                <li>优化Excel格式化不同类型的日期对象</li>
-                <li>优化菜单表关键字导致的插件报错问题</li>
-                <li>优化Oracle用户头像列为空时不显示问题</li>
-                <li>优化页面若未匹配到字典标签则返回原字典值</li>
-                <li>优化修复登录失效后多次请求提示多次弹窗问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.1 - 2022-01-01">
-              <ol>
-                <li>新增Vue3前端代码生成模板</li>
-                <li>新增图片预览组件</li>
-                <li>新增压缩插件实现打包Gzip</li>
-                <li>自定义xss校验注解实现</li>
-                <li>自定义文字复制剪贴指令</li>
-                <li>代码生成预览支持复制内容</li>
-                <li>路由支持单独配置菜单或角色权限</li>
-                <li>用户管理部门查询选择节点后分页参数初始</li>
-                <li>修复用户分配角色属性错误</li>
-                <li>修复打包后字体图标偶现的乱码问题</li>
-                <li>修复菜单管理重置表单出现的错误</li>
-                <li>修复版本差异导致的懒加载报错问题</li>
-                <li>修复Cron组件中周回显问题</li>
-                <li>修复定时任务多参数逗号分隔的问题</li>
-                <li>修复根据ID查询列表可能出现的主键溢出问题</li>
-                <li>修复tomcat配置参数已过期问题</li>
-                <li>升级clipboard到最新版本2.0.8</li>
-                <li>升级oshi到最新版本v5.8.6</li>
-                <li>升级fastjson到最新版1.2.79</li>
-                <li>升级spring-boot到最新版本2.5.8</li>
-                <li>升级log4j2到2.17.1，防止漏洞风险</li>
-                <li>优化下载解析blob异常提示</li>
-                <li>优化代码生成字典组重复问题</li>
-                <li>优化查询用户的角色组&岗位组代码</li>
-                <li>优化定时任务cron表达式小时设置24</li>
-                <li>优化用户导入提示溢出则显示滚动条</li>
-                <li>优化防重复提交标识组合为(key+url+header)</li>
-                <li>优化分页方法设置成通用方便灵活调用</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.0 - 2021-12-01">
-              <ol>
-                <li>新增配套并同步的Vue3前端版本</li>
-                <li>新增通用方法简化模态/缓存/下载/权限/页签使用</li>
-                <li>优化导出数据/使用通用下载方法</li>
-                <li>Excel注解支持自定义数据处理器</li>
-                <li>Excel注解支持导入导出标题信息</li>
-                <li>Excel导入支持@Excels注解</li>
-                <li>新增组件data-dict，简化数据字典使用</li>
-                <li>新增Jaxb依赖，防止jdk8以上出现的兼容错误</li>
-                <li>生产环境使用路由懒加载提升页面响应速度</li>
-                <li>修复五级以上菜单出现的404问题</li>
-                <li>防重提交注解支持配置间隔时间/提示消息</li>
-                <li>日志注解新增是否保存响应参数</li>
-                <li>任务屏蔽违规字符&参数忽略双引号中的逗号</li>
-                <li>升级SpringBoot到最新版本2.5.6</li>
-                <li>升级pagehelper到最新版1.4.0</li>
-                <li>升级spring-boot-mybatis到最新版2.2.0</li>
-                <li>升级oshi到最新版本v5.8.2</li>
-                <li>升级druid到最新版1.2.8</li>
-                <li>升级velocity到最新版本2.3</li>
-                <li>升级fastjson到最新版1.2.78</li>
-                <li>升级axios到最新版本0.24.0</li>
-                <li>升级dart-sass到版本1.32.13</li>
-                <li>升级core-js到最新版本3.19.1</li>
-                <li>升级jsencrypt到最新版本3.2.1</li>
-                <li>升级js-cookie到最新版本3.0.1</li>
-                <li>升级file-saver到最新版本2.0.5</li>
-                <li>升级sass-loader到最新版本10.1.1</li>
-                <li>升级element-ui到最新版本2.15.6</li>
-                <li>新增sendGet无参请求方法</li>
-                <li>禁用el-tag组件的渐变动画</li>
-                <li>代码生成点击预览重置激活tab</li>
-                <li>AjaxResult重写put方法，以方便链式调用</li>
-                <li>优化登录/验证码请求headers不设置token</li>
-                <li>优化用户个人信息接口防止修改用户名</li>
-                <li>优化Cron表达式生成器关闭时销毁避免缓存</li>
-                <li>优化注册成功提示消息类型success</li>
-                <li>优化aop语法，使用spring自动注入注解</li>
-                <li>优化记录登录信息，移除不必要的修改</li>
-                <li>优化mybatis全局默认的执行器</li>
-                <li>优化Excel导入图片可能出现的异常</li>
-                <li>修复代码生成模板主子表删除缺少事务</li>
-                <li>修复日志记录可能出现的转换异常</li>
-                <li>修复代码生成复选框字典遗漏问题</li>
-                <li>修复关闭xss功能导致可重复读RepeatableFilter失效</li>
-                <li>修复字符串无法被反转义问题</li>
-                <li>修复后端主子表代码模板方法名生成错误问题</li>
-                <li>修复xss过滤后格式出现的异常</li>
-                <li>修复swagger没有指定dataTypeClass导致启动出现warn日志</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.7.0 - 2021-09-13">
-              <ol>
-                <li>参数管理支持配置验证码开关</li>
-                <li>新增是否开启用户注册功能</li>
-                <li>定时任务支持在线生成cron表达式</li>
-                <li>菜单管理支持配置路由参数</li>
-                <li>支持自定义注解实现接口限流</li>
-                <li>Excel注解支持Image图片导入</li>
-                <li>自定义弹层溢出滚动样式</li>
-                <li>自定义可拖动弹窗宽度指令</li>
-                <li>自定义可拖动弹窗高度指令</li>
-                <li>修复任意账户越权问题</li>
-                <li>修改时检查用户数据权限范围</li>
-                <li>修复保存配置主题颜色失效问题</li>
-                <li>新增暗色菜单风格主题</li>
-                <li>菜单&部门新增展开/折叠功能</li>
-                <li>页签新增关闭左侧&添加图标</li>
-                <li>顶部菜单排除隐藏的默认路由</li>
-                <li>顶部菜单同步系统主题样式</li>
-                <li>跳转路由高亮相对应的菜单栏</li>
-                <li>代码生成主子表多选行数据</li>
-                <li>日期范围支持添加多组</li>
-                <li>升级element-ui到最新版本2.15.5</li>
-                <li>升级oshi到最新版本v5.8.0</li>
-                <li>升级commons.io到最新版本v2.11.0</li>
-                <li>定时任务屏蔽ldap远程调用</li>
-                <li>定时任务屏蔽http(s)远程调用</li>
-                <li>补充定时任务表字段注释</li>
-                <li>定时任务对检查异常进行事务回滚</li>
-                <li>启用父部门状态排除顶级节点</li>
-                <li>富文本新增上传文件大小限制</li>
-                <li>默认首页使用keep-alive缓存</li>
-                <li>修改代码生成字典回显样式</li>
-                <li>自定义分页合理化传入参数</li>
-                <li>修复字典组件值为整形不显示问题</li>
-                <li>修复定时任务日志执行状态显示</li>
-                <li>角色&菜单新增字段属性提示信息</li>
-                <li>修复角色分配用户页面参数类型错误提醒</li>
-                <li>优化布局设置动画特效</li>
-                <li>优化异常处理信息</li>
-                <li>优化错误token导致的解析异常</li>
-                <li>密码框新增显示切换密码图标</li>
-                <li>定时任务新增更多操作</li>
-                <li>更多操作按钮添加权限控制</li>
-                <li>导入用户样式优化</li>
-                <li>提取通用方法到基类控制器</li>
-                <li>优化使用权限工具获取用户信息</li>
-                <li>优化用户不能删除自己</li>
-                <li>优化XSS跨站脚本过滤</li>
-                <li>优化代码生成模板</li>
-                <li>验证码默认20s超时</li>
-                <li>BLOB下载时清除URL对象引用</li>
-                <li>代码生成导入表按创建时间排序</li>
-                <li>修复代码生成页面数据编辑保存之后总是跳转第一页的问题</li>
-                <li>修复带safari浏览器无法格式化utc日期格式yyyy-MM-dd'T'HH:mm:ss.SSS问题</li>
-                <li>多图上传组件移除多余的api地址&验证失败导致图片删除问题&无法删除相应图片修复</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.6.0 - 2021-07-12">
-              <ol>
-                <li>角色管理新增分配用户功能</li>
-                <li>用户管理新增分配角色功能</li>
-                <li>日志列表支持排序操作</li>
-                <li>优化参数&字典缓存操作</li>
-                <li>系统布局配置支持动态标题开关</li>
-                <li>菜单路由配置支持内链访问</li>
-                <li>默认访问后端首页新增提示语</li>
-                <li>富文本默认上传返回url类型</li>
-                <li>新增自定义弹窗拖拽指令</li>
-                <li>全局注册常用通用组件</li>
-                <li>全局挂载字典标签组件</li>
-                <li>ImageUpload组件支持多图片上传</li>
-                <li>FileUpload组件支持多文件上传</li>
-                <li>文件上传组件添加数量限制属性</li>
-                <li>富文本编辑组件添加类型属性</li>
-                <li>富文本组件工具栏配置视频</li>
-                <li>封装通用iframe组件</li>
-                <li>限制超级管理员不允许操作</li>
-                <li>用户信息长度校验限制</li>
-                <li>分页组件新增pagerCount属性</li>
-                <li>添加bat脚本执行应用</li>
-                <li>升级oshi到最新版本v5.7.4</li>
-                <li>升级element-ui到最新版本2.15.2</li>
-                <li>升级pagehelper到最新版1.3.1</li>
-                <li>升级commons.io到最新版本v2.10.0</li>
-                <li>升级commons.fileupload到最新版本v1.4</li>
-                <li>升级swagger到最新版本v3.0.0</li>
-                <li>修复关闭confirm提示框控制台报错问题</li>
-                <li>修复存在的SQL注入漏洞问题</li>
-                <li>定时任务屏蔽rmi远程调用</li>
-                <li>修复用户搜索分页变量错误</li>
-                <li>修复导出角色数据范围翻译缺少仅本人</li>
-                <li>修复表单构建选择下拉选择控制台报错问题</li>
-                <li>优化图片工具类读取文件</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.5.0 - 2021-05-25">
-              <ol>
-                <li>新增菜单导航显示风格TopNav（false为左侧导航菜单，true为顶部导航菜单）</li>
-                <li>布局设置支持保存&重置配置</li>
-                <li>修复树表数据显示不全&加载慢问题</li>
-                <li>新增IE浏览器版本过低提示页面</li>
-                <li>用户登录后记录最后登录IP&时间</li>
-                <li>页面导出按钮点击之后添加遮罩</li>
-                <li>富文本编辑器支持自定义上传地址</li>
-                <li>富文本编辑组件新增readOnly属性</li>
-                <li>页签TagsView新增关闭右侧功能</li>
-                <li>显隐列组件加载初始默认隐藏列</li>
-                <li>关闭头像上传窗口还原默认图片</li>
-                <li>个人信息添加手机&邮箱重复验证</li>
-                <li>代码生成模板导出按钮点击后添加遮罩</li>
-                <li>代码生成模板树表操作列添加新增按钮</li>
-                <li>代码生成模板修复主子表字段重名问题</li>
-                <li>升级fastjson到最新版1.2.76</li>
-                <li>升级druid到最新版本v1.2.6</li>
-                <li>升级mybatis到最新版3.5.6 阻止远程代码执行漏洞</li>
-                <li>升级oshi到最新版本v5.6.0</li>
-                <li>velocity剔除commons-collections版本，防止3.2.1版本的反序列化漏洞</li>
-                <li>数据监控页默认账户密码防止越权访问</li>
-                <li>修复firefox下表单构建拖拽会新打卡一个选项卡</li>
-                <li>修正后端导入表权限标识</li>
-                <li>修正前端操作日志&登录日志权限标识</li>
-                <li>设置Redis配置HashKey序列化</li>
-                <li>删除操作日志记录信息</li>
-                <li>上传媒体类型添加视频格式</li>
-                <li>修复请求形参未传值记录日志异常问题</li>
-                <li>优化xss校验json请求条件</li>
-                <li>树级结构更新子节点使用replaceFirst</li>
-                <li>优化ExcelUtil空值处理</li>
-                <li>日志记录过滤BindingResult对象，防止异常</li>
-                <li>修改主题后mini类型按钮无效问题</li>
-                <li>优化通用下载完成后删除节点</li>
-                <li>通用Controller添加响应返回消息</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.4.0 - 2021-02-22">
-              <ol>
-                <li>代码生成模板支持主子表</li>
-                <li>表格右侧工具栏组件支持显隐列</li>
-                <li>图片组件添加预览&移除功能</li>
-                <li>Excel注解支持Image图片导出</li>
-                <li>操作按钮组调整为朴素按钮样式</li>
-                <li>代码生成支持文件上传组件</li>
-                <li>代码生成日期控件区分范围</li>
-                <li>代码生成数据库文本类型生成表单文本域</li>
-                <li>用户手机邮箱&菜单组件修改允许空字符串</li>
-                <li>升级SpringBoot到最新版本2.2.13 提升启动速度</li>
-                <li>升级druid到最新版本v1.2.4</li>
-                <li>升级fastjson到最新版1.2.75</li>
-                <li>升级element-ui到最新版本2.15.0</li>
-                <li>修复IE11浏览器报错问题</li>
-                <li>优化多级菜单之间切换无法缓存的问题</li>
-                <li>修复四级菜单无法显示问题</li>
-                <li>修正侧边栏静态路由丢失问题</li>
-                <li>修复角色管理-编辑角色-功能权限显示异常</li>
-                <li>配置文件新增redis数据库索引属性</li>
-                <li>权限工具类增加admin判断</li>
-                <li>角色非自定义权限范围清空选择值</li>
-                <li>修复导入数据为负浮点数时丢失精度问题</li>
-                <li>移除path-to-regexp正则匹配插件</li>
-                <li>修复生成树表代码异常</li>
-                <li>修改ip字段长度防止ipv6地址长度不够</li>
-                <li>防止get请求参数值为false或0等特殊值会导致无法正确的传参</li>
-                <li>登录后push添加catch防止出现检查错误</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.3.0 - 2020-12-14">
-              <ol>
-                <li>新增缓存监控功能</li>
-                <li>支持主题风格配置</li>
-                <li>修复多级菜单之间切换无法缓存的问题</li>
-                <li>多级菜单自动配置组件</li>
-                <li>代码生成预览支持高亮显示</li>
-                <li>支持Get请求映射Params参数</li>
-                <li>删除用户和角色解绑关联</li>
-                <li>去除用户手机邮箱部门必填验证</li>
-                <li>Excel支持注解align对齐方式</li>
-                <li>Excel支持导入Boolean型数据</li>
-                <li>优化头像样式，鼠标移入悬停遮罩</li>
-                <li>代码生成预览提供滚动机制</li>
-                <li>代码生成删除多余的数字float类型</li>
-                <li>修正转换字符串的目标字符集属性</li>
-                <li>回显数据字典防止空值报错</li>
-                <li>日志记录增加过滤多文件场景</li>
-                <li>修改缓存Set方法可能导致嵌套的问题</li>
-                <li>移除前端一些多余的依赖</li>
-                <li>防止安全扫描YUI出现的风险提示</li>
-                <li>修改node-sass为dart-sass</li>
-                <li>升级SpringBoot到最新版本2.1.18</li>
-                <li>升级poi到最新版本4.1.2</li>
-                <li>升级oshi到最新版本v5.3.6</li>
-                <li>升级bitwalker到最新版本1.21</li>
-                <li>升级axios到最新版本0.21.0</li>
-                <li>升级element-ui到最新版本2.14.1</li>
-                <li>升级vue到最新版本2.6.12</li>
-                <li>升级vuex到最新版本3.6.0</li>
-                <li>升级vue-cli到版本4.5.9</li>
-                <li>升级vue-router到最新版本3.4.9</li>
-                <li>升级vue-cli到最新版本4.4.6</li>
-                <li>升级vue-cropper到最新版本0.5.5</li>
-                <li>升级clipboard到最新版本2.0.6</li>
-                <li>升级core-js到最新版本3.8.1</li>
-                <li>升级echarts到最新版本4.9.0</li>
-                <li>升级file-saver到最新版本2.0.4</li>
-                <li>升级fuse.js到最新版本6.4.3</li>
-                <li>升级js-beautify到最新版本1.13.0</li>
-                <li>升级js-cookie到最新版本2.2.1</li>
-                <li>升级path-to-regexp到最新版本6.2.0</li>
-                <li>升级quill到最新版本1.3.7</li>
-                <li>升级screenfull到最新版本5.0.2</li>
-                <li>升级sortablejs到最新版本1.10.2</li>
-                <li>升级vuedraggable到最新版本2.24.3</li>
-                <li>升级chalk到最新版本4.1.0</li>
-                <li>升级eslint到最新版本7.15.0</li>
-                <li>升级eslint-plugin-vue到最新版本7.2.0</li>
-                <li>升级lint-staged到最新版本10.5.3</li>
-                <li>升级runjs到最新版本4.4.2</li>
-                <li>升级sass-loader到最新版本10.1.0</li>
-                <li>升级script-ext-html-webpack-plugin到最新版本2.1.5</li>
-                <li>升级svg-sprite-loader到最新版本5.1.1</li>
-                <li>升级vue-template-compiler到最新版本2.6.12</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.2.1 - 2020-11-18">
-              <ol>
-                <li>阻止任意文件下载漏洞</li>
-                <li>代码生成支持上传控件</li>
-                <li>新增图片上传组件</li>
-                <li>调整默认首页</li>
-                <li>升级druid到最新版本v1.2.2</li>
-                <li>mapperLocations配置支持分隔符</li>
-                <li>权限信息调整</li>
-                <li>调整sql默认时间</li>
-                <li>解决代码生成没有bit类型的问题</li>
-                <li>升级pagehelper到最新版1.3.0</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.2.0 - 2020-10-10">
-              <ol>
-                <li>升级springboot版本到2.1.17 提升安全性</li>
-                <li>升级oshi到最新版本v5.2.5</li>
-                <li>升级druid到最新版本v1.2.1</li>
-                <li>升级jjwt到版本0.9.1</li>
-                <li>升级fastjson到最新版1.2.74</li>
-                <li>修改sass为node-sass，避免el-icon图标乱码</li>
-                <li>代码生成支持同步数据库</li>
-                <li>代码生成支持富文本控件</li>
-                <li>代码生成页面时不忽略remark属性</li>
-                <li>代码生成添加select必填选项</li>
-                <li>Excel导出类型NUMERIC支持精度浮点类型</li>
-                <li>Excel导出targetAttr优化获取值，防止get方法不规范</li>
-                <li>Excel注解支持自动统计数据总和</li>
-                <li>Excel注解支持设置BigDecimal精度&舍入规则</li>
-                <li>菜单&数据权限新增（展开/折叠 全选/全不选 父子联动）</li>
-                <li>允许用户分配到部门父节点</li>
-                <li>菜单新增是否缓存keep-alive</li>
-                <li>表格操作列间距调整</li>
-                <li>限制系统内置参数不允许删除</li>
-                <li>富文本组件优化，支持自定义高度&图片冲突问题</li>
-                <li>富文本工具栏样式对齐</li>
-                <li>导入excel整形值校验优化</li>
-                <li>修复页签关闭所有时固定标签路由不刷新问题</li>
-                <li>表单构建布局型组件新增按钮</li>
-                <li>左侧菜单文字过长显示省略号</li>
-                <li>修正根节点为子部门时，树状结构显示问题</li>
-                <li>修正调用目标字符串最大长度</li>
-                <li>修正菜单提示信息错误</li>
-                <li>修正定时任务执行一次权限标识</li>
-                <li>修正数据库字符串类型nvarchar</li>
-                <li>优化递归子节点</li>
-                <li>优化数据权限判断</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
+    <div v-if="error" class="error-message">
+      <p>获取失败: {{ error.message }}</p>
+    </div>
 
-            <el-collapse-item title="v3.1.0 - 2020-08-13">
-              <ol>
-                <li>表格工具栏右侧添加刷新&显隐查询组件</li>
-                <li>后端支持CORS跨域请求</li>
-                <li>代码生成支持选择上级菜单</li>
-                <li>代码生成支持自定义路径</li>
-                <li>代码生成支持复选框</li>
-                <li>Excel导出导入支持dictType字典类型</li>
-                <li>Excel支持分割字符串组内容</li>
-                <li>验证码类型支持（数组计算、字符验证）</li>
-                <li>升级vue-cli版本到4.4.4</li>
-                <li>修改 node-sass 为 dart-sass</li>
-                <li>表单类型为Integer/Long设置整形默认值</li>
-                <li>代码生成器默认mapper路径与默认mapperScan路径不一致</li>
-                <li>优化防重复提交拦截器</li>
-                <li>优化上级菜单不能选择自己</li>
-                <li>修复角色的权限分配后，未实时生效问题</li>
-                <li>修复在线用户日志记录类型</li>
-                <li>修复富文本空格和缩进保存后不生效问题</li>
-                <li>修复在线用户判断逻辑</li>
-                <li>唯一限制条件只返回单条数据</li>
-                <li>添加获取当前的环境配置方法</li>
-                <li>超时登录后页面跳转到首页</li>
-                <li>全局异常状态汉化拦截处理</li>
-                <li>HTML过滤器改为将html转义</li>
-                <li>检查字符支持小数点&降级改成异常提醒</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v3.0.0 - 2020-07-20">
-              <ol>
-                <li>单应用调整为多模块项目</li>
-                <li>升级element-ui版本到2.13.2</li>
-                <li>删除babel，提高编译速度。</li>
-                <li>新增菜单默认主类目</li>
-                <li>编码文件名修改为uuid方式</li>
-                <li>定时任务cron表达式验证</li>
-                <li>角色权限修改时已有权限未自动勾选异常修复</li>
-                <li>防止切换权限用户后登录出现404</li>
-                <li>Excel支持sort导出排序</li>
-                <li>创建用户不允许选择超级管理员角色</li>
-                <li>修复代码生成导入表结构出现异常页面不提醒问题</li>
-                <li>修复代码生成点击多次表修改数据不变化的问题</li>
-                <li>修复头像上传成功二次打开无法改变裁剪框大小和位置问题</li>
-                <li>修复布局为small者mini用户表单显示错位问题</li>
-                <li>修复热部署导致的强换异常问题</li>
-                <li>修改用户管理复选框宽度，防止部分浏览器出现省略号</li>
-                <li>IpUtils工具，清除Xss特殊字符，防止Xff注入攻击</li>
-                <li>生成domain 如果是浮点型 统一用BigDecimal</li>
-                <li>定时任务调整label-width，防止部署出现错位</li>
-                <li>调整表头固定列默认样式</li>
-                <li>代码生成模板调整，字段为String并且必填则加空串条件</li>
-                <li>代码生成字典Integer/Long使用parseInt</li>
-                <li>
-                  修复dict_sort不可update为0的问题&查询返回增加dict_sort升序排序
-                </li>
-                <li>修正岗位导出权限注解</li>
-                <li>禁止加密密文返回前端</li>
-                <li>修复代码生成页面中的查询条件创建时间未生效的问题</li>
-                <li>修复首页搜索菜单外链无法点击跳转问题</li>
-                <li>修复菜单管理选择图标，backspace删除时不过滤数据</li>
-                <li>用户管理部门分支节点不可检查&显示计数</li>
-                <li>数据范围过滤属性调整</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.3.0 - 2020-06-01">
-              <ol>
-                <li>升级fastjson到最新版1.2.70 修复高危安全漏洞</li>
-                <li>dev启动默认打开浏览器</li>
-                <li>vue-cli使用默认source-map</li>
-                <li>slidebar eslint报错优化</li>
-                <li>当tags-view滚动关闭右键菜单</li>
-                <li>字典管理添加缓存读取</li>
-                <li>参数管理支持缓存操作</li>
-                <li>支持一级菜单（和主页同级）在main区域显示</li>
-                <li>限制外链地址必须以http(s)开头</li>
-                <li>tagview & sidebar 主题颜色与element ui(全局)同步</li>
-                <li>修改数据源类型优先级，先根据方法，再根据类</li>
-                <li>支持是否需要设置token属性，自定义返回码消息。</li>
-                <li>swagger请求前缀加入配置。</li>
-                <li>登录地点设置内容过长则隐藏显示</li>
-                <li>修复定时任务执行一次按钮后不提示消息问题</li>
-                <li>修改上级部门（选择项排除本身和下级）</li>
-                <li>通用http发送方法增加参数 contentType 编码类型</li>
-                <li>更换IP地址查询接口</li>
-                <li>修复页签变量undefined</li>
-                <li>添加校验部门包含未停用的子部门</li>
-                <li>修改定时任务详情下次执行时间日期显示错误</li>
-                <li>角色管理查询设置默认排序字段</li>
-                <li>swagger添加enable参数控制是否启用</li>
-                <li>只对json类型请求构建可重复读取inputStream的request</li>
-                <li>修改代码生成字典字段int类型没有自动选中问题</li>
-                <li>vuex用户名取值修正</li>
-                <li>表格树模板去掉多余的)</li>
-                <li>代码生成序号修正</li>
-                <li>全屏情况下不调整上外边距</li>
-                <li>代码生成Date字段添加默认格式</li>
-                <li>用户管理角色选择权限控制</li>
-                <li>修复路由懒加载报错问题</li>
-                <li>模板sql.vm添加菜单状态</li>
-                <li>设置用户名称不能修改</li>
-                <li>dialog添加append-to-body属性，防止ie遮罩</li>
-                <li>菜单区分状态和显示隐藏功能</li>
-                <li>升级fastjson到最新版1.2.68 修复安全加固</li>
-                <li>修复代码生成如果选择字典类型缺失逗号问题</li>
-                <li>登录请求params更换为data，防止暴露url</li>
-                <li>日志返回时间格式处理</li>
-                <li>添加handle控制允许拖动的元素</li>
-                <li>布局设置点击扩大范围</li>
-                <li>代码生成列属性排序查询</li>
-                <li>代码生成列支持拖动排序</li>
-                <li>修复时间格式不支持ios问题</li>
-                <li>表单构建添加父级class，防止冲突</li>
-                <li>定时任务并发属性修正</li>
-                <li>角色禁用&菜单隐藏不查询权限</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.2.0 - 2020-03-18">
-              <ol>
-                <li>系统监控新增定时任务功能</li>
-                <li>添加一个打包Web工程bat</li>
-                <li>修复页签鼠标滚轮按下的时候，可以关闭不可关闭的tag</li>
-                <li>修复点击退出登录有时会无提示问题</li>
-                <li>修复防重复提交注解无效问题</li>
-                <li>修复通知公告批量删除异常问题</li>
-                <li>添加菜单时路由地址必填限制</li>
-                <li>代码生成字段描述可编辑</li>
-                <li>修复用户修改个人信息导致缓存不过期问题</li>
-                <li>个人信息创建时间获取正确属性值</li>
-                <li>操作日志详细显示正确类型</li>
-                <li>导入表单击行数据时选中对应的复选框</li>
-                <li>批量替换表前缀逻辑调整</li>
-                <li>固定重定向路径表达式</li>
-                <li>升级element-ui版本到2.13.0</li>
-                <li>操作日志排序调整</li>
-                <li>修复charts切换侧边栏或者缩放窗口显示bug</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.1.0 - 2020-02-24">
-              <ol>
-                <li>新增表单构建</li>
-                <li>代码生成支持树表结构</li>
-                <li>新增用户导入</li>
-                <li>修复动态加载路由页面刷新问题</li>
-                <li>修复地址开关无效问题</li>
-                <li>汉化错误提示页面</li>
-                <li>代码生成已知问题修改</li>
-                <li>修复多数据源下配置关闭出现异常处理</li>
-                <li>添加HTML过滤器，用于去除XSS漏洞隐患</li>
-                <li>修复上传头像控制台出现异常</li>
-                <li>修改用户管理分页不正确的问题</li>
-                <li>修复验证码记录提示错误</li>
-                <li>修复request.js缺少Message引用</li>
-                <li>修复表格时间为空出现的异常</li>
-                <li>添加Jackson日期反序列化时区配置</li>
-                <li>调整根据用户权限加载菜单数据树形结构</li>
-                <li>调整成功登录不恢复按钮，防止多次点击</li>
-                <li>修改用户个人资料同步缓存信息</li>
-                <li>修复页面同时出现el-upload和Editor不显示处理</li>
-                <li>修复在角色管理页修改菜单权限偶尔未选中问题</li>
-                <li>配置文件新增redis密码属性</li>
-                <li>设置mybatis全局的配置文件</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.0.0 - 2019-12-02">
-              <ol>
-                <li>新增代码生成</li>
-                <li>新增@RepeatSubmit注解，防止重复提交</li>
-                <li>新增菜单主目录添加/删除操作</li>
-                <li>日志记录过滤特殊对象，防止转换异常</li>
-                <li>修改代码生成路由脚本错误</li>
-                <li>用户上传头像实时同步缓存，无需重新登录</li>
-                <li>调整切换页签后不重新加载数据</li>
-                <li>添加jsencrypt实现参数的前端加密</li>
-                <li>系统退出删除用户缓存记录</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v1.1.0 - 2019-11-11">
-              <ol>
-                <li>新增在线用户管理</li>
-                <li>新增按钮组功能实现（批量删除、导出、清空）</li>
-                <li>新增查询条件重置按钮</li>
-                <li>新增Swagger全局Token配置</li>
-                <li>新增后端参数校验</li>
-                <li>修复字典管理页面的日期查询异常</li>
-                <li>修改时间函数命名防止冲突</li>
-                <li>去除菜单上级校验，默认为顶级</li>
-                <li>修复用户密码无法修改问题</li>
-                <li>修复菜单类型为按钮时不显示权限标识</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v1.0.0 - 2019-10-08">
-              <ol>
-                <li>若依前后端分离系统正式发布</li>
-              </ol>
-            </el-collapse-item>
-          </el-collapse>
-        </el-card>
-      </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <template v-slot:header>
-            <div class="clearfix">
-              <span>捐赠支持</span>
-            </div>
-          </template>
-          <div class="body">
-            <img
-              src="@/assets/images/pay.png"
-              alt="donate"
-              style="width:100%"
-            />
-            <span style="display: inline-block; height: 30px; line-height: 30px"
-              >你可以请作者喝杯咖啡表示鼓励</span
-            >
-          </div>
-        </el-card>
-      </el-col>
-    </el-row> -->
+    <div v-if="fingerprint && !loading && !error" class="fingerprint-result">
+      <p>您的浏览器指纹: {{ fingerprint }}</p>
+      <button @click="refreshFingerprint">重新获取</button>
+    </div> -->
   </div>
 </template>
 
-<script setup name="Index">
-const version = ref('3.8.7')
+<script setup>
+import { useFingerprint } from '@/utils/useFingerprint';
 
-function goTarget(url) {
-  window.open(url, '__blank')
-}
+// 使用自定义hook获取指纹信息
+const {
+  fingerprint,
+  loading,
+  error,
+  getFingerprint
+} = useFingerprint();
+
+// 重新获取指纹
+const refreshFingerprint = async () => {
+  await getFingerprint();
+};
 </script>
 
-<style scoped lang="scss">
-.home {
-  blockquote {
-    padding: 10px 20px;
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
-  }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
-  }
-  .col-item {
-    margin-bottom: 20px;
-  }
-
-  ul {
-    padding: 0;
-    margin: 0;
-  }
-
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
-
-  ul {
-    list-style-type: none;
-  }
-
-  h4 {
-    margin-top: 0px;
-  }
-
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
-  }
-
-  p {
-    margin-top: 10px;
-
-    b {
-      font-weight: 700;
-    }
-  }
-
-  .update-log {
-    ol {
-      display: block;
-      list-style-type: decimal;
-      margin-block-start: 1em;
-      margin-block-end: 1em;
-      margin-inline-start: 0;
-      margin-inline-end: 0;
-      padding-inline-start: 40px;
-    }
-  }
-}
-</style>
-
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/liswork/dict/index.vue b/src/views/liswork/dict/index.vue
index 642ac87..a7b5ed7 100644
--- a/src/views/liswork/dict/index.vue
+++ b/src/views/liswork/dict/index.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { computed, reactive, ref, onMounted, nextTick } from "vue";
 import { getToken } from "@/utils/auth";
-import { queryComDictListService, addComDictService, updateComDictService, delComDictService } from "../../../api/liswork/dict/ComDict.js";
+import { queryComDictListService, addComDictService, updateComDictService, delComDictService } from "../../../api/liswork/dict/ComDict";
 
 
 const { proxy } = getCurrentInstance();
diff --git a/src/views/liswork/work/components/ItemInput.vue b/src/views/liswork/work/components/ItemInput.vue
index fb5931f..f994f9d 100644
--- a/src/views/liswork/work/components/ItemInput.vue
+++ b/src/views/liswork/work/components/ItemInput.vue
@@ -1,55 +1,28 @@
 <template>
   <div class="dict-input-wrapper">
-    <el-input
-        v-model="displayValue"
-        :placeholder="placeholder"
-        :clearable="clearable"
-        :disabled="isDictLoading || disabled"
-        @blur="handleBlur"
-        @clear="handleClear"
-        @dblclick="handleDblClick"
-    >
+    <!-- <el-input v-model="displayValue" :placeholder="placeholder" :clearable="clearable"
+      :disabled="isDictLoading || disabled" @blur="handleBlur" @clear="handleClear" @dblclick="handleDblClick">
       <template #prefix>
-        <el-icon v-if="isDictLoading" size="16"><Loading /></el-icon>
+        <el-icon v-if="isDictLoading" size="16">
+          <Loading />
+        </el-icon>
       </template>
-      <template #suffix>
+<template #suffix>
         <el-icon @click="openDictSelector" size="16" class="select-icon">
           <ArrowDown />
         </el-icon>
       </template>
-    </el-input>
+</el-input> -->
 
     <!-- 字典选择弹窗 -->
-    <el-dialog
-        v-model="dialogVisible"
-        :title="dialogTitle"
-        width="500px"
-        @close="handleDialogClose"
-    >
-      <el-input
-          v-model="searchKey"
-          placeholder="搜索（支持名称、编码、简拼）..."
-          class="mb-4"
-          clearable
-          @clear="filterDictData"
-          @input="filterDictData"
-      />
+    <el-dialog v-model="dialogVisible" :title="dialogTitle" width="30vw" @close="handleDialogClose">
+      <el-input v-model="searchKey" placeholder="搜索（支持名称、编码、简拼）..." class="mb10" clearable @clear="filterDictData"
+        @input="filterDictData" />
 
-      <el-table
-          :data="filteredDictData"
-          height="300px"
-          border
-          @row-click="selectItem"
-          @row-dblclick="selectItem"
-      >
-        <el-table-column prop="value" label="编码" width="100" />
-        <el-table-column prop="label" label="名称" width="200" />
-        <el-table-column prop="pinyin" label="简拼" width="150" /> <!-- 显示简拼便于调试 -->
-        <el-table-column label="操作" width="100">
-          <template #default="scope">
-            <el-button size="small" type="primary" @click="selectItem(scope.row)">选择</el-button>
-          </template>
-        </el-table-column>
+      <el-table :data="filteredDictData" height="300px" border @row-click="selectItem" @row-dblclick="selectItem">
+        <el-table-column prop="value" label="编码" align="center" width="150" />
+        <el-table-column prop="label" label="名称" align="center" show-overflow-tooltip />
+        <el-table-column prop="pinyin" label="简拼" align="center" width="100" /> <!-- 显示简拼便于调试 -->
       </el-table>
     </el-dialog>
   </div>
@@ -66,9 +39,9 @@ const props = defineProps({
   dictType: { type: String, required: true },
   placeholder: { type: String, default: '请输入或双击选择' },
   clearable: { type: Boolean, default: true },
-  disabled: {type: Boolean, default: false},
-  fetchDict: {type: Function, required: true},
-  dialogTitle: {type: String, default: '选择字典项'},
+  disabled: { type: Boolean, default: false },
+  fetchDict: { type: Function, required: true },
+  dialogTitle: { type: String, default: '选择字典项' },
   loadOnMount: { type: Boolean, default: true }
 });
 
@@ -192,7 +165,7 @@ watch(() => props.modelValue, (newVal) => {
     labelValue.value = matched?.label || newVal;
     emit('update:labelValue', labelValue.value);
   }
-}, {immediate: true});
+}, { immediate: true });
 
 // 组件挂载时加载字典
 onMounted(async () => {
diff --git a/src/views/liswork/work/components/labpat.vue b/src/views/liswork/work/components/labpat.vue
index 3059154..e7ca7ee 100644
--- a/src/views/liswork/work/components/labpat.vue
+++ b/src/views/liswork/work/components/labpat.vue
@@ -1,133 +1,120 @@
 <template>
-  <div class="compact-form">
-    <el-col :span="24" :xs="24">
-    <el-form :model="labPat" label-width="100px" class="compact-form" label-position="left">
-      <el-form-item label="病人来源" label-width="70px">
-        <el-col :span="16">
-          <dict-input v-model="labPat.brly" :dict-type="'PT'" placeholder="请输入病人来源" :fetch-dict="fetchDict"
-                      @update:labelValue="(label) => labPat.brlyLabel = label" dialog-title="选择病人来源"
-                      @blur="handleFieldChange"
-                      @keyup.enter="handleFieldChange"
-                      @select="handleDictSelect"
-          />
+  <div class="labpat_box">
+    <div class="flex-between mb5">
+      <el-input placeholder="条码号" class="mr10" style="width:100%" />
+      <el-button type="primary">打印条码</el-button>
+    </div>
+    <el-form :model="labPat" label-width="70px" class="compact-form" label-position="right"
+      :disabled="labPat.jgbz && labPat.jgbz != 0">
+      <div :class="['sh_box', getColor(labPat.jgbz)]" v-if="labPat.jgbz != 0">
+        <div>{{ getLableType(labPat.jgbz) }}</div>
+      </div>
+      <el-form-item label="病人来源">
+        <el-col :span="14">
+          <el-select v-model="labPat.brly" placeholder="请选择" style="width: 100%;" filterable
+            @change="handleFieldChange">
+            <el-option v-for="item in dictData.PT" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
         </el-col>
-        <el-col :span="8">
-            <el-switch v-model="jzbzSwitch" active-text="急诊" active-color="#FD0101"  @change="handleFieldChange"></el-switch>
+        <el-col :span="10">
+          <el-switch v-model="jzbzSwitch" active-text="急诊" active-color="#FD0101"
+            @change="handleFieldChange"></el-switch>
         </el-col>
       </el-form-item>
-      <el-form-item label="病 历 号" label-width="70px">
-        <el-input v-model="labPat.brdh" placeholder="请输入病历号"
-                  @blur="handleFieldChange"
-                  @keyup.enter="handleFieldChange"></el-input>
+      <el-form-item label="病 历 号">
+        <el-input v-model="labPat.brdh" placeholder="请输入病历号" @blur="handleFieldChange"
+          @keyup.enter="handleFieldChange"></el-input>
       </el-form-item>
-      <el-form-item label="姓 名" label-width="70px">
-        <el-input v-model="labPat.brxm" placeholder="请输入姓名"
-                  @blur="handleFieldChange"
-                  @keyup.enter="handleFieldChange"></el-input>
+      <el-form-item label="姓 名">
+        <el-input v-model="labPat.brxm" placeholder="请输入姓名" @blur="handleFieldChange"
+          @keyup.enter="handleFieldChange"></el-input>
       </el-form-item>
-      <el-form-item label="性 别" label-width="70px">
-        <el-col :span="8">
-        <dict-input v-model="labPat.brxb" placeholder="性别" :dict-type="'SX'" :fetch-dict="fetchDict"
-                    @update:labelValue="(label) => labPat.brxbLabel = label"
-                    @blur="handleFieldChange"
-                    @keyup.enter="handleFieldChange"
-                    @select="handleDictSelect"
-        />
-        </el-col>
-        <el-col :span="4"><div>年龄</div></el-col>
-        <el-col :span="6">
-          <el-input v-model="labPat.nl" placeholder="年龄"
-                    @blur="handleFieldChange"
-                    @keyup.enter="handleFieldChange"></el-input>
-        </el-col>
-        <el-col :span="6">
-          <dict-input v-model="labPat.nldw" placeholder="年月" :dict-type="'AU'" :fetch-dict="fetchDict"
-                      @update:labelValue="(label) => labPat.nldwLabel = label"
-                      @blur="handleFieldChange"
-                      @keyup.enter="handleFieldChange"
-                      @select="handleDictSelect"
-          />
-        </el-col>
+      <el-form-item label="性 别">
+        <el-select v-model="labPat.brxb" placeholder="请选择" style="width: 100%;" @change="handleFieldChange">
+          <el-option v-for="item in dictData.SX" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
       </el-form-item>
-        <el-form-item label="送检科室" label-width="70px">
-        <dict-input v-model="labPat.ksdh" placeholder="请输入科室" :dict-type="'DP'" :fetch-dict="fetchDict"
-                    @update:labelValue="(label) => labPat.ksdhLabel = label"
-                    @blur="handleFieldChange"
-                    @keyup.enter="handleFieldChange"
-                    @select="handleDictSelect"
-        />
+      <el-form-item label="年龄">
+        <el-row :gutter="5">
+          <el-col :span="14">
+            <el-input v-model="labPat.nl" placeholder="年龄" @blur="handleFieldChange" @keyup.enter="handleFieldChange"
+              style="width:100%"></el-input>
+          </el-col>
+          <el-col :span="10">
+            <el-select v-model="labPat.nldw" placeholder="请选择" style="width: 100%;" filterable
+              @change="handleFieldChange">
+              <el-option v-for="item in dictData.AU" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-col>
+        </el-row>
       </el-form-item>
-      <el-form-item label="床 号" label-width="70px">
-        <el-input v-model="labPat.ch" placeholder="请输入床号"
-                  @blur="handleFieldChange"
-                  @keyup.enter="handleFieldChange"
-        ></el-input>
+      <el-form-item label="送检科室">
+        <el-select v-model="labPat.ksdh" placeholder="请选择" style="width: 100%;" filterable @change="handleFieldChange">
+          <el-option v-for="item in dictData.DP" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
       </el-form-item>
-      <el-form-item label="样本类型" label-width="70px">
-        <dict-input v-model="labPat.yblx" placeholder="请输入样本类型" :dict-type="'BT'" :fetch-dict="fetchDict"
-                    @update:labelValue="(label) => labPat.yblxLabel = label"
-                    @blur="handleFieldChange"
-                    @keyup.enter="handleFieldChange"
-                    @select="handleDictSelect"
-        />
+      <el-form-item label="床 号">
+        <el-input v-model="labPat.ch" placeholder="请输入床号" @blur="handleFieldChange"
+          @keyup.enter="handleFieldChange"></el-input>
       </el-form-item>
-      <el-form-item label="申请医生" label-width="70px">
-        <dict-input v-model="labPat.sjys" placeholder="请输入申请医生" :dict-type="'SRD'" :fetch-dict="fetchDict"
-                    @update:labelValue="(label) => labPat.sjysLabel = label"
-                    @blur="handleFieldChange"
-                    @keyup.enter="handleFieldChange"
-                    @select="handleDictSelect"
-        />
+      <el-form-item label="样本类型">
+        <el-select v-model="labPat.yblx" placeholder="请选择" style="width: 100%;" @change="handleFieldChange" filterable>
+          <el-option v-for="item in dictData.BT" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
       </el-form-item>
-      <el-form-item label="上机时间" label-width="70px">
-        <el-date-picker v-model="labPat.sqsj" type="datetime" placeholder="上机时间" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
-                        @blur="handleFieldChange"
-                        @keyup.enter="handleFieldChange"
-        ></el-date-picker>
+      <el-form-item label="申请医生">
+        <el-select v-model="labPat.sjys" placeholder="请选择" style="width: 100%;" @change="handleFieldChange" filterable>
+          <el-option v-for="item in dictData.SRD" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
       </el-form-item>
-      <el-form-item label="采样时间" label-width="70px">
-        <el-date-picker v-model="labPat.cyrq" type="datetime" placeholder="采样时间" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
-                        @blur="handleFieldChange"
-                        @keyup.enter="handleFieldChange"
-        ></el-date-picker>
+      <el-form-item label="上机时间">
+        <el-date-picker v-model="labPat.sqsj" type="datetime" placeholder="上机时间" format="YYYY-MM-DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss" @blur="handleFieldChange"
+          @keyup.enter="handleFieldChange"></el-date-picker>
       </el-form-item>
-      <el-form-item label="报告时间" label-width="70px">
-        <el-date-picker v-model="labPat.dysj" type="datetime" placeholder="报告时间" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
-                        @blur="handleFieldChange"
-                        @keyup.enter="handleFieldChange"
-        ></el-date-picker>
+      <el-form-item label="采样时间">
+        <el-date-picker v-model="labPat.cyrq" type="datetime" placeholder="采样时间" format="YYYY-MM-DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss" @blur="handleFieldChange"
+          @keyup.enter="handleFieldChange"></el-date-picker>
       </el-form-item>
-      <el-form-item label="临床诊断" label-width="70px">
-        <el-input v-model="labPat.zd" placeholder="请输入临床诊断"  @blur="handleFieldChange" @keyup.enter="handleFieldChange"></el-input>
+      <el-form-item label="报告时间">
+        <el-date-picker v-model="labPat.dysj" type="datetime" placeholder="报告时间" format="YYYY-MM-DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss" @blur="handleFieldChange"
+          @keyup.enter="handleFieldChange"></el-date-picker>
       </el-form-item>
-      <el-form-item label="备 注" label-width="70px">
-        <el-input v-model="labPat.bz" placeholder="请输入备注" @blur="handleFieldChange" @keyup.enter="handleFieldChange"></el-input>
+      <el-form-item label="临床诊断">
+        <el-input v-model="labPat.zd" placeholder="请输入临床诊断" @blur="handleFieldChange"
+          @keyup.enter="handleFieldChange"></el-input>
       </el-form-item>
-      <el-form-item label="检验医生" label-width="70px">
-        <el-input v-model="labPat.yhdh" placeholder="请输入检验医生" @blur="handleFieldChange" @keyup.enter="handleFieldChange"></el-input>
+      <el-form-item label="备 注">
+        <el-input v-model="labPat.bz" placeholder="请输入备注" @blur="handleFieldChange"
+          @keyup.enter="handleFieldChange"></el-input>
       </el-form-item>
-      <el-form-item label="审核医生" label-width="70px">
-        <el-input v-model="labPat.hdys" placeholder="请输入审核医生" @blur="handleFieldChange" @keyup.enter="handleFieldChange"></el-input>
+      <el-form-item label="检验医生">
+        <el-input v-model="labPat.yhdh" placeholder="请输入检验医生" @blur="handleFieldChange"
+          @keyup.enter="handleFieldChange"></el-input>
       </el-form-item>
-      <el-form-item label="审核状态" >
+      <el-form-item label="审核医生">
+        <el-input v-model="labPat.hdys" placeholder="请输入审核医生" @blur="handleFieldChange"
+          @keyup.enter="handleFieldChange"></el-input>
+      </el-form-item>
+      <el-form-item label="审核状态">
         <el-radio-group v-model="labPat.jgbz">
-          <el-radio :label="0">未审核</el-radio>
-          <el-radio :label="2">已审核</el-radio>
+          <el-radio :label="'0'">未审核</el-radio>
+          <el-radio :label="'2'">已审核</el-radio>
         </el-radio-group>
       </el-form-item>
 
     </el-form>
-    <div class="compact-form">
-      <el-button type="primary" @click="saveMain">保存</el-button>
-      <el-button @click="resetMain">重置</el-button>
-    </div>
-  </el-col>
+
   </div>
 </template>
 
-<script setup>
-import DictInput from './DictInput.vue';
-import {changepatcolumn, updateLabPat} from "@/api/liswork/work/LisWork.js";
+<script setup lang="ts">
+import { ref, reactive, watch, toRaw, computed, onMounted } from 'vue';
+import { changepatcolumn, updateLabPat } from "@/api/liswork/work/LisWork";
+//@ts-ignore 
+import { comDict } from '@/utils/dict'
 const loading = ref(true);
 const props = defineProps({
   labPat: {
@@ -135,109 +122,122 @@ const props = defineProps({
     required: true
   },
   //结果主键
-  labPatKey:{
-    type: Array,
-    default: () => []
-  }
-});
-// 计算属性：将布尔值转换为 0/1 绑定到 labPat.jzbz
-const jzbzSwitch = computed({
-  get() {
-    // 后端返回的 0/1 转换为布尔值（供开关显示）
-    return props.labPat.jzbz == "1";
+  labPatKey: {
+    type: Object,
+    default: () => { }
   },
-  set(checked) {
-    // 开关的 true/false 转换为 1/0 存到实体中
-    props.labPat.jzbz = checked ? "1" : "0";
+  dictData: {
+    type: Object,
+    default: () => { }
   }
 });
+
+watch(() => props.labPat, (newVal) => {
+  lastValue.value = JSON.stringify(newVal);
+})
+// 计算属性：将布尔值转换为 0/1 绑定到 labPat.jzbz
+const jzbzSwitch = ref(0);
 const emit = defineEmits(['update:labPat']);
-// 通过inject获取全局方法
-const comDict = inject('comDict');
-const lastValue = ref(JSON.stringify(props.labPat));
-const prevFieldState = ref(null); // 记录当前修改的字段及旧值 { field: '字段名', oldValue: 旧值 }
+const lastValue = ref('');
 /**
- * 通用字段变化处理（失焦、回车触发）
- */
+* 通用字段变化处理（失焦、回车触发）
+*/
 const handleFieldChange = async () => {
-  await triggerApiUpdate();
+  // 将当前labPat转为字符串用于比较
+  const currentValue = JSON.stringify(props.labPat);
+  // 对比与上一次保存的值是否有变化
+  if (currentValue !== lastValue.value) {
+    // 找出变化的字段
+    const oldObj = JSON.parse(lastValue.value);
+    const newObj = props.labPat;
+    const changedField = getChangedField(oldObj, newObj);
+    console.log('changedField==>', changedField);
+    console.log('oldObj, newObj==>', oldObj, newObj);
+    if (changedField) {
+      // 这里可以添加实际的更新逻辑，比如调用接口
+      try {
+        changepatcolumn({ ...props.labPatKey, column: changedField?.field, value: changedField?.newValue }).then((res: any) => {
+        });
+      } catch (error) {
+        console.error('更新失败:', error);
+        // 失败时可以恢复旧值
+        emit('update:labPat', oldObj);
+        lastValue.value = JSON.stringify(oldObj);
+      }
+    }
+  }
 };
 
+// 完善字段变化检测方法
+const getChangedField = (oldObj: { [key: string]: any }, newObj: { [key: string]: any }) => {
+  const oldKeys = Object.keys(oldObj);
+  for (const key of oldKeys) {
+    const oldVal = oldObj[key];
+    const newVal = newObj[key];
+
+    if (oldVal instanceof Date && newVal instanceof Date) {
+      if (oldVal.getTime() !== newVal.getTime()) {
+        return { field: key, oldValue: oldVal, newValue: newVal };
+      }
+    } else if (oldVal !== newVal) {
+      return { field: key, oldValue: oldVal, newValue: newVal };
+    }
+  }
+
+  const newKeys = Object.keys(newObj);
+  for (const key of newKeys) {
+    if (!(key in oldObj)) {
+      return { field: key, oldValue: undefined, newValue: newObj[key] };
+    }
+  }
+
+  return null;
+};
+
+
+const getLableType = (type: string) => {
+  switch (type) {
+    case '1':
+      return '初审';
+    case '2':
+      return '已审核';
+    case '3':
+      return '初报';
+    case '4':
+      return '二报';
+    case '5':
+      return '锁定';
+    default:
+      return '';
+  }
+}
+
+const getColor = (type: string) => {
+  switch (type) {
+    case '1':
+      return 'cs_color';
+    case '2':
+      return 'sh_color';
+    case '3':
+      return 'cb_color';
+    case '4':
+      return 'eb_color';
+    case '5':
+      return 'sd_color';
+    default:
+      return 'default';
+  }
+}
+
+
 /**
  * 字典选择完成处理（弹窗选择后触发）
  */
 const handleDictSelect = async () => {
   // 字典选择后直接触发更新
-  await triggerApiUpdate();
-};
-/**
- * 对比新旧对象，找出修改的字段及旧值
- * @param oldObj 旧对象
- * @param newObj 新对象
- * @returns { field: string, oldValue: any } | null
- */
-const getChangedField = (oldObj, newObj) => {
-  const oldKeys = Object.keys(oldObj);
-  for (const key of oldKeys) {
-    if (newObj[key] !== oldObj[key]) {
-      return { field: key, oldValue: oldObj[key], newValue: newObj[key]  };
-    }
-  }
-  return null;
-};
-/**
- * 触发API更新的核心方法
- */
-const triggerApiUpdate = async () => {
-  const currentLabPat = toRaw(props.labPat);
-  const currentValue = JSON.stringify(currentLabPat);
-  const oldValue = lastValue.value;
-  // 只有值发生变化时才调用API
-  if (currentValue !== lastValue.value) {
-    // 2. 找出修改的字段及旧值（用于回滚）
-    const oldObj = JSON.parse(oldValue);
-    const changedField = getChangedField(oldObj, currentLabPat);
-    prevFieldState.value = changedField; // 记录修改前的状态
-    console.log('prevFieldState:', prevFieldState.value)
-    console.log('labPatKey:', props.labPatKey)
-    try {
-      loading.value = true;
-      changepatcolumn({...props.labPatKey,column:changedField?.field,value:changedField?.newValue}).then(response => {
-        console.log('response:', response)
-        console.log('表单更新成功');
-        lastValue.value = currentValue;
-        loading.value = false;
-      }) .catch(error => {
-        console.error('表单更新失败', error);
-        loading.value = false;
-        if (prevFieldState.value) {
-          const { field, oldValue,newValue } = prevFieldState.value;
-          // 回滚字段值（通过emit触发父组件更新，避免直接修改props）
-          emit('update:labPat', {
-            ...toRaw(props.labPat),
-            [field]: oldValue
-          });
-        } else {
-          // 若未找到具体字段，整体回滚
-          emit('update:labPat', JSON.parse(oldValue));
-        }
-        // 回滚后更新缓存
-        lastValue.value = oldValue;
 
-      });
-    } catch (error) {
-      console.error('更新接口调用失败:', error);
-    }finally {
-      loading.value = false;
-      prevFieldState.value = null; // 清空临时记录
-    }
+};
 
-  }
-};
-// 手动保存
-const saveMain = async () => {
-  await triggerApiUpdate();
-};
 // 重置方法
 const resetMain = () => {
   const resetData = {
@@ -257,20 +257,104 @@ const resetMain = () => {
   lastValue.value = JSON.stringify(resetData);
 };
 
-// 字典获取方法（适配子组件）
-const fetchDict = async (dictType) => {
-  const dictRefs = await comDict(dictType);
-  // 根据实际字典结构返回数组（需与子组件匹配）
-  return dictRefs[dictType]?.value || [];
-};
+// interface DictData {
+//   PT?: Array<any>;
+//   AU?: Array<any>;
+//   SX?: Array<any>;
+//   DP?: Array<any>;
+//   BT?: Array<any>;
+//   SRD?: Array<any>;
+//   [key: string]: any[] | undefined; // 添加索引签名以支持动态访问
+// }
+// // 字典数据存储
+// const dictData = ref<DictData>({});
+
+// onMounted(async () => {
+//   // 加载病人来源字典
+//   const dictRefs = await comDict('PT', 'AU', 'SX', 'DP', 'BT', 'SRD');
+
+//   // 从 ref 中获取实际数据
+//   dictData.value = {
+//     PT: toRaw(dictRefs.PT.value) || [],
+//     AU: toRaw(dictRefs.AU.value) || [],
+//     SX: toRaw(dictRefs.SX.value) || [],
+//     DP: toRaw(dictRefs.DP.value) || [],
+//     BT: toRaw(dictRefs.BT.value) || [],
+//     SRD: toRaw(dictRefs.SRD.value) || [],
+//   };
+// });
 
 </script>
 <style scoped lang="scss">
-.compact-form .el-form-item {
-  margin-bottom: 10px;
+.labpat_box {
+  height: calc(90vh - 95px);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
-.compact-form .el-form-item__label {
-  padding-bottom: 5px;
+.flex-between {
+  height: 32px;
+}
+
+.compact-form {
+  flex: 1;
+  position: relative;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+
+  .el-form-item {
+    margin-bottom: 5px;
+  }
+
+  .el-form-item__label {
+    padding-bottom: 5px;
+  }
+
+  // pointer-events: none;
+}
+
+.sh_box {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0);
+  z-index: 9;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  writing-mode: vertical-rl;
+  font-weight: 500;
+  font-size: 137px;
+
+  // pointer-events: none;
+}
+
+.cs_color {
+  color: rgba(40, 189, 187, 0.44);
+}
+
+.sh_color {
+  color: rgba(238, 8, 8, 0.44);
+}
+
+.cb_color {
+  color: rgba(255, 165, 0, 0.44);
+}
+
+.eb_color {
+  color: rgba(0, 128, 0, 0.44);
+}
+
+.sd_color {
+  color: rgba(128, 128, 128, 0.44);
+}
+
+.default {
+  color: rgba(40, 189, 187, 0.44);
 }
 </style>
\ No newline at end of file
diff --git a/src/views/liswork/work/components/labpatlist.vue b/src/views/liswork/work/components/labpatlist.vue
index 4acde70..03fb6a9 100644
--- a/src/views/liswork/work/components/labpatlist.vue
+++ b/src/views/liswork/work/components/labpatlist.vue
@@ -1,94 +1,68 @@
 <template>
   <div class="table-container">
-    <el-input
-        v-model="searchText"
-        placeholder="输入条码号搜索"
-        class="mb-4"
-        @keyup.enter="search"
-    >
-      <template #append>
-        <el-button @click="search">搜索</el-button>
-      </template>
-    </el-input>
-    <el-table
-        :data="labPatList"
-        stripe
-        class="card-content"
-        :header-cell-style="headerCellStyle"
-        :cell-style="cellStyle"
-        @row-click="handleRowClick"
-        style="width: 100%"
-        border
-
-    >
-      <el-table-column prop="finish" label="完成" width="70">
+    <vxe-table :data="labPatList" :loading="loading" border height="auto" class="mytable-style"
+      :row-config="{ isHover: true, height: 30 }" show-overflow @current-change="handleRowClick" ref="tableRef"
+      :current-row="currentRow" highlight-current-row round row-id="ybh">
+      <vxe-column field="finish" title="完成" width="60" align="center">
         <template #default="scope">
-          <span>{{ scope.row.finish === 1 ? '已完成' : '未完成' }}</span>
+          <span>{{ scope.row.finish == 1 ? '✅' : '❌' }}</span>
         </template>
-      </el-table-column>
-      <el-table-column prop="jgbz" label="审核" width="25" align="center" header-align="center" >
+      </vxe-column>
+      <vxe-column field="jgbz" title="审核" width="60" align="center">
         <template #default="scope">
-          <el-checkbox :model-value="scope.row.jgbz === '2'" disabled>
-          </el-checkbox>
+          <el-checkbox v-model="scope.row.jgbz" true-value="2" disabled />
         </template>
-      </el-table-column>
-      <el-table-column prop="alarmflag" label="报警" width="25">
+      </vxe-column>
+      <vxe-column field="alarmflag" title="报警" width="60" align="center">
         <template #default="scope">
-          <el-checkbox :model-value="scope.row.alarmflag === '1'" disabled>
-          </el-checkbox>
+          <el-checkbox :model-value="scope.row.alarmflag == '1'" disabled />
         </template>
-      </el-table-column>
-      <el-table-column prop="brly" label="类型" width="50" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="autojgbz" label="自审" width="25" >
+      </vxe-column>
+      <vxe-column field="brly" title="类型" width="60" align="center">
+        <template #default="scope">
+          {{ formatDict(scope.row.brly, 'PT') }}
+        </template>
+      </vxe-column>
+      <vxe-column field="autojgbz" title="自审" width="60" align="center">
         <template #default="scope">
           <el-checkbox :model-value="scope.row.autojgbz === '1'" disabled>
           </el-checkbox>
         </template>
-      </el-table-column>
-      <el-table-column prop="ybh" label="样本号" width="80" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="brxm" label="病人姓名" width="100" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="brdh" label="病历号" width="80" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="ch" label="床号" width="80" show-overflow-tooltip ></el-table-column>
-      <el-table-column prop="brxb" label="病人性别" width="80" show-overflow-tooltip ></el-table-column>
-      <el-table-column prop="nl" label="年" width="40" show-overflow-tooltip ></el-table-column>
-      <el-table-column prop="nldw" label="龄" width="30" show-overflow-tooltip ></el-table-column>
-      <el-table-column prop="ksdh" label="科室" width="80" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="yblx" label="标本" width="80" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="dybz" label="打印" width="25" show-overflow-tooltip >
+      </vxe-column>
+      <vxe-column field="ybh" title="样本号" width="120" align="center" />
+      <vxe-column field="brxm" title="病人姓名" width="120" align="center" />
+      <vxe-column field="brdh" title="病历号" width="120" align="center" />
+      <vxe-column field="ch" title="床号" width="60" align="center" />
+      <vxe-column field="brxb" title="病人性别" width="100" align="center" />
+      <vxe-column field="nl" title="年" width="60" align="center" />
+      <vxe-column field="nldw" title="龄" width="60" align="center" />
+      <vxe-column field="ksdh" title="科室" width="60" align="center" />
+      <vxe-column field="yblx" title="标本" width="60" align="center" />
+      <vxe-column field="dybz" title="打印" width="60" show-overflow align="center">
         <template #default="scope">
           <el-checkbox :model-value="scope.row.dybz === '1'" disabled>
           </el-checkbox>
         </template>
-      </el-table-column>
-      <el-table-column prop="fslx" label="发送" width="25">
+      </vxe-column>
+      <vxe-column field="fslx" title="发送" width="60" align="center">
         <template #default="scope">
           <el-checkbox :model-value="scope.row.dybz === '1'" disabled>
           </el-checkbox>
         </template>
-      </el-table-column>
-      <el-table-column prop="shcs" label="次数" width="25" show-overflow-tooltip ></el-table-column>
-      <el-table-column prop="sqh" label="申请号/条码" width="100" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="jymd" label="检验目的" width="100" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="yhdh" label="检验医生" width="80" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="yljg" label="送检医院" width="80" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="jyrq" label="检验日期" v-if="false"></el-table-column>
-      <el-table-column prop="yq" label="仪器" v-if="false"></el-table-column>
-    </el-table>
-    <el-pagination
-        class="mt-4"
-        background
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="total"
-        :page-sizes="[5, 10, 15, 20]"
-        :page-size="pageSize"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-    >
-    </el-pagination>
+      </vxe-column>
+      <vxe-column field="shcs" title="次数" show-overflow width="60" align="center" />
+      <vxe-column field="sqh" title="申请号/条码" width="150" show-overflow align="center" />
+      <vxe-column field="jymd" title="检验目的" show-overflow width="120" align="center" />
+      <vxe-column field="yhdh" title="检验医生" show-overflow width="120" align="center" />
+      <vxe-column field="yljg" title="送检医院" show-overflow width="120" align="center" />
+
+    </vxe-table>
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
+import { ref, onMounted, nextTick } from 'vue'
+
 const props = defineProps({
   labPatList: {
     type: Array,
@@ -97,110 +71,74 @@ const props = defineProps({
   total: {
     type: Number,
     default: 0
+  },
+  loading: {
+    type: Boolean,
+    default: true
+  },
+  dictData: {
+    type: Object,
+    default: () => { }
   }
 })
 
-const emits = defineEmits(['select', 'search', 'page-change'])
+const tableRef = ref<any>();
+const emits = defineEmits(['select', 'search',])
 
-const searchText = ref('')
-const pageSize = ref(15)
-const currentPage = ref(1)
-
-const search = () => {
-  emits('search', searchText.value, currentPage.value, pageSize.value)
-}
-
-const handleRowClick = (row) => {
+const currentRow = ref<any>(null);
+const handleRowClick = ({ row }: { row: any }) => {
   emits('select', row)
 }
+const setCurrentRow = (row: any) => {
+  tableRef.value.setCurrentRow(row)
 
-const handleSizeChange = (val) => {
-  pageSize.value = val
-  emits('page-change', currentPage.value, pageSize.value)
+  nextTick(() => {
+    tableRef.value.scrollToRow(row)
+  })
 }
 
-const handleCurrentChange = (val) => {
-  currentPage.value = val
-  emits('page-change', currentPage.value, pageSize.value)
-}
 
-onMounted(() => {
-  emits('page-change', currentPage.value, pageSize.value)
-})
-// 设置列头颜色
-const headerCellStyle = ({ row, column, rowIndex, columnIndex }) => {
-  return {
-  //  backgroundColor: '#A6CAF0', // 浅蓝色
-   color: '#0050b3', // 文字颜色
-    fontWeight: 'bold' // 文字加粗
-  };
+
+// 字典格式化方法
+const formatDict = (v: string, dictType: string) => {
+  return props.dictData[dictType]?.find((item: any) => item.value == v)?.label;
 };
-//设置内容格式
-const cellStyle = ({ row, column, rowIndex, columnIndex }) => {
- // console.log('检查单元格样式:', row, column); // 调试输出
 
-  // 使用 === 比较时注意值的类型（数字 vs 字符串）
-  if (column.property === 'finish' && row.status === '1') {
-    return {
-      backgroundColor: '#006400', // 使用驼峰式写法（可选）
-      fontWeight: 'bold',
-      color: 'white', // 添加文字颜色，确保可读性
-      height: '25px',
-      lineHeight: '25px'
-    };
-  }
 
-  if (column.property === 'jgbz' && row.status === '2') {
-    return {
-      backgroundColor: '#FF69B4',
-      fontWeight: 'bold',
-      height: '25px',
-      lineHeight: '25px'
-    };
-  }
-
-  if (column.property === 'alarmflag' && row.status === '1') {
-    return {
-      backgroundColor: '#FF0000',
-      fontWeight: 'bold',
-      color: 'white',
-      height: '25px',
-      lineHeight: '25px'
-    };
-  }
-
-  return {
-    height: '25px',
-    lineHeight: '25px',
-    padding: '0 0px'
-  }; // 默认不设置样式
-};
+// 导出方法
+defineExpose({
+  setCurrentRow,
+  tableRef,
+});
 </script>
+
 <style scoped lang="scss">
-.compact-form .el-form-item {
-  padding: 10px;
-  margin-bottom: 10px;
-}
-.compact-form .el-form-item__label {
-  padding-bottom: 5px;
-}
-.card-content {
-  max-height: 620px; /* 设置最大高度 */
-  overflow-y: auto;   /* 超出高度时显示垂直滚动条 */
-  padding: 10px;      /* 保持与卡片默认一致的内边距 */
-}
-.clickable:hover {
-  cursor: pointer; /* 鼠标悬停时显示手型 */
-  transition: all 0.3s; /* 平滑过渡效果 */
-  color: blue;
-
-}
-.card-content.el-table__row.current-row {
-  background-color: #e6f4ff !important;
-  color: #0050b3 !important; /* 文字颜色 */
+.table-container {
+  height: calc(90vh - 250px);
+  display: flex;
+  flex-direction: column;
 }
 
-.card-content.el-table__row.current-row:hover {
-  background-color: #d6e8ff !important;
+.vxe-table--border tbody tr,
+.vxe-table--border td,
+.vxe-table--border th {
+  border-color: #f00 !important;
+  /* 设置边框颜色为红色 */
+}
+
+/* 2. 表头区域边框 */
+::v-deep .vxe-header--row th {
+  border-color: #1F6DD3 !important;
+}
+
+/* 3. 内容区域边框 */
+::v-deep .vxe-body--row td {
+  border-color: #409eff !important;
+}
+
+
+
+.mytable-style {
+  flex: 1;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/liswork/work/components/labpatlist2.vue b/src/views/liswork/work/components/labpatlist2.vue
new file mode 100644
index 0000000..402bff6
--- /dev/null
+++ b/src/views/liswork/work/components/labpatlist2.vue
@@ -0,0 +1,193 @@
+<template>
+  <div class="table-container">
+    <el-table :data="labPatList" class="card-content" :cell-style="cellStyle" @row-click="handleRowClick" border
+      height="100%" highlight-current-row ref="tableRef" v-loading="loading" :row-style="{ height: '30px' }"
+      :row-key="(row: any) => row.ybh">
+      <el-table-column prop="finish" label="完成" align="center" width="60px">
+        <template #default="scope">
+          <span>{{ scope.row.finish === 1 ? '✅' : '❌' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="jgbz" label="审核" align="center" width="60px">
+        <template #default="scope">
+          <el-checkbox v-model="scope.row.jgbz" true-value="2" disabled />
+        </template>
+      </el-table-column>
+      <el-table-column prop="alarmflag" label="报警" align="center" width="60px">
+        <template #default="scope">
+          <el-checkbox :model-value="scope.row.alarmflag == '1'" disabled />
+        </template>
+      </el-table-column>
+      <el-table-column prop="brly" label="类型" align="center" width="60px">
+        <template #default="scope">
+          {{ formatDict(scope.row.brly, 'PT') }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="autojgbz" label="自审" align="center" width="60px">
+        <template #default="scope">
+          <el-checkbox :model-value="scope.row.autojgbz === '1'" disabled>
+          </el-checkbox>
+        </template>
+      </el-table-column>
+      <el-table-column prop="ybh" label="样本号" align="center" />
+      <el-table-column prop="brxm" label="病人姓名" align="center" />
+      <el-table-column prop="brdh" label="病历号" align="center" width="120" />
+      <el-table-column prop="ch" label="床号" align="center" />
+      <el-table-column prop="brxb" label="病人性别" align="center" />
+      <el-table-column prop="nl" label="年" align="center" />
+      <el-table-column prop="nldw" label="龄" align="center" />
+      <el-table-column prop="ksdh" label="科室" align="center" />
+      <el-table-column prop="yblx" label="标本" align="center" />
+      <el-table-column prop="dybz" label="打印" align="center" show-overflow-tooltip>
+        <template #default="scope">
+          <el-checkbox :model-value="scope.row.dybz === '1'" disabled>
+          </el-checkbox>
+        </template>
+      </el-table-column>
+      <el-table-column prop="fslx" label="发送" align="center">
+        <template #default="scope">
+          <el-checkbox :model-value="scope.row.dybz === '1'" disabled>
+          </el-checkbox>
+        </template>
+      </el-table-column>
+      <el-table-column prop="shcs" label="次数" align="center" show-overflow-tooltip />
+      <el-table-column prop="sqh" label="申请号/条码" width="150" show-overflow-tooltip />
+      <el-table-column prop="jymd" label="检验目的" show-overflow-tooltip align="center" width="120px" />
+      <el-table-column prop="yhdh" label="检验医生" align="center" show-overflow-tooltip />
+      <el-table-column prop="yljg" label="送检医院" align="center" show-overflow-tooltip />
+    </el-table>
+    <el-pagination class="mt10 page-box" background layout="total, sizes, prev, pager, next, jumper" :total="total"
+      :page-sizes="[10, 20, 30, 50]" v-model:current-page="currentPage" v-model:page-size="pageSize"
+      @size-change="handleSizeChange" @current-change="handleCurrentChange">
+    </el-pagination>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, nextTick } from 'vue'
+
+const props = defineProps({
+  labPatList: {
+    type: Array,
+    default: () => []
+  },
+  total: {
+    type: Number,
+    default: 0
+  },
+  loading: {
+    type: Boolean,
+    default: true
+  },
+  dictData: {
+    type: Object,
+    default: () => { }
+  }
+})
+const tableRef = ref()
+const emits = defineEmits(['select', 'search', 'page-change'])
+const pageSize = ref(50)
+const currentPage = ref(1)
+const searchText = ref('')
+
+
+const setCurrentRow = (index: number, row: any) => {
+  tableRef.value.setCurrentRow(row)
+  nextTick(() => {
+    tableRef.value.setScrollTop(32 * index)
+  })
+}
+const doLayout = () => {
+  tableRef.value?.doLayout();
+};
+
+const handleSizeChange = (val: number) => {
+  pageSize.value = val
+  emits('page-change', currentPage.value, pageSize.value)
+}
+
+const handleCurrentChange = (val: number) => {
+  currentPage.value = val
+  emits('page-change', currentPage.value, pageSize.value)
+}
+// 字典格式化方法
+const formatDict = (v: string, dictType: string) => {
+  return props.dictData[dictType]?.find((item: any) => item.value == v)?.label;
+};
+
+// 导出方法
+defineExpose({
+  setCurrentRow,
+  doLayout,
+  tableRef,
+});
+const search = () => {
+  // emits('search', searchText.value, currentPage.value, pageSize.value)
+}
+
+const handleRowClick = (row: any) => {
+  emits('select', row)
+}
+
+
+
+onMounted(() => {
+})
+
+//设置内容格式
+const cellStyle = ({ row, column }: { row: any, column: any }) => {
+  // console.log('检查单元格样式:', row, column); // 调试输出
+
+  // 使用 === 比较时注意值的类型（数字 vs 字符串）
+  if (column.property === 'finish' && row.status === '1') {
+    return {
+      backgroundColor: '#006400', // 使用驼峰式写法（可选）
+      fontWeight: 'bold',
+      color: 'white', // 添加文字颜色，确保可读性
+      height: '25px',
+      lineHeight: '25px'
+    };
+  }
+
+  if (column.property === 'jgbz' && row.status === '2') {
+    return {
+      backgroundColor: '#FF69B4',
+      fontWeight: 'bold',
+      height: '25px',
+      lineHeight: '25px'
+    };
+  }
+
+  if (column.property === 'alarmflag' && row.status === '1') {
+    return {
+      backgroundColor: '#FF0000',
+      fontWeight: 'bold',
+      color: 'white',
+      height: '25px',
+      lineHeight: '25px'
+    };
+  }
+
+  return {
+    height: '25px',
+    lineHeight: '25px',
+    padding: '0 0px'
+  }; // 默认不设置样式
+};
+</script>
+<style scoped lang="scss">
+.table-container {
+  height: calc(90vh - 250px);
+  display: flex;
+  flex-direction: column;
+}
+
+
+.card-content {
+  flex: 1;
+}
+
+.page-box {
+  height: 32px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/liswork/work/components/labresult.vue b/src/views/liswork/work/components/labresult.vue
index 2a87011..7b25455 100644
--- a/src/views/liswork/work/components/labresult.vue
+++ b/src/views/liswork/work/components/labresult.vue
@@ -1,84 +1,429 @@
 <template>
-  <div class="compact-form">
-    <el-table
-        :data="tableData"
-        border
-        stripe
-        highlight-current-row
-        @selection-change="handleSelectionChange"
-        class="custom-table-container"
-        height="640px"
-        style="width: 100%; --table-row-height: 32px;"
-        :header-cell-style="{ backgroundColor: '#f5f7fa' }"
-    >
-      <el-table-column
-          type="index"
-          prop="id"
-          label=""
-          width="45"
-          :index="getRowIndex"
-      ></el-table-column>
-      <el-table-column type="selection" width="30"></el-table-column>
-      <el-table-column prop="jyrq" label="检验日期" v-if="false"></el-table-column>
-      <el-table-column prop="yq" label="仪器" v-if="false"></el-table-column>
-      <el-table-column prop="ybh" label="样本号" v-if="false"></el-table-column>
-
-      <el-table-column prop="xmdh" label="项目" width="60" show-overflow-tooltip>
+  <div class="result-container">
+    <div class="flex-between mb10">
+      <div>
+        <el-button class="btn_green" @click="handleCheck(1)">初审</el-button>
+        <el-button class="btn_green" v-if="labPat.jgbz != 2" @click="handleCheck(2)">审核</el-button>
+        <el-button class="btn_green" v-if="labPat.jgbz == 2" @click="handleCheck(3)">取消审核</el-button>
+        <el-button type="primary" plain @click="openItemDictDialog">新增</el-button>
+        <el-button type="primary" plain @click="handleBatchDelete">删除</el-button>
+      </div>
+      <div>
+        <el-button type="primary" plain icon="Files" @click="printHandle">打印</el-button>
+        <el-button type="primary" plain icon="View" @click="previewHandle">预览</el-button>
+      </div>
+    </div>
+    <el-table :data="tableData" border ref="tableRef" highlight-current-row class="custom-table-container" height="100%"
+      @row-click="handleRowClick">
+      <el-table-column type="index" prop="id" label="" width="45" :index="getRowIndex"></el-table-column>
+      <!-- <el-table-column type="selection" width="40" align="center"></el-table-column> -->
+      <el-table-column prop="xmdh" label="项目" show-overflow-tooltip>
       </el-table-column>
-      <el-table-column prop="xmmc" label="名称" width="100" show-overflow-tooltip>
+      <el-table-column prop="xmmc" label="名称" show-overflow-tooltip>
       </el-table-column>
-      <el-table-column prop="csjg" label="结果" width="100" >
+      <el-table-column prop="csjg" label="结果">
         <template #default="scope">
-          <el-input
-              v-model="scope.row.csjg"
-              size="small"
-              class="full-width-input"
-              :disabled="readonly"
-              @blur="handleCsjgBlur(scope.row)"
-              @keyup.enter="handleCsjgEnter(scope.row)"
-          ></el-input>
+          <el-input v-model="scope.row.csjg" size="small" class="full-width-input" :disabled="readonly"
+            @blur="handleCsjgEnter(scope.row)" @keyup.enter="handleCsjgEnter(scope.row)"></el-input>
         </template>
       </el-table-column>
-      <el-table-column prop="od" label="OD" width="60" v-if="false">
-        <template #default="scope">
-          <el-input v-model="scope.row.od" size="small" class="full-width-input"></el-input>
-        </template>
+      <el-table-column prop="refs" label="参考值" show-overflow-tooltip>
       </el-table-column>
-      <el-table-column prop="cutoff" label="SCO" width="60" v-if="false">
-        <template #default="scope">
-          <el-input v-model="scope.row.cutoff" size="small" class="full-width-input"></el-input>
-        </template>
-      </el-table-column>
-      <el-table-column prop="refs" label="参考值" width="100" show-overflow-tooltip>
-      </el-table-column>
-      <el-table-column prop="dw" label="单位" width="100" show-overflow-tooltip >
+      <el-table-column prop="dw" label="单位" show-overflow-tooltip>
       </el-table-column>
     </el-table>
+
+    <!-- <div class="flex-between mt10">
+      <div>
+         <el-button class="btn_green" @click=" ">初报</el-button>
+        <el-button class="btn_green" @click=" ">二报</el-button>
+        <el-button class="btn_green" @click=" ">锁定</el-button>
+       </div>
+      <div>
+      </div>
+    </div> -->
+
+    <!-- 新增明细 -->
+    <ItemInput ref="itemDictRef" v-model="selectedItemValue" :label-value.sync="selectedItemLabel"
+      :dict-type="'LAB_ITEM'" :fetch-dict="fetchLabItemDict" :dialog-title="'选择检验项目'" :disabled="false"
+      :load-on-mount="false" :table-data.sync="labResuts" class="hidden-dict-input" @select="handleItemSelect" />
+
+    <!-- 校验用户 -->
+    <el-dialog v-model="checkShow" title="用户身份验证" width="500" :close-on-click-modal="false" :draggable="true"
+      @close="resetForm">
+      <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto">
+        <el-form-item label="用户工号：" prop="yhdh">
+          <el-input v-model.trim="ruleForm.yhdh" placeholder="请输入用户工号" maxlength="20" @keyup.enter="submitForm" />
+        </el-form-item>
+        <el-form-item label="密码：" prop="mm">
+          <el-input v-model.trim="ruleForm.mm" placeholder="请输入密码" type="mm" maxlength="20" show-password
+            @keyup.enter="submitForm" />
+        </el-form-item>
+        <el-form-item>
+          <div style="text-align: center; width: 100%;">
+            <el-button type="primary" @click="submitForm()"> 确认 </el-button>
+            <el-button @click="resetForm">取消</el-button>
+          </div>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+
+    <!-- 危急值结果上报 -->
+    <el-dialog v-model="showuploadwarning" title="危急值结果上报" width="500" :close-on-click-modal="false" :draggable="true"
+      @close="warningResetForm">
+      <div class="red-static-text">{{ warningMsgdata }}</div>
+      <el-form ref="warningFormRef" style="max-width: 600px" :model="warningForm" :rules="wrules" label-width="auto">
+        <el-form-item label="上报方式：" prop="uploadTp">
+          <el-radio-group v-model="warningForm.uploadTp" size="default">
+            <el-radio value="1">系统通知</el-radio>
+            <el-radio value="2">电话通知</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <template v-if="warningForm.uploadTp == 2">
+          <el-form-item label="电话通知人：" prop="userId">
+            <el-input v-model.trim="warningForm.userId" class="form-input" placeholder="请输入医生工号" @keyup.enter=" " />
+          </el-form-item>
+          <el-form-item label="联系电话：" prop="phone">
+            <el-input v-model="warningForm.phone" class="form-input" placeholder="请输入联系电话" @keyup.enter=" " />
+          </el-form-item>
+        </template>
+
+        <el-form-item>
+          <div style="text-align: center; width: 100%;">
+            <el-button type="primary" @click="handleWarningSuccess()"> 确认 </el-button>
+            <el-button @click="warningResetForm">取消</el-button>
+          </div>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+
+    <!-- 操作原因 -->
+    <el-dialog v-model="unCheckshow" title="操作原因" width="500" :close-on-click-modal="false" :draggable="true"
+      @close="unconfirmlogCancel">
+      <div class="dialog-body mb10">
+        <p class="reason-text mb5">{{ reasonText }}</p>
+        <el-form ref="uncheckFormRef" style="max-width: 600px" :model="uncheckForm" :rules="rules" label-width="auto">
+          <template v-if="tableKey.problemId == 4">
+            <el-input type="textarea" v-model="uncheckForm.reason" class="reason-input" placeholder="请输入操作原因..."
+              :rows="4"></el-input>
+          </template>
+          <template v-if="tableKey.problemId == 6">
+            <el-form-item label="用户工号：" prop="yhdh">
+              <el-input v-model.trim="uncheckForm.yhdh" placeholder="请输入用户工号" maxlength="20"
+                @keyup.enter="submitForm" />
+            </el-form-item>
+            <el-form-item label="密码：" prop="mm">
+              <el-input v-model.trim="uncheckForm.mm" placeholder="请输入密码" type="mm" maxlength="20" show-password
+                @keyup.enter="submitForm" />
+            </el-form-item>
+          </template>
+        </el-form>
+      </div>
+
+      <div style="text-align: center; width: 100%;">
+        <el-button type="primary" @click="unconfirmlogConfirm()"> 确认 </el-button>
+        <el-button @click="unconfirmlogCancel">取消</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
 <script setup>
 import { ref, toRefs, watch, nextTick, onMounted } from "vue";
-import { deleteresult, changeresult } from "@/api/liswork/work/LisWork.js";
+import { check1, check2, uncheck2, unconfirmlog, checkuser, reglimit, queryXmInfo, deleteresult, changeresult, newresult, printsample } from "@/api/liswork/work/LisWork";
 import { ElMessageBox, ElMessage } from "element-plus";
-
+import ItemInput from "@/views/liswork/work/components/ItemInput.vue";
+import { log } from "vxe-pc-ui";
 // 组件属性定义
 const props = defineProps({
   tableData: { type: Array, default: () => [] },
-  tableKey: { type: Array, default: () => [] },
+  tableKey: { type: Object, default: () => { } },
   readonly: { type: Boolean, default: false },
-  hasChanges: { type: Boolean, default: false }
+  hasChanges: { type: Boolean, default: false },
+  labPat: { type: Object, required: true },
 });
 
+
+watch(() => props.tableData, (newVal) => {
+  selectedRows.value = [];
+});
+
+const warningForm = ref({
+  userId: '',
+  phone: '',
+  uploadTp: '1'
+})
+
+
+const uncheckForm = ref({
+  reason: '',
+  yhdh: '',
+  mm: '',
+})
+
+const wrules = ref({
+  userId: [{ required: true, message: "请输入用户工号", trigger: "blur" },
+  { min: 3, max: 20, message: "长度在 3 到 20 个字符", trigger: "blur" }
+  ],
+  phone: [{ required: true, message: "请输入联系电话", trigger: "blur" },
+  { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" }
+  ]
+})
+
+const unCheckshow = ref(false);
+const inputValue = ref('');
+const reasonText = ref('');
+const warningMsgdata = ref('');
+const showuploadwarning = ref(false);
+const checkuserid = ref()
+const checkShow = ref(false);
+const ruleForm = ref({
+  yhdh: '',
+  mm: ''
+});
+
+const rules = ref(
+  {
+    yhdh: [{ required: true, message: "请输入用户工号", trigger: "blur" },
+    { min: 3, max: 20, message: "长度在 3 到 20 个字符", trigger: "blur" }
+    ],
+    mm: [{ required: true, message: "请输入密码", trigger: "blur" },
+    { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" }
+    ]
+  }
+);
+
+
+
+const itemDictRef = ref(); // DictInput组件引用
+const selectedItemValue = ref(""); // 选择的项目编码xmdh
+const selectedItemLabel = ref(""); // 选择的项目名称xmmc
+const labResuts = ref([])
+const tableRef = ref();
+const fetchLabItemDict = async (dictType) => {
+  // 日志1：确认方法被调用
+  try {
+    // 1. 验证必要参数（如当前仪器yq）
+    if (!tableKey.value.yq) {
+      console.error("[fetchLabItemDict] 缺少必要参数：yq（仪器）");
+      ElMessage.error("请先选择仪器");
+      return [];
+    }
+
+    // 日志2：打印请求参数
+    const requestParams = {
+      pageNum: 1,
+      pageSize: 1000, // 加载足够多的项目
+      yq: tableKey.value.yq, // 当前选中的仪器
+    };
+
+    // 2. 调用API（确保queryXmInfo是正确的API方法）
+    const response = await queryXmInfo(requestParams);
+
+    // 日志3：打印原始响应
+
+    // 3. 验证响应格式
+    if (!response) {
+      throw new Error("API返回为空");
+    }
+    if (response.code !== "0") { // 假设0为成功状态码
+      throw new Error(`API返回错误：${response.msg || "未知错误"}`);
+    }
+    if (!Array.isArray(response.data)) {
+      throw new Error(`API返回data不是数组，实际为：${typeof response.data}`);
+    }
+
+    // 4. 格式化数据（适配DictInput的{value, label}结构）
+    const formattedData = response.data.map((item, index) => {
+      // 验证项目数据完整性
+      if (!item.xmdh) {
+        console.warn(`[fetchLabItemDict] 第${index}条数据缺少xmdh（项目编码）：`, item);
+      }
+      if (!item.xmmc) {
+        console.warn(`[fetchLabItemDict] 第${index}条数据缺少xmmc（项目名称）：`, item);
+      }
+
+      return {
+        value: item.xmdh || `未知编码_${index}`, // 确保value存在
+        label: item.xmmc || `未知名称_${index}`, // 确保label存在
+        dw: item.dw || "", // 单位（可选）
+        refs: item.refs || "", // 参考值（可选）
+      };
+    });
+
+    // 日志4：打印格式化后的数据量
+    return formattedData;
+
+  } catch (error) {
+    // 日志5：捕获并显示错误
+    console.error(`[fetchLabItemDict] 加载失败：`, error.message);
+    ElMessage.error(`项目字典加载失败：${error.message}`);
+    return []; // 失败时返回空数组，避免弹窗报错
+  }
+};
+
+
+const handleCheck = (checkType) => {
+  // yhdh = checkuserid.value
+  switch (checkType) {
+    case 1: // 初审
+      check1({ ...tableKey.value, yhdh: 'admin' }).then(res => {
+        emits("changeStatus", props.labPat);
+      })
+      break;
+    case 2: // 审核
+      tableKey.value.problemId = 0
+      shHandleCheck()
+      break;
+    case 3: // 取消审核
+      tableKey.value.problemId = 0
+      unShHandle()
+      break;
+    default:
+      break;
+  }
+};
+
+const shHandleCheck = () => {
+  check2({ ...props.tableKey, yhdh: 'admin' }).then(res => {
+    emits("changeStatus", props.labPat);
+    if (res.code == "4" && res.problemId === 4) {
+      tableKey.value.problemId = res.problemId;
+      warningMsgdata.value = res.msg;
+      showuploadwarning.value = true;
+    }
+  })
+};
+
+const warningFormRef = ref(null);
+
+const warningResetForm = () => {
+  warningForm.value.userId = '';
+  warningForm.value.phone = '';
+  warningForm.value.uploadTp = '1';
+  warningFormRef.value.resetFields();
+  showuploadwarning.value = false;
+};
+// 处理危急值登记
+const handleWarningSuccess = async () => {
+  if (warningForm.value.uploadTp == 2) {
+    const valid = await warningFormRef.value.validate().catch(() => { });
+    if (!valid) return false;
+  }
+  reglimit({ ...tableKey.value, qrr: warningForm.value.userId, tzfs: warningForm.value.uploadTp, phone: warningForm.value.phone }).then(response => {
+    showuploadwarning.value = false;
+    if (response.code == 0) {
+      shHandleCheck();
+    }
+    if (response.code == 4) {
+      ElMessageBox.confirm(response.msg, '系统提示', { confirmButtonText: '是', cancelButtonText: '否', type: 'warning' }).then(() => {
+        tableKey.value.problemId = tableKey.value.problemId + 1;
+        handleWarningSuccess();
+      }).catch(() => {
+        shHandleCheck();
+      });
+    }
+  })
+};
+
+const unShHandle = () => {
+  uncheck2({ ...tableKey.value, yhdh: 'admin' }).then(res => {
+    if (res.code == "4") {
+      tableKey.value.problemId = res.problemId;
+      reasonText.value = res.msg;
+      unCheckshow.value = true;
+    }
+    emits("changeStatus", props.labPat);
+  })
+};
+
+const uncheckFormRef = ref();
+// 取消审核原因
+const unconfirmlogConfirm = async () => {
+  if (tableKey.value.problemId == 4) {
+    if (!uncheckForm.value.inputValue) return ElMessage.warning("请输入操作原因")
+  } else if (tableKey.value.problemId == 6) {
+    const valid = await uncheckFormRef.value.validate().catch(() => { });
+    if (!valid) return false;
+  }
+
+  tableKey.value.problemId = 0
+
+  unconfirmlog({ ...tableKey.value, ...uncheckForm.value }).then(response => {
+    if (response.code == "0") {
+      unCheckshow.value = false;
+      unShHandle();
+    }
+  })
+};
+
+const unconfirmlogCancel = () => {
+  unCheckshow.value = false;
+  uncheckForm.value.reason = '';
+  uncheckForm.value.yhdh = '';
+  uncheckForm.value.mm = '';
+  uncheckFormRef.value.resetFields();
+}
+
+
+const ruleFormRef = ref(null);
+
+const submitForm = () => {
+  ruleFormRef.value.validate((valid) => {
+    if (valid) {
+      checkuser(ruleForm.value).then(res => {
+        if (res.code == 0) {
+          checkuserid.value = ruleForm.value.yhdh
+          checkShow.value = false;
+          ElMessage.success("验证成功");
+        }
+      })
+    } else {
+      return false;
+    }
+  });
+}
+
+
+const resetForm = () => {
+  checkShow.value = false;
+  ruleForm.value.userId = '';
+  ruleForm.value.mm = '';
+  ruleFormRef.value.resetFields();
+};
+//  2. 打开项目选择弹窗 
+const openItemDictDialog = () => {
+  if (itemDictRef.value && typeof itemDictRef.value.openDictSelector === 'function') {
+    itemDictRef.value.openDictSelector(); // 确保方法存在再调用
+  } else {
+    console.warn("DictInput组件未加载完成或方法未暴露");
+  }
+};
+
+//   3. 处理项目选择结果：传递给labresult子组件新增行 
+const handleItemSelect = async (selectedItem) => {
+  // 1. 构造新增行数据
+  const newRow = {
+    id: `temp_${Date.now()}_${Math.random().toString(36).substr(2, 8)}`,
+    xmdh: selectedItem.value,
+    xmmc: selectedItem.label,
+    dw: selectedItem.dw || "",
+    refs: selectedItem.refs || "",
+    jyrq: tableKey.value.jyrq,
+    yq: tableKey.value.yq,
+    ybh: tableKey.value.ybh,
+  };
+
+
+  addRowFromDict(newRow);
+  // ElMessage.success(`已新增项目：${newRow.xmmc}`);
+};
+
 // 事件定义
 const emits = defineEmits([
-  'add',
-  'save',
-  'delete',
-  'batch-delete',
   'fetchLabResults',
-  'delfalg',
-  'update:tableData'
+  'changeStatus',
 ]);
 
 // 解构props
@@ -117,93 +462,26 @@ const getRowUniqueKey = (row) => {
   return row.id || row.xmdh;
 };
 
-/**
- * csjg输入框失焦触发保存
- */
-const handleCsjgBlur = async (row) => {
-  if (isEnterHandled.value) return;
-  await saveCsjgChange(row);
-};
+
 
 /**
  * csjg输入框回车触发保存
  */
 const handleCsjgEnter = async (row) => {
-  isEnterHandled.value = true;
   await saveCsjgChange(row);
-  nextTick(() => {
-    const input = document.activeElement;
-    if (input.tagName === "INPUT") input.blur();
-  });
-  setTimeout(() => {
-    isEnterHandled.value = false;
-  }, 100);
+  // nextTick(() => {
+  //   const input = document.activeElement;
+  //   if (input.tagName === "INPUT") input.blur();
+  // });
+
 };
 
-/**
- * 核心：保存csjg修改（调用API + 失败回滚）
- */
-const saveCsjgChange = async (row) => {
-  const uniqueKey = getRowUniqueKey(row);
-
-  // 防止重复提交
-  if (isSaving.value[uniqueKey]) return;
-
-  const oldCsjg = originalCsjgMap.value[uniqueKey] || "";
-  let newCsjg = row.csjg || "";
-
-  // 标准化处理
-  newCsjg = String(newCsjg).trim();
-
-  // 调试日志
-  console.log(`
-    行${uniqueKey} 比较：
-    缓存旧值："${oldCsjg}"（类型：${typeof oldCsjg}）
-    当前新值："${newCsjg}"（类型：${typeof newCsjg}）
-    是否相等：${oldCsjg === newCsjg}
-  `);
-
-  // 无变化或只读状态，直接返回
-  if (oldCsjg === newCsjg || readonly.value) {
-    console.log("值未变化，无需保存");
-    return;
-  }
-
-  try {
-    // 设置提交中标记
-    isSaving.value[uniqueKey] = true;
-
-    const requestParams = {
-      ...row,
-      csjg: newCsjg
-    };
-
-    console.log('提交参数:', requestParams);
-    changeresult(requestParams).then(response => {
-      originalCsjgMap.value[uniqueKey] = newCsjg;
-      emits("update:hasChanges", true);
-      ElMessage.success("结果保存成功");
-    }) .catch(error => {
-      ElMessage.error(error.message || "保存接口调用失败，已恢复原结果");
-      row.csjg = oldCsjg;
-    });
-  } catch (error) {
-    console.error('保存失败:', error);
-    ElMessage.error(error.message || "保存接口调用失败，已恢复原结果");
-    // 回滚值
-    row.csjg = oldCsjg;
-  } finally {
-    // 清除提交中标记
-    isSaving.value[uniqueKey] = false;
-  }
-};
 
 /**
  * 处理选择变化
  */
-const handleSelectionChange = (val) => {
-  selectedRows.value = val;
-  emits('delfalg', val.length === 0);
+const handleRowClick = (row) => {
+  selectedRows.value = [row];
 };
 
 /**
@@ -259,11 +537,10 @@ const addRowFromDict = async (rowData) => {
   const newRow = { ...rowData, csjg: "" };
 
   // 4. 添加到表格数据
-  tableData.value.push(newRow);
+  tableData.value.unshift(newRow);
   console.log("子组件新增行：", newRow);
 
-  // 3. emit同步给父组件（更新父组件的labResuts）
-  emit('update:tableData', [...tableData.value]);
+
   // 4. 同步缓存
   await nextTick();
   updateOriginalCsjgMap();
@@ -271,13 +548,83 @@ const addRowFromDict = async (rowData) => {
 
   // 5. 自动聚焦
   nextTick(() => {
-    const lastInput = document.querySelector(`.el-table__row:last-child .csjg-input .el-input__inner`);
-    if (lastInput) lastInput.focus();
+    selectedRows.value = [newRow];
+    tableRef.value.setCurrentRow(newRow);
+    nextTick(() => {
+      tableRef.value.setScrollTop(30 * tableRef.value.length)
+    })
+    // const lastInput = document.querySelector(`.el-table__row:last-child .csjg-input .el-input__inner`);
+    // if (lastInput) lastInput.focus();
   });
 
   console.log(`成功新增项目行：`, newRow);
   return true;
 };
+
+
+/**
+ * 核心：保存csjg修改（调用API + 失败回滚）
+ */
+const saveCsjgChange = async (row) => {
+  const uniqueKey = getRowUniqueKey(row);
+
+  // 防止重复提交
+  // if (isSaving.value[uniqueKey]) return;
+
+  const oldCsjg = originalCsjgMap.value[uniqueKey] || "";
+  let newCsjg = row.csjg || "";
+
+  // 标准化处理
+  newCsjg = String(newCsjg).trim();
+
+  // 调试日志
+  console.log(`
+    行${uniqueKey} 比较：
+    缓存旧值："${oldCsjg}"（类型：${typeof oldCsjg}）
+    当前新值："${newCsjg}"（类型：${typeof newCsjg}）
+    是否相等：${oldCsjg === newCsjg}
+  `);
+
+  // 无变化或只读状态，直接返回
+  if (oldCsjg === newCsjg || readonly.value) {
+    console.log("值未变化，无需保存");
+    return;
+  }
+
+
+  // 设置提交中标记
+  // isSaving.value[uniqueKey] = true;
+
+  const requestParams = {
+    ...row,
+    csjg: newCsjg
+  };
+
+  console.log('提交参数:', requestParams);
+  if (row.id) {
+    newresult(requestParams).then(response => {
+      originalCsjgMap.value[uniqueKey] = newCsjg;
+      ElMessage.success("结果保存成功");
+      emits('fetchLabResults');
+    }).catch(error => {
+      emits('fetchLabResults');
+      // 清除提交中标记
+      // isSaving.value[uniqueKey] = false;
+    });
+  } else {
+    changeresult(requestParams).then(response => {
+      originalCsjgMap.value[uniqueKey] = newCsjg;
+      ElMessage.success("结果保存成功");
+      emits('fetchLabResults');
+    }).catch(error => {
+      emits('fetchLabResults');
+      // 清除提交中标记
+      // isSaving.value[uniqueKey] = false;
+    });
+  }
+
+};
+
 /**
  * 保存数据
  */
@@ -289,57 +636,51 @@ const handleSave = () => {
   }
 };
 
-/**
- * 删除行
- */
-const handleDelete = (row) => {
-  emits("delete", row);
-  tableData.value = tableData.value.filter((item) => item.id !== row.id);
-  updateOriginalCsjgMap();
-};
+
 
 /**
  * 批量删除
  */
-const handleBatchDelete = async () => {
-  if (selectedRows.value.length === 0) return;
+const handleBatchDelete = () => {
+  if (selectedRows.value.length === 0) return ElMessage.warning("请先选择要删除的记录");
+  const arr = selectedRows.value.filter(row => !row.id);
 
-  try {
-    await ElMessageBox.confirm(
-        `确定要删除选中的 ${selectedRows.value.length} 条记录吗？`,
-        '提示',
-        {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }
-    );
-
-    await deleteresult(selectedRows.value);
-    emits('fetchLabResults');
-    ElMessage.success('删除成功');
-  } catch (error) {
-    if (error !== 'cancel') { // 排除用户取消的情况
-      ElMessage.error('删除失败: ' + (error.message || '未知错误'));
+  ElMessageBox.confirm(
+    `确定要删除选中的 ${selectedRows.value.length} 条记录吗？`,
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
     }
-  }
+  ).then(() => {
+    if (arr.length == 0) {
+      const index = tableData.value.findIndex(item => item.xmdh === selectedRows.value[0].xmdh);
+      if (index > -1) tableData.value.splice(index, 1);
+      selectedRows.value = [];
+    } else {
+      deleteresult(arr).then(res => {
+        if (res.code == 0) {
+          ElMessage.success('删除成功');
+          emits('fetchLabResults');
+        }
+      })
+    }
+  }).catch(() => {
+  });
 };
 
-/**
- * 重置表格的修改状态
- */
-const resetChange = () => {
-  originalData.value = JSON.parse(JSON.stringify(props.tableData));
-  updateOriginalCsjgMap();
-  emits("update:hasChanges", false);
+const printHandle = () => {
+  printsample(tableKey.value).then(res => {
+    if (res.code == 0) {
+      // ElMessage.success("打印成功");
+    }
+  })
+};
+const previewHandle = () => {
+  // emits('previewHandle', props.tableKey);
 };
 
-/**
- * 刷新数据
- */
-const fetchLabResults = () => {
-  emits('fetchLabResults');
-};
 
 /**
  * 获取行号
@@ -357,62 +698,54 @@ onMounted(() => {
 // 子组件（labresult.vue）：修改watch逻辑
 // 增强watch：当tableData从空变为非空时，初始化缓存
 watch(
-    () => props.tableData.length,
-    (newLength, oldLength) => {
-      // 只有当tableData从空（0）变为有数据（>0）时，才初始化缓存
-      if (oldLength === 0 && newLength > 0) {
-        updateOriginalCsjgMap();
-        console.log("子组件：父组件数据加载完成，初始化缓存");
-      }
+  () => props.tableData.length,
+  (newLength, oldLength) => {
+    // 只有当tableData从空（0）变为有数据（>0）时，才初始化缓存
+    if (oldLength === 0 && newLength > 0) {
+      updateOriginalCsjgMap();
+      console.log("子组件：父组件数据加载完成，初始化缓存");
     }
+  }
 );
 
-// 暴露方法给父组件
-defineExpose({
-  handleAdd,
-  handleDelete,
-  handleSave,
-  handleBatchDelete,
-  resetChange,
-  addRowFromDict,
-});
 </script>
 
-<style scoped>
-.custom-table-container /deep/ .el-table__cell {
-  padding: 0 !important;
+<style scoped lang="scss">
+.result-container {
+  height: calc(90vh - 95px);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
-.custom-table-container /deep/ .el-table__row {
-  height: var(--table-row-height) !important;
+.flex-between {
+  height: 32px;
 }
 
-.full-width-input /deep/ .el-input__inner {
+.custom-table-container {
+  flex: 1;
+
+  :deep(.el-table__cell) {
+    padding: 0 !important;
+  }
+}
+
+
+
+.full-width-input .el-input__inner {
   width: 100%;
   height: calc(var(--table-row-height) - 2px);
-  padding: 0 8px; /* 增加内边距提升输入体验 */
+  padding: 0 8px;
+  /* 增加内边距提升输入体验 */
   border: 0px solid #dcdfe6;
   border-radius: 0;
   box-sizing: border-box;
   background-color: transparent;
 }
 
-.full-width-input /deep/ .el-input__inner:focus {
+.full-width-input .el-input__inner:focus {
   border-color: #409eff;
   box-shadow: 0 0 0 1px rgba(64, 158, 255, 0.2);
   outline: none;
 }
-
-.el-table__body-wrapper {
-  overflow: visible !important;
-}
-
-.new-row-enter-active {
-  animation: fadeIn 0.5s ease;
-}
-
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(10px); }
-  to { opacity: 1; transform: translateY(0); }
-}
 </style>
diff --git a/src/views/liswork/work/index copy.vue b/src/views/liswork/work/index copy.vue
new file mode 100644
index 0000000..e07db0f
--- /dev/null
+++ b/src/views/liswork/work/index copy.vue	
@@ -0,0 +1,870 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="10" class="compact-form">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['system:dict:add']">新增明细</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="Delete" :disabled="delResultFlag" @click="handleDelete"
+          v-hasPermi="['system:dict:remove']">删除明细</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Edit" :disabled="changeResultFlag" @click="handleUpdate"
+          v-hasPermi="['system:dict:edit']">保存</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Edit" @click="handleCheck0"
+          v-hasPermi="['system:dict:import']">初报</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Download" @click="handleCheck"
+          v-hasPermi="['system:dict:import']">初审</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="info" plain icon="Upload" @click="handleUnCheck"
+          v-hasPermi="['system:dict:export']">取消初审</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Download" @click="handleCheck"
+          v-hasPermi="['system:dict:import']">审核</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Upload" @click="handleUnCheck"
+          v-hasPermi="['system:dict:export']">取消审核</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Edit" @click="handleUnCheck"
+          v-hasPermi="['system:dict:export']">预览</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Edit" @click="handleUnCheck"
+          v-hasPermi="['system:dict:export']">打印</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Upload" @click="handleUnCheck"
+          v-hasPermi="['system:dict:export']">上一个</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Download" @click="handleUnCheck"
+          v-hasPermi="['system:dict:export']">下一个</el-button>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="10" class="compact-form">
+      <el-form :model="queryParams" ref="queryRef" :inline="true" :rules="rules">
+        <el-form-item class="compact-form" label="" label-width="0px" prop="ybh">
+          <el-col :span="1.5">样本编号</el-col>
+          <el-col :span="4.5">
+            <el-input v-model="queryParams.ybh" clearable placeholder="样本编号" prefix-icon="Search"
+              @keyup.enter="handleQueryYbh" @clear="handleQueryYbh" />
+          </el-col>
+          <el-col :span="1.5">
+            <div>检验日期</div>
+          </el-col>
+          <el-col :span="3.5">
+            <el-date-picker v-model="queryParams.jyrq" type="date" label-width="20px" placeholder="检验日期"
+              value-format="YYYY-MM-DD" :clearable="false" @change="handleQuery"></el-date-picker>
+          </el-col>
+          <el-col :span="1.5">
+            <div>部门组别</div>
+          </el-col>
+          <el-col :span="3.5">
+            <!-- <Ddlb v-model="queryParams.instrGroup" :options="instrGroupOptions" placeholder="请选择部门组别"
+              @change="handleinstrGroupChange" :value="setInstrGroup" label-width="40px" /> -->
+            <el-select v-model="queryParams.instrGroup" placeholder="请选择" style="width:140px"
+              @change="handleinstrGroupChange">
+              <el-option v-for="item in instrGroupOptions" :key="item.zddh" :label="item.zdmc" :value="item.zddh" />
+            </el-select>
+          </el-col><el-col :span="1">
+            <div>仪器</div>
+          </el-col>
+          <el-col :span="4">
+            <Ddlb v-model="queryParams.yq" :options="instrOptions" placeholder="请选择仪器" @change="handleYqChange"
+              :value="setInstr" />
+          </el-col>
+        </el-form-item>
+      </el-form>
+    </el-row>
+
+    <el-row :gutter="5">
+      <el-col :span="5" :xs="24">
+        <div class="compact-form">
+          <LabPatForm v-model:labPat="labPat" :labPatKey="queryParams" ref="labPatRef" @save="savelabPat"
+            @reset="resetlabPat" />
+        </div>
+      </el-col>
+      <el-col :span="8" :xs="24">
+        <div class="compact-form">
+          <LabResultForm ref="labResultRef" :tableData="labResuts" :tableKey="queryParams"
+            :is-data-refreshed="isDataRefreshed" @add="addLabResult" @delete="deleteLabResults" @edit="editLabResult"
+            @delfalg="setdelResultFlag" @changefalg="setchangeResultFlag" @fetchLabResults="fetchLabResults" />
+        </div>
+      </el-col>
+      <el-col :span="11" :xs="24">
+        <div class="compact-form">
+          <LabPatListForm :labPatList="labPatList" :labPatKey="queryParams" :total="total" @select="selectJob"
+            @search="searchJobs" @page-change="pageChange" />
+        </div>
+      </el-col>
+      <ItemInput ref="itemDictRef" v-model="selectedItemValue" :label-value.sync="selectedItemLabel"
+        :dict-type="'LAB_ITEM'" :fetch-dict="fetchLabItemDict" :dialog-title="'选择检验项目'" :disabled="false"
+        :load-on-mount="false" :table-data.sync="labResuts" class="hidden-dict-input" @select="handleItemSelect" />
+    </el-row>
+    <!-- 引入弹窗组件 -->
+    <unconfirmlog v-model:visible="dialogVisible" :reason-text="currentReason" @onConfirm="unconfirmlogConfirm"
+      @onCancel="unconfirmlogCancel" />
+    <CheckUser v-model:visible="showCheckUser" :title="checktitle"
+      :validation-rules="{ userIdMinLength: 4, passwordMinLength: 6 }" @onConfirm="handleAuthSuccess"
+      @onCancel="handleAuthCancel" />
+    <uploadwarning v-model:visible="showuploadwarning" :msgdata="warningMsgdata" :showRules=1
+      @onupload="handleWarningSuccess" @onCancel="handleWarningCancel" />
+  </div>
+</template>
+
+<script setup>
+import {
+  getDate,
+  queryLabPatList,
+  queryLabResults,
+  updateLabPat,
+  queryLabPat,
+  check2, uncheck2, unconfirmlog, checkuser, reglimit, queryXmInfo
+} from "../../../api/liswork/work/LisWork";
+import { querylabInstrList, querylabInstrListByLisgroup } from "../../../api/liswork/dict/LabInstr";
+import { getComDicts, queryComDictListService } from "../../../api/liswork/dict/ComDict";
+import LabPatForm from './components/labpat.vue'
+import LabResultForm from './components/labresult.vue'
+import LabPatListForm from './components/labpatlist.vue'
+import Unconfirmlog from './components/unconfirmlog.vue'
+import Ddlb from './components/ddlb.vue'
+import CheckUser from './components/CheckUser.vue'
+import uploadwarning from './components/uploadwarning.vue'
+import UCKDictInput from './components/DictInput.vue';
+import { ElMessage, ElMessageBox } from "element-plus";
+import ItemInput from "@/views/liswork/work/components/ItemInput.vue";
+
+
+const showuploadwarning = ref(false);
+const single = ref(true);
+const delResultFlag = ref(true);
+const changeResultFlag = ref(true);
+const loading = ref(true);
+const instrGroupOptions = ref([]);
+const instrOptions = ref([]);
+const labPatList = ref([])
+const patdata = reactive({
+  form: {},
+  labPat: {
+    // jyrq: '',
+    // yq: '',
+    // ybh: '',
+    // brly: '',
+    // jzbz: '',
+    // brdh: '',
+    // brxm: '',
+    // brxb: '',
+    // nl: null,
+    // nldw: '1',
+    // ksdh: '',
+    // ch: '',
+    // sjys: '',
+    // sqsj: '',
+    // cyrq: '',
+    // dysj: '',
+    // zd: '',
+    // bz: '',
+    // yhdh: '',
+    // hdys: '',
+    // jgbz: '0',
+    // yblx: ''
+  },
+  rules: {}
+});
+const { labPat } = toRefs(patdata);
+const labResuts = ref([])
+const total = ref(0)
+const currentLabResults = ref([])
+const searchText = ref('')
+const pageSize = ref(10)
+const currentPage = ref(1)
+const setInstrGroup = ref('')
+const setInstr = ref('')
+const yq0 = ref('')
+const jyrq0 = ref('')
+const ybh0 = ref('')
+const checktitle = ref('操作人身份验证')
+const nextstepname = ref('')
+const warningMsgdata = ref('')
+const checkuserid = ref('')
+const querydata = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    jyrq: formatDate(new Date()),
+    yq: '1',
+    ybh: '1',
+    days: 1,
+    instrGroup: '02',
+    problemId: 0,
+    yhdh: '46'
+  },
+  rules: {
+    ybh: [],
+    jyrq: [],
+    instrGroup: [],
+    yq: [],
+  }
+  ,
+});
+// 父组件：新增“数据刷新标记”，初始为false
+const isDataRefreshed = ref(false);
+// 新增：控制标记的重置（避免持续触发子组件缓存更新）
+const resetDataRefreshFlag = () => {
+  // 延迟重置，确保子组件有足够时间接收标记并更新缓存
+  setTimeout(() => {
+    isDataRefreshed.value = false;
+  }, 100);
+};
+const { queryParams, form, rules } = toRefs(querydata);
+//子组件labResult.vue
+const labResultRef = ref(null);
+//子组件labPatRef.vue
+const labPatRef = ref(null);
+// 弹窗控制状态
+const dialogVisible = ref(false);
+const showCheckUser = ref(false);
+// 弹窗显示的原因文本
+const currentReason = ref('');
+// 存储需要传递给API的参数
+const apiParams = ref(null);
+// 处理弹窗确认（获取返回值后调用API）
+const unconfirmlogConfirm = async (inputValue) => {
+  try {
+    console.log('用户输入的操作原因:', inputValue);
+    // 调用API，携带用户输入的原因和之前保存的参数
+    loading.value = true;
+    unconfirmlog({ ...queryParams.value, reason: inputValue }).then(response => {
+      console.log('response:', response)
+      loading.value = false;
+      if (response.code == "0") {
+        runnextstepname();
+      }
+    }).catch(error => {
+      console.error('审核失败', error);
+      loading.value = false;
+    });
+
+    // API调用成功后的处理
+    console.log('操作成功:', response);
+    // 可以添加成功提示、刷新数据等逻辑
+  } catch (error) {
+    console.error('操作失败:', error);
+    // 错误处理
+  } finally {
+    // 重置参数
+    apiParams.value = null;
+  }
+};
+// 处理弹窗取消
+const unconfirmlogCancel = () => {
+  console.log('用户取消了操作');
+  // 重置参数
+  apiParams.value = null;
+  cancalnextstepname();
+};
+// 处理验证成功
+const handleAuthSuccess = async (userInfo) => {
+  console.log('验证信息:', userInfo);
+  // 调用后端接口进行实际验证
+  loading.value = true;
+  checkuser({ yhdh: userInfo.userId, mm: userInfo.password }).then(response => {
+    console.log('response:', response)
+    loading.value = false;
+    console.log('userInfo:', userInfo);
+    if (response.code == "0") {
+      checkuserid.value = userInfo.userId;
+      runnextstepname();
+    }
+  }).catch(error => {
+    console.error('验证接口调用失败', error);
+    loading.value = false;
+    checkuserid.value = '';
+  });
+};
+
+// 处理取消验证
+const handleAuthCancel = () => {
+  console.log('用户取消了验证');
+  // 执行取消后的操作
+  cancalnextstepname();
+};
+// 处理危急值登记
+const handleWarningSuccess = async (userInfo) => {
+  console.log('处理危急值登记:', userInfo);
+  // 调用后端接口进行实际验证
+  loading.value = true;
+  reglimit({ ...queryParams.value, qrr: userInfo.userId, tzfs: userInfo.uploadTp, phone: userInfo.phone }).then(response => {
+    console.log('危急值response:', response.code);
+    loading.value = false;
+    if (response.code == "0") {
+      runnextstepname();
+    }
+    if (response.code == "4") {
+      ElMessageBox.confirm(response.msg, '系统提示', { confirmButtonText: '是', cancelButtonText: '否', type: 'warning' }).then(() => {
+        queryParams.value.problemId = queryParams.value.problemId + 1;
+        handleWarningSuccess(userInfo);
+      }).catch(() => {
+        runnextstepname();
+      });
+    }
+  }).catch(error => {
+    console.error('处理危急值登记接口调用失败', error);
+    loading.value = false;
+  });
+};
+
+// 处理取消验证
+const handleWarningCancel = () => {
+  console.log('用户取消了登记');
+  // 执行取消后的操作
+  cancalnextstepname();
+};
+// 页面载入时获取基本默认值参数信息,后面有扩展需要都放这里
+const loadYqConfig = async () => {
+  // 使用 .value 获取响应式数据的值
+  jyrq0.value = '2025-08-19';//formatDate(new Date());
+  yq0.value = 'COBAS';
+  ybh0.value = '1';
+  querydata.queryParams.jyrq = jyrq0.value;
+  querydata.queryParams.yq = 46;
+  querydata.queryParams.ybh = ybh0.value;
+  querydata.queryParams.instrGroup = '02';
+}
+// 加载部门下拉列表
+function loadinstrGroupOptions() {
+  loading.value = true;
+  getComDicts({ zdlb: 'GROUP' }).then(response => {
+    instrGroupOptions.value = response.data
+    loading.value = false;
+    setInstrGroup.value = querydata.queryParams.instrGroup;
+  });
+  loadYqConfig();
+}
+// 部门组别变化时更新仪器下拉框
+const handleinstrGroupChange = (value) => {
+  queryParams.value.instrGroup = value
+  // 清空仪器选择并重新加载
+  // queryParams.value.yq = '';
+  instrOptions.value = [];
+  // 加载对应组别的仪器数据
+  loadinstrOptions();
+}
+// 仪器变化时的处理函数
+const handleYqChange = (value) => {
+  if (value === null || value === '') {
+    queryParams.value.yq = yq0.value;
+    setInstr.value = yq0.value;
+  } else {
+    yq0.value = value;
+    queryParams.value.yq = value;
+    handleQuery();
+  }
+}
+// 加载仪器下拉列表
+const loadinstrOptions = () => {
+  loading.value = true;
+  querylabInstrListByLisgroup({ pageNum: 1, pageSize: 100, lisgroup: queryParams.value.instrGroup })
+    .then(response => {
+      if (response.rows) {
+        instrOptions.value = toRaw(response.rows).map(item => ({
+          id: item.yq.trimEnd(),
+          text: item.yqmc
+        }))
+        loading.value = false;
+        setInstr.value = querydata.queryParams.yq;
+      } else {
+        throw new Error('仪器响应数据为空');
+      }
+    })
+    .catch(error => {
+      console.error('仪器数据加载失败', error);
+      loading.value = false;
+    });
+  // console.error('aaa', queryParams.value);
+  //console.log('test22:', instrOptions.value);
+}
+//获取服务器时间
+const serverDate = computed(() => {
+  return formatDate(new Date());
+});
+//切换仪器或检验日期后重置页码
+function resetData() {
+  queryParams.value = {
+    pageNum: 1,
+    pageSize: 15,
+  }
+  searchText.value = ''
+  currentPage.value = 1
+  pageSize.value = 15
+}
+//载入样本列表(右边labpatlist.vue组件)
+const fetchlabPatList = async (search = '', page = 1, size = 15) => {
+  loading.value = true;
+  queryParams.value.pageSize = size;
+  queryParams.value.pageNum = page;
+  queryLabPatList(queryParams.value).then(response => {
+    labPatList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  }).catch(error => {
+    console.error('列表数据加载失败', error);
+    loading.value = false;
+  });
+}
+//载入样本编辑表单(左边labpat.vue组件)
+const fetchLabPat = async () => {
+  loading.value = true;
+  queryLabPat(queryParams.value).then(response => {
+    labPat.value = response.data;
+    loadingPatLabel();
+    loading.value = false;
+  }).catch(error => {
+    console.error('列表数据加载失败', error);
+    loading.value = false;
+  });
+}
+//载入样本结果表单(中间labresult.vue组件)
+const fetchLabResults = async () => {
+  loading.value = true;
+  //  console.log('test', queryParams.value);
+  queryLabResults({ jyrq: queryParams.value.jyrq, yq: queryParams.value.yq, ybh: queryParams.value.ybh }).then(response => {
+    //  console.log('RESULT:', response);
+    labResuts.value = response.data;
+    loading.value = false;
+    // 关键：设置“数据刷新标记”为true（删除后数据变化，需更新子组件缓存）
+    isDataRefreshed.value = true;
+    // 数据刷新后重置标记
+    resetDataRefreshFlag();
+  }).catch(error => {
+    console.error('列表数据加载失败', error);
+    loading.value = false;
+  });
+}
+//保存样本表单
+const savelabPat = async (labPat) => {
+  // 实际项目中这里应该是API调用
+  console.log('保存主表:', labPat)
+
+  if (!labPat.id) {
+    // 新增
+    labPat.id = Date.now()
+    labPatList.value.unshift({ ...labPat })
+  } else {
+    // 更新
+    const index = labPatList.value.findIndex(item => item.id === labPat.id)
+    if (index !== -1) {
+      labPatList.value.splice(index, 1, { ...labPat })
+    }
+  }
+
+  alert('保存成功')
+}
+//重置结果表单
+const resetlabPat = () => {
+  labResuts.value = []
+  currentLabResults.value = []
+}
+//新增结果列
+const addLabResult = async (LabResult) => {
+  // 实际项目中这里应该是API调用
+  console.log('添加明细:', LabResult)
+
+  if (!LabResult.xh) {
+    LabResult.xh = currentLabResults.value.length + 1
+  }
+
+  const index = currentLabResults.value.findIndex(item => item.xh === LabResult.xh)
+  if (index !== -1) {
+    currentLabResults.value.splice(index, 1, { ...LabResult })
+  } else {
+    currentLabResults.value.push({ ...LabResult })
+  }
+
+  alert('添加成功')
+}
+//删除结果列
+const deleteLabResults = async (xhList) => {
+  // 实际项目中这里应该是API调用
+  console.log('删除明细:', xhList)
+
+  currentLabResults.value = currentLabResults.value.filter(item => !xhList.includes(item.xh))
+
+  alert('删除成功')
+}
+//修改结果列
+const editLabResult = (LabResult) => {
+  console.log('编辑明细:', LabResult)
+  // 在表单中填充数据
+  // 这里不需要做任何事情，因为组件已经绑定了数据
+}
+//样本列表点击切换样本信息,同步载入左边样本信息表单和中间结果表单
+const selectJob = async (job) => {
+  // 复制选中的job数据到当前编辑状态
+  // Object.assign(labPat.value, {...job})
+  queryParams.value.jyrq = job.jyrq;
+  queryParams.value.yq = job.yq;
+  queryParams.value.ybh = job.ybh;
+
+  checkQuery()
+  isDataRefreshed.value = true;
+  //await nextTick();
+  // 获取对应的明细数据
+  await fetchLabPat();
+  await fetchLabResults();
+  resetDataRefreshFlag();
+}
+//样本列表检索时刷新列表信息
+const searchJobs = async (text, page, size) => {
+  searchText.value = text
+  currentPage.value = page
+  pageSize.value = size
+  loadlabPatList()
+}
+//样本列表翻页时刷新列表信息
+const pageChange = async (page, size) => {
+  currentPage.value = page
+  pageSize.value = size
+  loadlabPatList()
+}
+//刷新样本列表方法封装
+const loadlabPatList = async () => {
+  await fetchlabPatList(searchText.value, currentPage.value, pageSize.value)
+}
+/** 查询服务器时间 */
+function getdate() {
+  getDate().then(response => {
+    serverDate.value = formatDate(new Date(response.data));
+  })
+}
+//日期格式化
+function formatDate(date) {
+  const year = date.getFullYear();
+  // 月份是从0开始的，所以要加1
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day} 00:00:00`;
+}
+const setdelResultFlag = (value) => {
+  delResultFlag.value = value;
+}
+const setchangeResultFlag = (value) => {
+  changeResultFlag.value = value;
+}
+//新增
+const handleAdd = () => {
+  // labResultRef.value?.handleAdd();
+  openItemDictDialog();
+};
+function handleUpdate() {
+}
+function handleDelete() {
+  labResultRef.value?.handleBatchDelete();
+}
+function loadingPatLabel() {
+  // labPatRef.value?.loadingLabel();
+}
+function handleCheck0() {
+
+}
+function handleCheck() {
+  queryParams.value.problemId = 0;
+  nextstepname.value = 'handleCheck2';
+  queryParams.value.yhdh = checkuserid.value
+  if (queryParams.value.yhdh == '') {
+    checktitle.value = '审核人工号密码验证'
+    showCheckUser.value = true;
+  } else {
+    handleCheck2();
+  }
+}
+function handleCheck2() {
+  loading.value = true;
+  console.log('queryParams:', queryParams.value)
+  queryParams.value.yhdh = checkuserid.value
+  check2(queryParams.value).then(response => {
+    loading.value = false;
+    if (response.code == "4" && response.problemId === 4) {
+      console.log('queryParams1111:', queryParams.value)
+      nextstepname.value = 'handleCheck2';
+      queryParams.value.problemId = response.problemId;
+      // 保存需要传递给API的参数
+      apiParams.value = queryParams;
+      // 设置弹窗显示的原因文本
+      warningMsgdata.value = response.msg;
+      // 显示弹窗
+      showuploadwarning.value = true;
+    }
+    console.log('response:', response)
+
+  }).catch(error => {
+    console.error('审核失败', error);
+    loading.value = false;
+  });
+
+}
+function handleUnCheck() {
+  queryParams.value.problemId = 0;
+  nextstepname.value = 'handleuncheck2';
+  queryParams.value.yhdh = checkuserid.value
+  if (queryParams.value.yhdh == '') {
+    checktitle.value = '取消审核人工号密码验证'
+    showCheckUser.value = true;
+  } else {
+    handleuncheck2();
+  }
+}
+function handleuncheck2() {
+  loading.value = true;
+  queryParams.value.yhdh = checkuserid.value
+  uncheck2(queryParams.value).then(response => {
+    loading.value = false;
+    if (response.code == "4") {
+      nextstepname.value = 'handleuncheck2';
+      queryParams.value.problemId = response.problemId;
+      // 保存需要传递给API的参数
+      apiParams.value = queryParams;
+      // 设置弹窗显示的原因文本
+      currentReason.value = response.msg;
+      // 显示弹窗
+      dialogVisible.value = true;
+    }
+
+  }).catch(error => {
+    console.error('解除审核失败', error);
+    loading.value = false;
+  });
+}
+function handlePrint() {
+}
+function handleQueryDetail() {
+}
+//切换仪器或检验日期时载入
+const handleQuery = async () => {
+  if (checkQuery() === false) return false
+  // resetData();
+  await loadlabPatList();
+  //暂时默认打开1号样本,后面由参数控制
+  querydata.queryParams.ybh = '1';
+  isDataRefreshed.value = true;
+  await handleQueryYbh();
+  resetDataRefreshFlag();
+}
+//切换样本号时载入
+const handleQueryYbh = async () => {
+  if (checkQuery() === false) return false
+  isDataRefreshed.value = true;
+  await fetchLabPat();
+  await fetchLabResults();
+  resetDataRefreshFlag();
+}
+//主键空置拦截
+function checkQuery() {
+  if (querydata.queryParams.jyrq === '' || querydata.queryParams.jyrq === null) {
+    querydata.queryParams.jyrq = jyrq0.value
+    return false;
+  }
+  if (querydata.queryParams.yq === '' || querydata.queryParams.yq === null) {
+    querydata.queryParams.yq = yq0.value
+    return false;
+  }
+  if (querydata.queryParams.ybh === '' || querydata.queryParams.ybh === null) {
+    querydata.queryParams.ybh = ybh0.value
+    return false;
+  }
+  jyrq0.value = querydata.queryParams.jyrq
+  yq0.value = querydata.queryParams.yq
+  ybh0.value = querydata.queryParams.ybh
+}
+function runnextstepname() {
+  if (nextstepname.value != '') {
+    switch (nextstepname.value) {
+      case 'handleuncheck2':
+        handleuncheck2();
+        break;
+      case 'handleCheck2':
+        handleCheck2();
+        break;
+      default:
+      // 当所有case都不匹配时执行（可选）
+    }
+  }
+}
+function cancalnextstepname() {
+  if (nextstepname.value != '') {
+    switch (nextstepname.value) {
+      case 'handleuncheck2':
+        ElMessage({ message: '取消操作,撤销审核失败!', type: 'error' })
+        break;
+      case 'handleCheck2':
+        ElMessage({ message: '取消操作,审核失败!', type: 'error' })
+        break;
+      default:
+      // 当所有case都不匹配时执行（可选）
+    }
+  }
+}
+// -------------------------- 项目选择相关变量 --------------------------
+const itemDictRef = ref(null); // DictInput组件引用
+const selectedItemValue = ref(""); // 选择的项目编码xmdh
+const selectedItemLabel = ref(""); // 选择的项目名称xmmc
+
+// -------------------------- 1. 项目字典API调用方法（传递给DictInput） --------------------------
+/**
+ * 项目字典加载方法：适配DictInput的fetchDict参数格式
+ * @param {String} dictType - 父组件传递的dict-type（无实际意义，可忽略）
+ * @returns {Promise<Array>} - 项目字典数据（格式需匹配DictInput要求：{value, label}）
+ */
+// 父组件中：完善的项目字典加载方法
+const fetchLabItemDict = async (dictType) => {
+  // 日志1：确认方法被调用
+  try {
+    // 1. 验证必要参数（如当前仪器yq）
+    if (!queryParams.value.yq) {
+      console.error("[fetchLabItemDict] 缺少必要参数：yq（仪器）");
+      ElMessage.error("请先选择仪器");
+      return [];
+    }
+
+    // 日志2：打印请求参数
+    const requestParams = {
+      pageNum: 1,
+      pageSize: 1000, // 加载足够多的项目
+      yq: queryParams.value.yq, // 当前选中的仪器
+    };
+
+    // 2. 调用API（确保queryXmInfo是正确的API方法）
+    const response = await queryXmInfo(requestParams);
+
+    // 日志3：打印原始响应
+
+    // 3. 验证响应格式
+    if (!response) {
+      throw new Error("API返回为空");
+    }
+    if (response.code !== "0") { // 假设0为成功状态码
+      throw new Error(`API返回错误：${response.msg || "未知错误"}`);
+    }
+    if (!Array.isArray(response.data)) {
+      throw new Error(`API返回data不是数组，实际为：${typeof response.data}`);
+    }
+
+    // 4. 格式化数据（适配DictInput的{value, label}结构）
+    const formattedData = response.data.map((item, index) => {
+      // 验证项目数据完整性
+      if (!item.xmdh) {
+        console.warn(`[fetchLabItemDict] 第${index}条数据缺少xmdh（项目编码）：`, item);
+      }
+      if (!item.xmmc) {
+        console.warn(`[fetchLabItemDict] 第${index}条数据缺少xmmc（项目名称）：`, item);
+      }
+
+      return {
+        value: item.xmdh || `未知编码_${index}`, // 确保value存在
+        label: item.xmmc || `未知名称_${index}`, // 确保label存在
+        dw: item.dw || "", // 单位（可选）
+        refs: item.refs || "", // 参考值（可选）
+      };
+    });
+
+    // 日志4：打印格式化后的数据量
+    return formattedData;
+
+  } catch (error) {
+    // 日志5：捕获并显示错误
+    console.error(`[fetchLabItemDict] 加载失败：`, error.message);
+    ElMessage.error(`项目字典加载失败：${error.message}`);
+    return []; // 失败时返回空数组，避免弹窗报错
+  }
+};
+
+
+// -------------------------- 2. 打开项目选择弹窗 --------------------------
+const openItemDictDialog = () => {
+  if (itemDictRef.value && typeof itemDictRef.value.openDictSelector === 'function') {
+    itemDictRef.value.openDictSelector(); // 确保方法存在再调用
+  } else {
+    console.warn("DictInput组件未加载完成或方法未暴露");
+  }
+};
+
+// -------------------------- 3. 处理项目选择结果：传递给labresult子组件新增行 --------------------------
+const handleItemSelect = async (selectedItem) => {
+  // 1. 构造新增行数据
+  const newRow = {
+    id: `temp_${Date.now()}_${Math.random().toString(36).substr(2, 8)}`,
+    xmdh: selectedItem.value,
+    xmmc: selectedItem.label,
+    dw: selectedItem.dw || "",
+    refs: selectedItem.refs || "",
+    jyrq: queryParams.value.jyrq,
+    yq: queryParams.value.yq,
+    ybh: queryParams.value.ybh,
+  };
+  // 2. 调用子组件方法新增行（仅一次）
+  if (labResultRef.value && typeof labResultRef.value.addRowFromDict === 'function') {
+    await labResultRef.value.addRowFromDict(newRow);
+    ElMessage.success(`已新增项目：${newRow.xmmc}`);
+  }
+};
+//打开页面需要先初始化的内容都放这里
+onMounted(() => {
+  loadYqConfig();
+  loadinstrGroupOptions(); // 页面加载时获取部门组别数据
+  loadinstrOptions();
+  loadlabPatList();
+
+})
+
+</script>
+
+<style scoped lang="scss">
+.compact-form .el-form-item {
+  padding: 5px;
+  margin-bottom: 5px;
+}
+
+.compact-form .el-form-item__label {
+  padding-bottom: 0px;
+}
+
+.card-content {
+  max-height: 450px;
+  /* 设置最大高度 */
+  overflow-y: auto;
+  /* 超出高度时显示垂直滚动条 */
+  padding: 5px;
+  /* 保持与卡片默认一致的内边距 */
+}
+
+.clickable:hover {
+  cursor: pointer;
+  /* 鼠标悬停时显示手型 */
+  transition: all 0.3s;
+  /* 平滑过渡效果 */
+  color: blue;
+
+}
+
+.hidden-dict-input {
+  /* 定位到屏幕左侧外，视觉上不可见 */
+  position: absolute;
+  left: -9999px;
+  top: auto;
+  /* 防止占用布局空间 */
+  width: 1px;
+  height: 1px;
+  /* 防止意外聚焦 */
+  outline: none;
+}
+</style>
diff --git a/src/views/liswork/work/index.vue b/src/views/liswork/work/index.vue
index 67d7f31..05be83e 100644
--- a/src/views/liswork/work/index.vue
+++ b/src/views/liswork/work/index.vue
@@ -1,890 +1,480 @@
 <template>
   <div class="app-container">
-    <el-row :gutter="10" class="compact-form">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['system:dict:add']">新增明细</el-button>
+    <el-row :gutter="10">
+      <el-col :span="13">
+        <div class="box-shadow">
+          <el-form :model="queryParams" ref="queryRef" :inline="true" :rules="rules" class="compact-form">
+            <el-form-item label="样本号：" prop="ybh">
+              <el-input v-model="queryParams.ybh" clearable placeholder="样本编号" prefix-icon="Search"
+                @keyup.enter="handleQuery" @clear="handleQuery" style="width:100px" />
+            </el-form-item>
+            <el-form-item label="日期：" prop="jyrq">
+              <el-date-picker v-model="queryParams.jyrq" type="date" label-width="20px" placeholder="检验日期"
+                value-format="YYYY-MM-DD" :clearable="false" @change="fetchlabPatList"
+                style="width:140px"></el-date-picker>
+            </el-form-item>
+            <el-form-item label="部门：" prop="instrGroup">
+              <el-select v-model="queryParams.instrGroup" placeholder="请选择" style="width:140px" filterable
+                @change="handleinstrGroupChange">
+                <el-option v-for="item in instrGroupOptions" :key="item.zddh" :label="item.zdmc" :value="item.zddh" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="仪器：" prop="yq">
+              <el-select v-model="queryParams.yq" placeholder="请选择" style="width:140px" @change="yqHandleChange"
+                filterable>
+                <el-option v-for="item in instrOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-icon color="#3c80d9" size="20" style="margin-right: 10px;" class="cp">
+                <Search @click="fetchlabPatList" />
+              </el-icon>
+              <el-icon color="#3c80d9" size="20" class="cp" @click="selectJob(labPat)">
+                <Refresh />
+              </el-icon>
+            </el-form-item>
+          </el-form>
+          <el-row :gutter="5">
+            <el-col :span="8">
+              <LabPat ref="labPatRef" v-model:labPat="labPat" :labPatKey="queryParams" :dictData="dictData" />
+            </el-col>
+            <el-col :span="16">
+              <LabResult ref="labResultRef" v-model:labPat="labPat" :tableData="labResuts" :tableKey="queryParams"
+                @fetchLabResults="fetchLabResults" @changeStatus="changeStatus" />
+            </el-col>
+          </el-row>
+        </div>
       </el-col>
-      <el-col :span="1.5">
-        <el-button type="danger" plain icon="Delete" :disabled="delResultFlag" @click="handleDelete" v-hasPermi="['system:dict:remove']">删除明细</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" plain icon="Edit" :disabled="changeResultFlag" @click="handleUpdate" v-hasPermi="['system:dict:edit']">保存</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" plain icon="Edit" @click="handleCheck0" v-hasPermi="['system:dict:import']">初报</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" plain icon="Download" @click="handleCheck" v-hasPermi="['system:dict:import']">初审</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="info" plain icon="Upload" @click="handleUnCheck" v-hasPermi="['system:dict:export']">取消初审</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" plain icon="Download" @click="handleCheck" v-hasPermi="['system:dict:import']">审核</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" plain icon="Upload" @click="handleUnCheck" v-hasPermi="['system:dict:export']">取消审核</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="Edit" @click="handleUnCheck" v-hasPermi="['system:dict:export']">预览</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="Edit" @click="handleUnCheck" v-hasPermi="['system:dict:export']">打印</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" plain icon="Upload" @click="handleUnCheck" v-hasPermi="['system:dict:export']">上一个</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" plain icon="Download" @click="handleUnCheck" v-hasPermi="['system:dict:export']">下一个</el-button>
+
+      <el-col :span="11">
+        <div>
+          <div class="tab-list">
+            <div :class="['text', activeTab == item.value ? 'active' : '']" v-for="item in tabList"
+              @click="activeTab = item.value">{{ item.label }}
+            </div>
+          </div>
+          <div class="box-shadow">
+            <el-form :model="queryParams" ref="queryRef" :inline="true" :rules="rules" class="compact-form">
+              <el-form-item label="筛选条件：" prop="ybh" label-width="90px">
+                <el-input clearable placeholder="筛选条件" prefix-icon="Search" @keyup.enter="handleQuery"
+                  @clear="handleQuery" style="width:100px" />
+              </el-form-item>
+              <el-form-item label="筛选条件：" prop="ybh" label-width="90px">
+                <el-input clearable placeholder="筛选条件" prefix-icon="Search" @keyup.enter="handleQuery"
+                  @clear="handleQuery" style="width:100px" />
+              </el-form-item>
+              <el-form-item label="筛选条件：" prop="ybh" label-width="90px">
+                <el-input clearable placeholder="筛选条件" prefix-icon="Search" @keyup.enter="handleQuery"
+                  @clear="handleQuery" style="width:100px" />
+              </el-form-item>
+              <el-form-item>
+                <el-icon color="#3c80d9" size="20" style="margin-right: 10px;" class="cp">
+                  <Search />
+                </el-icon>
+                <el-icon color="#3c80d9" size="20" class="cp">
+                  <Menu />
+                </el-icon>
+              </el-form-item>
+            </el-form>
+
+            <div class="flex-between mb10">
+              <div>
+                <el-button type="primary" icon="RefreshRight" @click="fetchlabPatList">刷新</el-button>
+                <el-button type="danger" icon="delete">删除</el-button>
+                <el-button class="btn_green" icon="top" @click="handlePrev">上一个</el-button>
+                <el-button class="btn_green" icon="bottom" @click="handleNext">下一个</el-button>
+                <el-select placeholder="所有" style="width: 150px" class="ml10">
+                  <el-option label="option" value="item.value" />
+                </el-select>
+              </div>
+              <div>
+                <el-checkbox> 列表翻页 </el-checkbox>
+              </div>
+            </div>
+            <LabPatList ref="labPatListRef" :labPatList="labPatList" :loading="loading" @select="selectJob"
+              :total="total" :dictData="dictData" @search="searchJobs" @page-change="pageChange" />
+
+            <div class="button-group">
+              <div class="text1">样本总数：<span>{{ ybs }}</span></div>
+              <div class="text2">未审：<span>{{ ws }}</span></div>
+              <div class="text3">危：<span>{{ wjs }}</span></div>
+            </div>
+          </div>
+        </div>
       </el-col>
     </el-row>
 
-    <el-row :gutter="10" class="compact-form" >
-        <el-form :model="queryParams" ref="queryRef" :inline="true" :rules="rules" >
-          <el-form-item class="compact-form" label="" label-width="0px" prop="ybh" >
-            <el-col :span="1.5">样本编号</el-col>
-            <el-col :span="4.5">
-            <el-input v-model="queryParams.ybh" clearable placeholder="样本编号" prefix-icon="Search"  @keyup.enter="handleQueryYbh" @clear="handleQueryYbh" />
-            </el-col>
-            <el-col :span="1.5"><div>检验日期</div></el-col>
-            <el-col :span="3.5">
-            <el-date-picker  v-model="queryParams.jyrq" type="date" label-width="20px" placeholder="检验日期" value-format="YYYY-MM-DD" :clearable="false" @change="handleQuery" ></el-date-picker>
-            </el-col>
-            <el-col :span="1.5"><div>部门组别</div></el-col>
-            <el-col :span="3.5">
-            <Ddlb
-                v-model="queryParams.instrGroup"
-                :options="instrGroupOptions"
-                placeholder="请选择部门组别"
-                @change="handleinstrGroupChange"
-                :value="setInstrGroup"
-                label-width="40px"
-            />
-            </el-col><el-col :span="1"><div>仪器</div></el-col>
-            <el-col :span="4">
-            <Ddlb
-                v-model="queryParams.yq"
-                :options="instrOptions"
-                placeholder="请选择仪器"
-                @change="handleYqChange"
-                :value="setInstr"
-            />
-            </el-col>
-          </el-form-item>
-        </el-form>
-    </el-row>
 
-    <el-row :gutter="5">
-      <el-col :span="5" :xs="24">
-    <div class="compact-form">
-      <LabPatForm  v-model:labPat="labPat" :labPatKey="queryParams" ref="labPatRef"  @save="savelabPat" @reset="resetlabPat" />
-    </div>
-      </el-col>
-      <el-col :span="10" :xs="24">
-    <div class="compact-form">
-      <LabResultForm
-          ref="labResultRef"
-          :tableData="labResuts"
-          :tableKey="queryParams"
-          :is-data-refreshed="isDataRefreshed"
-      @add="addLabResult"
-      @delete="deleteLabResults"
-      @edit="editLabResult"
-      @delfalg="setdelResultFlag"
-      @changefalg="setchangeResultFlag"
-      @fetchLabResults="fetchLabResults"
-      />
-    </div>
-      </el-col>
-      <el-col :span="9" :xs="24">
-    <div class="compact-form">
-      <LabPatListForm
-          :labPatList="labPatList"
-          :labPatKey="queryParams"
-          :total="total"
-          @select="selectJob"
-          @search="searchJobs"
-          @page-change="pageChange"
-      />
-    </div>
-      </el-col>
-      <ItemInput
-          ref="itemDictRef"
-          v-model="selectedItemValue"
-      :label-value.sync="selectedItemLabel"
-      :dict-type="'LAB_ITEM'"
-      :fetch-dict="fetchLabItemDict"
-      :dialog-title="'选择检验项目'"
-      :disabled="false"
-      :load-on-mount="false"
-      :table-data.sync="labResuts"
-      class="hidden-dict-input"
-      @select="handleItemSelect"
-      />
-    </el-row>
-    <!-- 引入弹窗组件 -->
-    <unconfirmlog
-        v-model:visible="dialogVisible"
-        :reason-text="currentReason"
-        @onConfirm="unconfirmlogConfirm"
-        @onCancel="unconfirmlogCancel"
-    />
-    <CheckUser
-        v-model:visible="showCheckUser"
-        :title="checktitle"
-        :validation-rules="{ userIdMinLength: 4, passwordMinLength: 6 }"
-        @onConfirm="handleAuthSuccess"
-        @onCancel="handleAuthCancel"
-    />
-    <uploadwarning
-        v-model:visible="showuploadwarning"
-        :msgdata="warningMsgdata"
-        :showRules=1
-        @onupload="handleWarningSuccess"
-        @onCancel="handleWarningCancel"
-    />
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
+import { ref, nextTick, onMounted, toRaw } from 'vue';
+import LabPat from './components/labpat.vue';
+// @ts-ignore
+import LabResult from './components/labresult.vue';
+import LabPatList from './components/labpatlist.vue';
+// @ts-ignore
+import { comDict } from '@/utils/dict'
 import {
-  getDate,
-  queryLabPatList,
-  queryLabResults,
-  updateLabPat,
-  queryLabPat,
+  getDate, queryLabPatList, queryLabResults, updateLabPat, queryLabPat,
   check2, uncheck2, unconfirmlog, checkuser, reglimit, queryXmInfo
-} from "../../../api/liswork/work/LisWork.js";
-import {querylabInstrList,querylabInstrListByLisgroup} from "../../../api/liswork/dict/LabInstr.js";
-import {getComDicts, queryComDictListService} from "../../../api/liswork/dict/ComDict.js";
-import LabPatForm from './components/labpat.vue'
-import LabResultForm from './components/labresult.vue'
-import LabPatListForm from './components/labpatlist.vue'
-import Unconfirmlog from './components/unconfirmlog.vue'
-import Ddlb from './components/ddlb.vue'
-import CheckUser from './components/CheckUser.vue'
-import uploadwarning from './components/uploadwarning.vue'
-import UCKDictInput from './components/DictInput.vue';
-import {ElMessage, ElMessageBox} from "element-plus";
-import ItemInput from "@/views/liswork/work/components/ItemInput.vue";
+} from "@/api/liswork/work/LisWork";
+import { querylabInstrList, querylabInstrListByLisgroup } from "@/api/liswork/dict/LabInstr";
+import { getComDicts, queryComDictListService } from "@/api/liswork/dict/ComDict";
 
+import { ElMessage, ElMessageBox } from "element-plus";
+import { log } from 'vxe-pc-ui';
 
-const showuploadwarning = ref(false);
-const single = ref(true);
-const delResultFlag = ref(true);
-const changeResultFlag = ref(true);
-const loading = ref(true);
-const instrGroupOptions = ref([]);
-const instrOptions = ref([]);
-const labPatList = ref([])
-const patdata = reactive({
-  form: {},
-  labPat: {
+const queryParams = ref({
+  pageNum: 1,
+  pageSize: 2000,
+  jyrq: '2025-08-19',
+  yq: '49',
+  ybh: '1',
+  instrGroup: '01',
+  problemId: 0,
+  days: 1,
+})
+const ybs = ref(0)
+const ws = ref(0)
+const wjs = ref(0)
+const activeTab = ref(1)
+const tabList = ref([
+  { label: '标本列表', value: 1 },
+  { label: '历史对照', value: 2 },
+  { label: '其他结果', value: 3 },
+  { label: '结果复查', value: 4 },
+  { label: '收费信息', value: 5 },
+  { label: '组合项目', value: 6 },
+  { label: '临床意义', value: 7 },
+  { label: '样本流转', value: 8 },
+])
+const labPat = ref<any>(
+  {
     jyrq: '',
     yq: '',
     ybh: '',
-    brly:'',
-    jzbz:'',
-    brdh:'',
-    brxm:'',
-    brxb:'',
-    nl:null,
-    nldw:'1',
-    ksdh:'',
-    ch:'',
-    sjys:'',
-    sqsj:'',
-    cyrq:'',
-    dysj:'',
-    zd:'',
-    bz:'',
-    yhdh:'',
-    hdys:'',
-    jgbz:'0',
-    yblx:''
+    brly: '',
+    jzbz: '',
+    brdh: '',
+    brxm: '',
+    brxb: '',
+    nl: null,
+    nldw: '1',
+    ksdh: '',
+    ch: '',
+    sjys: '',
+    sqsj: '',
+    cyrq: '',
+    dysj: '',
+    zd: '',
+    bz: '',
+    yhdh: '',
+    hdys: '',
+    jgbz: '0',
+    yblx: ''
   },
-  rules: {}
-});
-const { labPat } = toRefs(patdata);
-const labResuts = ref([])
+)
+const labPatList = ref<Array<{ ybh: string; jgbz: string }>>([]);
+const loading = ref(false)
 const total = ref(0)
-const currentLabResults = ref([])
-const searchText = ref('')
-const pageSize = ref(10)
-const currentPage = ref(1)
-const setInstrGroup=ref('')
-const setInstr=ref('')
-const yq0=ref('')
-const jyrq0=ref('')
-const ybh0=ref('')
-const checktitle=ref('操作人身份验证')
-const nextstepname=ref('')
-const warningMsgdata=ref('')
-const checkuserid=ref('')
-const querydata = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    jyrq: formatDate(new Date()),
-    yq: '1',
-    ybh: '1',
-    days: 1,
-    instrGroup:'#',
-    problemId:0,
-    yhdh:''
-  },
-  rules: {
-    ybh: [],
-    jyrq: [],
-    instrGroup: [],
-    yq: [],
-  }
-  ,
-});
-// 父组件：新增“数据刷新标记”，初始为false
-const isDataRefreshed = ref(false);
-// 新增：控制标记的重置（避免持续触发子组件缓存更新）
-const resetDataRefreshFlag = () => {
-  // 延迟重置，确保子组件有足够时间接收标记并更新缓存
-  setTimeout(() => {
-    isDataRefreshed.value = false;
-  }, 100);
-};
-const { queryParams, form, rules } = toRefs(querydata);
-//子组件labResult.vue
-const labResultRef = ref(null);
-//子组件labPatRef.vue
-const labPatRef = ref(null);
-// 弹窗控制状态
-const dialogVisible = ref(false);
-const showCheckUser = ref(false);
-// 弹窗显示的原因文本
-const currentReason = ref('');
-// 存储需要传递给API的参数
-const apiParams = ref(null);
-// 处理弹窗确认（获取返回值后调用API）
-const unconfirmlogConfirm = async (inputValue) => {
-  try {
-    console.log('用户输入的操作原因:', inputValue);
-    // 调用API，携带用户输入的原因和之前保存的参数
-    loading.value = true;
-    unconfirmlog({...queryParams.value,reason: inputValue}).then(response => {
-      console.log('response:', response)
-      loading.value = false;
-      if(response.code=="0") {
-        runnextstepname();
+
+const rules = ref([])
+const instrGroupOptions = ref<{ zdmc: string, zddh: string }[]>([])
+const instrOptions = ref<{ label: string, value: string }[]>([])
+
+const handleinstrGroupChange = (val: string) => {
+  queryParams.value.instrGroup = val
+  queryParams.value.yq = ''
+  labResuts.value = []
+  labPat.value = {}
+  getYqConfig()
+  // fetchlabPatList()
+}
+
+const yqHandleChange = (val: string) => {
+  queryParams.value.yq = val
+  labResuts.value = []
+  labPat.value = {}
+  fetchlabPatList()
+}
+
+// 部门
+const loadinstrGroupOptions = () => {
+  getComDicts({ zdlb: 'GROUP' }).then((res: any) => {
+    instrGroupOptions.value = res.data
+    queryParams.value.instrGroup = '01'
+    queryParams.value.yq = '49'
+    getYqConfig()
+  });
+}
+// 仪器
+const getYqConfig = () => {
+  querylabInstrListByLisgroup({ pageNum: 1, pageSize: 100, lisgroup: queryParams.value.instrGroup })
+    .then((res: any) => {
+      if (res.code == 200) {
+        instrOptions.value = res.rows.map((item: any) => ({
+          value: item.yq.trim(),
+          label: item.yqmc
+        }))
       }
-    }) .catch(error => {
-      console.error('审核失败', error);
-      loading.value = false;
-    });
+    })
+}
 
-    // API调用成功后的处理
-    console.log('操作成功:', response);
-    // 可以添加成功提示、刷新数据等逻辑
-  } catch (error) {
-    console.error('操作失败:', error);
-    // 错误处理
-  } finally {
-    // 重置参数
-    apiParams.value = null;
-  }
-};
-// 处理弹窗取消
-const unconfirmlogCancel = () => {
-  console.log('用户取消了操作');
-  // 重置参数
-  apiParams.value = null;
-  cancalnextstepname();
-};
-// 处理验证成功
-const handleAuthSuccess = async (userInfo) => {
-  console.log('验证信息:', userInfo);
-    // 调用后端接口进行实际验证
-    loading.value = true;
-    checkuser({yhdh: userInfo.userId,mm: userInfo.password}).then(response => {
-      console.log('response:', response)
-      loading.value = false;
-      console.log('userInfo:',userInfo);
-      if(response.code=="0") {
-        checkuserid.value=userInfo.userId;
-        runnextstepname();
-      }
-    }) .catch(error => {
-      console.error('验证接口调用失败', error);
-      loading.value = false;
-      checkuserid.value='';
-    });
-};
-
-// 处理取消验证
-const handleAuthCancel = () => {
-  console.log('用户取消了验证');
-  // 执行取消后的操作
-  cancalnextstepname();
-};
-// 处理危急值登记
-const handleWarningSuccess = async (userInfo) => {
-  console.log('处理危急值登记:', userInfo);
-  // 调用后端接口进行实际验证
-  loading.value = true;
-  reglimit({...queryParams.value,qrr: userInfo.userId,tzfs: userInfo.uploadTp,phone:userInfo.phone}).then(response => {
-    console.log('危急值response:', response.code);
-    loading.value = false;
-    if(response.code=="0") {
-      runnextstepname();
-    }
-    if(response.code=="4") {
-      ElMessageBox.confirm(response.msg, '系统提示', { confirmButtonText: '是', cancelButtonText: '否', type: 'warning' }).then(() => {
-        queryParams.value.problemId=queryParams.value.problemId+1;
-        handleWarningSuccess(userInfo);
-      }).catch(() => {
-        runnextstepname();
-      });
-    }
-  }) .catch(error => {
-    console.error('处理危急值登记接口调用失败', error);
-    loading.value = false;
-  });
-};
-
-// 处理取消验证
-const handleWarningCancel = () => {
-  console.log('用户取消了登记');
-  // 执行取消后的操作
-  cancalnextstepname();
-};
-// 页面载入时获取基本默认值参数信息,后面有扩展需要都放这里
-const loadYqConfig = async () => {
-  // 使用 .value 获取响应式数据的值
-  jyrq0.value='2022-06-19';//formatDate(new Date());
-  yq0.value='COBAS';
-  ybh0.value='1';
-  querydata.queryParams.jyrq = jyrq0.value;
-  querydata.queryParams.yq = yq0.value;
-  querydata.queryParams.ybh = ybh0.value;
-  querydata.queryParams.instrGroup = 'A2';
-}
-// 加载部门下拉列表
-function loadinstrGroupOptions(){
-  loading.value = true;
-  getComDicts({zdlb: 'GROUP'}).then(response => {
-    instrGroupOptions.value = response.data.map(item => ({
-      id: item.zddh,
-      text: item.zdmc
-    }));
-    loading.value = false;
-    setInstrGroup.value=querydata.queryParams.instrGroup;
-  });
-  loadYqConfig();
-}
-// 部门组别变化时更新仪器下拉框
-const handleinstrGroupChange = (value) => {
-  queryParams.value.instrGroup = value
-  // 清空仪器选择并重新加载
- // queryParams.value.yq = '';
-  instrOptions.value = [];
-  // 加载对应组别的仪器数据
-  loadinstrOptions();
-}
-// 仪器变化时的处理函数
-const handleYqChange = (value) => {
-  if (value === null || value === '') {
-    queryParams.value.yq = yq0.value;
-    setInstr.value= yq0.value;
-  }else {
-    yq0.value=value;
-    queryParams.value.yq = value;
-     handleQuery();
-  }
-}
-// 加载仪器下拉列表
-const loadinstrOptions = () => {
-  loading.value = true;
-  querylabInstrListByLisgroup({pageNum: 1, pageSize: 100,lisgroup: queryParams.value.instrGroup})
-      .then(response => {
-        if (response.rows) {
-          instrOptions.value =  toRaw(response.rows).map(item => ({
-            id: item.yq.trimEnd(),
-            text: item.yqmc
-          }))
-          loading.value = false;
-          setInstr.value=querydata.queryParams.yq;
-        } else {
-          throw new Error('仪器响应数据为空');
-        }
-      })
-      .catch(error => {
-        console.error('仪器数据加载失败', error);
-        loading.value = false;
-      });
- // console.error('aaa', queryParams.value);
-  //console.log('test22:', instrOptions.value);
-}
-//获取服务器时间
-const serverDate = computed(() => {
-  return formatDate(new Date());
-});
-//切换仪器或检验日期后重置页码
-function resetData(){
-  queryParams.value = {
-    pageNum: 1,
-    pageSize: 15,
-  }
-  searchText.value = ''
-  currentPage.value = 1
-  pageSize.value = 15
-}
-//载入样本列表(右边labpatlist.vue组件)
-const fetchlabPatList = async (search = '', page = 1, size = 15) => {
-  loading.value = true;
-  queryParams.value.pageSize = size;
-  queryParams.value.pageNum = page;
-  queryLabPatList(queryParams.value).then(response => {
-    labPatList.value = response.rows;
-    total.value = response.total;
-    loading.value = false;
-  }) .catch(error => {
-    console.error('列表数据加载失败', error);
-    loading.value = false;
-  });
-  }
-//载入样本编辑表单(左边labpat.vue组件)
-const fetchLabPat = async () => {
-  loading.value = true;
-  queryLabPat(queryParams.value).then(response => {
-    labPat.value = response.data;
-    loadingPatLabel();
-    loading.value = false;
-  }) .catch(error => {
-    console.error('列表数据加载失败', error);
-    loading.value = false;
-  });
+const highlightRowIndex = ref(-1)
+const labPatListRef = ref()
+//样本列表点击切换样本信息,同步载入左边样本信息表单和中间结果表单
+const selectJob = (job: any) => {
+  // 复制选中的job数据到当前编辑状态
+  // Object.assign(labPat.value, {...job})
+  queryParams.value.jyrq = job.jyrq;
+  queryParams.value.yq = job.yq.trim();
+  queryParams.value.ybh = job.ybh;
+  fetchLabResults();
+  fetchLabPat();
+  highlightRowIndex.value = labPatList.value.findIndex((item: any) => item.ybh.toLowerCase().includes(queryParams.value.ybh));
 }
+const labResuts = ref([])
 //载入样本结果表单(中间labresult.vue组件)
 const fetchLabResults = async () => {
-  loading.value = true;
-//  console.log('test', queryParams.value);
-  queryLabResults({jyrq: queryParams.value.jyrq,yq: queryParams.value.yq,ybh: queryParams.value.ybh}).then(response => {
-  //  console.log('RESULT:', response);
+  queryLabResults({ jyrq: queryParams.value.jyrq, yq: queryParams.value.yq, ybh: queryParams.value.ybh }).then((response: any) => {
+    //  console.log('RESULT:', response);
     labResuts.value = response.data;
-    loading.value = false;
-    // 关键：设置“数据刷新标记”为true（删除后数据变化，需更新子组件缓存）
-    isDataRefreshed.value = true;
-    // 数据刷新后重置标记
-    resetDataRefreshFlag();
-  }) .catch(error => {
-    console.error('列表数据加载失败', error);
-    loading.value = false;
-  });
-}
-//保存样本表单
-const savelabPat = async (labPat) => {
-  // 实际项目中这里应该是API调用
-  console.log('保存主表:', labPat)
-
-  if (!labPat.id) {
-    // 新增
-    labPat.id = Date.now()
-    labPatList.value.unshift({...labPat})
-  } else {
-    // 更新
-    const index = labPatList.value.findIndex(item => item.id === labPat.id)
-    if (index !== -1) {
-      labPatList.value.splice(index, 1, {...labPat})
-    }
-  }
-
-  alert('保存成功')
-}
-//重置结果表单
-const resetlabPat = () => {
-  labResuts.value = []
-  currentLabResults.value = []
-}
-//新增结果列
-const addLabResult = async (LabResult) => {
-  // 实际项目中这里应该是API调用
-  console.log('添加明细:', LabResult)
-
-  if (!LabResult.xh) {
-    LabResult.xh = currentLabResults.value.length + 1
-  }
-
-  const index = currentLabResults.value.findIndex(item => item.xh === LabResult.xh)
-  if (index !== -1) {
-    currentLabResults.value.splice(index, 1, {...LabResult})
-  } else {
-    currentLabResults.value.push({...LabResult})
-  }
-
-  alert('添加成功')
-}
-//删除结果列
-const deleteLabResults = async (xhList) => {
-  // 实际项目中这里应该是API调用
-  console.log('删除明细:', xhList)
-
-  currentLabResults.value = currentLabResults.value.filter(item => !xhList.includes(item.xh))
-
-  alert('删除成功')
-}
-//修改结果列
-const editLabResult = (LabResult) => {
-  console.log('编辑明细:', LabResult)
-  // 在表单中填充数据
-  // 这里不需要做任何事情，因为组件已经绑定了数据
-}
-//样本列表点击切换样本信息,同步载入左边样本信息表单和中间结果表单
-const selectJob = async (job) => {
-  // 复制选中的job数据到当前编辑状态
- // Object.assign(labPat.value, {...job})
-  queryParams.value.jyrq = job.jyrq;
-  queryParams.value.yq = job.yq;
-  queryParams.value.ybh = job.ybh;
-
-  checkQuery()
-  isDataRefreshed.value = true;
-  //await nextTick();
-  // 获取对应的明细数据
-  await fetchLabPat();
-  await fetchLabResults();
-  resetDataRefreshFlag();
-}
-//样本列表检索时刷新列表信息
-const searchJobs = async (text, page, size) => {
-  searchText.value = text
-  currentPage.value = page
-  pageSize.value = size
-  loadlabPatList()
-}
-//样本列表翻页时刷新列表信息
-const pageChange = async (page, size) => {
-  currentPage.value = page
-  pageSize.value = size
-  loadlabPatList()
-}
-//刷新样本列表方法封装
-const loadlabPatList = async () => {
-  await fetchlabPatList(searchText.value, currentPage.value, pageSize.value)
-}
-/** 查询服务器时间 */
-function getdate() {
-  getDate().then(response => {
-    serverDate.value= formatDate(new Date(response.data));
   })
 }
-//日期格式化
-function formatDate(date) {
-  const year = date.getFullYear();
-  // 月份是从0开始的，所以要加1
-  const month = String(date.getMonth() + 1).padStart(2, '0');
-  const day = String(date.getDate()).padStart(2, '0');
-  return `${year}-${month}-${day} 00:00:00`;
-}
-const setdelResultFlag = (value) =>{
-  delResultFlag.value=value;
-}
-const setchangeResultFlag = (value) =>{
-  changeResultFlag.value=value;
-}
-//新增
-const handleAdd = () => {
- // labResultRef.value?.handleAdd();
-  openItemDictDialog();
-};
-function handleUpdate(){
-}
-function handleDelete(){
-  labResultRef.value?.handleBatchDelete();
-}
-function loadingPatLabel(){
- // labPatRef.value?.loadingLabel();
-}
-function handleCheck0(){
 
+//载入样本编辑表单(左边labpat.vue组件)
+const fetchLabPat = () => {
+  queryLabPat(queryParams.value).then((response: any) => {
+    labPat.value = response.data[0];
+  })
 }
-function handleCheck(){
-  queryParams.value.problemId=0;
-  nextstepname.value='handleCheck2';
-  queryParams.value.yhdh=checkuserid.value
-  if(queryParams.value.yhdh=='') {
-    checktitle.value='审核人工号密码验证'
-    showCheckUser.value = true;
-  }else {
-    handleCheck2();
+
+const handleQuery = () => {
+  if (!labPatList.value.length) return
+  // fetchlabPatList()
+  if (!queryParams.value.ybh) {
+    highlightRowIndex.value = -1;
+    return;
   }
-}
-function handleCheck2(){
-    loading.value = true;
-    console.log('queryParams:', queryParams.value)
-  queryParams.value.yhdh=checkuserid.value
-    check2(queryParams.value).then(response => {
-      loading.value = false;
-      if(response.code=="4"&& response.problemId===4) {
-        console.log('queryParams1111:', queryParams.value)
-        nextstepname.value='handleCheck2';
-        queryParams.value.problemId = response.problemId;
-        // 保存需要传递给API的参数
-        apiParams.value = queryParams;
-        // 设置弹窗显示的原因文本
-        warningMsgdata.value = response.msg;
-        // 显示弹窗
-        showuploadwarning.value = true;
-      }
-      console.log('response:', response)
 
-    }).catch(error => {
-      console.error('审核失败', error);
-      loading.value = false;
+  // 查找匹配的行
+  const matchedIndex = labPatList.value.findIndex((item: any) => item.ybh.toLowerCase().includes(queryParams.value.ybh));
+  const row = labPatList.value[matchedIndex]
+  if (matchedIndex !== -1) {
+    highlightRowIndex.value = matchedIndex;
+    // 等待DOM更新后滚动到目标行
+    nextTick(() => {
+      labPatListRef.value.setCurrentRow(row);
     });
-
-}
-function handleUnCheck(){
-  queryParams.value.problemId=0;
-  nextstepname.value='handleuncheck2';
-  queryParams.value.yhdh=checkuserid.value
-  if(queryParams.value.yhdh=='') {
-    checktitle.value='取消审核人工号密码验证'
-    showCheckUser.value = true;
-  }else {
-    handleuncheck2();
-  }
-}
-function handleuncheck2(){
-  loading.value = true;
-  queryParams.value.yhdh=checkuserid.value
-  uncheck2(queryParams.value).then(response => {
-    loading.value = false;
-    if(response.code=="4") {
-      nextstepname.value='handleuncheck2';
-      queryParams.value.problemId = response.problemId;
-      // 保存需要传递给API的参数
-      apiParams.value = queryParams;
-      // 设置弹窗显示的原因文本
-      currentReason.value = response.msg;
-      // 显示弹窗
-      dialogVisible.value = true;
-    }
-
-  }) .catch(error => {
-    console.error('解除审核失败', error);
-    loading.value = false;
-  });
-}
-function handlePrint(){
-}
-function handleQueryDetail(){
-}
-//切换仪器或检验日期时载入
-const handleQuery= async()=>{
-  if (checkQuery()===false) return false
-  // resetData();
-  await loadlabPatList();
-  //暂时默认打开1号样本,后面由参数控制
-  querydata.queryParams.ybh='1';
-  isDataRefreshed.value = true;
-  await handleQueryYbh();
-  resetDataRefreshFlag();
-}
-//切换样本号时载入
-const handleQueryYbh = async()=>{
-  if (checkQuery()===false) return false
-  isDataRefreshed.value = true;
-  await fetchLabPat();
-  await fetchLabResults();
-  resetDataRefreshFlag();
-}
-//主键空置拦截
-function checkQuery(){
-  if (querydata.queryParams.jyrq === ''|| querydata.queryParams.jyrq === null) {
-    querydata.queryParams.jyrq = jyrq0.value
-    return false;
-  }
-  if (querydata.queryParams.yq === ''|| querydata.queryParams.yq === null) {
-    querydata.queryParams.yq = yq0.value
-    return false;
-  }
-  if (querydata.queryParams.ybh === ''|| querydata.queryParams.ybh === null) {
-    querydata.queryParams.ybh = ybh0.value
-    return false;
-  }
-  jyrq0.value=querydata.queryParams.jyrq
-  yq0.value=querydata.queryParams.yq
-  ybh0.value=querydata.queryParams.ybh
-}
-function runnextstepname(){
-  if(nextstepname.value!=''){
-    switch(nextstepname.value) {
-      case 'handleuncheck2':
-        handleuncheck2();
-        break;
-      case 'handleCheck2':
-        handleCheck2();
-        break;
-      default:
-        // 当所有case都不匹配时执行（可选）
-    }
-  }
-}
-function cancalnextstepname(){
-  if(nextstepname.value!=''){
-    switch(nextstepname.value) {
-      case 'handleuncheck2':
-        ElMessage({ message: '取消操作,撤销审核失败!', type: 'error' })
-        break;
-      case 'handleCheck2':
-        ElMessage({ message: '取消操作,审核失败!', type: 'error' })
-        break;
-      default:
-        // 当所有case都不匹配时执行（可选）
-    }
-  }
-}
-// -------------------------- 项目选择相关变量 --------------------------
-const itemDictRef = ref(null); // DictInput组件引用
-const selectedItemValue = ref(""); // 选择的项目编码xmdh
-const selectedItemLabel = ref(""); // 选择的项目名称xmmc
-
-// -------------------------- 1. 项目字典API调用方法（传递给DictInput） --------------------------
-/**
- * 项目字典加载方法：适配DictInput的fetchDict参数格式
- * @param {String} dictType - 父组件传递的dict-type（无实际意义，可忽略）
- * @returns {Promise<Array>} - 项目字典数据（格式需匹配DictInput要求：{value, label}）
- */
-// 父组件中：完善的项目字典加载方法
-const fetchLabItemDict = async (dictType) => {
-  // 日志1：确认方法被调用
-  try {
-    // 1. 验证必要参数（如当前仪器yq）
-    if (!queryParams.value.yq) {
-      console.error("[fetchLabItemDict] 缺少必要参数：yq（仪器）");
-      ElMessage.error("请先选择仪器");
-      return [];
-    }
-
-    // 日志2：打印请求参数
-    const requestParams = {
-      pageNum: 1,
-      pageSize: 1000, // 加载足够多的项目
-      yq: queryParams.value.yq, // 当前选中的仪器
-    };
-
-    // 2. 调用API（确保queryXmInfo是正确的API方法）
-    const response = await queryXmInfo(requestParams);
-
-    // 日志3：打印原始响应
-
-    // 3. 验证响应格式
-    if (!response) {
-      throw new Error("API返回为空");
-    }
-    if (response.code !== "0") { // 假设0为成功状态码
-      throw new Error(`API返回错误：${response.msg || "未知错误"}`);
-    }
-    if (!Array.isArray(response.data)) {
-      throw new Error(`API返回data不是数组，实际为：${typeof response.data}`);
-    }
-
-    // 4. 格式化数据（适配DictInput的{value, label}结构）
-    const formattedData = response.data.map((item, index) => {
-      // 验证项目数据完整性
-      if (!item.xmdh) {
-        console.warn(`[fetchLabItemDict] 第${index}条数据缺少xmdh（项目编码）：`, item);
-      }
-      if (!item.xmmc) {
-        console.warn(`[fetchLabItemDict] 第${index}条数据缺少xmmc（项目名称）：`, item);
-      }
-
-      return {
-        value: item.xmdh || `未知编码_${index}`, // 确保value存在
-        label: item.xmmc || `未知名称_${index}`, // 确保label存在
-        dw: item.dw || "", // 单位（可选）
-        refs: item.refs || "", // 参考值（可选）
-      };
-    });
-
-    // 日志4：打印格式化后的数据量
-    return formattedData;
-
-  } catch (error) {
-    // 日志5：捕获并显示错误
-    console.error(`[fetchLabItemDict] 加载失败：`, error.message);
-    ElMessage.error(`项目字典加载失败：${error.message}`);
-    return []; // 失败时返回空数组，避免弹窗报错
-  }
-};
-
-
-// -------------------------- 2. 打开项目选择弹窗 --------------------------
-const openItemDictDialog = () => {
-  if (itemDictRef.value && typeof itemDictRef.value.openDictSelector === 'function') {
-    itemDictRef.value.openDictSelector(); // 确保方法存在再调用
   } else {
-    console.warn("DictInput组件未加载完成或方法未暴露");
+    highlightRowIndex.value = -1;
+  }
+  selectJob(row);
+}
+
+const handlePrev = () => {
+  if (highlightRowIndex.value > 0) {
+    highlightRowIndex.value--;
+    const row = labPatList.value[highlightRowIndex.value];
+    labPatListRef.value.setCurrentRow(row);
+    selectJob(row);
+  }
+}
+const handleNext = () => {
+  if (highlightRowIndex.value < labPatList.value.length - 1) {
+    highlightRowIndex.value++;
+    const row = labPatList.value[highlightRowIndex.value];
+    labPatListRef.value.setCurrentRow(row);
+    selectJob(row);
+  }
+}
+
+
+// 改变样本列表中样本状态
+const changeStatus = (updatedPat: any) => {
+  const index = labPatList.value.findIndex((item: any) => item.ybh == updatedPat.ybh);
+  if (index !== -1) {
+    labPatList.value[index] = updatedPat;
+    labPat.value = updatedPat;
+    highlightRowIndex.value = index;
+    // 等待DOM更新后滚动到目标行
+    nextTick(() => {
+      labPatListRef.value.setCurrentRow(updatedPat);
+    });
+    selectJob(updatedPat)
   }
 };
+//样本列表检索时刷新列表信息
+const searchJobs = async (text: string, page: number, size: number) => {
+  queryParams.value.pageNum = page
+  queryParams.value.pageSize = size
+  fetchlabPatList()
+}
+//样本列表翻页时刷新列表信息
+const pageChange = async (page: number, size: number) => {
+  queryParams.value.pageNum = page
+  queryParams.value.pageSize = size
+  fetchlabPatList()
+}
 
-// -------------------------- 3. 处理项目选择结果：传递给labresult子组件新增行 --------------------------
-const handleItemSelect = async (selectedItem) => {
-  // 1. 构造新增行数据
-  const newRow = {
-    id: `temp_${Date.now()}_${Math.random().toString(36).substr(2, 8)}`,
-    xmdh: selectedItem.value,
-    xmmc: selectedItem.label,
-    dw: selectedItem.dw || "",
-    refs: selectedItem.refs || "",
-    jyrq: queryParams.value.jyrq,
-    yq: queryParams.value.yq,
-    ybh: queryParams.value.ybh,
+
+//载入样本列表(右边labpatlist.vue组件)
+const fetchlabPatList = () => {
+  loading.value = true;
+  queryLabPatList(queryParams.value).then((res: any) => {
+    if (res.code == 0) {
+      labPatList.value = res.data;
+      loading.value = false;
+      if (res.data.length > 0) {
+        highlightRowIndex.value = 0;
+        labPat.value = res.data[0];
+        labPatListRef.value.setCurrentRow(res.data[0]);
+        selectJob(res.data[0])
+        ybs.value = res.data.length
+        ws.value = res.data.filter((item: any) => item.jgbz != 2).length
+        wjs.value = res.data.filter((item: any) => item.alarmflag == 1).length
+      }
+    }
+  })
+}
+
+
+loadinstrGroupOptions()
+fetchlabPatList()
+
+
+interface DictData {
+  PT?: Array<any>;
+  AU?: Array<any>;
+  SX?: Array<any>;
+  DP?: Array<any>;
+  BT?: Array<any>;
+  SRD?: Array<any>;
+  [key: string]: any[] | undefined; // 添加索引签名以支持动态访问
+}
+// 字典数据存储
+const dictData = ref<DictData>({});
+
+onMounted(async () => {
+  // 加载病人来源字典
+  const dictRefs = await comDict('PT', 'AU', 'SX', 'DP', 'BT', 'SRD');
+
+  // 从 ref 中获取实际数据
+  dictData.value = {
+    PT: toRaw(dictRefs.PT.value) || [],
+    AU: toRaw(dictRefs.AU.value) || [],
+    SX: toRaw(dictRefs.SX.value) || [],
+    DP: toRaw(dictRefs.DP.value) || [],
+    BT: toRaw(dictRefs.BT.value) || [],
+    SRD: toRaw(dictRefs.SRD.value) || [],
   };
-  // 2. 调用子组件方法新增行（仅一次）
-  if (labResultRef.value && typeof labResultRef.value.addRowFromDict === 'function') {
-    await labResultRef.value.addRowFromDict(newRow);
-    ElMessage.success(`已新增项目：${newRow.xmmc}`);
-  }
-};
-//打开页面需要先初始化的内容都放这里
-onMounted(() => {
-  loadYqConfig();
-  loadinstrGroupOptions(); // 页面加载时获取部门组别数据
-  loadinstrOptions();
-  loadlabPatList();
 
-})
 
+
+});
 </script>
 
 <style scoped lang="scss">
-.compact-form .el-form-item {
-  padding: 5px;
-  margin-bottom: 5px;
+.app-container {
+  background: #F0F3F8;
+
 }
 
-.compact-form .el-form-item__label {
-  padding-bottom: 0px;
+.box-shadow {
+  box-shadow: 2px 2px 4px 0px rgba(206, 217, 234, 0.7);
+  border-radius: 12px;
+  padding: 12px;
+  background-color: #fff;
 }
+
+.compact-form {
+  border-bottom: 1px solid #E1E9F7;
+  margin-bottom: 16px;
+}
+
 .card-content {
-  max-height: 450px; /* 设置最大高度 */
-  overflow-y: auto;   /* 超出高度时显示垂直滚动条 */
-  padding: 5px;      /* 保持与卡片默认一致的内边距 */
+  max-height: 450px;
+  /* 设置最大高度 */
+  overflow-y: auto;
+  /* 超出高度时显示垂直滚动条 */
+  padding: 5px;
+  /* 保持与卡片默认一致的内边距 */
 }
-.clickable:hover {
-  cursor: pointer; /* 鼠标悬停时显示手型 */
-  transition: all 0.3s; /* 平滑过渡效果 */
-  color: blue;
 
+.tab-list {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 10px;
+  border: 1px solid #fff;
+  border-radius: 12px;
+  background-color: #fff;
+
+  .text {
+    font-weight: 400;
+    font-size: 16px;
+    color: #1F6DD3;
+    width: 110px;
+    height: 48px;
+    line-height: 48px;
+    text-align: center;
+
+    &:first-child {
+      border-radius: 12px 0 0 12px;
+    }
+
+    &:last-child {
+      border-radius: 0 12px 12px 0;
+    }
+  }
+
+  .active {
+    background: #e9f1fb;
+    color: #1F6DD3;
+    font-weight: 600;
+    font-family: SourceHanSansCN, SourceHanSansCN;
+  }
 }
-.hidden-dict-input {
-  /* 定位到屏幕左侧外，视觉上不可见 */
-  position: absolute;
-  left: -9999px;
-  top: auto;
-  /* 防止占用布局空间 */
-  width: 1px;
-  height: 1px;
-  /* 防止意外聚焦 */
-  outline: none;
+
+.button-group {
+  display: flex;
+  justify-content: space-around;
+  font-family: SourceHanSansCN, SourceHanSansCN;
+  font-weight: 500;
+  font-size: 16px;
+  color: #28BDBB;
+  margin-top: 20px;
+
+  span {
+    display: inline-block;
+    width: 150px;
+    height: 32px;
+    background: rgba(40, 189, 187, 0.1);
+    border-radius: 16px;
+    border: 1px solid #28BDBB;
+    vertical-align: middle;
+    text-align: center;
+  }
+
+  .text1 {}
+
+  .text2 {
+    color: #1F33FF;
+
+    span {
+      background: rgba(212, 229, 255, 0.5);
+      border: 1px solid #96B8D9;
+    }
+  }
+
+  .text3 {
+    color: #FF0000;
+
+    span {
+      background: rgba(255, 193, 193, 0.5);
+      border: 1px solid #FF0000;
+    }
+  }
 }
 </style>
diff --git a/src/views/tool/build/index.vue b/src/views/tool/build/index.vue
index bc9df88..d6b8aa0 100644
--- a/src/views/tool/build/index.vue
+++ b/src/views/tool/build/index.vue
@@ -336,7 +336,7 @@ onMounted(() => {
 
 
 
-$lighterBlue: #409EFF;
+$lighterBlue: #1F6DD3;
 
 .container {
   position: relative;