乐团巡查

1

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"
@@ -38,25 +38,71 @@
         <el-table-column
           width="200px"
           align="center"
+          label="老师是否提前20分钟到校？"
+          prop="16"
+        >
+          <template slot-scope="scope">
+            <i
+              :class="
+                JSON.parse(scope.row[16]) ? 'el-icon-check' : 'el-icon-close'
+              "
+            ></i>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="1"
+          width="200px"
+          align="center"
           label="老师是否提前准备板书（本课内容、训练）"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[1] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="
+                JSON.parse(scope.row[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
+          prop="2"
+          width="160px"
+          label="老师是否佩戴工牌"
+          align="center"
+        >
           <template slot-scope="scope">
-            <i :class="scope.row[2] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="
+                JSON.parse(scope.row[2]) ? '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="3"
+          width="180px"
+          label="老师是否仪容仪表整洁"
+          align="center"
+        >
           <template slot-scope="scope">
-            <i :class="scope.row[3] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="
+                JSON.parse(scope.row[3]) ? '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="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="
+                JSON.parse(scope.row[4]) ? 'el-icon-check' : 'el-icon-close'
+              "
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -66,7 +112,39 @@
           label="老师是否携带教学资料、设备"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[5] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="
+                JSON.parse(scope.row[5]) ? 'el-icon-check' : 'el-icon-close'
+              "
+            ></i>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="17"
+          width="160px"
+          align="center"
+          label="老师是否确认学生出勤情况？"
+        >
+          <template slot-scope="scope">
+            <i
+              :class="
+                JSON.parse(scope.row[17]) ? 'el-icon-check' : 'el-icon-close'
+              "
+            ></i>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="18"
+          width="160px"
+          align="center"
+          label="老师是否点评上周作业/练习情况？"
+        >
+          <template slot-scope="scope">
+            <i
+              :class="
+                JSON.parse(scope.row[18]) ? 'el-icon-check' : 'el-icon-close'
+              "
+            ></i>
           </template>
         </el-table-column>
       </el-table-column>
@@ -78,7 +156,11 @@
           label="老师是否合理安排学员座位"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[6] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="
+                JSON.parse(scope.row[6]) ? 'el-icon-check' : 'el-icon-close'
+              "
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -88,17 +170,39 @@
           label="乐器箱包、书包是否摆放整齐"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[7] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="
+                JSON.parse(scope.row[7]) ? '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="
+                JSON.parse(scope.row[8]) ? '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="
+                JSON.parse(scope.row[9]) ? 'el-icon-check' : 'el-icon-close'
+              "
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -108,27 +212,49 @@
           label="老师是否全程使用节拍器或教学音频"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[10] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="
+                JSON.parse(scope.row[10]) ? 'el-icon-check' : 'el-icon-close'
+              "
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
           prop="11"
           width="160px"
           align="center"
-          label="未发现私换乐器"
+          label="学生使用的换代乐器非公司售卖数量？"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[11] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <p>{{ scope.row[11] }}</p>
           </template>
         </el-table-column>
         <el-table-column
           prop="12"
           width="160px"
           align="center"
-          label="老师是否将上课照片/视频发送到声部群"
+          label="系统在读小课与实际盘点一致？"
+        >
+          <template slot-scope="scope">
+            <i
+              :class="
+                JSON.parse(scope.row[12]) ? 'el-icon-check' : 'el-icon-close'
+              "
+            ></i>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="19"
+          width="160px"
+          align="center"
+          label="老师是否布置课后作业？"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[12] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="
+                JSON.parse(scope.row[19]) ? 'el-icon-check' : 'el-icon-close'
+              "
+            ></i>
           </template>
         </el-table-column>
       </el-table-column>
@@ -140,7 +266,9 @@
           label="老师是否保持教室环境卫生"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[13] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="JSON.parse(scope.row[13]) ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -150,7 +278,9 @@
           label="老师是否关好所有电源、门窗"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[14] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="JSON.parse(scope.row[14])? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
         <el-table-column
@@ -160,7 +290,21 @@
           label="老师是否有序组织学员放学"
         >
           <template slot-scope="scope">
-            <i :class="scope.row[15] == 1 ? 'el-icon-check' : 'el-icon-close'"></i>
+            <i
+              :class="JSON.parse(scope.row[15]) ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
+          </template>
+        </el-table-column>
+                <el-table-column
+          prop="20"
+          width="160px"
+          align="center"
+          label="老师是否处理完成问题乐器？"
+        >
+          <template slot-scope="scope">
+            <i
+              :class="JSON.parse(scope.row[20]) ? 'el-icon-check' : 'el-icon-close'"
+            ></i>
           </template>
         </el-table-column>
       </el-table-column>
@@ -174,13 +318,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 +335,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;
 }