|
@@ -7,16 +7,18 @@
|
|
:filter="filter"
|
|
:filter="filter"
|
|
:sear="sear"
|
|
:sear="sear"
|
|
:filterSear="2"
|
|
:filterSear="2"
|
|
|
|
+ :filterReset="filterReset"
|
|
|
|
+ :filterType="filterType"
|
|
requestApi="/order/orderList"
|
|
requestApi="/order/orderList"
|
|
@loading="load"
|
|
@loading="load"
|
|
@emptyFilter="emptyFilter"
|
|
@emptyFilter="emptyFilter"
|
|
style="background:#fff;padding:10px"
|
|
style="background:#fff;padding:10px"
|
|
>
|
|
>
|
|
<template slot="filterTitle">
|
|
<template slot="filterTitle">
|
|
- <div style="font-size:18px">高级筛选<Input suffix="md-search" type="text" size="large" v-model="sear.keyword" placeholder="搜索订单编号" clearable class="ser-ipt"/></div>
|
|
|
|
|
|
+ <div class="shai_xuan"><span @click="screened">高级筛选<Icon :class="{'arrowTransform': !flag, 'arrowTransformReturn': flag}" type="ios-arrow-down" /></span><Input suffix="md-search" type="text" size="large" v-model="sear.keyword" placeholder="搜索订单编号" clearable class="ser-ipt"/></div>
|
|
<Divider style="margin:15px 0" />
|
|
<Divider style="margin:15px 0" />
|
|
</template>
|
|
</template>
|
|
- <template slot="filterContent">
|
|
|
|
|
|
+ <template slot="filterContent" v-if="flag">
|
|
<Select size="large" placeholder="产品类型" clearable v-model="filter.productType" style="width:100px;margin:0 10px 10px 0">
|
|
<Select size="large" placeholder="产品类型" clearable v-model="filter.productType" style="width:100px;margin:0 10px 10px 0">
|
|
<Option v-for="item in proType" :value="item.v" :key="item.v">{{ item.n }}</Option>
|
|
<Option v-for="item in proType" :value="item.v" :key="item.v">{{ item.n }}</Option>
|
|
</Select>
|
|
</Select>
|
|
@@ -32,8 +34,24 @@
|
|
<Select size="large" placeholder="付款方式" clearable v-model="filter.payStatus" style="width:100px;margin:0 10px 10px 0">
|
|
<Select size="large" placeholder="付款方式" clearable v-model="filter.payStatus" style="width:100px;margin:0 10px 10px 0">
|
|
<Option v-for="item in payWay" :value="item.v" :key="item.v">{{ item.n }}</Option>
|
|
<Option v-for="item in payWay" :value="item.v" :key="item.v">{{ item.n }}</Option>
|
|
</Select>
|
|
</Select>
|
|
- <Input style="width:80px" type="text" size="large" v-model="filter.payMoneyMin" placeholder="最小金额" clearable/>
|
|
|
|
- <Input style="width:80px;margin-left:2px;margin-right:10px" type="text" size="large" v-model="filter.payMoneyMax" placeholder="最大金额" clearable/>
|
|
|
|
|
|
+ <Input
|
|
|
|
+ type="text"
|
|
|
|
+ size="large"
|
|
|
|
+ v-model="filter.payMoneyMin"
|
|
|
|
+ placeholder="最小金额"
|
|
|
|
+ clearable
|
|
|
|
+ prefix="logo-yen"
|
|
|
|
+ style="width:90px;height:36px:margin-bottom:10px"
|
|
|
|
+ ></Input>
|
|
|
|
+ <Input
|
|
|
|
+ type="text"
|
|
|
|
+ size="large"
|
|
|
|
+ v-model="filter.payMoneyMax"
|
|
|
|
+ placeholder="最大金额"
|
|
|
|
+ clearable
|
|
|
|
+ prefix="logo-yen"
|
|
|
|
+ style="width:90px;height:36px;margin: 0 10px 10px 2px;"
|
|
|
|
+ />
|
|
<DatePicker
|
|
<DatePicker
|
|
type="datetime"
|
|
type="datetime"
|
|
size="large"
|
|
size="large"
|
|
@@ -55,7 +73,7 @@
|
|
@on-change="handleChange2"
|
|
@on-change="handleChange2"
|
|
@on-ok="confirmed2"
|
|
@on-ok="confirmed2"
|
|
@on-open-change="opened2"
|
|
@on-open-change="opened2"
|
|
- ></DatePicker>
|
|
|
|
|
|
+ ></DatePicker><br/>
|
|
<Select
|
|
<Select
|
|
size="large"
|
|
size="large"
|
|
placeholder="付费类型"
|
|
placeholder="付费类型"
|
|
@@ -81,14 +99,14 @@
|
|
placeholder="发票开具方"
|
|
placeholder="发票开具方"
|
|
clearable
|
|
clearable
|
|
v-model="filter.invoiceParty"
|
|
v-model="filter.invoiceParty"
|
|
- style="width:100px;margin:0 10px 10px 0"
|
|
|
|
|
|
+ style="width:110px;margin:0 10px 10px 0"
|
|
v-show="select3"
|
|
v-show="select3"
|
|
>
|
|
>
|
|
<Option v-for="item in payWay" :value="item.v" :key="item.v">{{ item.n }}</Option>
|
|
<Option v-for="item in payWay" :value="item.v" :key="item.v">{{ item.n }}</Option>
|
|
- </Select></br>
|
|
|
|
|
|
+ </Select><br v-show="select1 || select2 || select3"/>
|
|
</template>
|
|
</template>
|
|
- <template slot="exportData">
|
|
|
|
- <Button type="primary" size="large" style="margin: 0 0 10px 10px">导出结果</Button>
|
|
|
|
|
|
+ <template slot="exportData" v-if="flag">
|
|
|
|
+ <Button type="primary" size="large" @click="orderExport" style="margin: 0 0 10px 10px">导出结果</Button>
|
|
</template>
|
|
</template>
|
|
<Table
|
|
<Table
|
|
size="large"
|
|
size="large"
|
|
@@ -165,6 +183,17 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ screened () {
|
|
|
|
+ this.flag = !this.flag
|
|
|
|
+ if (this.flag) {
|
|
|
|
+ this.filterType = 1
|
|
|
|
+ this.filterReset = 1
|
|
|
|
+ } else {
|
|
|
|
+ this.filterType = 0
|
|
|
|
+ this.filterReset = 0
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ },
|
|
load (val) {
|
|
load (val) {
|
|
this.loading = val
|
|
this.loading = val
|
|
},
|
|
},
|
|
@@ -236,6 +265,9 @@ export default {
|
|
refund (code) {
|
|
refund (code) {
|
|
this.models.tShow = true
|
|
this.models.tShow = true
|
|
this.models.reCode = code
|
|
this.models.reCode = code
|
|
|
|
+ },
|
|
|
|
+ orderExport () {
|
|
|
|
+
|
|
},
|
|
},
|
|
subSave () {
|
|
subSave () {
|
|
var curTime = new Date().getTime()
|
|
var curTime = new Date().getTime()
|
|
@@ -261,6 +293,9 @@ export default {
|
|
select1: false,
|
|
select1: false,
|
|
select2: false,
|
|
select2: false,
|
|
select3: false,
|
|
select3: false,
|
|
|
|
+ flag: true,
|
|
|
|
+ filterType: 1,
|
|
|
|
+ filterReset: 1,
|
|
models: {
|
|
models: {
|
|
tShow: false,
|
|
tShow: false,
|
|
cause: '',
|
|
cause: '',
|
|
@@ -490,5 +525,21 @@ export default {
|
|
float: right;
|
|
float: right;
|
|
width: 162px;
|
|
width: 162px;
|
|
}
|
|
}
|
|
|
|
+ .shai_xuan {
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ span {
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .arrowTransform{
|
|
|
|
+ transition: 0.2s;
|
|
|
|
+ transform-origin: center;
|
|
|
|
+ transform: rotateZ(90deg);
|
|
|
|
+ }
|
|
|
|
+ .arrowTransformReturn{
|
|
|
|
+ transition: 0.2s;
|
|
|
|
+ transform-origin: center;
|
|
|
|
+ transform: rotateZ(0deg);
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|