修改

src/App.vue

@@ -20,7 +20,7 @@ export default {
 </script>
 
 <style>
-@import url("//at.alicdn.com/t/font_2077629_9j9u1nj8nka.css");
+@import url("//at.alicdn.com/t/font_2077629_70it4rlfqmf.css");
 .q-scrollarea__thumb {
   z-index: 999999 !important;
 }

src/pages/school/student.vue

@@ -31,12 +31,12 @@
               <img :src="props.value" />
             </q-avatar>
             <q-avatar size="md" color="teal-10" text-color="white" v-if="!props.value">
-              {{props.row.StuName}}</q-avatar>
+              {{props.row.StuName.substring(0,1)}}</q-avatar>
           </q-td>
         </template>
         <template v-slot:body-cell-StuName="props">
           <q-td :props="props">
-            <div class="text-blue cursor-pointer">{{props.value}}</div>
+            <div class="text-blue cursor-pointer" @click="getStuRight(props.row)">{{props.value}}</div>
           </q-td>
         </template>
         <template v-slot:body-cell-StuSex="props">
@@ -54,21 +54,10 @@
           <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
             :input="true" @input="changePage" />
         </template>
-        <template v-slot:body-cell-optioned="props">
-          <q-td :props="props">
-            <div style="min-width:190px;width:100%">
-              <q-btn v-if="props.row.StudentAccount==''" flat size="xs" icon="iconfont icon-ziyuan" color="warning"
-                style="font-weight:400" class="q-mr-xs" label="创建账号" @click="createAccount(props.row.StuId)" />
-              <q-btn flat size="xs" icon="iconfont icon-ziyuan" color="warning" style="font-weight:400" class="q-mr-xs"
-                label="重置密码" @click="resetPw(props.row.StuId)" />
-              <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
-                @click="EditStudent(props.row)" />
-            </div>
-          </q-td>
-        </template>
       </q-table>
       <student-form v-if="isShowStuForm" :save-obj="stuOption" @close="closeStuForm" @success="refreshPage">
       </student-form>
+      <studentRight-form v-if="isShowStuRight" :save-obj="stuOption" @close="closeStuForm" @success="refreshPage"></studentRight-form>
     </div>
   </div>
 </template>
@@ -83,12 +72,15 @@
     resetPassword
   } from '../../api/users/user.js'
   import studentForm from '../../components/school/student/student-form'
+  import studentRightForm from '../../components/school/student/studentRight-form'
+
   export default {
     meta: {
       title: "学员管理"
     },
     components: {
       studentForm,
+      studentRightForm
     },
     data() {
       return {
@@ -130,12 +122,6 @@
             field: 'SName',
             align: 'left',
           },
-          {
-            name: 'AreaName',
-            label: '区域',
-            field: 'AreaName',
-            align: 'left',
-          },
           {
             name: 'Status',
             label: '状态',
@@ -147,23 +133,6 @@
             label: '创建人',
             align: 'left',
             field: 'CreateByName'
-          },
-          {
-            name: 'CreateTimeStr',
-            label: '入学时间',
-            align: 'left',
-            field: 'CreateTimeStr'
-          },
-          {
-            name: 'StudentAccount',
-            label: '账号',
-            align: 'left',
-            field: 'StudentAccount'
-          },
-          {
-            name: 'optioned',
-            label: '操作',
-            field: 'StuId'
           }
         ],
         data: [],
@@ -195,7 +164,8 @@
         stuOption: null,
         schoolList: [],
         isShowStuForm: false,
-        resetLoading: false
+        resetLoading: false,
+        isShowStuRight: false
       }
     },
     mounted() {
@@ -346,6 +316,16 @@
       },
       closeStuForm() {
         this.isShowStuForm = false;
+        this.isShowStuRight = false;
+      },
+      //点击学生姓名弹出
+      getStuRight(obj){
+        if (obj) {
+          this.stuOption = obj;
+        } else {
+          this.stuOption = null;
+        }
+        this.isShowStuRight = true;
       }
     },
   }