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/about/index.vue | 181 +++++++++++++++++++++++++++++++++++--------- 1 files changed, 143 insertions(+), 38 deletions(-) diff --git a/src/views/hosp/about/index.vue b/src/views/hosp/about/index.vue index 2218f17..abbc99b 100644 --- a/src/views/hosp/about/index.vue +++ b/src/views/hosp/about/index.vue @@ -1,63 +1,154 @@ <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" - value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="璧锋鏃ユ湡" end-placeholder="缁堟鏃ユ湡" - :default-time="['12:00:00']"> + <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-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> @@ -68,7 +159,13 @@ </template> <script> -import { getcolllist, getdatalist, delById, getNewDate } from "@/api/hosp/water"; +import { getNewDateList } from "@/api/hosp/order"; +import { + getcolllist, + getdatalist, + delById, + getNewDate, +} from "@/api/hosp/water"; import { getInfo } from "@/api/login"; import moment from "moment"; @@ -160,7 +257,6 @@ created() { this.getList(); this.getCompanyList(); - }, methods: { /** 鏌ヨ浣撴娴佹按鍒楄〃 */ @@ -170,11 +266,19 @@ this.queryParams.tollCollectorName = response.user.nickName; }); - getNewDate().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 HH:mm:ss"), + // ]; + // } + // }); + getNewDateList().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") + moment(response.data).format("YYYY-MM-DD 23:59:00"), ]; } }); @@ -237,7 +341,7 @@ }; getcolllist(data).then((res) => { this.tableData = res.data.list; - this.allList = [] + this.allList = []; if (this.tableData.length != 0) { this.$nextTick(() => { this.$refs.multipleTable.toggleRowSelection( @@ -258,7 +362,7 @@ this.total = res.data.total; }); }, - handleUpdate() { }, + handleUpdate() {}, // 琛ㄦ牸鍗曢�� handleSelect(selection, val) { @@ -276,7 +380,7 @@ }, 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); }, @@ -299,7 +403,7 @@ type: "success", }); this.getList(); - this.handleQuery() + this.handleQuery(); }); }, }, @@ -311,8 +415,9 @@ 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 { @@ -325,7 +430,7 @@ width: 30%; } -.el-table__body tr.current-row>td { +.el-table__body tr.current-row > td { background-color: #f19944 !important; /* color: #f19944; */ /* 璁剧疆鏂囧瓧棰滆壊锛屽彲浠ラ�夋嫨涓嶈缃� */ -- Gitblit v1.8.0