XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

意见反馈层级问题
continuous-integration/drone/push Build is passing Details

uat_us
DESKTOP-6C3NK6N\WXS 2024-08-20 10:22:10 +08:00
parent 1f2bc4d494
commit a2f6bbf27b
5 changed files with 154 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/feedBack/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<!--FEEDBACK--> <!--FEEDBACK-->
<div v-if="visible" @click.stop="() => false"> <div v-if="visible" @click.stop="() => false" class="feedBack-box">
<el-dialog <el-dialog
:visible.sync="visible" :visible.sync="visible"
v-dialogDrag v-dialogDrag

5
src/components/feedBackTable/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div v-if="visible" @click.stop="() => false"> <div v-if="visible" @click.stop="() => false" class="feedBack-box">
<el-dialog <el-dialog
:visible.sync="visible" :visible.sync="visible"
v-dialogDrag v-dialogDrag
@ -58,4 +58,5 @@ export default {
// padding-bottom: 0; // padding-bottom: 0;
// height: 500px; // height: 500px;
// } // }
// </style> //
</style>

242
src/styles/index.scss
View File

@ -9,7 +9,7 @@ body {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
// font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; // font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
// font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", // font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
// "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, // "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
@ -52,6 +52,7 @@ a:hover {
div:focus { div:focus {
outline: none; outline: none;
} }
body .el-table th.gutter { body .el-table th.gutter {
display: table-cell !important; display: table-cell !important;
} }
@ -66,6 +67,7 @@ body .el-table th.gutter {
height: 0; height: 0;
} }
} }
.el-loading-mask { .el-loading-mask {
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
} }
@ -80,6 +82,7 @@ body .el-table th.gutter {
.table-container { .table-container {
height: calc(100% - 100px); height: calc(100% - 100px);
} }
// .pagination-container{ // .pagination-container{
// text-align: right; // text-align: right;
// } // }
@ -92,10 +95,12 @@ body .el-table th.gutter {
border-left: 3px solid #0fc8e0; border-left: 3px solid #0fc8e0;
font-size: 13px; font-size: 13px;
margin-bottom: 10px; margin-bottom: 10px;
p { p {
margin: 0; margin: 0;
padding-left: 5px; padding-left: 5px;
} }
.add { .add {
position: absolute; position: absolute;
right: 10px; right: 10px;
@ -104,9 +109,11 @@ body .el-table th.gutter {
margin-top: -15px; margin-top: -15px;
} }
} }
.el-dialog__body { .el-dialog__body {
padding: 0 10px; padding: 0 10px;
} }
.el-date-editor.el-input, .el-date-editor.el-input,
.el-date-editor.el-input__inner, .el-date-editor.el-input__inner,
.el-select { .el-select {
@ -114,167 +121,214 @@ body .el-table th.gutter {
} }
} }
} }
.data-list { .data-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
.toolbar { .toolbar {
display: flex; display: flex;
} }
.data-table { .data-table {
flex: 1; flex: 1;
padding: 5px 0px; padding: 5px 0px;
} }
.pagination { .pagination {
height: 32px; height: 32px;
text-align: right; text-align: right;
} }
} }
.is-fullscreen{ .is-fullscreen {
.el-dialog__headerbtn{ .el-dialog__headerbtn {
top:10px; top: 10px;
font-size: 30px; font-size: 30px;
} }
.el-dialog__body{
.el-dialog__body {
height: calc(100% - 70px); height: calc(100% - 70px);
padding: 0 20px; padding: 0 20px;
.base-modal-body{
.base-modal-body {
padding: 10px 20px; padding: 10px 20px;
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
} }
} }
.el-dialog__footer{
.el-dialog__footer {
padding: 10px; padding: 10px;
} }
.link-breadcrumb{
.link-breadcrumb {
cursor: pointer; cursor: pointer;
color: #428bca; color: #428bca;
} }
} }
.base-dialog-wrapper{ .base-dialog-wrapper {
.el-dialog__header{ .el-dialog__header {
padding: 15px; padding: 15px;
} }
.base-dialog-body{
.base-dialog-body {
border: 1px solid #e0e0e0; border: 1px solid #e0e0e0;
padding:10px; padding: 10px;
max-height:600px; max-height: 600px;
overflow-y: auto; overflow-y: auto;
} }
.base-dialog-footer{
text-align:right; .base-dialog-footer {
margin-top:10px; text-align: right;
margin-top: 10px;
} }
.el-dialog__body{
padding:10px; .el-dialog__body {
padding: 10px;
} }
.el-dialog__footer{
.el-dialog__footer {
padding: 10px; padding: 10px;
} }
} }
.el-descriptions{
box-sizing:border-box; .el-descriptions {
font-size:14px; box-sizing: border-box;
color:#303133 font-size: 14px;
color: #303133
} }
.el-descriptions__header{
display:flex; .el-descriptions__header {
justify-content:space-between; display: flex;
align-items:center; justify-content: space-between;
margin-bottom:20px align-items: center;
margin-bottom: 20px
} }
.el-descriptions__title{
font-size:16px; .el-descriptions__title {
font-weight:700 font-size: 16px;
font-weight: 700
} }
.el-descriptions__body{
color:#606266; .el-descriptions__body {
background-color:#fff color: #606266;
background-color: #fff
} }
.el-descriptions__body .el-descriptions__table{
border-collapse:collapse; .el-descriptions__body .el-descriptions__table {
width:100%; border-collapse: collapse;
table-layout:fixed width: 100%;
table-layout: fixed
} }
.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell{
box-sizing:border-box; .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
text-align:left; box-sizing: border-box;
font-weight:400; text-align: left;
line-height:1.5 font-weight: 400;
line-height: 1.5
} }
.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left{
text-align:left .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left {
text-align: left
} }
.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center{
text-align:center .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center {
text-align: center
} }
.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right{
text-align:right .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right {
text-align: right
} }
.el-descriptions .is-bordered{
table-layout:auto .el-descriptions .is-bordered {
table-layout: auto
} }
.el-descriptions .is-bordered .el-descriptions-item__cell{
border:1px solid #ebeef5; .el-descriptions .is-bordered .el-descriptions-item__cell {
padding:12px 10px border: 1px solid #ebeef5;
padding: 12px 10px
} }
.el-descriptions :not(.is-bordered) .el-descriptions-item__cell{
padding-bottom:12px .el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
padding-bottom: 12px
} }
.el-descriptions--medium.is-bordered .el-descriptions-item__cell{
padding:10px .el-descriptions--medium.is-bordered .el-descriptions-item__cell {
padding: 10px
} }
.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell{
padding-bottom:10px .el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell {
padding-bottom: 10px
} }
.el-descriptions--small{
font-size:12px .el-descriptions--small {
font-size: 12px
} }
.el-descriptions--small.is-bordered .el-descriptions-item__cell{
padding:8px 10px .el-descriptions--small.is-bordered .el-descriptions-item__cell {
padding: 8px 10px
} }
.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell{
padding-bottom:8px .el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell {
padding-bottom: 8px
} }
.el-descriptions--mini{
font-size:12px .el-descriptions--mini {
font-size: 12px
} }
.el-descriptions--mini.is-bordered .el-descriptions-item__cell{
padding:6px 10px .el-descriptions--mini.is-bordered .el-descriptions-item__cell {
padding: 6px 10px
} }
.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell{
padding-bottom:6px .el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell {
padding-bottom: 6px
} }
.el-descriptions-item{
vertical-align:top .el-descriptions-item {
vertical-align: top
} }
.el-descriptions-item__container{
display:flex .el-descriptions-item__container {
display: flex
} }
.el-descriptions-item__container .el-descriptions-item__content,.el-descriptions-item__container .el-descriptions-item__label{
display:inline-flex; .el-descriptions-item__container .el-descriptions-item__content,
align-items:baseline .el-descriptions-item__container .el-descriptions-item__label {
display: inline-flex;
align-items: baseline
} }
.el-descriptions-item__container .el-descriptions-item__content{
flex:1 .el-descriptions-item__container .el-descriptions-item__content {
flex: 1
} }
.el-descriptions-item__label.has-colon:after{
content:":"; .el-descriptions-item__label.has-colon:after {
position:relative; content: ":";
top:-.5px position: relative;
top: -.5px
} }
.el-descriptions-item__label.is-bordered-label{
font-weight:700; .el-descriptions-item__label.is-bordered-label {
color:#909399; font-weight: 700;
background:#fafafa color: #909399;
background: #fafafa
} }
.el-descriptions-item__label:not(.is-bordered-label){
margin-right:10px .el-descriptions-item__label:not(.is-bordered-label) {
margin-right: 10px
} }
.el-descriptions-item__content{
word-break:break-word; .el-descriptions-item__content {
overflow-wrap:break-word word-break: break-word;
overflow-wrap: break-word
}
.feedBack-box {
.el-dialog__wrapper {
z-index: 3999 !important;
}
} }

