Browse Source

修复学生详情样式,注:组件自带问题

lex 2 years ago
parent
commit
5f91a57773
1 changed files with 32 additions and 21 deletions
  1. 32 21
      src/views/studentManager/components/studentInfo.vue

+ 32 - 21
src/views/studentManager/components/studentInfo.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="studentDetail">
     <el-form ref="form" label-width="130px">
-      <el-row>
+      <el-row style="display: flex; align-items: center; flex-wrap: wrap;">
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
           <el-form-item label="学生姓名">
             <el-input disabled :value="studentForm.username"></el-input>
@@ -9,7 +9,10 @@
         </el-col>
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
           <el-form-item label="学生性别">
-            <el-input :value="studentForm.gender ? '男' : '女'" disabled></el-input>
+            <el-input
+              :value="studentForm.gender ? '男' : '女'"
+              disabled
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
@@ -31,40 +34,40 @@
 
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
           <el-form-item label="学员年级">
-            <el-input
-              :value="studentForm.currentGrade"
-              disabled
-            ></el-input>
+            <el-input :value="studentForm.currentGrade" disabled></el-input>
           </el-form-item>
         </el-col>
-              <el-col :xl="6" :lg="8" :md="8" :xs="12">
+        <el-col :xl="6" :lg="8" :md="8" :xs="12">
           <el-form-item label="学员班级">
-            <el-input
-              :value="studentForm.currentClass"
-              disabled
-            ></el-input>
+            <el-input :value="studentForm.currentClass" disabled></el-input>
           </el-form-item>
         </el-col>
 
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
           <el-form-item label="所属分部">
-            <el-input :value="studentForm.organName" disabled ></el-input>
+            <el-input :value="studentForm.organName" disabled></el-input>
           </el-form-item>
         </el-col>
 
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
           <el-form-item label="学员声部">
-            <el-input :value="studentForm.subjectName" disabled ></el-input>
+            <el-input :value="studentForm.subjectName" disabled></el-input>
           </el-form-item>
         </el-col>
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
           <el-form-item label="是否运营">
-            <el-input :value="studentForm.operatingTag ? '是' : '否'" disabled></el-input>
+            <el-input
+              :value="studentForm.operatingTag ? '是' : '否'"
+              disabled
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
           <el-form-item label="是否服务">
-            <el-input :value="studentForm.serviceTag ? '是' : '否'" disabled></el-input>
+            <el-input
+              :value="studentForm.serviceTag ? '是' : '否'"
+              disabled
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
@@ -88,22 +91,30 @@
                 </el-tooltip>
               </p>
             </template>
-            <el-input :value="studentForm.isNewUser ? '是' : '否'" disabled></el-input>
+            <el-input
+              :value="studentForm.isNewUser ? '是' : '否'"
+              disabled
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
           <el-form-item label="关心包">
-            <el-input :value="studentForm.carePackage | studentPackage" disabled></el-input>
+            <el-input
+              :value="studentForm.carePackage | studentPackage"
+              disabled
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :xl="6" :lg="8" :md="8" :xs="12">
           <el-form-item label="加油包">
-            <el-input :value="studentForm.comeOnPackage | studentPackage" disabled></el-input>
+            <el-input
+              :value="studentForm.comeOnPackage | studentPackage"
+              disabled
+            ></el-input>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
-
   </div>
 </template>
 <script>
@@ -113,9 +124,9 @@
 export default {
   name: "studentInfo",
   data() {
-    const query = this.$route.query
+    const query = this.$route.query;
     return {
-      studentForm: query || {},
+      studentForm: query || {}
     };
   },
   mounted() {