From facb80c84fb77e0003213572cfa1851017286584 Mon Sep 17 00:00:00 2001 From: su1124 <1583764726@qq.com> Date: 星期五, 08 三月 2024 14:43:23 +0800 Subject: [PATCH] su --- src/views/hosp/about/index.vue | 181 +++++++++----------------------------------- 1 files changed, 38 insertions(+), 143 deletions(-) diff --git a/src/views/hosp/about/index.vue b/src/views/hosp/about/index.vue index abbc99b..2218f17 100644 --- a/src/views/hosp/about/index.vue +++ b/src/views/hosp/about/index.vue @@ -1,154 +1,63 @@ <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> @@ -159,13 +68,7 @@ </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"; @@ -257,6 +160,7 @@ created() { this.getList(); this.getCompanyList(); + }, methods: { /** 鏌ヨ浣撴娴佹按鍒楄〃 */ @@ -266,19 +170,11 @@ 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") ]; } }); @@ -341,7 +237,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( @@ -362,7 +258,7 @@ this.total = res.data.total; }); }, - handleUpdate() {}, + handleUpdate() { }, // 琛ㄦ牸鍗曢�� handleSelect(selection, val) { @@ -380,7 +276,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); }, @@ -403,7 +299,7 @@ type: "success", }); this.getList(); - this.handleQuery(); + this.handleQuery() }); }, }, @@ -415,9 +311,8 @@ 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 { @@ -430,7 +325,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