2
src/views/trials/trials-layout/components/feedBack.vue
View File

@ -72,7 +72,7 @@ export default {
position: fixed; position: fixed;
bottom: 50px; bottom: 50px;
right: -25px; right: -25px;
z-index: 2000; z-index: 3000;
width: 50px; width: 50px;
height: 50px; height: 50px;
background: rgba(64, 158, 255, 0.533); background: rgba(64, 158, 255, 0.533);

7
src/views/trials/trials-panel/visit/crc-upload/index.vue
View File

@ -414,7 +414,6 @@
</el-dialog> </el-dialog>
<!-- 上传Dicom/非Dicom文件 --> <!-- 上传Dicom/非Dicom文件 -->
<div class="upload-dialog-box" v-if="uploadVisible">
<el-dialog <el-dialog
v-if="uploadVisible" v-if="uploadVisible"
:visible.sync="uploadVisible" :visible.sync="uploadVisible"
@ -519,7 +518,6 @@
</el-tabs> </el-tabs>
</div> </div>
</el-dialog> </el-dialog>
</div>
<!-- 检查列表 --> <!-- 检查列表 -->
@ -1704,11 +1702,6 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.upload-dialog-box{
.el-dialog__wrapper{
z-index: 1999 !important;
}
}
.visit-list{ .visit-list{
position: relative; position: relative;
.status-primary-circle{ .status-primary-circle{