| ¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <TableLayout :permissions="['business:jkcabinetlog:query']"> |
| | | <!-- æç´¢è¡¨å --> |
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> |
| | | <el-form-item label="æ£æµæ¶é´" prop="date"> |
| | | <el-date-picker |
| | | v-model="date" |
| | | @change="setDate" |
| | | type="daterange" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¥æ" |
| | | end-placeholder="ç»ææ¥æ" |
| | | format="yyyy å¹´ MM æ dd æ¥" |
| | | value-format="yyyy-MM-dd"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="æä½äºº" prop="memberName"> |
| | | <el-input v-model="searchForm.memberName" placeholder="请è¾å
¥" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="é¥åæ" prop="cabinetId"> |
| | | <el-select v-model="searchForm.cabinetId" placeholder="è¯·éæ©" @change="search"> |
| | | <el-option |
| | | v-for="item in keysAll" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="ç¶æ" prop="status"> |
| | | <el-select v-model="searchForm.status" placeholder="è¯·éæ©" @change="search"> |
| | | <el-option label="å
¨é¨" value=""></el-option> |
| | | <el-option label="æªéè¿" :value="0"></el-option> |
| | | <el-option label="éè¿" :value="1"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <section> |
| | | <el-button type="primary" @click="search">æç´¢</el-button> |
| | | <el-button type="primary" :loading="isWorking.export" v-permissions="['business:jkcabinetlog:exportExcel']" @click="exportExcel">导åº</el-button> |
| | | <el-button @click="reset">éç½®</el-button> |
| | | </section> |
| | | </el-form> |
| | | <!-- è¡¨æ ¼åå页 --> |
| | | <template v-slot:table-wrap> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | | > |
| | | <el-table-column prop="createDate" label="æ£æµæ¶é´" min-width="100px"></el-table-column> |
| | | <el-table-column prop="memberName" label="æ£æµäºº" min-width="100px"></el-table-column> |
| | | <el-table-column prop="cabinetName" label="æå±é¥åæ" min-width="100px"></el-table-column> |
| | | <el-table-column prop="keyInfo" label="æ£æµå
容" min-width="200px"></el-table-column> |
| | | <el-table-column label="ç¶æ" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <el-link :underline="false" v-if="row.status === 1">éè¿</el-link> |
| | | <el-link type="danger" :underline="false" v-if="row.status ===0">æªéè¿</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handlePageChange" |
| | | :pagination="tableData.pagination" |
| | | > |
| | | </pagination> |
| | | </template> |
| | | <!-- æ°å»º/ä¿®æ¹ --> |
| | | <OperaJkCabinetLogWindow ref="operaJkCabinetLogWindow" @success="handlePageChange"/> |
| | | </TableLayout> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseTable from '@/components/base/BaseTable' |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import OperaJkCabinetLogWindow from '@/components/business/OperaJkCabinetLogWindow' |
| | | import { list } from '@/api/business/jkCabinet' |
| | | export default { |
| | | name: 'JkCabinetLog', |
| | | extends: BaseTable, |
| | | components: { TableLayout, Pagination, OperaJkCabinetLogWindow }, |
| | | data () { |
| | | return { |
| | | // æç´¢ |
| | | searchForm: { |
| | | endDate: '', |
| | | startDate: '', |
| | | cabinetId: '', |
| | | authType: '', |
| | | bizType: 2, |
| | | memberName: '', |
| | | status: '' |
| | | }, |
| | | date: [], |
| | | keysAll: [] |
| | | } |
| | | }, |
| | | created () { |
| | | this.config({ |
| | | module: 'é¥åæå¼å
³é¨è®°å½', |
| | | api: '/business/jkCabinetLog', |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | this.search() |
| | | this.getkeysAll() |
| | | }, |
| | | methods: { |
| | | setDate(e) { |
| | | if (e && e.length > 1) { |
| | | this.searchForm.startDate = e[0] |
| | | this.searchForm.endDate = e[1] |
| | | } else { |
| | | this.searchForm.startDate = '' |
| | | this.searchForm.endDate = '' |
| | | } |
| | | this.search() |
| | | }, |
| | | // æç´¢æ¡éç½® |
| | | reset () { |
| | | this.$refs.searchForm.resetFields() |
| | | this.date = [] |
| | | this.searchForm.startDate = '' |
| | | this.searchForm.endDate = '' |
| | | this.search() |
| | | }, |
| | | getkeysAll() { |
| | | list({}) |
| | | .then(res => { |
| | | console.log(res) |
| | | this.keysAll = res |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |