From afdc4cc8d7fef5eb3bc2451ca52276dc1266c8ff Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com> Date: Thu, 1 Aug 2024 15:19:05 +0800 Subject: [PATCH 1/2] xg --- src/assets/manage/bluekapian.png | Bin 0 -> 7335 bytes src/assets/manage/blueliebiao.png | Bin 0 -> 6426 bytes src/assets/manage/kapian.png | Bin 0 -> 7633 bytes src/assets/manage/liebiao.png | Bin 0 -> 6701 bytes src/assets/styles/index.css | 688 +++++++++++++++++++++++ src/assets/styles/index.min.css | 1 + src/assets/styles/index.scss | 7 +- src/assets/styles/xinelu.css | 297 ++++++++++ src/assets/styles/xinelu.min.css | 1 + src/views/components/SearchForm.vue | 113 ++++ src/views/manage/components/cardlist.vue | 62 ++ src/views/manage/patientInfo/index.vue | 118 ++-- 12 files changed, 1244 insertions(+), 43 deletions(-) create mode 100644 src/assets/manage/bluekapian.png create mode 100644 src/assets/manage/blueliebiao.png create mode 100644 src/assets/manage/kapian.png create mode 100644 src/assets/manage/liebiao.png create mode 100644 src/assets/styles/index.css create mode 100644 src/assets/styles/index.min.css create mode 100644 src/assets/styles/xinelu.css create mode 100644 src/assets/styles/xinelu.min.css create mode 100644 src/views/components/SearchForm.vue create mode 100644 src/views/manage/components/cardlist.vue diff --git a/src/assets/manage/bluekapian.png b/src/assets/manage/bluekapian.png new file mode 100644 index 0000000000000000000000000000000000000000..37c61f58127b95598338807d4a47c6cd1ea7a52c GIT binary patch literal 7335 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 Z7s9!oFQp6z-~%LJpku22QqwW&zW`dMQ%3** literal 0 HcmV?d00001 diff --git a/src/assets/manage/blueliebiao.png b/src/assets/manage/blueliebiao.png new file mode 100644 index 0000000000000000000000000000000000000000..23048a9246a6d671ceb43d6b5abe31239394b57a GIT binary patch literal 6426 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 Lm>bsW6C(c$>I^YC literal 0 HcmV?d00001 diff --git a/src/assets/manage/kapian.png b/src/assets/manage/kapian.png new file mode 100644 index 0000000000000000000000000000000000000000..f67700f9635475f88ca13f44731bf540a4790fb8 GIT binary patch literal 7633 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%0A*jmU^`R# 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 literal 0 HcmV?d00001 diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css new file mode 100644 index 0000000..2dc4ea7 --- /dev/null +++ b/src/assets/styles/index.css @@ -0,0 +1,688 @@ +/** +$base-menu-color:hsla(0,0%,100%,.65); +$base-menu-color-active:#fff; +$base-menu-background:#001529; +$base-logo-title-color: #ffffff; + +$base-menu-light-color:rgba(0,0,0,.70); +$base-menu-light-background:#ffffff; +$base-logo-light-title-color: #001529; + +$base-sub-menu-background:#000c17; +$base-sub-menu-hover:#001528; +*/ +:export { + menuColor: #bfcbd9; + menuLightColor: rgba(0, 0, 0, 0.7); + menuColorActive: #f4f4f5; + menuBackground: #304156; + menuLightBackground: #ffffff; + subMenuBackground: #1f2d3d; + subMenuHover: #001528; + sideBarWidth: 200px; + logoTitleColor: #ffffff; + logoLightTitleColor: #001529; +} + +/* fade */ +.fade-enter-active, +.fade-leave-active { + transition: opacity 0.28s; +} + +.fade-enter, +.fade-leave-active { + opacity: 0; +} + +/* fade-transform */ +.fade-transform-leave-active, +.fade-transform-enter-active { + transition: all .5s; +} + +.fade-transform-enter { + opacity: 0; + transform: translateX(-30px); +} + +.fade-transform-leave-to { + opacity: 0; + transform: translateX(30px); +} + +/* breadcrumb transition */ +.breadcrumb-enter-active, +.breadcrumb-leave-active { + transition: all .5s; +} + +.breadcrumb-enter, +.breadcrumb-leave-active { + opacity: 0; + transform: translateX(20px); +} + +.breadcrumb-move { + transition: all .5s; +} + +.breadcrumb-leave-active { + position: absolute; +} + +.el-breadcrumb__inner, +.el-breadcrumb__inner a { + font-weight: 400 !important; +} + +.el-upload input[type="file"] { + display: none !important; +} + +.el-upload__input { + display: none; +} + +.cell .el-tag { + margin-right: 0px; +} + +.small-padding .cell { + padding-left: 5px; + padding-right: 5px; +} + +.fixed-width .el-button--mini { + padding: 7px 10px; + width: 60px; +} + +.status-col .cell { + padding: 0 10px; + text-align: center; +} + +.status-col .cell .el-tag { + margin-right: 0px; +} + +.el-dialog { + transform: none; + left: 0; + position: relative; + margin: 0 auto; +} + +.upload-container .el-upload { + width: 100%; +} + +.upload-container .el-upload .el-upload-dragger { + width: 100%; + height: 200px; +} + +.el-dropdown-menu a { + display: block; +} + +.el-range-editor.el-input__inner { + display: inline-flex !important; +} + +.el-range-separator { + box-sizing: content-box; +} + +.el-menu--collapse +> div +> .el-submenu +> .el-submenu__title +.el-submenu__icon-arrow { + display: none; +} + +#app .main-container { + height: 100vh; + overflow: hidden; + transition: margin-left .28s; + margin-left: 200px; + position: relative; +} + +#app .sidebarHide { + margin-left: 0 !important; +} + +#app .sidebar-container { + -webkit-transition: width .28s; + transition: width 0.28s; + width: 200px !important; + background-color: #304156; + height: 100%; + position: fixed; + font-size: 0px; + top: 0; + bottom: 0; + left: 0; + z-index: 1001; + overflow: hidden; + -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); + box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); +} + +#app .sidebar-container .horizontal-collapse-transition { + transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; +} + +#app .sidebar-container .scrollbar-wrapper { + overflow-x: hidden !important; +} + +#app .sidebar-container .el-scrollbar__bar.is-vertical { + right: 0px; +} + +#app .sidebar-container .el-scrollbar { + height: 100%; +} + +#app .sidebar-container.has-logo .el-scrollbar { + height: calc(100% - 50px); +} + +#app .sidebar-container .is-horizontal { + display: none; +} + +#app .sidebar-container a { + display: inline-block; + width: 100%; + overflow: hidden; +} + +#app .sidebar-container .svg-icon { + margin-right: 16px; +} + +#app .sidebar-container .el-menu { + border: none; + height: 100%; + width: 100% !important; +} + +#app .sidebar-container .el-menu-item, #app .sidebar-container .el-submenu__title { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; +} + +#app .sidebar-container .submenu-title-noDropdown:hover, +#app .sidebar-container .el-submenu__title:hover { + background-color: rgba(0, 0, 0, 0.06) !important; +} + +#app .sidebar-container .theme-dark .is-active > .el-submenu__title { + color: #f4f4f5 !important; +} + +#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, +#app .sidebar-container .el-submenu .el-menu-item { + min-width: 200px !important; +} + +#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover, +#app .sidebar-container .el-submenu .el-menu-item:hover { + background-color: rgba(0, 0, 0, 0.06) !important; +} + +#app .sidebar-container .theme-dark .nest-menu .el-submenu > .el-submenu__title, +#app .sidebar-container .theme-dark .el-submenu .el-menu-item { + background-color: #1f2d3d !important; +} + +#app .sidebar-container .theme-dark .nest-menu .el-submenu > .el-submenu__title:hover, +#app .sidebar-container .theme-dark .el-submenu .el-menu-item:hover { + background-color: #001528 !important; +} + +#app .hideSidebar .sidebar-container { + width: 54px !important; +} + +#app .hideSidebar .main-container { + margin-left: 54px; +} + +#app .hideSidebar .submenu-title-noDropdown { + padding: 0 !important; + position: relative; +} + +#app .hideSidebar .submenu-title-noDropdown .el-tooltip { + padding: 0 !important; +} + +#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon { + margin-left: 20px; +} + +#app .hideSidebar .el-submenu { + overflow: hidden; +} + +#app .hideSidebar .el-submenu > .el-submenu__title { + padding: 0 !important; +} + +#app .hideSidebar .el-submenu > .el-submenu__title .svg-icon { + margin-left: 20px; +} + +#app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span { + height: 0; + width: 0; + overflow: hidden; + visibility: hidden; + display: inline-block; +} + +#app .el-menu--collapse .el-menu .el-submenu { + min-width: 200px !important; +} + +#app .mobile .main-container { + margin-left: 0px; +} + +#app .mobile .sidebar-container { + transition: transform .28s; + width: 200px !important; +} + +#app .mobile.hideSidebar .sidebar-container { + pointer-events: none; + transition-duration: 0.3s; + transform: translate3d(-200px, 0, 0); +} + +#app .withoutAnimation .main-container, +#app .withoutAnimation .sidebar-container { + transition: none; +} + +.el-menu--vertical > .el-menu .svg-icon { + margin-right: 16px; +} + +.el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover, +.el-menu--vertical .el-menu-item:hover { + background-color: rgba(0, 0, 0, 0.06) !important; +} + +.el-menu--vertical > .el-menu--popup { + max-height: 100vh; + overflow-y: auto; +} + +.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece { + background: #d3dce6; +} + +.el-menu--vertical > .el-menu--popup::-webkit-scrollbar { + width: 6px; +} + +.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb { + background: #99a9bf; + border-radius: 20px; +} + +/** +$base-menu-color:hsla(0,0%,100%,.65); +$base-menu-color-active:#fff; +$base-menu-background:#001529; +$base-logo-title-color: #ffffff; + +$base-menu-light-color:rgba(0,0,0,.70); +$base-menu-light-background:#ffffff; +$base-logo-light-title-color: #001529; + +$base-sub-menu-background:#000c17; +$base-sub-menu-hover:#001528; +*/ +:export { + menuColor: #bfcbd9; + menuLightColor: rgba(0, 0, 0, 0.7); + menuColorActive: #f4f4f5; + menuBackground: #304156; + menuLightBackground: #ffffff; + subMenuBackground: #1f2d3d; + subMenuHover: #001528; + sideBarWidth: 200px; + logoTitleColor: #ffffff; + logoLightTitleColor: #001529; +} + +.blue-btn { + background: #324157; +} + +.blue-btn:hover { + color: #324157; +} + +.blue-btn:hover:before, .blue-btn:hover:after { + background: #324157; +} + +.light-blue-btn { + background: #3A71A8; +} + +.light-blue-btn:hover { + color: #3A71A8; +} + +.light-blue-btn:hover:before, .light-blue-btn:hover:after { + background: #3A71A8; +} + +.red-btn { + background: #C03639; +} + +.red-btn:hover { + color: #C03639; +} + +.red-btn:hover:before, .red-btn:hover:after { + background: #C03639; +} + +.pink-btn { + background: #E65D6E; +} + +.pink-btn:hover { + color: #E65D6E; +} + +.pink-btn:hover:before, .pink-btn:hover:after { + background: #E65D6E; +} + +.green-btn { + background: #30B08F; +} + +.green-btn:hover { + color: #30B08F; +} + +.green-btn:hover:before, .green-btn:hover:after { + background: #30B08F; +} + +.tiffany-btn { + background: #4AB7BD; +} + +.tiffany-btn:hover { + color: #4AB7BD; +} + +.tiffany-btn:hover:before, .tiffany-btn:hover:after { + background: #4AB7BD; +} + +.yellow-btn { + background: #FEC171; +} + +.yellow-btn:hover { + color: #FEC171; +} + +.yellow-btn:hover:before, .yellow-btn:hover:after { + background: #FEC171; +} + +.pan-btn { + font-size: 14px; + color: #fff; + padding: 14px 36px; + border-radius: 8px; + border: none; + outline: none; + transition: 600ms ease all; + position: relative; + display: inline-block; +} + +.pan-btn:hover { + background: #fff; +} + +.pan-btn:hover:before, .pan-btn:hover:after { + width: 100%; + transition: 600ms ease all; +} + +.pan-btn:before, .pan-btn:after { + content: ''; + position: absolute; + top: 0; + right: 0; + height: 2px; + width: 0; + transition: 400ms ease all; +} + +.pan-btn::after { + right: inherit; + top: inherit; + left: 0; + bottom: 0; +} + +.custom-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + color: #fff; + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: 0; + margin: 0; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; +} + +body { + height: 100%; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; +} + +label { + font-weight: 700; +} + +html { + height: 100%; + box-sizing: border-box; +} + +#app { + height: 100%; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +.no-padding { + padding: 0px !important; +} + +.padding-content { + padding: 4px 0; +} + +a:focus, +a:active { + outline: none; +} + +a, +a:focus, +a:hover { + cursor: pointer; + color: inherit; + text-decoration: none; +} + +div:focus { + outline: none; +} + +.fr { + float: right; +} + +.fl { + float: left; +} + +.pr-5 { + padding-right: 5px; +} + +.pl-5 { + padding-left: 5px; +} + +.block { + display: block; +} + +.pointer { + cursor: pointer; +} + +.inlineBlock { + display: block; +} + +.clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; +} + +aside { + background: #eef1f6; + padding: 8px 24px; + margin-bottom: 20px; + border-radius: 2px; + display: block; + line-height: 32px; + font-size: 16px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + color: #2c3e50; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +aside a { + color: #337ab7; + cursor: pointer; +} + +aside a:hover { + color: #20a0ff; +} + +.app-container { + height: calc(100vh - 84px); + padding: 20px 0 10px 20px; +} + +.components-container { + margin: 30px 50px; + position: relative; +} + +.pagination-container { + margin-top: 30px; +} + +.text-center { + text-align: center; +} + +.sub-navbar { + height: 50px; + line-height: 50px; + position: relative; + width: 100%; + text-align: right; + padding-right: 20px; + transition: 600ms ease position; + background: linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%); +} + +.sub-navbar .subtitle { + font-size: 20px; + color: #fff; +} + +.sub-navbar.draft { + background: #d0d0d0; +} + +.sub-navbar.deleted { + background: #d0d0d0; +} + +.link-type, +.link-type:focus { + color: #337ab7; + cursor: pointer; +} + +.link-type:hover, +.link-type:focus:hover { + color: #20a0ff; +} + +.filter-container { + padding-bottom: 10px; +} + +.filter-container .filter-item { + display: inline-block; + vertical-align: middle; + margin-bottom: 10px; +} + +.multiselect { + line-height: 16px; +} + +.multiselect--active { + z-index: 1000 !important; +} diff --git a/src/assets/styles/index.min.css b/src/assets/styles/index.min.css new file mode 100644 index 0000000..548af7e --- /dev/null +++ b/src/assets/styles/index.min.css @@ -0,0 +1 @@ +:export{menuColor:#bfcbd9;menuLightColor:rgba(0,0,0,0.7);menuColorActive:#f4f4f5;menuBackground:#304156;menuLightBackground:#fff;subMenuBackground:#1f2d3d;subMenuHover:#001528;sideBarWidth:200px;logoTitleColor:#fff;logoLightTitleColor:#001529}.fade-enter-active,.fade-leave-active{transition:opacity 0.28s}.fade-enter,.fade-leave-active{opacity:0}.fade-transform-leave-active,.fade-transform-enter-active{transition:all .5s}.fade-transform-enter{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to{opacity:0;transform:translateX(30px)}.breadcrumb-enter-active,.breadcrumb-leave-active{transition:all .5s}.breadcrumb-enter,.breadcrumb-leave-active{opacity:0;transform:translateX(20px)}.breadcrumb-move{transition:all .5s}.breadcrumb-leave-active{position:absolute}.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:400 !important}.el-upload input[type="file"]{display:none !important}.el-upload__input{display:none}.cell .el-tag{margin-right:0px}.small-padding .cell{padding-left:5px;padding-right:5px}.fixed-width .el-button--mini{padding:7px 10px;width:60px}.status-col .cell{padding:0 10px;text-align:center}.status-col .cell .el-tag{margin-right:0px}.el-dialog{transform:none;left:0;position:relative;margin:0 auto}.upload-container .el-upload{width:100%}.upload-container .el-upload .el-upload-dragger{width:100%;height:200px}.el-dropdown-menu a{display:block}.el-range-editor.el-input__inner{display:inline-flex !important}.el-range-separator{box-sizing:content-box}.el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}#app .main-container{height:100vh;overflow:hidden;transition:margin-left .28s;margin-left:200px;position:relative}#app .sidebarHide{margin-left:0 !important}#app .sidebar-container{-webkit-transition:width .28s;transition:width 0.28s;width:200px !important;background-color:#304156;height:100%;position:fixed;font-size:0px;top:0;bottom:0;left:0;z-index:1001;overflow:hidden;-webkit-box-shadow:2px 0 6px rgba(0,21,41,0.35);box-shadow:2px 0 6px rgba(0,21,41,0.35)}#app .sidebar-container .horizontal-collapse-transition{transition:0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out}#app .sidebar-container .scrollbar-wrapper{overflow-x:hidden !important}#app .sidebar-container .el-scrollbar__bar.is-vertical{right:0px}#app .sidebar-container .el-scrollbar{height:100%}#app .sidebar-container.has-logo .el-scrollbar{height:calc(100% - 50px)}#app .sidebar-container .is-horizontal{display:none}#app .sidebar-container a{display:inline-block;width:100%;overflow:hidden}#app .sidebar-container .svg-icon{margin-right:16px}#app .sidebar-container .el-menu{border:none;height:100%;width:100% !important}#app .sidebar-container .el-menu-item,#app .sidebar-container .el-submenu__title{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}#app .sidebar-container .submenu-title-noDropdown:hover,#app .sidebar-container .el-submenu__title:hover{background-color:rgba(0,0,0,0.06) !important}#app .sidebar-container .theme-dark .is-active>.el-submenu__title{color:#f4f4f5 !important}#app .sidebar-container .nest-menu .el-submenu>.el-submenu__title,#app .sidebar-container .el-submenu .el-menu-item{min-width:200px !important}#app .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover,#app .sidebar-container .el-submenu .el-menu-item:hover{background-color:rgba(0,0,0,0.06) !important}#app .sidebar-container .theme-dark .nest-menu .el-submenu>.el-submenu__title,#app .sidebar-container .theme-dark .el-submenu .el-menu-item{background-color:#1f2d3d !important}#app .sidebar-container .theme-dark .nest-menu .el-submenu>.el-submenu__title:hover,#app .sidebar-container .theme-dark .el-submenu .el-menu-item:hover{background-color:#001528 !important}#app .hideSidebar .sidebar-container{width:54px !important}#app .hideSidebar .main-container{margin-left:54px}#app .hideSidebar .submenu-title-noDropdown{padding:0 !important;position:relative}#app .hideSidebar .submenu-title-noDropdown .el-tooltip{padding:0 !important}#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon{margin-left:20px}#app .hideSidebar .el-submenu{overflow:hidden}#app .hideSidebar .el-submenu>.el-submenu__title{padding:0 !important}#app .hideSidebar .el-submenu>.el-submenu__title .svg-icon{margin-left:20px}#app .hideSidebar .el-menu--collapse .el-submenu>.el-submenu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .el-menu--collapse .el-menu .el-submenu{min-width:200px !important}#app .mobile .main-container{margin-left:0px}#app .mobile .sidebar-container{transition:transform .28s;width:200px !important}#app .mobile.hideSidebar .sidebar-container{pointer-events:none;transition-duration:0.3s;transform:translate3d(-200px, 0, 0)}#app .withoutAnimation .main-container,#app .withoutAnimation .sidebar-container{transition:none}.el-menu--vertical>.el-menu .svg-icon{margin-right:16px}.el-menu--vertical .nest-menu .el-submenu>.el-submenu__title:hover,.el-menu--vertical .el-menu-item:hover{background-color:rgba(0,0,0,0.06) !important}.el-menu--vertical>.el-menu--popup{max-height:100vh;overflow-y:auto}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-track-piece{background:#d3dce6}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar{width:6px}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-thumb{background:#99a9bf;border-radius:20px}:export{menuColor:#bfcbd9;menuLightColor:rgba(0,0,0,0.7);menuColorActive:#f4f4f5;menuBackground:#304156;menuLightBackground:#fff;subMenuBackground:#1f2d3d;subMenuHover:#001528;sideBarWidth:200px;logoTitleColor:#fff;logoLightTitleColor:#001529}.blue-btn{background:#324157}.blue-btn:hover{color:#324157}.blue-btn:hover:before,.blue-btn:hover:after{background:#324157}.light-blue-btn{background:#3A71A8}.light-blue-btn:hover{color:#3A71A8}.light-blue-btn:hover:before,.light-blue-btn:hover:after{background:#3A71A8}.red-btn{background:#C03639}.red-btn:hover{color:#C03639}.red-btn:hover:before,.red-btn:hover:after{background:#C03639}.pink-btn{background:#E65D6E}.pink-btn:hover{color:#E65D6E}.pink-btn:hover:before,.pink-btn:hover:after{background:#E65D6E}.green-btn{background:#30B08F}.green-btn:hover{color:#30B08F}.green-btn:hover:before,.green-btn:hover:after{background:#30B08F}.tiffany-btn{background:#4AB7BD}.tiffany-btn:hover{color:#4AB7BD}.tiffany-btn:hover:before,.tiffany-btn:hover:after{background:#4AB7BD}.yellow-btn{background:#FEC171}.yellow-btn:hover{color:#FEC171}.yellow-btn:hover:before,.yellow-btn:hover:after{background:#FEC171}.pan-btn{font-size:14px;color:#fff;padding:14px 36px;border-radius:8px;border:none;outline:none;transition:600ms ease all;position:relative;display:inline-block}.pan-btn:hover{background:#fff}.pan-btn:hover:before,.pan-btn:hover:after{width:100%;transition:600ms ease all}.pan-btn:before,.pan-btn:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;transition:400ms ease all}.pan-btn::after{right:inherit;top:inherit;left:0;bottom:0}.custom-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;color:#fff;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;padding:10px 15px;font-size:14px;border-radius:4px}body{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif}label{font-weight:700}html{height:100%;box-sizing:border-box}#app{height:100%}*,*:before,*:after{box-sizing:inherit}.no-padding{padding:0px !important}.padding-content{padding:4px 0}a:focus,a:active{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}.fr{float:right}.fl{float:left}.pr-5{padding-right:5px}.pl-5{padding-left:5px}.block{display:block}.pointer{cursor:pointer}.inlineBlock{display:block}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}aside{background:#eef1f6;padding:8px 24px;margin-bottom:20px;border-radius:2px;display:block;line-height:32px;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;color:#2c3e50;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}aside a{color:#337ab7;cursor:pointer}aside a:hover{color:#20a0ff}.app-container{height:calc(100vh - 84px);padding:20px 0 10px 20px}.components-container{margin:30px 50px;position:relative}.pagination-container{margin-top:30px}.text-center{text-align:center}.sub-navbar{height:50px;line-height:50px;position:relative;width:100%;text-align:right;padding-right:20px;transition:600ms ease position;background:linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%)}.sub-navbar .subtitle{font-size:20px;color:#fff}.sub-navbar.draft{background:#d0d0d0}.sub-navbar.deleted{background:#d0d0d0}.link-type,.link-type:focus{color:#337ab7;cursor:pointer}.link-type:hover,.link-type:focus:hover{color:#20a0ff}.filter-container{padding-bottom:10px}.filter-container .filter-item{display:inline-block;vertical-align:middle;margin-bottom:10px}.multiselect{line-height:16px}.multiselect--active{z-index:1000 !important} diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 8afc9a4..f91eb04 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -123,11 +123,6 @@ aside { .app-container { height: calc(100vh - 84px); padding: 20px 0 10px 20px; - - .form { - } - - .pagination {} } @@ -195,4 +190,4 @@ aside { .multiselect--active { z-index: 1000 !important; -} +} \ No newline at end of file diff --git a/src/assets/styles/xinelu.css b/src/assets/styles/xinelu.css new file mode 100644 index 0000000..f923599 --- /dev/null +++ b/src/assets/styles/xinelu.css @@ -0,0 +1,297 @@ +@charset "UTF-8"; +/** + * 通用css样式布局处理 + * Copyright (c) 2024 xinelu + */ +/** 基础通用 **/ +.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-right: 20px; + height: 40px; +} + +.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; +} + +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} + +.el-dialog:not(.is-fullscreen) { + margin-top: 6vh !important; +} + +.el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body { + overflow: auto; + overflow-x: hidden; + max-height: 70vh; + padding: 10px 20px 0; +} + +.el-table .el-table__header-wrapper th, +.el-table .el-table__fixed-header-wrapper th { + word-break: break-word; + background-color: #f8f8f9; + color: #515a6e; + height: 40px; + font-size: 13px; +} + +.el-table .el-table__body-wrapper .el-button [class*="el-icon-"] + span { + margin-left: 1px; +} + +/** 表单布局 **/ +.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; +} + +/* tree border */ +.tree-border { + margin-top: 5px; + border: 1px solid #e5e6e7; + background: #FFFFFF none; + border-radius: 4px; +} + +.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--mini { + padding-left: 0; + padding-right: 0; + width: inherit; +} + +/** 表格更多操作下拉样式 */ +.el-table .el-dropdown-link { + cursor: pointer; + color: #409EFF; + margin-left: 5px; +} + +.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; + min-height: 40px; +} + +.el-card__body { + padding: 15px 20px 20px 20px; +} + +.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 { + position: relative; + float: right; +} diff --git a/src/assets/styles/xinelu.min.css b/src/assets/styles/xinelu.min.css new file mode 100644 index 0000000..aa2794b --- /dev/null +++ b/src/assets/styles/xinelu.min.css @@ -0,0 +1 @@ +.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-right:20px;height:40px}.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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.el-dialog:not(.is-fullscreen){margin-top:6vh !important}.el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body{overflow:auto;overflow-x:hidden;max-height:70vh;padding:10px 20px 0}.el-table .el-table__header-wrapper th,.el-table .el-table__fixed-header-wrapper th{word-break:break-word;background-color:#f8f8f9;color:#515a6e;height:40px;font-size:13px}.el-table .el-table__body-wrapper .el-button [class*="el-icon-"]+span{margin-left:1px}.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}.tree-border{margin-top:5px;border:1px solid #e5e6e7;background:#FFFFFF none;border-radius:4px}.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--mini{padding-left:0;padding-right:0;width:inherit}.el-table .el-dropdown-link{cursor:pointer;color:#409EFF;margin-left:5px}.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;min-height:40px}.el-card__body{padding:15px 20px 20px 20px}.card-box{padding-right:15px;padding-left:15px;margin-bottom:10px}.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-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}.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{position:relative;float:right} diff --git a/src/views/components/SearchForm.vue b/src/views/components/SearchForm.vue new file mode 100644 index 0000000..47d54ff --- /dev/null +++ b/src/views/components/SearchForm.vue @@ -0,0 +1,113 @@ + + + \ No newline at end of file diff --git a/src/views/manage/components/cardlist.vue b/src/views/manage/components/cardlist.vue new file mode 100644 index 0000000..4b7883c --- /dev/null +++ b/src/views/manage/components/cardlist.vue @@ -0,0 +1,62 @@ + + + \ No newline at end of file diff --git a/src/views/manage/patientInfo/index.vue b/src/views/manage/patientInfo/index.vue index b101baf..5516755 100644 --- a/src/views/manage/patientInfo/index.vue +++ b/src/views/manage/patientInfo/index.vue @@ -1,7 +1,18 @@