|
|
@@ -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>
|
