diff --git a/.env.development b/.env.development index 780eb82..522d015 100644 --- a/.env.development +++ b/.env.development @@ -12,7 +12,9 @@ VITE_OPEN_PROXY = false VITE_PROXY_API = /dev-api # VITE_PROXY = [ ["/dev-api", "http://192.168.110.186:8040" ],["/dev-img-api", "http://file.sczysoft.com" ]] -VITE_PROXY = [ ["/dev-api", "http://42.193.40.239:8010" ],["/dev-img-api", "http://file.sczysoft.com" ]] + +# http://42.193.40.239:8017/doc.html//线上 http://192.168.110.186:8017/doc.html//本地 +VITE_PROXY = [ ["/dev-api", "http://192.168.110.186:8017" ],["/dev-img-api", "http://file.sczysoft.com" ]] # VITE_GLOB_UPLOAD_URL=/dev-api VITE_UPLOAD_IMG_URL=/dev-img-api diff --git a/src/api/Sys.ts b/src/api/Sys.ts index 7110ed3..be599ef 100644 --- a/src/api/Sys.ts +++ b/src/api/Sys.ts @@ -12,17 +12,6 @@ export function getUserPage(data) { }); } -/** - *删除 - */ -export function delUser(userId) { - return request({ - url: `${prefix}/delUser`, - method: "POST", - data: { userId } - }); -} - /** *获取通知列表 */ @@ -238,11 +227,10 @@ export function delBaseinclass(data) { /** * 岗位树 */ -export function getListperformTree(params) { +export function getListperformTree() { return request({ url: `/admin/Sys/getListperformTree`, method: "GET", - params }); } @@ -276,4 +264,45 @@ export function performDel(listperformid) { url: `/admin/Sys/delListperform/${listperformid}`, method: "POST" }); -} \ No newline at end of file +} + + +/** + * 用户管理-所属角色List + */ +export function getSysroleList() { + return request({ + url: `/admin/Sys/getSysroleList`, + method: "GET" + }); +} +/** + * 用户管理-新增修改 + */ +export function saveUser(data) { + return request({ + url: `/admin/Sys/saveUser`, + method: "POST", + data:data + }); +} +/** + *用户管理-启用禁用 + */ + export function delUser(params) { + return request({ + url: `/admin/Sys/delUser`, + method: "POST", + data: params + }); +} +/** + *用户管理-启用禁用 + */ + export function delListperform(listperformid) { + return request({ + url: `/admin/Sys/delListperform/${listperformid}`, + method: "POST", + }); +} + diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index 8bf07f8..46804b4 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -1,434 +1,374 @@ /** el-progress-bar */ .el-progress-bar__inner { - background-image: linear-gradient(270deg, rgb(65, 251, 217) 0%, rgb(3, 142, 254) 100%); + background-image: linear-gradient(270deg, rgb(65 251 217) 0%, rgb(3 142 254) 100%); } /** el-dialog custom-dialog */ .custom-dialog { - border-radius: 10px; + border-radius: 10px; + .el-dialog__header { + padding: 16px; + position: relative; + .custom-dialog-title { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + padding-bottom: 6px; + span { + color: #333; + font-weight: bold; + } + .icon-style { + width: 0.875em; + height: 0.875em; + fill: #b5c4e1; + &:hover { + opacity: 0.9; + } + } + hr { + position: absolute; + bottom: 0; + width: 98%; + transform: translateX(-50%); + left: 50%; + border: 1px solid #f5f5f5 !important; + } + } + .el-dialog__headerbtn { + display: none; + } + } + .el-dialog__body { + padding: 16px; + padding-top: 6px; + } + .el-dialog__footer { + padding-top: 0; + text-align: center; + .el-button { + margin: 0 16px; + } + } +} - .el-dialog__header { - padding: 16px; +/** custom-drawer */ +.custom-drawer { + .el-drawer__header { + padding: 16px; + position: relative; + margin-bottom: 0; + .custom-drawer-title { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + padding-bottom: 6px; + } + .custom-drawer-title hr { + position: absolute; + bottom: 0; + width: 98%; + transform: translateX(-50%); + left: 50%; + border: 1px solid #cecece; + } + .custom-drawer-title .icon-style { + width: 0.875em; + height: 0.875em; + fill: #b5c4e1; + &:hover { + opacity: 0.9; + } + } + .el-drawer__close-btn { + display: none; + } + } + .el-drawer__body { + // padding: 16px; + height: 100%; + // @include boxSizing(); + } +} + +/** center-form */ +.center-form { + display: flow-root; + width: 100%; + margin: 0 auto; + .el-form-item { + width: 44%; + float: left; + margin: 0 3%; + margin-bottom: 22px; + } + .inline-block { + width: 94%; + } +} +.el-form-item { + .el-select, + .el-cascader, + .el-input-number, + .el-input { + width: 100%; + } +} + +/** .el-input-group__append */ +.search-input { + .el-input__wrapper { + border: 1px solid #5473e8; + } +} +.search .el-input__inner { + border: 1px solid #5473e8; +} +.el-input-group__append { + background-color: #5473e8 !important; + border-color: #5473e8 !important; + cursor: pointer; + padding: 0 16px; + box-shadow: none; + &:hover { + opacity: 0.8; + } + &:active { + border-color: #7bb6fa; + } + .search-bottom { + color: #fff; + display: flex; + align-items: center; + font-size: 14px; + flex-direction: row; + } + svg { + padding-right: 6px; + } +} + +/** layout */ +.el-row { + margin-bottom: 22px; +} +.operation { + margin-bottom: 0; +} +.keyword { + margin-top: 24px; +} + +/** label-select */ +.label-select { + display: flex; + align-items: center; + height: 30px; + label { + background: #f9f9f9; + border: 1px solid #e6e6e6; + padding: 0 10px; + font-size: 13px; + border-right: none; + height: 100%; + text-align: center; + white-space: nowrap; + display: flex; + align-items: center; + } + .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + height: 100% !important; + } + .el-cascader { + height: 100%; + } + .el-select { + height: 100%; + } + .select-trigger { + height: 100%; + } + .el-input { + height: 100%; + } +} + +/** el-table */ +.el-table { + th, + td { + padding: 8px 0; + } + .el-one-header { + th { + text-align: center; + background-color: #f2f2f2; + } + } + .el-one-header1 { + th { + text-align: left; + background-color: #f2f2f2; + } + } + .operate { + margin: 0 16px; + cursor: pointer; + &:hover { + opacity: 0.8; + } + svg { + margin-right: 3px; + vertical-align: -0.12em; + width: 1em; + height: 1em; + } + .edit { + color: #1d86fb; + } + .detail { + color: #f4a914; + } + .func { + color: #fb4e33; + } + .delete { + color: #fb4e33; + } + .statute { + color: #226cb6; + } + } +} +.look { + color: #1d86fb; + cursor: pointer; + &:hover { + opacity: 0.8; + } +} + +/** avatar-upload */ +.avatar-uploader .el-upload { + border: 1px dashed #d9d9d9; + border-radius: 6px; + cursor: pointer; position: relative; + overflow: hidden; +} +.avatar-uploader .el-upload:hover { + border-color: #409eff; +} +.avatar-uploader-icon { + font-size: 28px; + color: #8c939d; + width: 100px; + height: 100px; + line-height: 100px; + text-align: center; +} +.avatar { + width: 100px; + height: 100px; + display: block; +} - .custom-dialog-title { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - padding-bottom: 6px; - - span { - color: #333333; +/** el-tabs */ +.el-tabs__nav-next, +.el-tabs__nav-prev { + font-size: 18px; +} +.el-table .el-table__body-wrapper::-webkit-scrollbar { + background-color: #f2f2f2; +} +.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb { + background-color: #c9c9c9; + cursor: pointer; +} +.custom-dialog-title { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + padding-bottom: 6px; + span { + color: #333; font-weight: bold; - } - - .icon-style { + font-size: 16px; + } + .icon-style { width: 0.875em; height: 0.875em; - fill: #B5C4E1; - + fill: #b5c4e1; &:hover { - opacity: 0.9; + opacity: 0.9; } - } - - hr { + } + hr { position: absolute; bottom: 0; width: 98%; transform: translateX(-50%); left: 50%; border: 1px solid #f5f5f5 !important; - } } - - .el-dialog__headerbtn { - display: none; - } - } - - .el-dialog__body { - padding: 16px; - padding-top: 6px; - } - - .el-dialog__footer { - padding-top: 0; - text-align: center; - - .el-button { - margin: 0 16px; - } - } } - -/** custom-drawer */ -.custom-drawer { - .el-drawer__header { - padding: 16px; - position: relative; - margin-bottom: 0; - - .custom-drawer-title { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - padding-bottom: 6px; - } - - .custom-drawer-title hr { - position: absolute; - bottom: 0; - width: 98%; - transform: translateX(-50%); - left: 50%; - border: 1px solid #cecece; - } - - .custom-drawer-title .icon-style { - width: 0.875em; - height: 0.875em; - fill: #B5C4E1; - - &:hover { - opacity: 0.9; - } - } - - .el-drawer__close-btn { - display: none; - } - } - - .el-drawer__body { - // padding: 16px; - height: 100%; - // @include boxSizing(); - } -} - -/** center-form */ -.center-form { - display: flow-root; - width: 100%; - margin: 0 auto; - - .el-form-item { - width: 44%; - float: left; - margin: 0 3%; - margin-bottom: 22px; - } - - .inline-block { - width: 94%; - } -} - -.el-form-item { - - .el-select, - .el-cascader, - .el-input-number, - .el-input { - width: 100%; - } -} - -/** .el-input-group__append */ -.search-input { - .el-input__wrapper { - border: 1px solid #5473e8; - } -} - -.search .el-input__inner { - border: 1px solid #5473e8; -} - -.el-input-group__append { - background-color: #5473e8 !important; - border-color: #5473e8 !important; - box-shadow: none; - cursor: pointer; - padding: 0 16px; - box-shadow: none; - - &:hover { - opacity: 0.8; - } - - &:active { - border-color: #7bb6fa; - } - - .search-bottom { - color: #fff; - display: flex; - align-items: center; - font-size: 14px; - flex-direction: row; - } - - svg { - padding-right: 6px; - } -} - -/** layout */ -.el-row { - margin-bottom: 22px; -} - -.operation { - margin-bottom: 0px; -} - -.keyword { - margin-top: 24px; -} - -/** label-select */ -.label-select { - display: flex; - align-items: center; - height: 30px; - - label { - background: #f9f9f9; - border: 1px solid #e6e6e6; - padding: 0 10px; - font-size: 13px; - border-right: none; - height: 100%; - text-align: center; - white-space: nowrap; - display: flex; - align-items: center; - } - - .el-input__inner { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - height: 100% !important; - } - - .el-cascader { - height: 100%; - } - - .el-select { - height: 100%; - } - - .select-trigger { - height: 100%; - } - - .el-input { - height: 100%; - } -} - -/** el-table */ -.el-table { - - th, - td { - padding: 8px 0; - } - - .el-one-header { - th { - text-align: center; - background-color: #F2F2F2; - } - } - - .el-one-header1 { - th { - text-align: left; - background-color: #F2F2F2; - } - } - - .operate { - margin: 0 16px; - cursor: pointer; - - &:hover { - opacity: 0.8; - } - - svg { - margin-right: 3px; - vertical-align: -0.12em; - width: 1em; - height: 1em; - } - - .edit { - color: #1d86fb; - } - - .detail { - color: #f4a914; - } - - .func { - color: #fb4e33; - } - - .statute { - color: #226cb6; - } - } -} - -.look { - color: #1d86fb; - cursor: pointer; - - &:hover { - opacity: 0.8; - } -} - -/** avatar-upload */ -.avatar-uploader .el-upload { - border: 1px dashed #d9d9d9; - border-radius: 6px; - cursor: pointer; - position: relative; - overflow: hidden; -} - -.avatar-uploader .el-upload:hover { - border-color: #409eff; -} - -.avatar-uploader-icon { - font-size: 28px; - color: #8c939d; - width: 100px; - height: 100px; - line-height: 100px; - text-align: center; -} - -.avatar { - width: 100px; - height: 100px; - display: block; -} - -/** el-tabs */ -.el-tabs__nav-next, -.el-tabs__nav-prev { - font-size: 18px; -} - -.el-table .el-table__body-wrapper::-webkit-scrollbar { - background-color: #f2f2f2; -} - -.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb { - background-color: #c9c9c9; - cursor: pointer; -} - -.custom-dialog-title { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - padding-bottom: 6px; - - span { - color: #333333; - font-weight: bold; - font-size: 16px; - } - - .icon-style { - width: 0.875em; - height: 0.875em; - fill: #B5C4E1; - - &:hover { - opacity: 0.9; - } - } - - hr { - position: absolute; - bottom: 0; - width: 98%; - transform: translateX(-50%); - left: 50%; - border: 1px solid #f5f5f5 !important; - } -} - .el-popper { - max-width: 50vw; + max-width: 50vw; } - .tree-line { - .el-tree-node { - position: relative; - padding-left: 12px; // 缩进量 - } - - .el-tree-node__children { - padding-left: 12px; // 缩进量 - } - - // 竖线 - .el-tree-node::before { - content: ""; - height: 100%; - width: 1px; - position: absolute; - left: 0px; - top: -20px; - border-width: 1px; - border-left: 1px dashed #52627c; - } - - // 当前层最后一个节点的竖线高度固定 - .el-tree-node:last-child::before { - height: 40px; - } - - // 横线 - .el-tree-node::after { - content: ""; - width: 12px; - height: 20px; - position: absolute; - left: 0px; - top: 20px; - border-width: 1px; - border-top: 1px dashed #52627c; - } - - &>.el-tree-node::after { - border-top: none; - } - - &>.el-tree-node::before { - border-left: none; - } - - // 展开关闭的icon - .el-tree-node__expand-icon { - font-size: 16px; - - &.is-leaf { - color: transparent; + .el-tree-node { + position: relative; + padding-left: 12px; // 缩进量 } - } -} \ No newline at end of file + .el-tree-node__children { + padding-left: 12px; // 缩进量 + } + + // 竖线 + .el-tree-node::before { + content: ""; + height: 100%; + width: 1px; + position: absolute; + left: 0; + top: -20px; + border-width: 1px; + border-left: 1px dashed #52627c; + } + + // 当前层最后一个节点的竖线高度固定 + .el-tree-node:last-child::before { + height: 40px; + } + + // 横线 + .el-tree-node::after { + content: ""; + width: 12px; + height: 20px; + position: absolute; + left: 0; + top: 20px; + border-width: 1px; + border-top: 1px dashed #52627c; + } + & > .el-tree-node::after { + border-top: none; + } + & > .el-tree-node::before { + border-left: none; + } + + // 展开关闭的icon + .el-tree-node__expand-icon { + font-size: 16px; + &.is-leaf { + color: transparent; + } + } +} diff --git a/src/views/system/base/govuser/details.vue b/src/views/system/base/govuser/details.vue index 0c4748d..d0d85ec 100644 --- a/src/views/system/base/govuser/details.vue +++ b/src/views/system/base/govuser/details.vue @@ -24,10 +24,10 @@ v-model="addPostFactorForm.sysusername" > - + @@ -54,16 +54,25 @@ > - - - - + + + + + + -
+