07 get beautifully

src/App.vue

@@ -1,3 +1,4 @@
+
 <template>
   <div id="app">
     <router-view></router-view>

src/views/OuterAppDetail.vue

@@ -3,36 +3,44 @@
     <el-table
         :data="tableData"
         border
+        :default-sort="{prop: 'date', order: 'descending'}"
+        stripe
         style="width: 100%">
       <el-table-column
           fixed
           prop="id"
           label="编号"
+          sortable
           width="100">
       </el-table-column>
       <el-table-column
           prop="leave_time"
           label="出发时间"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="back_time"
           label="返回时间"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="place"
           label="地点"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="reason"
           label="外出原因"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="type"
           label="状态"
+          sortable
           width="120">
       </el-table-column>
       <el-table-column

src/views/OuterHistory.vue

@@ -3,47 +3,56 @@
     <el-table
         :data="tableData"
         border
+        :default-sort="{prop: 'date', order: 'descending'}"
+        stripe
         style="width: 90%">
       <el-table-column
           fixed
           prop="id"
           label="编号"
+          sortable
           width="100">
       </el-table-column>
       <el-table-column
           prop="username"
           label="姓名"
-          width="200">
+          sortable
+          width="100">
       </el-table-column>
       <el-table-column
           prop="school_id"
           label="学号"
-          width="200">
+          sortable
+          width="150">
       </el-table-column>
       <el-table-column
           prop="leave_time"
           label="预计外出时间"
-          width="200">
+          sortable
+          width="170">
       </el-table-column>
       <el-table-column
           prop="back_time"
           label="预计返回时间"
-          width="200">
+          sortable
+          width="170">
       </el-table-column>
       <el-table-column
           prop="out_time"
           label="实际外出时间"
-          width="200">
+          sortable
+          width="170">
       </el-table-column>
       <el-table-column
           prop="return_time"
           label="实际返回时间"
-          width="200">
+          sortable
+          width="170">
       </el-table-column>
       <el-table-column
           prop="exceed_type"
           label="超假情况"
-          width="200">
+          sortable>
       </el-table-column>
     </el-table>
 
@@ -87,7 +96,7 @@ export default {
         out_time: '2021-12-20 18:59:15',
         return_time: '2021-12-20 22:59:15',
         exceed_type: '正常'
-      }]
+      }],
     }
   },
   created() {

src/views/OuterUserIndex.vue

@@ -1,6 +1,7 @@
 <template>
 
   <div>
+    <img height="100%" src="../assets/nudt.png" width="100%">
     <span>姓名：{{ information.name }}</span>
     <el-divider direction="vertical"></el-divider>
     <span>编号：{{ information.school_id }}</span>

src/views/StudentAppForm.vue

@@ -1,5 +1,8 @@
+
 <template>
+
   <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+    <h4>默认您已经遵守防疫规定。</h4>
     <div class="block">
       <span class="demonstration">离开时间</span>
       <el-date-picker
@@ -30,9 +33,9 @@
       <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
       <el-button @click="resetForm('ruleForm')">重置</el-button>
     </el-form-item>
+
   </el-form>
 </template>
-
 <script>
 export default {
   name: "StudentAppForm",

src/views/StudentApplication.vue

@@ -3,37 +3,44 @@
     <el-table
         :data="tableData"
         border
+        :default-sort="{prop: 'date', order: 'descending'}"
+        stripe
         style="width: 90%">
       <el-table-column
           fixed
           prop="id"
           label="编号"
+          sortable
           width="100">
       </el-table-column>
       <el-table-column
           prop="leave_time"
           label="出发时间"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="back_time"
           label="返回时间"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="place"
           label="地点"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="reason"
           label="外出原因"
-          width="200">
+          sortable
+          width="300">
       </el-table-column>
       <el-table-column
           prop="type"
           label="状态"
-          width="120">
+          sortable>
       </el-table-column>
     </el-table>
 

src/views/StudentHistory.vue

@@ -3,37 +3,44 @@
     <el-table
         :data="tableData"
         border
+        :default-sort="{prop: 'date', order: 'descending'}"
+        stripe
         style="width: 90%">
       <el-table-column
           fixed
           prop="id"
           label="编号"
+          sortable
           width="100">
       </el-table-column>
       <el-table-column
           prop="leave_time"
           label="出发时间"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="back_time"
           label="返回时间"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="place"
           label="地点"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="reason"
           label="外出原因"
-          width="200">
+          sortable
+          width="300">
       </el-table-column>
       <el-table-column
           prop="type"
           label="状态"
-          width="120">
+          sortable>
       </el-table-column>
     </el-table>
 

src/views/StudentUserIndex.vue

@@ -1,5 +1,6 @@
 <template>
   <div>
+    <img height="100%" src="../assets/nudt.png" width="100%">
     <span>姓名：{{ information.name }}</span>
     <el-divider direction="vertical"></el-divider>
     <span>编号：{{ information.school_id }}</span>

src/views/TeacherApplication.vue

@@ -4,6 +4,8 @@
         ref="multipleTable"
         :data="tableData"
         border
+        :default-sort="{prop: 'date', order: 'descending'}"
+        stripe
         style="width: 100%">
       <el-table-column
           type="selection"
@@ -13,35 +15,40 @@
           fixed
           prop="id"
           label="编号"
+          sortable
           width="100">
       </el-table-column>
       <el-table-column
           prop="leave_time"
           label="出发时间"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="back_time"
           label="返回时间"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="place"
           label="地点"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="reason"
           label="外出原因"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="type"
           label="状态"
+          sortable
           width="120">
       </el-table-column>
-      <el-table-column
+      <el-table-column>
-          width="200">
         <template slot-scope="scope">
           <el-button type="success" @click="agree(scope.row.id)">同意</el-button>
           <el-button type="danger" @click="disagree(scope.row.id)">拒绝</el-button>
@@ -131,7 +138,7 @@ export default {
         reason: '见导师',
         type: '已过期'
       }],
-      multipleSelection: []
+      multipleSelection: [],
     }
   },
   created() {

src/views/TeacherHistory.vue

@@ -3,37 +3,44 @@
     <el-table
         :data="tableData"
         border
+        :default-sort="{prop: 'date', order: 'descending'}"
+        stripe
         style="width: 90%">
       <el-table-column
           fixed
           prop="id"
           label="编号"
+          sortable
           width="100">
       </el-table-column>
       <el-table-column
           prop="leave_time"
           label="出发时间"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="back_time"
           label="返回时间"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="place"
           label="地点"
+          sortable
           width="200">
       </el-table-column>
       <el-table-column
           prop="reason"
           label="外出原因"
-          width="200">
+          sortable
+          width="250">
       </el-table-column>
       <el-table-column
           prop="type"
           label="状态"
-          width="120">
+          sortable>
       </el-table-column>
     </el-table>
 

src/views/TeacherUserIndex.vue

@@ -1,6 +1,8 @@
 <template>
 
   <div>
+    <img height="100%" src="../assets/nudt.png" width="100%">
+    <p></p>
     <span>姓名：{{ information.name }}</span>
     <el-divider direction="vertical"></el-divider>
     <span>编号：{{ information.school_id }}</span>