From dafc6ea37ab124951b20eed51cfc584c7aee969b Mon Sep 17 00:00:00 2001 From: wyuu Date: Fri, 26 Sep 2025 17:26:06 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A3=80=E9=AA=8C=E5=BD=95=E5=85=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 5 +- src/api/checkCode/index.ts | 12 +- .../liswork/dict/{ComDict.js => ComDict.ts} | 11 +- src/api/liswork/dict/LabInstr.js | 18 - src/api/liswork/dict/LabInstr.ts | 19 + src/api/liswork/work/LisWork.js | 125 -- src/api/liswork/work/LisWork.ts | 153 ++ src/api/login.js | 9 + src/assets/styles/index.scss | 2 +- src/assets/styles/ruoyi.scss | 622 ++++---- src/assets/styles/variables.module.scss | 4 +- src/components/SelectTable/index.vue | 152 ++ src/components/TopNav/index.vue | 51 +- src/components/tableCom/index.vue | 16 +- src/layout/components/Settings/index.vue | 18 +- src/main.js | 34 +- src/permission.js | 37 +- src/router/index.js | 138 +- src/store/modules/settings.js | 38 +- src/store/modules/user.js | 32 +- src/utils/classCom.ts | 25 +- src/utils/dict.js | 23 +- src/utils/request.js | 177 ++- src/utils/useFingerprint.js | 53 + src/views/checkCode/index.vue | 5 +- src/views/checkCode/report/index.vue | 263 ++-- src/views/index copy.vue | 1061 ++++++++++++++ src/views/index.vue | 1078 +------------- src/views/liswork/dict/index.vue | 2 +- .../liswork/work/components/ItemInput.vue | 63 +- src/views/liswork/work/components/labpat.vue | 488 ++++--- .../liswork/work/components/labpatlist.vue | 250 ++-- .../liswork/work/components/labpatlist2.vue | 193 +++ .../liswork/work/components/labresult.vue | 763 +++++++--- src/views/liswork/work/index copy.vue | 870 +++++++++++ src/views/liswork/work/index.vue | 1268 ++++++----------- src/views/tool/build/index.vue | 2 +- 37 files changed, 4857 insertions(+), 3223 deletions(-) rename src/api/liswork/dict/{ComDict.js => ComDict.ts} (69%) delete mode 100644 src/api/liswork/dict/LabInstr.js create mode 100644 src/api/liswork/dict/LabInstr.ts delete mode 100644 src/api/liswork/work/LisWork.js create mode 100644 src/api/liswork/work/LisWork.ts create mode 100644 src/components/SelectTable/index.vue create mode 100644 src/utils/useFingerprint.js create mode 100644 src/views/index copy.vue create mode 100644 src/views/liswork/work/components/labpatlist2.vue create mode 100644 src/views/liswork/work/index copy.vue 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 @@ + + + + + + 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 @@