作业优化

11

src/views/teamDetail/componentCourse/studentWork.vue

@@ -1,7 +1,11 @@
 <template>
   <div>
-
-    <el-form :inline="true">
+    <el-alert :title="msg"
+              type="warning">
+    </el-alert>
+    <el-form :inline="true"
+             class="workForm"
+             style="padding: 0 25px">
       <el-form-item label="应交学生数">
         <!-- <el-input disabled
         :value="studentNum"></el-input>-->
@@ -17,9 +21,7 @@
         :value="repliedNum"></el-input>-->
         <div class="inputStyle">{{ repliedNum}}</div>
       </el-form-item>
-      <el-form-item label="作业内容">
-        <p class="">{{content}}</p>
-      </el-form-item>
+
     </el-form>
 
     <div class="tableWrap">
@@ -27,10 +29,17 @@
                 :header-cell-style="{background:'#EDEEF0',color:'#444'}">
         <el-table-column align="center"
                          prop="studentName"
-                         label="学生姓名"></el-table-column>
-        <el-table-column align="center"
+                         width="160"
+                         label="学生姓名">
+          <template slot-scope="scope">
+            <div>
+              {{scope.row.studentName}}({{scope.row.studentId}})
+            </div>
+          </template>
+        </el-table-column>
+        <!-- <el-table-column align="center"
                          prop="studentId"
-                         label="学生编号"></el-table-column>
+                         label="学生编号"></el-table-column> -->
         <el-table-column align="center"
                          prop="phone"
                          label="手机号"
@@ -46,13 +55,13 @@
             <div>{{ scope.row.createTime | dateForMinFormat}}</div>
           </template>
         </el-table-column>
-        <!-- <el-table-column align="center"
+        <el-table-column align="center"
                          prop="isView"
-                         label="是否交付">
+                         label="是否提交">
           <template slot-scope="scope">
-            <div>{{ scope.row.isView ? '是' : '否' }}</div>
+            <div>{{ scope.row.createTime? '是' : '否' }}</div>
           </template>
-        </el-table-column> -->
+        </el-table-column>
         <el-table-column align="center"
                          prop="isView"
                          label="是否查看">
@@ -69,12 +78,13 @@
         </el-table-column>
         <el-table-column align="center"
                          label="查看作业"
-                         width="200px">
+                         width="100px">
           <template slot-scope="scope">
             <div>
               <!--   -->
               <el-button type="text"
                          v-if="scope.row.urlList"
+                         :disabled='!scope.row.createTime'
                          @click="lookWork(scope.row)">查看作业</el-button>
             </div>
           </template>
@@ -215,6 +225,9 @@ export default {
   computed: {
     swiper () {
       return this.$refs.mySwiper.$swiper
+    },
+    msg () {
+      return '作业内容:' + this.content
     }
   },
   mounted () {
@@ -300,6 +313,11 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.workForm {
+  /deep/.el-form-item {
+    margin-bottom: 0 !important;
+  }
+}
 .inputStyle {
   width: 100px;
   text-align: center;