Merge branch 'master' of http://139.186.142.91:10010/r/productDev/dmvisit

liukangdong

2024-05-10 c58ada7f49aac20b06ea2ebda2cb5c006decf122

 admin/src/views/meeting/roomRecord.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,154 @@
<template>
  <TableLayout :permissions="['business:roomrecord:query']">
    <!-- æœç´¢è¡¨å• -->
    <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline>
      <el-form-item label="会议室" prop="roomId">
        <el-select
            v-model="searchForm.roomId"
            filterable
            clearable
            placeholder="请选择会议室"
        >
          <el-option v-for="item in rooms" :key="item.id" :value="item.id" :label="item.name" />
        </el-select>
      </el-form-item>
      <el-form-item label="人员姓名" prop="name">
        <el-input v-model="searchForm.userName" placeholder="请输入人员姓名" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="会议主题" prop="name">
        <el-input v-model="searchForm.meeting" placeholder="请输入会议主题" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="类型" prop="status">
        <el-select v-model= "searchForm.objType" placeholder="请选择状态">
          <el-option  key="0"  value="0" label="管理员" />
          <el-option  key="1"  value="1" label="参会人员" />
          <el-option  key="2"  value="2" label="外部人员" />
        </el-select>
      </el-form-item>
      <el-form-item label="开门时间" prop="startTime">
        <el-date-picker
            v-model="date"
            type="datetimerange"
            range-separator="至"
            value-format="yyyy-MM-dd HH:mm:ss"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            @change="selectDate"
        ></el-date-picker>
        <!-- <el-date-picker v-model="searchForm.startTime" value-format="yyyy-MM-dd" placeholder="请输入开始时间" @change="search"/> -->
      </el-form-item>
      <section>
        <el-button type="primary" @click="search">搜索</el-button>
        <el-button type="primary" :loading="isWorking.export" v-permissions="['business:roomrecord:exportExcel']" @click="exportExcel">导出</el-button>
        <el-button @click="reset">重置</el-button>
      </section>
    </el-form>
    <!-- è¡¨æ ¼å’Œåˆ†é¡µ -->
    <template v-slot:table-wrap>
<!--      <ul class="toolbar" v-permissions="['business:roomrecord:create', 'business:roomrecord:delete']">
        <li><el-button type="primary" @click="$refs.operaRoomRecordWindow.open('新建会议室开门记录表')" icon="el-icon-plus" v-permissions="['business:roomrecord:create']">新建</el-button></li>
        <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:roomrecord:delete']">删除</el-button></li>
      </ul>-->
      <el-table
        v-loading="isWorking.search"
        :data="tableData.list"
        stripe
        @selection-change="handleSelectionChange"
      >
        <el-table-column label="人员姓名"  prop="userName" min-width="100px"></el-table-column>
        <el-table-column label="人员类型" prop="objType" min-width="100px">
            <template  slot-scope="{row}">
              <span v-if="row.objType==0" >管理员</span>
              <span v-else-if="row.objType==1">参会人员</span>
              <span v-else >外部人员</span>
            </template>
        </el-table-column>
        <el-table-column label="会议主题" prop="meeting" min-width="100px"></el-table-column>
        <el-table-column label="会议室" prop="roomName" min-width="100px"></el-table-column>
        <el-table-column prop="createDate" label="开门时间" min-width="100px"></el-table-column>
<!--        <el-table-column
          v-if="containPermissions(['business:roomrecord:update', 'business:roomrecord:delete'])"
          label="操作"
          min-width="120"
          fixed="right"
        >
          <template slot-scope="{row}">
            <el-button type="text" @click="$refs.operaRoomRecordWindow.open('编辑会议室开门记录表', row)" icon="el-icon-edit" v-permissions="['business:roomrecord:update']">编辑</el-button>
            <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:roomrecord:delete']">删除</el-button>
          </template>
        </el-table-column>-->
      </el-table>
      <pagination
        @size-change="handleSizeChange"
        @current-change="handlePageChange"
        :pagination="tableData.pagination"
      >
      </pagination>
    </template>
    <!-- æ–°å»º/修改 -->
    <OperaRoomRecordWindow ref="operaRoomRecordWindow" @success="handlePageChange"/>
  </TableLayout>
</template>

<script>
import BaseTable from '@/components/base/BaseTable'
import TableLayout from '@/layouts/TableLayout'
import Pagination from '@/components/common/Pagination'
import OperaRoomRecordWindow from '@/views/meeting/components/OperaRoomRecordWindow'
import { findList } from '@/api/meeting/rooms'
export default {
  name: 'RoomRecord',
  extends: BaseTable,
  components: { TableLayout, Pagination, OperaRoomRecordWindow },
  data () {
    return {
      date:[],
      // æœç´¢
      rooms: [
        { name: '201会议室', id: '0' }
      ],
      // æœç´¢
      searchForm: {
        userName: '',
        roomId: '',
        meeting: '',
        objType:null,
        startDate: null,
        endDate: null,
      }
    }
  },
  created () {
    this.config({
      module: '会议室开门记录表',
      api: '/meeting/roomRecord',
      'field.id': 'id',
      'field.main': 'id'
    })
    findList({})
        .then(res => {
          this.rooms = res
        })
    this.search()
  },
  methods: {
    selectDate(v) {
      this.searchForm.endDate = v[1]
      this.searchForm.startDate = v[0]
    },
    reset () {
      this.$refs.searchForm.resetFields()
      this.date = []
      this.searchForm =   {
        userName: '',
            roomId: '',
            meeting: '',
            objType:null,
            startDate: null,
            endDate: null,
      }
      this.search()
    }
  }
}
</script>