| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px"> |
| | | <el-form-item label="交款员" prop="tollCollectorName"> |
| | | <el-select v-model="queryParams.tollCollectorName" filterable style="width: 128px" placeholder="请选择交款员" clearable |
| | | @clear="getCompanyList" @change="idFn"> |
| | | <el-option v-for="dict in CompanyList" :key="dict.userId" :label="dict.nickName" :value="dict.userId" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="交账时间" prop="tollCollectorName"> |
| | | <el-date-picker v-model="value1" type="datetimerange" :picker-options="pickerOptions" |
| | | value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="起止日期" end-placeholder="终止日期" :default-time="['12:00:00']"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | </el-form-item> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="110px"> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="交款员" prop="tollCollectorName" style="display: flex;"> |
| | | <el-select v-model="queryParams.tollCollectorName" filterable placeholder="请选择交款员" clearable |
| | | @clear="getCompanyList" @change="idFn"> |
| | | <el-option v-for="dict in CompanyList" :key="dict.userId" :label="dict.nickName" :value="dict.userId" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="14"> |
| | | <el-form-item label="交账时间" prop="tollCollectorName" style="display: flex;"> |
| | | <el-date-picker v-model="value1" type="datetimerange" :picker-options="pickerOptions" |
| | | value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="起止日期" end-placeholder="终止日期" |
| | | :default-time="['12:00:00']"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | |
| | | |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | |
| | | let data = { |
| | | tollCollectorId: this.tollCollectorId, |
| | | accountBeginTime: this.value1[0], |
| | | accountEndTime:this.value1[1], |
| | | accountEndTime: this.value1[1], |
| | | pageNum: this.queryParams.pageNum, |
| | | pageSize: this.queryParams.pageSize, |
| | | }; |
| | |
| | | display: none; |
| | | } |
| | | |
| | | .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner { |
| | | width: 100%; |
| | | } |
| | | |
| | | .pag { |
| | | width: 100%; |
| | | display: flex; |