bug fixes

src/pages/course/index.vue

@@ -13,10 +13,28 @@
           </el-dropdown-menu>
         </el-dropdown>
       </template>
-      <!-- 项目Id -->
-      <template v-slot:table_id="scope"
-        ><span class="details-handle" @click="handleEdit(scope.row)">{{ scope.row.id }}</span></template
-      >
+      <!-- 课程Id -->
+      <template v-slot:table_id="scope">
+        <span class="details-handle" @click="handleEdit(scope.row)">{{ scope.row.id }}</span>
+      </template>
+      <!-- 中文名 -->
+      <template v-slot:table_name="scope">
+        <el-tooltip placement="top">
+          <div slot="content">
+            <p style="white-space:pre;">{{ scope.row.chinese_name }}</p>
+          </div>
+          <span style="white-space:pre;">{{ scope.row.chinese_name }}</span>
+        </el-tooltip>
+      </template>
+      <!-- 英文名 -->
+      <template v-slot:table_en_name="scope">
+        <el-tooltip placement="top">
+          <div slot="content">
+            <p style="white-space:pre;">{{ scope.row.english_name }}</p>
+          </div>
+          <span style="white-space:pre;">{{ scope.row.english_name }}</span>
+        </el-tooltip>
+      </template>
       <template #footer>
         <div>
           <span v-if="hasDelete">已选中 {{multipleSelection.length}} 项</span>
