| | |
| | | <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="tollCollectorId"> |
| | | <el-select v-model="queryParams.tollCollectorId" filterable style="width: 200px" placeholder="请选择汇总人员" |
| | | clearable @clear="getCompanyList"> |
| | | <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="accountBeginTime"> |
| | | <el-row> |
| | | <el-col :span="7"> |
| | | <el-form-item label="汇总人员" prop="tollCollectorId" style="display: flex;"> |
| | | <el-select v-model="queryParams.tollCollectorId" filterable |
| | | placeholder="请选择汇总人员" clearable @clear="getCompanyList"> |
| | | <el-option v-for="dict in CompanyList" :key="dict.userId" :label="dict.nickName" |
| | | :value="dict.userId" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-form-item label="起始时间" prop="accountBeginTime"> |
| | | <el-date-picker v-model="queryParams.accountBeginTime" type="datetime" placeholder="选择起始时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | |
| | | <el-date-picker v-model="queryParams.accountEndTime" type="datetime" placeholder="选择截止时间"> |
| | | </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-col :span="7"> |
| | | <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"> |
| | | <el-col :span="1.5"> |
| | | <el-button icon="el-icon-edit" size="mini" @click="handleDelete" |
| | | :disabled="single">撤销</el-button> |
| | | <el-button icon="el-icon-edit" size="mini" @click="handleDelete" :disabled="single">撤销</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button icon="el-icon-edit" size="mini" @click="handledocument" |
| | | :disabled="single">补打单据</el-button> |
| | | <el-button icon="el-icon-edit" size="mini" @click="handledocument" :disabled="single">补打单据</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | |
| | | <el-table-column label="汇总人" align="center" prop="hzName" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="汇总事件" align="center" prop="hzSj" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="收费金额" align="center" prop="amountReceived" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="退费金额" align="center" prop="refundAmount" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="应交款" align="center" prop="payable" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="退费金额" align="center" prop="refundAmount" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="应交款" align="center" prop="payable" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="mini" type="text" icon="el-icon-s-order" title="详情" @click="handleUpdate(scope.row)" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | |
| | | |
| | | <div class="pag"> |
| | | <div class="pag1"> |
| | |
| | | |
| | | |
| | | <div style="margin: 10px 20px;"> |
| | | <el-table style="width: 94%" :data="collectorList" ref="multipleTable" border max-height="700px"> |
| | | <el-table-column label="交款员" align="center" prop="tollCollector" width="90" /> |
| | | <el-table-column label="收费金额" align="center" prop="amountReceived" width="90" /> |
| | | <el-table-column label="退费金额" align="center" prop="refundAmount" width="90" /> |
| | | <el-table-column label="应交款" align="center" prop="payable" width="90"/> |
| | | <el-table style="width: 94%" :data="collectorList" ref="multipleTable" border max-height="700px"> |
| | | <el-table-column label="交款员" align="center" prop="tollCollector" width="90" /> |
| | | <el-table-column label="收费金额" align="center" prop="amountReceived" width="90" /> |
| | | <el-table-column label="退费金额" align="center" prop="refundAmount" width="90" /> |
| | | <el-table-column label="应交款" align="center" prop="payable" width="90" /> |
| | | <el-table-column label="交账时间" align="center" prop="createTime" /> |
| | | <el-table-column label="起始时间" align="center" prop="accountBeginTime" /> |
| | | <el-table-column label="截止时间" align="center" prop="accountEndTime" /> |
| | | <el-table-column label="截止时间" align="center" prop="accountEndTime" /> |
| | | </el-table> |
| | | |
| | | |
| | | </div> |
| | | |
| | | </el-drawer> |
| | |
| | | title: "", |
| | | // 是否显示弹出层 |
| | | open: false, |
| | | accountId:"", |
| | | accountId: "", |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | |
| | | |
| | | }); |
| | | }, |
| | | |
| | | |
| | | |
| | | // 搜索 |
| | | handleQuery() { |
| | |
| | | |
| | | // 表格单选 |
| | | handleSelect(selection, val) { |
| | | this.single = selection.length!==1 |
| | | this.single = selection.length !== 1 |
| | | selection.forEach(element => { |
| | | this.accountId = element.hzCard |
| | | this.id = element.id |
| | | this.tollCollectorId = element.hzUserId |
| | | }); |
| | | }, |
| | | |
| | | |
| | | handleDelete() { |
| | | let data = { |
| | | id: this.id, |