意见反馈层级问题

src/components/feedBack/index.vue

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

src/components/feedBackTable/index.vue

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

src/styles/index.scss

@@ -52,6 +52,7 @@ a:hover {
 div:focus {
   outline: none;
 }
+
 body .el-table th.gutter {
   display: table-cell !important;
 }
@@ -66,6 +67,7 @@ body .el-table th.gutter {
     height: 0;
   }
 }
+
 .el-loading-mask {
   background-color: rgba(255, 255, 255, 0.5);
 }
@@ -80,6 +82,7 @@ body .el-table th.gutter {
   .table-container {
     height: calc(100% - 100px);
   }
+
   // .pagination-container{
   //   text-align: right;
   // }
@@ -92,10 +95,12 @@ body .el-table th.gutter {
       border-left: 3px solid #0fc8e0;
       font-size: 13px;
       margin-bottom: 10px;
+
       p {
         margin: 0;
         padding-left: 5px;
       }
+
       .add {
         position: absolute;
         right: 10px;
@@ -104,9 +109,11 @@ body .el-table th.gutter {
         margin-top: -15px;
       }
     }
+
     .el-dialog__body {
       padding: 0 10px;
     }
+
     .el-date-editor.el-input,
     .el-date-editor.el-input__inner,
     .el-select {
@@ -114,17 +121,21 @@ body .el-table th.gutter {
     }
   }
 }
+
 .data-list {
   display: flex;
   flex-direction: column;
   flex: 1;
+
   .toolbar {
     display: flex;
   }
+
   .data-table {
     flex: 1;
     padding: 5px 0px;
   }
+
   .pagination {
     height: 32px;
     text-align: right;
@@ -136,18 +147,22 @@ body .el-table th.gutter {
     top: 10px;
     font-size: 30px;
   }
+
   .el-dialog__body {
     height: calc(100% - 70px);
     padding: 0 20px;
+
     .base-modal-body {
       padding: 10px 20px;
       height: 100%;
       overflow-y: auto;
     }
   }
+
   .el-dialog__footer {
     padding: 10px;
   }
+
   .link-breadcrumb {
     cursor: pointer;
     color: #428bca;
@@ -158,123 +173,162 @@ body .el-table th.gutter {
   .el-dialog__header {
     padding: 15px;
   }
+
   .base-dialog-body {
     border: 1px solid #e0e0e0;
     padding: 10px;
     max-height: 600px;
     overflow-y: auto;
   }
+
   .base-dialog-footer {
     text-align: right;
     margin-top: 10px;
   }
+
   .el-dialog__body {
     padding: 10px;
   }
+
   .el-dialog__footer {
     padding: 10px;
   }
 }
+
 .el-descriptions {
   box-sizing: border-box;
   font-size: 14px;
   color: #303133
 }
+
 .el-descriptions__header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px
 }
+
 .el-descriptions__title {
   font-size: 16px;
   font-weight: 700
 }
+
 .el-descriptions__body {
   color: #606266;
   background-color: #fff
 }
+
 .el-descriptions__body .el-descriptions__table {
   border-collapse: collapse;
   width: 100%;
   table-layout: fixed
 }
+
 .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
   box-sizing: border-box;
   text-align: left;
   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-center {
   text-align: center
 }
+
 .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 .el-descriptions-item__cell {
   border: 1px solid #ebeef5;
   padding: 12px 10px
 }
+
 .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:not(.is-bordered) .el-descriptions-item__cell {
   padding-bottom: 10px
 }
+
 .el-descriptions--small {
   font-size: 12px
 }
+
 .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--mini {
   font-size: 12px
 }
+
 .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-item {
   vertical-align: top
 }
+
 .el-descriptions-item__container {
   display: flex
 }
-.el-descriptions-item__container .el-descriptions-item__content,.el-descriptions-item__container .el-descriptions-item__label{
+
+.el-descriptions-item__container .el-descriptions-item__content,
+.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__label.has-colon:after {
   content: ":";
   position: relative;
   top: -.5px
 }
+
 .el-descriptions-item__label.is-bordered-label {
   font-weight: 700;
   color: #909399;
   background: #fafafa
 }
+
 .el-descriptions-item__label:not(.is-bordered-label) {
   margin-right: 10px
 }
+
 .el-descriptions-item__content {
   word-break: break-word;
   overflow-wrap: break-word
 }
+
+.feedBack-box {
+  .el-dialog__wrapper {
+    z-index: 3999 !important;
+  }
+}

src/views/trials/trials-layout/components/feedBack.vue

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

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

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