上课时段页面

src/api/course/roll.js

@@ -57,3 +57,37 @@ export function delScrollShiftInfo(data) {
       data
     })
 }
+
+/**
+ * 获取上课时段列表
+ * @param {JSON参数} data 
+ */
+ export function getScrollCourseTimeList(data) {
+  return request({
+    url: '/Scroll/GetScrollCourseTimeList',
+    method: 'post',
+    data
+  })
+}
+/**
+ * 新增修改上课时段
+ * @param {JSON参数} data 
+ */
+ export function setScrollCourseTimeInfo(data) {
+  return request({
+    url: '/Scroll/SetScrollCourseTimeInfo',
+    method: 'post',
+    data
+  })
+}
+/**
+ * 删除上课时段
+ * @param {JSON参数} data 
+ */
+ export function delScrollCourseTimeInfo(data) {
+  return request({
+    url: '/Scroll/DelScrollCourseTimeInfo',
+    method: 'post',
+    data
+  })
+}
\ No newline at end of file

src/pages/course/workutaTeaching.vue

@@ -9,6 +9,7 @@
 .singeRowTable tr th {
     border: 1px solid #d2d2d2;
     background: #FFF;
+     background-clip: padding-box;
 }
 .workutaTeaching td:first-child{position: sticky;left:0px;background-color: #FFF;}
 .workutaTeaching th:first-child{position: sticky;left:0px;}
@@ -22,6 +23,16 @@
         border-radius: 50%;
         margin-right: 10px;
 }
+.onetext{
+    width: 100px;
+    white-space: nowrap; 
+    overflow: hidden;text-overflow:ellipsis;
+}
+.onetext2{
+     width: 64px;
+    white-space: nowrap; 
+    overflow: hidden;text-overflow:ellipsis;
+}
 </style>
 <template>
     <div class="page-body workutaTeaching">
@@ -55,7 +66,12 @@
                         </th>
                     </tr>
                     <tr v-for="(item,index) in dataList.TeacherList" :key="index" v-if="dataList.TeacherList && dataList.TeacherList.length>0">
-                        <td>{{item.TeacherName}}</td>
+                        <td >
+                            <div class="onetext">
+                                {{item.TeacherName}}
+                            </div>
+                            
+                        </td>
                         <td v-for="(x,y) in item.RDateList" :key="y" class="finger" @click="choicedate(item,x,index,y)" :style="{background:getcolor(x).background,color:getcolor(x).color}">
                             {{x.ShiftName?x.ShiftName.substring(0,1):''}}
                             <q-popup-proxy>
@@ -97,8 +113,12 @@
                  
                     <tr v-for="(item,index) in dataList.ShiftList" :key="index" v-if="dataList.TeacherList && dataList.TeacherList.length>0">
                         <td width="100" style="min-width: 100px;">
+                            <div  style="display: flex;align-items: center;justify-content: center;padding: 0 5px;">
                                 <span class="yuan" :style="{ background: getcolor(item).background }" ></span>
-                            {{item.ShiftName}}
+                                <div class="onetext2">{{item.ShiftName}}</div>
+                            </div>
+                            
+                            
                         </td>
                         <td width="50" style="min-width: 50px;" v-for="(x,y) in item.RDateList" :key="y" class="finger" >
                             <!-- <span v-if="x.Number==0">{{x.Number}}</span> -->
@@ -270,7 +290,7 @@ export default {
                 index:index,
                 y:y,
                 row: JSON.parse(JSON.stringify(x)),
-                TeacherId:item.TeacherId
+                AccountId:item.TeacherId
             };
             if(this.InfoMsg.row.ShiftId==-1){
                 this.InfoMsg.row.ShiftId = '';
@@ -296,7 +316,7 @@ export default {
                 Date:this.InfoMsg.row.Date,
                 ShiftId:this.InfoMsg.row.ShiftId,
                 RoomId:this.InfoMsg.row.RoomId,
-                TeacherId:this.InfoMsg.TeacherId,
+                AccountId:this.InfoMsg.AccountId,
             }
             if(addMsg.ShiftId===''){
                 this.$q.notify({

src/router/routes.js

@@ -1150,6 +1150,12 @@ const routes = [{
     component: () =>
       import("pages/course/workutaTeaching.vue")
   },
+  {
+    path: "/course/classHours", //教学中心 上课时段列表
+    component: () =>
+      import("pages/course/classHours.vue")
+  },
+  
   
   {
     path: "/user/backbill", //退课单据