巡查修改

src/router/index.js

@@ -369,7 +369,9 @@ export const asyncRoutes = {
   // 学生考情列表
   stuRecodeManager:()=>import('@/views/stuRecodeManager'),
   // 乐团班级列表
-  teamCLassList:()=>import('@/views/teamDetail/teamClassList')
+  teamCLassList:()=>import('@/views/teamDetail/teamClassList'),
+  // 乐团巡查
+  musicInspection:()=>import('@/views/musicInspection/index')
 }
 
 export default router

src/router/notKeepAliveList.js

@@ -81,4 +81,5 @@ export default [
   '/business/vipDetail', // vip查看
   '/contentManager/contentManager', // 内容管理
   '/business/teamCLassList', // 班级列表
+  '/business/musicInspection', // 乐团巡查
 ]

src/views/musicInspection/index.vue

@@ -0,0 +1,235 @@
+<!--  -->
+<template>
+    <div class="m-container">
+        <h2>
+            <div class="squrt"></div>乐团巡查
+        </h2>
+        <div class="m-core">
+            <save-form :inline="true" ref="searchForm" @submit="search" @reset="onReSet" :model="searchForm">
+                <el-form-item prop='organId'>
+                    <el-select class='multiple'
+                                v-model.trim="searchForm.organId"
+                                filterable
+                                clearable
+                                placeholder="请选择分部">
+                        <el-option v-for="(item,index) in selects.branchs"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.id"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item prop='organId'>
+                    <el-select class='multiple'
+                                v-model.trim="searchForm.organId"
+                                filterable
+                                clearable
+                                placeholder="请选择乐团主管">
+                        <el-option v-for="(item,index) in selects.branchs"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.id"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item prop='organId'>
+                    <el-select class='multiple'
+                                v-model.trim="searchForm.organId"
+                                filterable
+                                clearable
+                                placeholder="请选择合作单位">
+                        <el-option v-for="(item,index) in selects.branchs"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.id"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item prop='organId'>
+                    <el-select class='multiple'
+                                v-model.trim="searchForm.organId"
+                                filterable
+                                clearable
+                                placeholder="请选择乐团">
+                        <el-option v-for="(item,index) in selects.branchs"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.id"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item prop='organId'>
+                    <el-date-picker v-model.trim="searchForm.creatTimer"
+                                type="daterange"
+                                value-format="yyyy-MM-dd"
+                                range-separator="至"
+                                start-placeholder="巡查开始日期"
+                                end-placeholder="巡查结束日期"
+                                :picker-options="{ firstDayOfWeek: 1 }">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="danger" native-type="submit">搜索</el-button>
+                    <el-button native-type="reset" type="primary">重置</el-button>
+                </el-form-item>
+            </save-form>
+            <div class="tableWrap">
+                <el-table style="width: 100%"
+                        :header-cell-style="{background:'#EDEEF0',color:'#444'}"
+                        :data="tableList">
+                <el-table-column align="center"
+                                prop="userId"
+                                label="所属分部">
+                    <template slot-scope="scope">
+                    <copy-text>{{scope.row.userId}}</copy-text>
+                    </template>
+                </el-table-column>
+                <el-table-column align="center"
+                                prop="username"
+                                label="合作单位"></el-table-column>
+                <el-table-column align="center" width="200px"
+                                prop="idCardNo"
+                                label="巡查乐团"></el-table-column>
+                <el-table-column align="center"
+                                prop="age"
+                                label="乐团主管">
+                    <template slot-scope="scope">
+                    {{ scope.row.age }}岁
+                    </template>
+                </el-table-column>
+                <el-table-column align="center"
+                                label="巡查项目异常">
+                    <template slot-scope="scope">
+                    {{ scope.row.gender ? '男' : '女' }}
+                    </template>
+                </el-table-column>
+                <el-table-column align="center"
+                                prop="subject"
+                                label="巡查时间"></el-table-column>
+                <el-table-column align="center"
+                                prop="chapter"
+                                label="提交时间"></el-table-column>
+                <el-table-column align="center"
+                                prop="score"
+                                label="提交状态"></el-table-column>
+                <el-table-column align="center"
+                                prop="prizeLevel"
+                                label="处理方式">
+                </el-table-column>
+                <el-table-column align="center"
+                                label="操作">
+                    <template slot-scope="scope">
+                        <auth auths="/musicInspection">
+                            <el-button type="text" @click="tableStatus = true">查看</el-button>
+                        </auth>
+                        <auth auths="/musicInspection">
+                            <el-button type="text" >GPS定位</el-button>
+                        </auth>
+                        <auth auths="/musicInspection">
+                            <el-button type="text" >下载</el-button>
+                        </auth>
+                        <auth auths="/musicInspection">
+                            <el-button type="text" @click="handleClick(scope.row)">处理方式</el-button>
+                        </auth>
+                    </template>
+                </el-table-column>
+                </el-table>
+                <pagination :total.sync="pageInfo.total"
+                            sync
+                            :page.sync="pageInfo.page"
+                            :limit.sync="pageInfo.limit"
+                            :page-sizes="pageInfo.page_size"
+                            @pagination="getList" />
+            </div>
+        </div>
+
+        <el-dialog title="乐团巡查表" :visible.sync="tableStatus" width="1200px">
+            <look-detail v-if="tableStatus" />
+        </el-dialog>
+
+        <el-dialog title="处理方式" :visible.sync="handleStatus"
+                @close="handleClose('ruleForm')"
+                width="500px">
+            <el-form :model="handleForm"
+                    label-position="top"
+                    ref="ruleForm">
+                <el-form-item label="处理方式"
+                            prop="comment"
+                            :rules="[{ required: true, message: '请输入处理方式', trigger: 'blur' }]">
+                    <el-input type="textarea"
+                            v-model.trim="handleForm.comment"></el-input>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="handleStatus = false">取 消</el-button>
+                <el-button @click="onHandleSubmit('ruleForm')"
+                        type="primary">确 定</el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import pagination from "@/components/Pagination/index";
+import cleanDeep from 'clean-deep'
+import LookDetail from './modals/lookDetail'
+export default {
+    components: { pagination, LookDetail },
+    data () {
+        return {
+            searchForm: {
+                organId: null,
+                creatTimer: []
+            },
+            tableList: [{
+                id: 0
+            }],
+            pageInfo: {
+                // 分页规则
+                limit: 10, // 限制显示条数
+                page: 1, // 当前页
+                total: 0, // 总条数
+                page_size: [10, 20, 40, 50] // 选择限制显示条数
+            },
+            handleStatus: false,
+            handleForm: {
+                id: null,
+                comment: null,
+            },
+            tableStatus: false
+        };
+    },
+    async mounted () {
+        this.getList()
+        await this.$store.dispatch('setBranchs')
+    },
+    methods: {
+        getList() {
+
+        },
+        search() {
+
+        },
+        onReSet() {
+
+        },
+        handleClick(row) {
+            this.handleStatus = true
+        },
+        onHandleSubmit(formName) {
+            this.$refs[formName].validate(valid => {
+                if(valid) {
+
+                }
+            })
+        },
+        handleClose(formName) {
+            this.$refs[formName].resetFields()
+        }
+    }
+};
+</script>
+<style lang='scss' scoped>
+/deep/.el-dialog__body {
+    padding: 10px 20px;
+}
+/deep/.description-title {
+    margin: 0 !important;
+}
+</style>

