| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="110px" |
| | | > |
| | | <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-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" |
| | | :default-time="['00:00:00', '23:59:00']" |
| | | format="yyyy-MM-dd HH:mm" |
| | | value-format="yyyy-MM-dd HH:mm" |
| | | start-placeholder="起止日期" |
| | | end-placeholder="终止日期" |
| | | > |
| | | <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-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" |
| | | >撤销</el-button |
| | | > |
| | | <el-button icon="el-icon-edit" size="mini" @click="handleDelete">撤销</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button icon="el-icon-edit" size="mini" @click="handledocument" |
| | | >补打单据</el-button |
| | | > |
| | | <el-button icon="el-icon-edit" size="mini" @click="handledocument">补打单据</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-table |
| | | :row-class-name="tableRowClassName" |
| | | style="width: 80%" |
| | | :data="tableData" |
| | | @selection-change="handleSelect" |
| | | ref="multipleTable" |
| | | border |
| | | > |
| | | <el-table :row-class-name="tableRowClassName" style="width: 80%" :data="tableData" @selection-change="handleSelect" |
| | | ref="multipleTable" border> |
| | | <el-table-column type="selection" width="55"> </el-table-column> |
| | | <el-table-column |
| | | label="交款员" |
| | | align="center" |
| | | prop="tollCollector" |
| | | :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="createTime" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="起止时间" |
| | | align="center" |
| | | prop="accountBeginTime" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="截止时间" |
| | | align="center" |
| | | prop="accountEndTime" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column label="交款员" align="center" prop="tollCollector" :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="createTime" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="起止时间" align="center" prop="accountBeginTime" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="截止时间" align="center" prop="accountEndTime" :show-overflow-tooltip="true" /> |
| | | </el-table> |
| | | |
| | | <div class="pag"> |
| | | <div class="pag1"> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" /> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-table |
| | | :data="allList" |
| | | style="margin-top: 60px; width: 80%" |
| | | show-summary |
| | | border |
| | | > |
| | | <el-table :data="allList" style="margin-top: 60px; width: 80%" show-summary border> |
| | | <el-table-column label="付款方式" align="center" prop="payType" /> |
| | | <el-table-column label="收费金额" align="center" prop="amountReceived"> |
| | | </el-table-column> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getNewDateList } from "@/api/hosp/order"; |
| | | import { |
| | | getcolllist, |
| | | getdatalist, |
| | | delById, |
| | | getNewDate, |
| | | } from "@/api/hosp/water"; |
| | | import { getcolllist, getdatalist, delById, getNewDate } from "@/api/hosp/water"; |
| | | import { getInfo } from "@/api/login"; |
| | | import moment from "moment"; |
| | | |
| | |
| | | created() { |
| | | this.getList(); |
| | | this.getCompanyList(); |
| | | |
| | | }, |
| | | methods: { |
| | | /** 查询体检流水列表 */ |
| | |
| | | this.queryParams.tollCollectorName = response.user.nickName; |
| | | }); |
| | | |
| | | // getNewDate().then((response) => { |
| | | // if (response.code === 200) { |
| | | // this.value1 = [ |
| | | // moment(response.data).format("YYYY-MM-DD 00:00:00"), |
| | | // moment(response.data).format("YYYY-MM-DD HH:mm:ss"), |
| | | // ]; |
| | | // } |
| | | // }); |
| | | getNewDateList().then((response) => { |
| | | getNewDate().then((response) => { |
| | | if (response.code === 200) { |
| | | this.value1 = [ |
| | | moment(response.data).format("YYYY-MM-DD 00:00:00"), |
| | | moment(response.data).format("YYYY-MM-DD 23:59:00"), |
| | | moment(response.data).format("YYYY-MM-DD HH:mm:ss") |
| | | ]; |
| | | } |
| | | }); |
| | |
| | | }; |
| | | getcolllist(data).then((res) => { |
| | | this.tableData = res.data.list; |
| | | this.allList = []; |
| | | this.allList = [] |
| | | if (this.tableData.length != 0) { |
| | | this.$nextTick(() => { |
| | | this.$refs.multipleTable.toggleRowSelection( |
| | |
| | | this.total = res.data.total; |
| | | }); |
| | | }, |
| | | handleUpdate() {}, |
| | | handleUpdate() { }, |
| | | |
| | | // 表格单选 |
| | | handleSelect(selection, val) { |
| | |
| | | }, |
| | | handledocument() { |
| | | const viewNum = "809743614817824768"; |
| | | let accountId = this.selectList[0].accountId; |
| | | let accountId = this.selectList[0].accountId |
| | | const params = { viewNum, accountId }; |
| | | this.$tab.openPage("结账单", "/report/settlement", params); |
| | | }, |
| | |
| | | type: "success", |
| | | }); |
| | | this.getList(); |
| | | this.handleQuery(); |
| | | this.handleQuery() |
| | | }); |
| | | }, |
| | | }, |
| | |
| | | display: none; |
| | | } |
| | | |
| | | .el-date-editor--datetimerange.el-input, |
| | | .el-date-editor--datetimerange.el-input__inner { |
| | | width: 100%; |
| | | .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner { |
| | | width: 100%; |
| | | } |
| | | |
| | | .pag { |
| | |
| | | width: 30%; |
| | | } |
| | | |
| | | .el-table__body tr.current-row > td { |
| | | .el-table__body tr.current-row>td { |
| | | background-color: #f19944 !important; |
| | | /* color: #f19944; */ |
| | | /* 设置文字颜色,可以选择不设置 */ |