| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="100px" |
| | | > |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="收费员" prop="tollCollectorName" style="display: flex;"> |
| | | <el-input v-model="queryParams.tollCollectorName" placeholder="请输入收费员" clearable @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="15"> |
| | | <el-form-item label="结账时间" prop="tollCollectorName" style="display: flex;"> |
| | | <el-date-picker v-model="value1" type="datetimerange" start-placeholder="起止日期" end-placeholder="终止日期" :default-time="['00:00:00', '23:00:00']" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | @change="dateChangebirthday1"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item |
| | | label="收费员" |
| | | prop="tollCollectorName" |
| | | style="display: flex" |
| | | > |
| | | <el-input |
| | | v-model="queryParams.tollCollectorName" |
| | | placeholder="请输入收费员" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="15"> |
| | | <el-form-item |
| | | label="结账时间" |
| | | prop="tollCollectorName" |
| | | style="display: flex" |
| | | > |
| | | <el-date-picker |
| | | v-model="value1" |
| | | type="datetimerange" |
| | | start-placeholder="起止日期" |
| | | end-placeholder="终止日期" |
| | | :default-time="['00:00:00', '23:00:00']" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | @change="dateChangebirthday1" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleUpdate">统计</el-button> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-edit" |
| | | size="mini" |
| | | @click="handleUpdate" |
| | | >统计</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button type="primary" icon="el-icon-check" size="mini" @click="handlesettle" |
| | | :disabled="discode === 200 ? true : false">结账</el-button> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-check" |
| | | size="mini" |
| | | @click="handlesettle" |
| | | :disabled="discode === 200 ? true : false" |
| | | >结账</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button type="primary" size="mini" @click="handleabout">日结查询</el-button> |
| | | <el-button type="primary" size="mini" @click="handleabout" |
| | | >日结查询</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-table :data="dataList" border style="width: 75%"> |
| | | <el-table-column label="姓名" align="center" prop="cusName" width="91px" /> |
| | | <el-table-column label="订单流水号" align="center" prop="waterId" width="186px" /> |
| | | <el-table-column label="应收金额" align="center" prop="copeWith" width="90px" /> |
| | | <el-table-column label="折扣" align="center" prop="discount" width="90px" /> |
| | | <el-table-column label="实收金额" align="center" prop="paidIn" width="90px" /> |
| | | <el-table-column label="付款状态" align="center" prop="payStasus" width="100px" /> |
| | | <el-table-column label="付款方式" align="center" prop="payType" width="100px" /> |
| | | <el-table-column label="收费员" align="center" prop="updateBy" width="140px" /> |
| | | <el-table-column label="收费时间" align="center" prop="updateTime" width="180px" /> |
| | | <el-table-column label="退费时间" align="center" prop="refundTime" width="200px" /> |
| | | <el-table-column |
| | | label="姓名" |
| | | align="center" |
| | | prop="cusName" |
| | | width="91px" |
| | | /> |
| | | <el-table-column |
| | | label="订单流水号" |
| | | align="center" |
| | | prop="waterId" |
| | | width="186px" |
| | | /> |
| | | <el-table-column |
| | | label="应收金额" |
| | | align="center" |
| | | prop="copeWith" |
| | | width="90px" |
| | | /> |
| | | <el-table-column |
| | | label="折扣" |
| | | align="center" |
| | | prop="discount" |
| | | width="90px" |
| | | /> |
| | | <el-table-column |
| | | label="实收金额" |
| | | align="center" |
| | | prop="paidIn" |
| | | width="90px" |
| | | /> |
| | | <el-table-column |
| | | label="付款状态" |
| | | align="center" |
| | | prop="payStasus" |
| | | width="100px" |
| | | /> |
| | | <el-table-column |
| | | label="付款方式" |
| | | align="center" |
| | | prop="payType" |
| | | width="100px" |
| | | /> |
| | | <el-table-column |
| | | label="收费员" |
| | | align="center" |
| | | prop="updateBy" |
| | | width="140px" |
| | | /> |
| | | <el-table-column |
| | | label="收费时间" |
| | | align="center" |
| | | prop="updateTime" |
| | | width="180px" |
| | | /> |
| | | <el-table-column |
| | | label="退费时间" |
| | | align="center" |
| | | prop="refundTime" |
| | | width="200px" |
| | | /> |
| | | </el-table> |
| | | |
| | | <div class="pag"> |
| | | <div class="pag1"> |
| | | <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
| | | @pagination="handleUpdate" /> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="handleUpdate" |
| | | /> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-table border :data="allList" style="margin-top: 30px; width: 75%" :summary-method="getSummaries" show-summary> |
| | | <el-table |
| | | border |
| | | :data="allList" |
| | | style="margin-top: 30px; width: 75%" |
| | | :summary-method="getSummaries" |
| | | show-summary |
| | | > |
| | | <el-table-column label="付款方式" align="center" prop="paytpe" /> |
| | | <el-table-column label="收费金额" align="center" prop="vo.shoukuan"> |
| | | </el-table-column> |
| | |
| | | <script> |
| | | import { getLastTime, getList, collector, getNewDate } from "@/api/hosp/water"; |
| | | import { getInfo } from "@/api/login"; |
| | | import { getNewDateList } from "@/api/hosp/order"; |
| | | import moment from "moment"; |
| | | |
| | | export default { |
| | |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | this.getdate(); |
| | | }, |
| | | methods: { |
| | | getdate() { |
| | | getNewDateList().then((res) => { |
| | | this.value1 = [ |
| | | moment(res.data).format("YYYY-MM-DD 00:00:00"), |
| | | moment(res.data).format("YYYY-MM-DD 23:59:00"), |
| | | ]; |
| | | console.log(this.createTimeList, 111); |
| | | }); |
| | | }, |
| | | /** 查询体检流水列表 */ |
| | | getList() { |
| | | this.loading = true; |
| | |
| | | this.userId = response.user.userId; |
| | | this.queryParams.tollCollectorName = response.user.nickName; |
| | | }); |
| | | getLastTime().then((response) => { |
| | | if (response.code === 200) { |
| | | this.time = response.data; |
| | | getNewDate().then((response) => { |
| | | if (response.code === 200) { |
| | | this.value1 = [ |
| | | moment(this.time).format("YYYY-MM-DD HH:mm:ss"), |
| | | moment(response.data).format("YYYY-MM-DD HH:mm:ss") |
| | | ]; |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | // getLastTime().then((response) => { |
| | | // if (response.code === 200) { |
| | | // this.time = response.data; |
| | | // getNewDate().then((response) => { |
| | | // if (response.code === 200) { |
| | | // this.value1 = [ |
| | | // moment(this.time).format("YYYY-MM-DD HH:mm:ss"), |
| | | // moment(response.data).format("YYYY-MM-DD HH:mm:ss") |
| | | // ]; |
| | | // } |
| | | // }); |
| | | // } |
| | | // }); |
| | | }, |
| | | // 时间 |
| | | dateChangebirthday1(val) { |
| | | this.value1 = val; |
| | | console.log(this.value1) |
| | | console.log(this.value1); |
| | | }, |
| | | |
| | | /** 统计 */ |
| | | handleUpdate() { |
| | | this.loading = true; |
| | | |
| | | |
| | | let data = { |
| | | pageNum: this.queryParams.pageNum, |
| | | pageSize: this.queryParams.pageSize, |
| | | userId: this.userId.toString(), |
| | | beginTime: this.value1[0], |
| | | endTime: this.value1[1] |
| | | endTime: this.value1[1], |
| | | }; |
| | | getList(data).then((res) => { |
| | | this.dataList = res.data.list; |