Browse Source

增加鼠标样式下划线

humingbo 1 year ago
parent
commit
92df07d6e9
1 changed files with 15 additions and 1 deletions
  1. 15 1
      src/views/meeting/weeklyRecords.vue

+ 15 - 1
src/views/meeting/weeklyRecords.vue

@@ -80,6 +80,10 @@
       </el-table-column>
       <el-table-column label="本周工作总结" min-width="450">
         <el-table-column label="工作内容" prop="taskName">
+          <template slot-scope="scope">
+            <div class="underline-on-hover"  @click="getTaskScheduleRemarks(scope.row)">{{ scope.row.taskName }}
+            </div>
+          </template>
         </el-table-column>
 <!--        <el-table-column label="是否上周遗留" width="100" prop="lastWeekFlag" v-show="false">
           <template slot-scope="scope">
@@ -89,7 +93,7 @@
         </el-table-column>-->
         <el-table-column label="完成情况说明" prop="progressValue" width="100">
           <template slot-scope="scope">
-            <div style="color: darkgreen" @click="getTaskScheduleRemarks(scope.row)">{{ scope.row.progressValue }}%
+            <div style="color: darkgreen;">{{ scope.row.progressValue }}%
             </div>
           </template>
         </el-table-column>
@@ -691,5 +695,15 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+.underline-on-hover {
+  cursor: pointer;
+  text-decoration: none; /* 默认情况下不显示下划线 */
+}
+
+.underline-on-hover:hover {
+  text-decoration: underline; /* 鼠标移入时显示下划线 */
+}
+</style>