|
@@ -5,29 +5,50 @@
|
|
<div class="table-page-search-wrapper">
|
|
<div class="table-page-search-wrapper">
|
|
<a-form layout="inline">
|
|
<a-form layout="inline">
|
|
<a-row :gutter="48">
|
|
<a-row :gutter="48">
|
|
- <a-col :md="8" :sm="24">
|
|
|
|
- <a-form-item label="日期" prop="createTime">
|
|
|
|
- <a-input v-model="queryParam.createTime" placeholder="请输入日期" allow-clear />
|
|
|
|
|
|
+ <a-col :span="6" >
|
|
|
|
+ <a-form-item label="交易时间">
|
|
|
|
+ <!-- <a-date-picker style="width: 100%" v-model="queryParam.insuranceTime" format="YYYY-MM-DD HH:mm:ss" allow-clear/> -->
|
|
|
|
+ <a-range-picker
|
|
|
|
+ v-model="insuranceTime"
|
|
|
|
+ format="YYYY-MM-DD"
|
|
|
|
+ :placeholder="['开始时间', '结束时间']"
|
|
|
|
+ @change="onChangeTime"
|
|
|
|
+ />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
- <template v-if="advanced">
|
|
|
|
- <a-col :md="8" :sm="24">
|
|
|
|
|
|
+ <template>
|
|
|
|
+ <a-col :span="6">
|
|
<a-form-item label="车牌号码" prop="plateNumber">
|
|
<a-form-item label="车牌号码" prop="plateNumber">
|
|
<a-input v-model="queryParam.plateNumber" placeholder="请输入车牌号码" allow-clear />
|
|
<a-input v-model="queryParam.plateNumber" placeholder="请输入车牌号码" allow-clear />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
</template>
|
|
</template>
|
|
- <a-col :md="(!advanced && 8) || 24" :sm="24">
|
|
|
|
|
|
+ <a-col :span="5">
|
|
|
|
+ <a-form-item label="部门名称" prop="deptName">
|
|
|
|
+ <a-input v-model="queryParam.deptName" placeholder="请输入部门名称关键字" allow-clear />
|
|
|
|
+ </a-form-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="6">
|
|
|
|
+ <a-form-item label="申请人" prop="applyUserName">
|
|
|
|
+ <a-input v-model="queryParam.applyUserName" placeholder="请输入申请人关键字" allow-clear />
|
|
|
|
+ </a-form-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="6">
|
|
|
|
+ <a-form-item label="油卡类型" prop="gasCardType">
|
|
|
|
+ <a-select placeholder="请选择操作类型" v-model="queryParam.gasCardType" style="width: 100%" allow-clear showSearch>
|
|
|
|
+ <a-select-option v-for="(d1, index1) in dict.type.gas_car_type" :key="index1" :value="d1.value">{{
|
|
|
|
+ d1.label
|
|
|
|
+ }}</a-select-option>
|
|
|
|
+ </a-select>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="6">
|
|
<span
|
|
<span
|
|
class="table-page-search-submitButtons"
|
|
class="table-page-search-submitButtons"
|
|
:style="(advanced && { float: 'right', overflow: 'hidden' }) || {}"
|
|
:style="(advanced && { float: 'right', overflow: 'hidden' }) || {}"
|
|
>
|
|
>
|
|
<a-button type="primary" @click="handleQuery"><a-icon type="search" />查询</a-button>
|
|
<a-button type="primary" @click="handleQuery"><a-icon type="search" />查询</a-button>
|
|
<a-button style="margin-left: 8px" @click="resetQuery"><a-icon type="redo" />重置</a-button>
|
|
<a-button style="margin-left: 8px" @click="resetQuery"><a-icon type="redo" />重置</a-button>
|
|
- <a @click="toggleAdvanced" style="margin-left: 8px">
|
|
|
|
- {{ advanced ? '收起' : '展开' }}
|
|
|
|
- <a-icon :type="advanced ? 'up' : 'down'" />
|
|
|
|
- </a>
|
|
|
|
</span>
|
|
</span>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
@@ -118,25 +139,16 @@ export default {
|
|
gasCardType: null,
|
|
gasCardType: null,
|
|
categoryId: null,
|
|
categoryId: null,
|
|
plateNumber: null,
|
|
plateNumber: null,
|
|
|
|
+ applyUserName:null,
|
|
|
|
+ params:{},
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
},
|
|
},
|
|
|
|
+ insuranceTime: [],
|
|
|
|
+ beginRemindTime: null,
|
|
|
|
+ endRemindTime: null,
|
|
columns: [
|
|
columns: [
|
|
{ title: '序号', scopedSlots: { customRender: 'num' }, width: '50px', align: 'center' },
|
|
{ title: '序号', scopedSlots: { customRender: 'num' }, width: '50px', align: 'center' },
|
|
- // {
|
|
|
|
- // title: '日期',
|
|
|
|
- // dataIndex: 'createTime',
|
|
|
|
- // ellipsis: true,
|
|
|
|
- // align: 'center',
|
|
|
|
- // width:'130px'
|
|
|
|
- // },
|
|
|
|
- // {
|
|
|
|
- // title: '票据',
|
|
|
|
- // dataIndex: 'invoiceUrl',
|
|
|
|
- // ellipsis: true,
|
|
|
|
- // align: 'center',
|
|
|
|
- // width:'120px'
|
|
|
|
- // },
|
|
|
|
{
|
|
{
|
|
title: '油卡类型',
|
|
title: '油卡类型',
|
|
dataIndex: 'gasCardType',
|
|
dataIndex: 'gasCardType',
|
|
@@ -166,20 +178,6 @@ export default {
|
|
align: 'center',
|
|
align: 'center',
|
|
width: '130px',
|
|
width: '130px',
|
|
},
|
|
},
|
|
- // {
|
|
|
|
- // title: '交易ID',
|
|
|
|
- // dataIndex: 'tradingId',
|
|
|
|
- // ellipsis: true,
|
|
|
|
- // align: 'center',
|
|
|
|
- // width:'80px'
|
|
|
|
- // },
|
|
|
|
- // {
|
|
|
|
- // title: '加油卡号',
|
|
|
|
- // dataIndex: 'gasCode',
|
|
|
|
- // ellipsis: true,
|
|
|
|
- // align: 'center',
|
|
|
|
- // width:'120px'
|
|
|
|
- // },
|
|
|
|
{
|
|
{
|
|
title: '加油升数(升)',
|
|
title: '加油升数(升)',
|
|
dataIndex: 'litres',
|
|
dataIndex: 'litres',
|
|
@@ -244,6 +242,10 @@ export default {
|
|
/** 查询油耗登记信息列表 */
|
|
/** 查询油耗登记信息列表 */
|
|
getList() {
|
|
getList() {
|
|
this.loading = true
|
|
this.loading = true
|
|
|
|
+ if (this.insuranceTime.length>0) {
|
|
|
|
+ this.queryParam.params.endTime = this.endRemindTime
|
|
|
|
+ this.queryParam.params.startTime = this.beginRemindTime
|
|
|
|
+ }
|
|
listFuelConsumptionLog(this.queryParam).then((response) => {
|
|
listFuelConsumptionLog(this.queryParam).then((response) => {
|
|
this.list = response.rows
|
|
this.list = response.rows
|
|
this.total = response.total
|
|
this.total = response.total
|
|
@@ -263,9 +265,12 @@ export default {
|
|
gasCardType: undefined,
|
|
gasCardType: undefined,
|
|
categoryId: undefined,
|
|
categoryId: undefined,
|
|
plateNumber: undefined,
|
|
plateNumber: undefined,
|
|
|
|
+ applyUserName:undefined,
|
|
|
|
+ params:{},
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
}
|
|
}
|
|
|
|
+ this.insuranceTime=[]
|
|
this.handleQuery()
|
|
this.handleQuery()
|
|
},
|
|
},
|
|
onShowSizeChange(current, pageSize) {
|
|
onShowSizeChange(current, pageSize) {
|
|
@@ -287,6 +292,10 @@ export default {
|
|
toggleAdvanced() {
|
|
toggleAdvanced() {
|
|
this.advanced = !this.advanced
|
|
this.advanced = !this.advanced
|
|
},
|
|
},
|
|
|
|
+ onChangeTime(val) {
|
|
|
|
+ this.beginRemindTime = val[0].format('YYYY-MM-DD 00:00:00')
|
|
|
|
+ this.endRemindTime = val[1].format('YYYY-MM-DD 23:59:59')
|
|
|
|
+ },
|
|
/** 删除按钮操作 */
|
|
/** 删除按钮操作 */
|
|
handleDelete(row) {
|
|
handleDelete(row) {
|
|
var that = this
|
|
var that = this
|