页面修改

src/pages/teacher/assessmentType.vue

 <style scoped>
-
+  .assessmentType_td{border:1px solid rgba(0,0,0,0.12)}
 </style>
 <template>
   <div class="page-body">
 
     <div class="page-content">
-      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat separator="Cell" :data="dataList"
-        :columns="columns" row-key="name">
+      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat separator="none" :data="dataList"
+        :columns="columns" row-key="name"  class="sticky-column-table sticky-right-column-table">
         <template v-slot:top>
           <div class="col-2 q-table__title">考评项配置列表</div>
           <q-space />
@@ -26,16 +26,16 @@
         <template v-slot:body="props">
           <template :props="props" v-for="(col,cIndex) in props.row.SubtypeList">
             <template v-if="cIndex==0">
-              <q-tr :key="cIndex" style="border-top:1px solid red">
+              <q-tr :key="cIndex"  >
                 <q-td key="TypeName" :props="props" :rowspan="props.row.SubtypeList.length"
-                  style="border-top:1px solid rgba(0,0,0,0.12)">
+                  class="assessmentType_td">
                   {{ props.row.TypeName }}
                 </q-td>
-                <q-td style="border-top:1px solid rgba(0,0,0,0.12)">
+                <q-td class="assessmentType_td">
                   {{ props.row.SubtypeList[cIndex].SubTypeName}}
                 </q-td>
                 <template v-for="(subItem,subIndex) in props.row.SubtypeList[cIndex].OptionList">
-                  <q-td :key="subIndex" style="border-top:1px solid rgba(0,0,0,0.12)">
+                  <q-td :key="subIndex" class="assessmentType_td">
                     <div style="width:180px;white-space:normal; "> {{subItem.LevelDesc}} <q-badge color="green">
                         {{subItem.LevelScore}}分
                       </q-badge>
@@ -43,7 +43,7 @@
                   </q-td>
                 </template>
                 <q-td key="Id" :props="props" :rowspan="props.row.SubtypeList.length"
-                  style="border-top:1px solid rgba(0,0,0,0.12)">
+                  class="assessmentType_td">
                   <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
                     @click="AddMsg(props.row)" />
                   <q-btn flat size="xs" icon="delete" color="negative" class="q-mr-xs" label="删除"
@@ -53,11 +53,11 @@
             </template>
             <template v-else>
               <q-tr :key="cIndex">
-                <q-td>
+                <q-td class="assessmentType_td">
                   {{ props.row.SubtypeList[cIndex].SubTypeName}}
                 </q-td>
                 <template v-for="(subItem,subIndex) in props.row.SubtypeList[cIndex].OptionList">
-                  <q-td :key="subIndex">
+                  <q-td :key="subIndex" class="assessmentType_td">
                     <div style="width:180px;white-space:normal; "> {{subItem.LevelDesc}} <q-badge color="green">
                         {{subItem.LevelScore}}分
                       </q-badge>