1

src/components/school/student/stulist.vue

@@ -2,6 +2,30 @@
   .stuList .q-table__bottom {
     min-height: 0;
   }
+  .stulistNum {
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    text-align: center;
+    line-height: 23px;
+    border: 1px solid #2961FE;
+    border-radius: 50%;
+    cursor: pointer;
+    color: #2961FE;
+  }
+  .stuListTable {
+    width: 200px;
+    text-align: center;
+  }
+
+  .stuListTable tr td {
+    height: 40px;
+  }
+
+  .stuListTable tr th {
+    height: 40px;
+    background-color: rgb(238, 238, 239);
+  }
 </style>
 <template>
   <div class="stuList">
@@ -39,9 +63,34 @@
         </q-td>
       </template>
       <template v-slot:body-cell-AssistList="props">
-        <q-td :props="props">
-          <template v-for="(item,index) in  props.row.AssistList">
-            {{item.AssistName}}<span :key="index" v-if="index!=props.row.AssistList.length-1">,</span>
+        <q-td auto-width :props="props">
+          <template v-if="props.row.AssistList">
+            <template v-if="props.row.AssistList.length==1">
+              {{props.row.AssistList[0].AssistName}}
+            </template>
+            <template v-if="props.row.AssistList.length>1">
+              {{props.row.AssistList[0].AssistName}}：
+              <span class="stulistNum">
+                {{props.row.AssistList.length}}
+                <q-popup-proxy>
+                  <q-banner>
+                    <div style="max-height:600px;overflow-y:auto;">
+                      <table class="stuListTable" style="border-collapse:collapse;">
+                        <tr>
+                          <th>协同人</th>
+                        </tr>
+                        <tr v-for="(sItem,sIndex) in props.row.AssistList" style="border-bottom:1px dashed #d1d1d1;" :key="sIndex">
+                          <td>{{sItem.AssistName}}</td>
+                        </tr>
+                      </table>
+                    </div>
+                  </q-banner>
+                </q-popup-proxy>
+              </span>
+            </template>
+            <template v-if="props.row.AssistList.length==0">
+              无
+            </template>
           </template>
         </q-td>
       </template>
@@ -309,7 +358,7 @@
       },
       refreshStuList() {
         this.$emit("success");
-        this.selection=[]
+        this.selection = []
       },
       EditStudent(obj) {
         if (obj) {
@@ -351,4 +400,5 @@
       }
     }
   };
-</script>
+
\ No newline at end of file
+</script>