|
@@ -5,14 +5,47 @@
|
|
|
ref="tableLists"
|
|
|
v-model="list"
|
|
|
:filter="filter"
|
|
|
- :filterType="2"
|
|
|
- :filterReset="0"
|
|
|
+ :sear="sear"
|
|
|
+ :filterSear="2"
|
|
|
+ @emptyFilter="emptyFilter"
|
|
|
requestApi="/sales/settleList"
|
|
|
style="background:#fff;padding:10px"
|
|
|
@loading="load"
|
|
|
>
|
|
|
+ <template slot="filterContent">
|
|
|
+ <FormItem label="可提现金额:" :label-width="90">
|
|
|
+ <Input style="width: 73px" type="text" size="large" v-model="filter.cashMoneyMin" placeholder="最小金额" clearable/>
|
|
|
+ <Input style="width: 73px;margin-left: 2px" type="text" size="large" v-model="filter.cashMoneyMax" placeholder="最大金额" clearable/>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem label="结算时间:" :label-width="70" style="margin-right: 30px">
|
|
|
+ <DatePicker
|
|
|
+ type="datetime"
|
|
|
+ size="large"
|
|
|
+ v-model="dataVals1"
|
|
|
+ placeholder="起始时间"
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ style="width: 172px"
|
|
|
+ :options="options1"
|
|
|
+ @on-change="handleChange1"
|
|
|
+ @on-ok="confirmed1"
|
|
|
+ @on-open-change="opened1"
|
|
|
+ ></DatePicker>
|
|
|
+ <DatePicker
|
|
|
+ type="datetime"
|
|
|
+ size="large"
|
|
|
+ v-model="dataVals2"
|
|
|
+ placeholder="截止时间"
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ style="width:172px; margin-left:2px"
|
|
|
+ :options="options2"
|
|
|
+ @on-change="handleChange2"
|
|
|
+ @on-ok="confirmed2"
|
|
|
+ @on-open-change="opened2"
|
|
|
+ ></DatePicker>
|
|
|
+ </FormItem>
|
|
|
+ </template>
|
|
|
<template slot="filterRight">
|
|
|
- <Input suffix="md-search" type="text" size="large" v-model="filter.keyword" placeholder="搜索单号或手机号" clearable class="ser-ipt"/>
|
|
|
+ <Input suffix="md-search" type="text" size="large" v-model="sear.keyword" placeholder="搜索单号或手机号" clearable class="ser-ipt"/>
|
|
|
</template>
|
|
|
<Table
|
|
|
size="large"
|
|
@@ -23,7 +56,6 @@
|
|
|
:data="list.lists"
|
|
|
stripe
|
|
|
@on-row-click="rowClick"
|
|
|
- style="margin-top:10px"
|
|
|
>
|
|
|
</Table>
|
|
|
<template slot="options">
|
|
@@ -33,6 +65,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import { ChangeDate } from '../../assets/js/date'
|
|
|
export default {
|
|
|
methods: {
|
|
|
load (val) {
|
|
@@ -41,6 +74,63 @@ export default {
|
|
|
rowClick (data) {
|
|
|
const news = this.$router.resolve({path: '/sales/settleList/settleDetail', query:{id:data.id, uid:data.uid, deType:'jiesuan'}})
|
|
|
window.open(news.href,'_blank')
|
|
|
+ },
|
|
|
+ emptyFilter (val) {
|
|
|
+ if (val) {
|
|
|
+ this.filter.keyword = ''
|
|
|
+ this.filter.cashMoneyMin = ''
|
|
|
+ this.filter.cashMoneyMax = ''
|
|
|
+ this.filter.cashTimeStart = ''
|
|
|
+ this.filter.cashTimeEnd = ''
|
|
|
+ this.dataVals1 = ''
|
|
|
+ this.dataVals2 = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleChange1 (date) {
|
|
|
+ this.filter.cashTimeStart = date
|
|
|
+ },
|
|
|
+ handleChange2 (date) {
|
|
|
+ this.filter.cashTimeEnd = date
|
|
|
+ },
|
|
|
+ confirmed1 () {
|
|
|
+ if (this.filter.cashTimeStart && this.filter.cashTimeEnd) {
|
|
|
+ if (this.filter.cashTimeStart > this.filter.cashTimeEnd) {
|
|
|
+ this.dataVals1 = ''
|
|
|
+ this.filter.cashTimeStart = ''
|
|
|
+ this.$Notice.warning({
|
|
|
+ title: '警告提示',
|
|
|
+ desc: "起始时间应小于截止时间",
|
|
|
+ duration: 5
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ confirmed2 () {
|
|
|
+ if (this.filter.cashTimeStart && this.filter.cashTimeEnd) {
|
|
|
+ if (this.filter.cashTimeStart > this.filter.cashTimeEnd) {
|
|
|
+ this.dataVals2 = ''
|
|
|
+ this.filter.cashTimeEnd = ''
|
|
|
+ this.$Notice.warning({
|
|
|
+ title: '警告提示',
|
|
|
+ desc: "截止时间应大于起始时间",
|
|
|
+ duration: 5
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ opened1 (val) {
|
|
|
+ if (val) {
|
|
|
+ return
|
|
|
+ } else {
|
|
|
+ this.confirmed1()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ opened2 (val) {
|
|
|
+ if (val) {
|
|
|
+ return
|
|
|
+ } else {
|
|
|
+ this.confirmed2()
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
data () {
|
|
@@ -48,9 +138,31 @@ export default {
|
|
|
lis: '',
|
|
|
loading: false,
|
|
|
requestType: [],
|
|
|
+ dataVals1: '',
|
|
|
+ dataVals2: '',
|
|
|
filter: {
|
|
|
- keyword: '',
|
|
|
- type: ''
|
|
|
+ // keyword: '',
|
|
|
+ cashMoneyMin: '',
|
|
|
+ cashMoneyMax: '',
|
|
|
+ cashTimeStart: '',
|
|
|
+ cashTimeEnd: ''
|
|
|
+ },
|
|
|
+ sear: {
|
|
|
+ keyword: ''
|
|
|
+ },
|
|
|
+ options1: {
|
|
|
+ disabledDate: (function(date) {
|
|
|
+ var timeEnd = ChangeDate(this.filter.cashTimeEnd)
|
|
|
+ var p_time = new Date(timeEnd).getTime()
|
|
|
+ return date && date.valueOf() > p_time;
|
|
|
+ }).bind(this)
|
|
|
+ },
|
|
|
+ options2: {
|
|
|
+ disabledDate: (function(date) {
|
|
|
+ var timeStart = ChangeDate(this.filter.cashTimeStart)
|
|
|
+ var p_time = new Date(timeStart).getTime()
|
|
|
+ return date && date.valueOf() < p_time;
|
|
|
+ }).bind(this)
|
|
|
},
|
|
|
columns: [
|
|
|
{
|