查看样式修改

src/components/drawers/ProjectScore.vue

@@ -154,11 +154,17 @@
       >
     </a-tabs>
   </div>
+  <stu-score-detail v-model:Svisible="Svisible" />
 </template>
+
 <script>
+import StuScoreDetail from "../../components/drawers/StuScoreDetail";
 import { reactive, toRefs } from "vue";
 export default {
   name: "ProjectScore",
+  components:{
+    StuScoreDetail,
+  },
   setup() {
     const state = reactive({
       tabledataStu: [
@@ -170,7 +176,7 @@ export default {
           group: "好好学习",
           diploma: "0",
           operation: "查看",
-          putin: "手动加入",
+          
         },
         {
           key: 2,
@@ -180,7 +186,7 @@ export default {
           group: "天天向上",
           diploma: "0",
           operation: "查看",
-          putin: "手动加入",
+         
         },
         {
           key: 3,
@@ -190,7 +196,7 @@ export default {
           group: "好好学习",
           diploma: "0",
           operation: "查看",
-          putin: "手动加入",
+        
         },
         {
           key: 4,
@@ -200,7 +206,7 @@ export default {
           group: "天天向上",
           diploma: "0",
           operation: "查看",
-          putin: "手动加入",
+          
         },
       ],
 
@@ -317,10 +323,36 @@ export default {
       todayvalue: "1",
       tableDataTotal: 30,
       stuValue: false,
+      Svisible:false,
+      
       
     });
+    const getTableData = () => {
+      let datas = state.tabledataStu;
+      datas.map((value) => {
+        {
+          //单层项目
+          value.operation = (
+            <div class="operation">
+              <div
+                class="jc"
+                onClick={() => {
+                  state.Svisible = true;
+                }}
+              >
+                查看
+              </div>                
+            </div>
+          );
+        }
+      });
+      state.tabledataStu = datas;
+    };
+    getTableData();
+   
     return {
       ...toRefs(state),
+     
     };
   },
 };
@@ -328,6 +360,7 @@ export default {
 <style lang="scss">
 .contentscore {
   margin-top: 20px;
+  margin-bottom: 100px;
   .ant-tabs-tab-btn {
     font-size: 18px;
     font-weight: 700;
@@ -389,6 +422,14 @@ export default {
           }
         }
       }
+      
+    }
+    
+    .ant-table-tbody{
+      .operation{
+      color: #409eff;
+    }
+
     }
   .scorelist {
     padding-left: 20%;