修改

src/components/studyAbroad/studyproaudit-form.vue

@@ -38,14 +38,37 @@
     font-size: 12px;
     background-color: #2bbb7e;
   }
-  .DirectYijian {
+  .StudyDirecYijian {
     width: 100%;
     min-height: 50px;
     padding: 10px;
     background-color: #F5F5F5;
     border-radius: 5px;
     position: relative;
+    word-break:break-all;
+    max-height: 90px;
+    overflow: auto;
   }
+  .StudyDirecYijian::-webkit-scrollbar {
+    width: 3px;
+    height: 6px;
+    background-color: #F5F5F5;
+  }
+
+  /*定义滚动条轨道 内阴影+圆角*/
+  .StudyDirecYijian::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+  }
+
+  /*定义滑块 内阴影+圆角*/
+  .StudyDirecYijian::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
+    background-color: #2961fe;
+  }
+
   .DirTriggle {
     width: 0;
     height: 0;
@@ -56,11 +79,35 @@
     top: -8px;
   }
   .stidyRoleLine {
-      width: 3px;
-      height: 11px;
-      margin-right: 10px;
-      background-color: #3FC4FF;
-      display: inline-block;
+    width: 3px;
+    height: 11px;
+    margin-right: 10px;
+    background-color: #3FC4FF;
+    display: inline-block;
+  }
+  .studyRemark{
+    width:100%;
+    overflow: auto;
+    max-height:90px;
+  }
+  .studyRemark::-webkit-scrollbar {
+    width: 3px;
+    height: 6px;
+    background-color: #F5F5F5;
+  }
+
+  /*定义滚动条轨道 内阴影+圆角*/
+  .studyRemark::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+  }
+
+  /*定义滑块 内阴影+圆角*/
+  .studyRemark::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
+    background-color: #2961fe;
   }
 </style>
 <template>
@@ -120,7 +167,12 @@
         </div>
         <div class="row">
           <div class="col-12">
-            <span>备注：{{saveObj.Remark}}</span>
+            <div style="display:flex;">
+              <div style="flex-shrink:0">备注：</div>
+              <div class="studyRemark">
+                {{saveObj.Remark}}
+              </div>
+            </div>
           </div>
         </div>
         <div class="row">
@@ -219,7 +271,7 @@
           </div>
           <div class="row">
             <div class="col-12">
-              <div class="DirectYijian">
+              <div class="StudyDirecYijian">
                 <div class="DirTriggle"></div>
                 {{saveObj.DirectorOpinion==''?'无':saveObj.DirectorOpinion}}
               </div>
@@ -286,7 +338,7 @@
           </div>
           <div class="row">
             <div class="col-12">
-              <div class="DirectYijian">
+              <div class="StudyDirecYijian">
                 <div class="DirTriggle"></div>
                 {{saveObj.ManagerOpinion==''?'无':saveObj.ManagerOpinion}}
               </div>
@@ -326,7 +378,7 @@
                 type="textarea" class="col-12" label="审核意见" />
             </div>
           </div>
-          <div style="margin:30px 10px 0 0;text-align:right;">
+          <div style="margin:30px 10px 90px 0;text-align:right;">
             <q-btn color="accent" class="q-mr-md" icon="add" label="提交" @click="saveSatMsg()" />
           </div>
         </div>

src/components/studyAbroad/studyproauditinfo-form.vue

@@ -37,6 +37,28 @@
     background-color: #F5F5F5;
     border-radius: 5px;
     position: relative;
+    overflow:auto;
+    max-height: 90px;
+    word-break:break-all;
+  }
+  .DirectYijian::-webkit-scrollbar {
+    width: 3px;
+    height: 6px;
+    background-color: #F5F5F5;
+  }
+
+  /*定义滚动条轨道 内阴影+圆角*/
+  .DirectYijian::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+  }
+
+  /*定义滑块 内阴影+圆角*/
+  .DirectYijian::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
+    background-color: #2961fe;
   }
 
   .studyproauditInfo .DirTriggle {
@@ -68,7 +90,30 @@
       background-color: #3FC4FF;
       display: inline-block;
   }
+  .studyRemark{
+    width:100%;
+    overflow: auto;
+    max-height:90px;
+  }
+  .studyRemark::-webkit-scrollbar {
+    width: 3px;
+    height: 6px;
+    background-color: #F5F5F5;
+  }
+
+  /*定义滚动条轨道 内阴影+圆角*/
+  .studyRemark::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+  }
 
+  /*定义滑块 内阴影+圆角*/
+  .studyRemark::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
+    background-color: #2961fe;
+  }
 </style>
 <template>
   <q-dialog v-model="persistent" persistent maximized full-height seamless position="right" @hide="closeperForm">
@@ -126,7 +171,12 @@
         </div>
         <div class="row">
           <div class="col-12">
-            <span>备注：{{saveObj.Remark}}</span>
+            <div style="display:flex;">
+              <div style="flex-shrink:0">备注：</div>
+              <div class="studyRemark">
+                {{saveObj.Remark}}
+              </div>
+            </div>
           </div>
         </div>
         <div class="row">