src/views/musicInspection/modals/lookDetail.vue

@@ -0,0 +1,151 @@
+<template>
+  <div>
+    <descriptions :column="3">
+      <descriptions-item label="所属分部：">
+          11
+      </descriptions-item>
+      <descriptions-item label="合作单位：">
+        aa
+      </descriptions-item>
+      <descriptions-item label="巡查乐团：">
+        aa
+      </descriptions-item>
+      <descriptions-item label="乐团主管：">
+        aa
+      </descriptions-item>
+      <descriptions-item label="巡查时间：">
+          fe
+      </descriptions-item>
+      <descriptions-item label="提交时间：">
+          g4g45
+      </descriptions-item>
+      <descriptions-item label="处理方式：">
+          g4g45
+      </descriptions-item>
+    </descriptions>
+
+    <el-table
+      style="margin-top: 15px;"
+      :data="tableData">
+      <el-table-column
+        prop="date"
+        fixed="left"
+        label="巡查项目"
+        align="center"
+        width="150">
+      </el-table-column>
+      <el-table-column label="课前管理" align="center">
+        <el-table-column
+          prop="name"
+          width="200px"
+          label="老师是否提前准备板书（本课内容、作业）">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="老师是否佩戴工牌">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="180px"
+          label="老师是否仪容仪表整洁">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="老师是否携带乐器">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="老师是否携带教学资料、设备">
+        </el-table-column>
+      </el-table-column>
+      <el-table-column label="课中管理" align="center">
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="老师是否合理安排学员座位">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="乐器箱包、书包是否摆放整齐">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="180px"
+          label="课堂纪律是否保持良好">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="180px"
+          label="老师是否全程站立教学">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="老师是否全程使用节拍器或教学音频">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="是否发现学员需要更换新乐器">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="老师是否将上课照片/视频发送到声部群">
+        </el-table-column>
+      </el-table-column>
+      <el-table-column label="课后管理" align="center">
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="老师是否保持教室环境卫生">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="老师是否关好所有电源、门窗">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          width="160px"
+          label="老师是否有序组织学员放学">
+        </el-table-column>
+      </el-table-column>
+      <template #empty>
+        <empty />
+      </template>
+    </el-table>
+  </div>
+</template>
+<script>
+import Vue from "vue";
+import numeral from 'numeral'
+import descriptions from "@/components/Descriptions";
+export default {
+  props: ["detail"],
+  components: { descriptions },
+  data () {
+    return {
+        tableData: []
+    };
+  },
+  mounted () {
+    this.init();
+  },
+  methods: {
+    numeral,
+    async init () {
+      
+    },
+  }
+};
+</script>
+<style lang="less" scoped>
+.alert {
+  margin: 10px 0;
+}
+</style>