@@ -129,8 +147,8 @@ export default {
         columns: [
           { type: 'selection', minWidth: '50px', fixed: 'left', visible: this.hasDelete },
           { prop: 'id', label: '课程ID', slots: 'table_id', minWidth: '120px', fixed: 'left' },
-          { prop: 'chinese_name', label: '课程名称', minWidth: '130px' },
-          { prop: 'english_name', label: '课程名称（英）', minWidth: '160px' },
+          { prop: 'chinese_name', label: '课程名称', slots: 'table_name', minWidth: '130px' },
+          { prop: 'english_name', label: '课程名称（英）', slots: 'table_en_name', minWidth: '160px' },
           { prop: 'pubdate', label: '发布时间', minWidth: '120px' }
         ],
         bodyHeight: 'calc(100% - 50px)'

src/pages/project/components/course.vue

 <template>
   <div class="project-course">
     <table-list v-bind="tableOptions" ref="tabList" @selection-change="handleSelectionChange">
+      <!-- 中文名 -->
+      <template v-slot:table_name="scope">
+        <el-tooltip placement="top">
+          <div slot="content">
+            <p style="white-space:pre;">{{ scope.row.chinese_name }}</p>
+          </div>
+          <span style="white-space:pre;">{{ scope.row.chinese_name }}</span>
+        </el-tooltip>
+      </template>
+      <!-- 英文名 -->
+      <template v-slot:table_en_name="scope">
+        <el-tooltip placement="top">
+          <div slot="content">
+            <p style="white-space:pre;">{{ scope.row.english_name }}</p>
+          </div>
+          <span style="white-space:pre;">{{ scope.row.english_name }}</span>
+        </el-tooltip>
+      </template>
       <template #footer>
         <div v-if="isEdit">
           已选中 {{multipleSelection.length}} 项
@@ -63,8 +81,8 @@ export default {
         columns: [
           { type: 'selection', minWidth: '50px', fixed: 'left', visible: this.hasSave },
           { prop: 'id', label: '课程ID', minWidth: '120px', fixed: 'left' },
-          { prop: 'chinese_name', label: '课程名称', minWidth: '130px' },
-          { prop: 'english_name', label: '课程名称（英）', minWidth: '160px' },
+          { prop: 'chinese_name', label: '课程名称', slots: 'table_name', minWidth: '130px' },
+          { prop: 'english_name', label: '课程名称（英）', slots: 'table_en_name', minWidth: '160px' },
           { prop: 'pubdate', label: '发布时间', minWidth: '120px' }
         ]
       }

src/pages/project/components/student.vue

 <template>
   <div class="project-student">
     <table-list v-bind="tableOptions" ref="tabList" @selection-change="handleSelectionChange">
+      <!-- 中文名 -->
+      <template v-slot:table_name="scope">
+        <el-tooltip placement="top">
+          <div slot="content">
+            <p style="white-space:pre;">{{ scope.row.chinese_name }}</p>
+          </div>
+          <span style="white-space:pre;">{{ scope.row.chinese_name }}</span>
+        </el-tooltip>
+      </template>
       <template #footer>
         <div v-if="isEdit">
           已选中 {{multipleSelection.length}} 项
@@ -63,7 +72,7 @@ export default {
         columns: [
           { type: 'selection', minWidth: '50px', fixed: 'left', visible: this.hasSave },
           { prop: 'id', label: '学员ID', minWidth: '120px', fixed: 'left' },
-          { prop: 'chinese_name', label: '姓名', minWidth: '90px' },
+          { prop: 'chinese_name', label: '姓名', slots: 'table_name', minWidth: '90px' },
           {
             prop: 'gender',
             label: '性别',

src/pages/project/index.vue

@@ -11,6 +11,24 @@
             <el-dropdown-item command="all">导出全部</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
+      </template>
+      <!-- 中文名 -->
+      <template v-slot:table_name="scope">
+        <el-tooltip placement="top">
+          <div slot="content">
+            <p style="white-space:pre;">{{ scope.row.chinese_name }}</p>
+          </div>
+          <span style="white-space:pre;">{{ scope.row.chinese_name }}</span>
+        </el-tooltip>
+      </template>
+      <!-- 英文名 -->
+      <template v-slot:table_en_name="scope">
+        <el-tooltip placement="top">
+          <div slot="content">
+            <p style="white-space:pre;">{{ scope.row.english_name }}</p>
+          </div>
+          <span style="white-space:pre;">{{ scope.row.english_name }}</span>
+        </el-tooltip>
       </template>
        <!-- 操作 -->
       <template v-slot:table-operate="{ row }">
@@ -129,8 +147,8 @@ export default {
         columns: [
           { type: 'selection', minWidth: '50px', fixed: 'left', visible: this.hasDelete },
           { prop: 'id', label: '项目ID', minWidth: '155px' },
-          { prop: 'chinese_name', label: '项目名称', minWidth: '130px' },
-          { prop: 'english_name', label: '项目名称（英）', minWidth: '160px' },
+          { prop: 'chinese_name', label: '项目名称', slots: 'table_name', minWidth: '130px' },
+          { prop: 'english_name', label: '项目名称（英）', slots: 'table_en_name', minWidth: '160px' },
           {
             prop: 'type',
             label: '项目类型',

src/pages/student/index.vue

@@ -21,6 +21,24 @@
       <template v-slot:table_id="scope">
         <span class="details-handle" style="color:#409EFF" @click="handleDetails(scope.row)">{{ scope.row.student_number }}</span>
       </template>
+      <!-- 中文名 -->
+      <template v-slot:table_name="scope">
+        <el-tooltip placement="top">
+          <div slot="content">
+            <p style="white-space:pre;">{{ scope.row.chinese_name }}</p>
+          </div>
+          <span style="white-space:pre;">{{ scope.row.chinese_name }}</span>
+        </el-tooltip>
+      </template>
+      <!-- 英文名 -->
+      <template v-slot:table_en_name="scope">
+        <el-tooltip placement="top">
+          <div slot="content">
+            <p style="white-space:pre;">{{ scope.row.english_name }}</p>
+          </div>
+          <span style="white-space:pre;">{{ scope.row.english_name }}</span>
+        </el-tooltip>
+      </template>
       <!-- 状态 -->
       <template v-slot:status="{ row }">
         <el-switch
@@ -172,8 +190,8 @@ export default {
           { prop: 'student_number', label: '学籍ID', slots: 'table_id', minWidth: '160px', fixed: 'left' },
           { prop: 'country', label: '国家', minWidth: '100px' },
           { prop: 'city', label: '省市', minWidth: '100px' },
-          { prop: 'chinese_name', label: '姓名', minWidth: '90px' },
-          { prop: 'english_name', label: '姓名（英）', minWidth: '130px' },
+          { prop: 'chinese_name', label: '姓名', slots: 'table_name', minWidth: '90px' },
+          { prop: 'english_name', label: '姓名（英）', slots: 'table_en_name', minWidth: '130px' },
           {
             prop: 'gender',
             label: '性别',