From b989da3c3a99fef9068c20ac55467d7ce25523af Mon Sep 17 00:00:00 2001 From: su1124 <1583764726@qq.com> Date: 星期五, 08 三月 2024 14:25:04 +0800 Subject: [PATCH] su --- src/views/hosp/settlement/index.vue | 223 +++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 167 insertions(+), 56 deletions(-) diff --git a/src/views/hosp/settlement/index.vue b/src/views/hosp/settlement/index.vue index 92eda33..4adfab5 100644 --- a/src/views/hosp/settlement/index.vue +++ b/src/views/hosp/settlement/index.vue @@ -1,46 +1,151 @@ <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-input v-model="queryParams.tollCollectorName" placeholder="璇疯緭鍏ユ敹璐瑰憳" clearable @keyup.enter.native="handleQuery"/> - </el-form-item> - <el-form-item label="缁撹处鏃堕棿" prop="tollCollectorName"> - <el-date-picker v-model="value1" type="datetimerange" start-placeholder="璧锋鏃ユ湡" end-placeholder="缁堟鏃ユ湡" :default-time="['12:00:00']"> - </el-date-picker> - </el-form-item> + <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> <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" /> - </div> - </div> + <div class="pag1"> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="handleUpdate" + /> + </div> + </div> <el-table border @@ -59,8 +164,9 @@ </template> <script> -import { getLastTime, getList, collector } from "@/api/hosp/water"; +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 { @@ -115,8 +221,18 @@ }, 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; @@ -124,41 +240,36 @@ this.userId = response.user.userId; this.queryParams.tollCollectorName = response.user.nickName; }); - getLastTime().then((response) => { - if (response.code === 200) { - this.time = response.data; - this.value1 = [ - moment(this.time).format("YYYY-MM-DD HH:mm:ss"), - new Date(new Date().getTime() + 8 * 3600 * 1000) - .toJSON() - .substr(0, 19) - .replace("T", " "), - ]; - } else { - this.time = response.msg; - this.value1 = [ - this.time, - new Date(new Date().getTime() + 8 * 3600 * 1000) - .toJSON() - .substr(0, 19) - .replace("T", " "), - ]; - } - }); + // 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); }, /** 缁熻 */ handleUpdate() { this.loading = true; + let data = { - pageNum:this.queryParams.pageNum, - pageSize:this.queryParams.pageSize, + pageNum: this.queryParams.pageNum, + pageSize: this.queryParams.pageSize, userId: this.userId.toString(), - beginTime: moment(this.time).format("YYYY-MM-DD HH:mm:ss"), - endTime: new Date(new Date().getTime() + 8 * 3600 * 1000) - .toJSON() - .substr(0, 19) - .replace("T", " "), + beginTime: this.value1[0], + endTime: this.value1[1], }; getList(data).then((res) => { this.dataList = res.data.list; @@ -278,7 +389,7 @@ type: "success", }); this.$forceUpdate(); - this.handleUpdate(); + this.getList(); const accountId = res.msg; const viewNum = "809743614817824768"; const params = { viewNum, accountId }; -- Gitblit v1.8.0