修改

src/pages/exam/paperEdit.vue

@@ -18,10 +18,8 @@
 
   .Exam-left {
     width: 33%;
-    border-right: 1px solid #d9d9d9;
-    border-bottom: 1px solid #d9d9d9;
     border-radius: 3px;
-    border-top: 1px solid #d9d9d9;
+    border: 1px solid #d9d9d9;
     background: #f0f0f0;
     padding-top: 20px;
     padding-bottom: 0px;
@@ -33,14 +31,12 @@
 
   .Exam-right {
     width: 65%;
-    min-height: 795px;
+    height: auto;
     background: #fff;
     border-radius: 3px;
-    overflow-y: auto;
     border: 1px solid #d9d9d9;
     margin-left: 20px;
   }
-
   .Left-ptitel {
     font-size: 14px;
     color: #777;
@@ -59,9 +55,15 @@
 
   .Left-list {
     width: 100%;
+    overflow: auto;
     border-top: 1px solid #d9d9d9;
+    height: calc(100vh - 270px);
+  }
+  .right_TiList{
+    width: 100%;
+    overflow: auto;
+    height: calc(100vh - 270px);
   }
-
   .List-ul {
     margin: 0;
     padding: 0;
@@ -188,7 +190,25 @@
     -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: #0ae;
   }
+  .right_TiList::-webkit-scrollbar {
+    width: 3px;
+    height: 3px;
+    background-color: #F5F5F5;
+  }
 
+  /*!*定义滚动条轨道 内阴影+圆角*!*/
+  .right_TiList::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+  }
+
+  /*!*定义滑块 内阴影+圆角*!*/
+  .right_TiList::-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: #0ae;
+  }
   .commonDalei {
     display: flex;
     align-content: center;
@@ -220,7 +240,22 @@
   .exam_ListSHow i:hover {
     color: #2961fe;
   }
-
+  .paper_GroupName{
+    max-width:40%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-right:5px;
+  }
+  .paperEdit_Top{
+    display: flex;
+    font-weight: bold;
+    position: relative;
+  }
+  .paperEdit_Top i{
+    color:#555;
+    font-weight: normal;
+  }
 </style>
 <template>
   <div class="examPaper page-body">
@@ -250,27 +285,32 @@
           <span>题量：<i>{{examNum}}</i></span>
           <span>  总分：<i>{{examScore.toFixed(2)}}</i></span>
         </p>
-        <div class="Left-list" style="min-height:740px;overflow:auto;">
+        <div class="Left-list">
           <template v-if="DataObj&&DataObj.GroupList&&DataObj.GroupList.length>0">
             <div class="List-con1" v-for="(gItem,gIndex) in DataObj.GroupList" :key="gIndex">
               <div class="List-bt">
-                <strong class="f1">
-                  <template v-if="!gItem.isShowEdit">{{gIndex+1}}&nbsp;{{gItem.GroupName}}
-                    （共{{ gItem.DetailsList?gItem.DetailsList.length:0 }}题，{{gItem.GScore}}分）</template>
+                <div class="paperEdit_Top">
+                  <template v-if="!gItem.isShowEdit">
+                    <div>{{gIndex+1}}</div>&nbsp;
+                    <div class="paper_GroupName" :title="gItem.GroupName">{{gItem.GroupName}}</div>
+                    <div>(共{{ gItem.DetailsList?gItem.DetailsList.length:0 }}题，{{gItem.GScore}}分)</div>
+                  </template>
                   <template v-else>
                     <input style="width:160px;margin-right:10px;" v-model="gItem.GroupName" />
                     <input style="width:40px;" filled v-model="gItem.GScore" @change="changeGroupScore(gItem)" />
                   </template>
-                </strong>
+                  <div style="right:10px;position:absolute;">
                     <i class="iconfont icon-edit" title="编辑" style="font-size:18px;margin-right:5px;"
                       @click="getNameEdit(DataObj.GroupList,gIndex)"></i>
                     <i class="iconfont icon-ico_commodity_defaul" v-if="gItem.isShowEdit" title="保存"
                       style="top:0;margin-right:5px;" @click="saveExamName(DataObj.GroupList)"></i>
                     <i class="iconfont icon-shangyi2" style="margin-right:5px;" @click.stop="MoveFatherItem(gIndex,0)"
                       v-if="gIndex!=0"></i>
-                <i class="iconfont icon-xiayi" @click.stop="MoveFatherItem(gIndex,1)"
+                    <i class="iconfont icon-xiayi" style="margin-right:5px;" @click.stop="MoveFatherItem(gIndex,1)"
                       v-if="gIndex!=DataObj.GroupList.length-1"></i>
-                <i class="iconfont icon-shanchu2" style="margin-left:5px;" @click.stop="removeFather(gItem,gIndex)"></i>
+                    <i class="iconfont icon-shanchu2" style="font-size:18px;" @click.stop="removeFather(gItem,gIndex)"></i>
+                  </div>
+                </div>
               </div>
               <ul class="List-ul" v-if="gItem.DetailsList&&gItem.DetailsList.length>0">
                 <li class="" style="cursor:pointer;" :class="{'checkUl':dIndex==ComCheckIndex&&gIndex==ComOneIndex}"
@@ -312,6 +352,7 @@
             <q-btn color="accent" size="sm" @click="isShowQuestion=true" class="q-mr-md" label="题库选题"  />
           </div>
         </div>
+        <div class="right_TiList">
           <div class="row wrap" v-if="ChooseItem" style="padding:20px;">
             <div class="edit_stem">
               <q-input filled stack-label maxlength="5" :dense="false" @keyup.native="checkPrice(ChooseItem,'Score')"
@@ -400,6 +441,7 @@
             </div>
           </div>
         </div>
+      </div>
       <questionForm v-if="isShowQuestion" @close="closeQuestForm" @success="getQuestionList"></questionForm>
       <!--选择知识点-->
       <questionpoint v-if="isShowPoint" CourseId="0" :openDialog="isShowPoint" @closed="closeQuestionPoint"