| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | width="80%" |
| | | width="100%" |
| | | :withFooter="false" |
| | | :visible.sync="visible" |
| | | > |
| | | <TableLayout :permissions="['business:integral:query']"> |
| | | <!-- 搜索表单 --> |
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> |
| | | <el-form ref="searchForm" slot="search-form" id='curSearchForm' :model="searchForm" label-width="100px" inline> |
| | | <el-form-item label="" prop="type"> |
| | | <el-select v-model="searchForm.type" placeholder="请选择收支类型" @change="search" > |
| | | <el-option :key="0" :value="0" label="收入"></el-option> |
| | |
| | | <el-option :key="16" :value="16" label="订单结算"></el-option> |
| | | <el-option :key="17" :value="17" label="余额提现"></el-option> |
| | | <el-option :key="19" :value="19" label="提现退回"></el-option> |
| | | <el-option :key="20" :value="20" label="订单结算退回"></el-option> |
| | | <el-option :key="20" :value="25" label="订单结算退回"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <div class="date-style" style="display: inline"> |
| | | <el-form-item label="交易时间" prop="starttime" > |
| | | <el-date-picker |
| | | style="width: 160px" |
| | | style="width: 190px" |
| | | v-model="searchForm.starttime" |
| | | type="datetime" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | range-separator="至" |
| | | placeholder="开始时间" |
| | | @change="search" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="-" label-width="10px" prop="endtime" > |
| | | <el-date-picker |
| | | style="width: 160px" |
| | | style="width: 190px" |
| | | @change="search" |
| | | v-model="searchForm.endtime" |
| | | type="datetime" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | |
| | | import BaseTable from '@/components/base/BaseTable' |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import moment from 'moment' // 引入moment库 |
| | | moment.locale('zh-cn') |
| | | |
| | | export default { |
| | | name: 'OperaIntegralShopMoneyWindow', |
| | | extends: BaseTable, |
| | |
| | | return { |
| | | title: '', |
| | | visible: false, |
| | | tabelHeight: null, |
| | | tableHeight: null, |
| | | info: {}, |
| | | // 搜索 |
| | | searchForm: { |
| | |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | |
| | | window.addEventListener('resize', () => { |
| | | this.handleResize() |
| | | }) |
| | | this.handleResize() |
| | | }, |
| | | methods: { |
| | | handleResize () { |
| | | this.tableHeight = window.innerHeight - 300 |
| | | if (document.getElementById('curSearchForm')) { |
| | | this.tableHeight = this.tableHeight - document.getElementById('curSearchForm').clientHeight |
| | | } |
| | | }, |
| | | open (title, info) { |
| | | this.searchForm.starttime = moment(this.date).format('YYYY-MM-DD') + ' 00:00:00' |
| | | this.title = title |
| | | this.visible = true |
| | | this.info = info |
| | |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | .table-pagination{ |
| | | /*.table-pagination{ |
| | | position: fixed !important; |
| | | bottom: 50px; |
| | | } |
| | | bottom: 0px; |
| | | }*/ |
| | | .header-b{ |
| | | display: inline-block; |
| | | font-size: 16px; |