mo 2 years ago
parent
commit
dcd3ca6ea3
1 changed files with 110 additions and 32 deletions
  1. 110 32
      src/views/musicInspection/modals/lookDetail.vue

+ 110 - 32
src/views/musicInspection/modals/lookDetail.vue

@@ -14,8 +14,8 @@
         {{ detail.realName }}
       </descriptions-item>
       <descriptions-item label="巡查时间:">
-        {{ dayjs(detail.planStart).format('YYYY-MM-DD HH:mm') }}~
-        {{ dayjs(detail.planEnd).format('HH:mm') }}
+        {{ dayjs(detail.planStart).format("YYYY-MM-DD HH:mm") }}~
+        {{ dayjs(detail.planEnd).format("HH:mm") }}
       </descriptions-item>
       <descriptions-item label="提交时间:">
         {{ detail.submitedTime }}
@@ -25,7 +25,7 @@
       </descriptions-item>
     </descriptions>
 
-    <el-table style="margin-top: 15px;" :data="tableData">
+    <el-table style="margin-top: 15px" :data="tableData">
       <el-table-column
         prop="name"
         fixed="left"
@@ -35,28 +35,73 @@
       >
       </el-table-column>
       <el-table-column label="课前管理" align="center">
+               <el-table-column
+          width="200px"
+          align="center"
+          label="老师是否提前20分钟到校?"
+        >
+          <template slot-scope="scope">
+            <i
+              :class="scope.row[1] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
+          </template>
+        </el-table-column>
         <el-table-column
           width="200px"
           align="center"
           label="老师是否提前准备板书(本课内容、训练)"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[1] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[2] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
-        <el-table-column prop="2" width="160px" label="老师是否佩戴工牌" align="center">
+        <el-table-column
+          width="200px"
+          align="center"
+          label="老师是否提前准备板书(本课内容、训练)"
+        >
           <template slot-scope="scope">
-            <i :class="scope.row[2] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[3] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
-        <el-table-column prop="3" width="180px" label="老师是否仪容仪表整洁" align="center">
+        <el-table-column
+          prop="2"
+          width="160px"
+          label="老师是否佩戴工牌"
+          align="center"
+        >
           <template slot-scope="scope">
-            <i :class="scope.row[3] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[2] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
-        <el-table-column prop="4" width="160px" label="老师是否携带乐器" align="center">
+        <el-table-column
+          prop="3"
+          width="180px"
+          label="老师是否仪容仪表整洁"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <i
+              :class="scope.row[3] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="4"
+          width="160px"
+          label="老师是否携带乐器"
+          align="center"
+        >
           <template slot-scope="scope">
-            <i :class="scope.row[4] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[4] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -66,7 +111,9 @@
           label="老师是否携带教学资料、设备"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[5] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[5] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
       </el-table-column>
@@ -78,7 +125,9 @@
           label="老师是否合理安排学员座位"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[6] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[6] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -88,17 +137,33 @@
           label="乐器箱包、书包是否摆放整齐"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[7] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[7] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
-        <el-table-column prop="8" width="180px" align="center" label="课堂纪律是否保持良好">
+        <el-table-column
+          prop="8"
+          width="180px"
+          align="center"
+          label="课堂纪律是否保持良好"
+        >
           <template slot-scope="scope">
-            <i :class="scope.row[8] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[8] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
-        <el-table-column prop="9" width="180px" align="center" label="老师是否全程站立教学">
+        <el-table-column
+          prop="9"
+          width="180px"
+          align="center"
+          label="老师是否全程站立教学"
+        >
           <template slot-scope="scope">
-            <i :class="scope.row[9] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[9] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -108,7 +173,9 @@
           label="老师是否全程使用节拍器或教学音频"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[10] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[10] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -118,7 +185,9 @@
           label="未发现私换乐器"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[11] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[11] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -128,7 +197,9 @@
           label="老师是否将上课照片/视频发送到声部群"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[12] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[12] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
       </el-table-column>
@@ -140,7 +211,9 @@
           label="老师是否保持教室环境卫生"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[13] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[13] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -150,7 +223,9 @@
           label="老师是否关好所有电源、门窗"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[14] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[14] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -160,7 +235,9 @@
           label="老师是否有序组织学员放学"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[15] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="scope.row[15] == 1 ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
       </el-table-column>
@@ -174,13 +251,13 @@
 import numeral from "numeral";
 import dayjs from "dayjs";
 import descriptions from "@/components/Descriptions";
-import { getPlanConclusion } from '../api'
+import { getPlanConclusion } from "../api";
 export default {
   props: ["detail"],
   components: { descriptions },
   data() {
     return {
-      tableData: []
+      tableData: [],
     };
   },
   mounted() {
@@ -191,22 +268,23 @@ export default {
     numeral,
     async init() {
       try {
-        let detail = this.detail
+        let detail = this.detail;
         // if(!detail) {
         //   return
         // }
-        const res = await getPlanConclusion({ planId: detail.id })
-        this.tableData = res.data
-      } catch(err){}
-    }
-  }
+        const res = await getPlanConclusion({ planId: detail.id });
+        this.tableData = res.data;
+      } catch (err) {}
+    },
+  },
 };
 </script>
 <style lang="less" scoped>
 .alert {
   margin: 10px 0;
 }
-::v-deep .el-icon-close, ::v-deep .el-icon-check {
+::v-deep .el-icon-close,
+::v-deep .el-icon-check {
   font-size: 18px;
   font-weight: bold;
 }