From ba9dbeee7c139c67d770afe0053f06f1f235e565 Mon Sep 17 00:00:00 2001 From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com> Date: 星期二, 17 十月 2023 10:56:35 +0800 Subject: [PATCH] qxtj --- src/views/hosp/Summary/index.vue | 326 +++++++++++------------------------------------------- 1 files changed, 66 insertions(+), 260 deletions(-) diff --git a/src/views/hosp/Summary/index.vue b/src/views/hosp/Summary/index.vue index 70a8b03..cd7b064 100644 --- a/src/views/hosp/Summary/index.vue +++ b/src/views/hosp/Summary/index.vue @@ -1,83 +1,21 @@ <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="accountId"> - <el-input - v-model="queryParams.accountId" - placeholder="璇疯緭鍏ョ粨璐﹀崟鍙�" - clearable - @keyup.enter.native="handleQuery" - /> + <el-form-item label="鏀惰垂鍛�" prop="tollCollectorId"> + <el-select v-model="queryParams.tollCollectorId" filterable style="width: 200px" placeholder="璇烽�夋嫨浜ゆ鍛�" clearable + @clear="getCompanyList"> + <el-option v-for="dict in CompanyList" :key="dict.userId" :label="dict.nickName" :value="dict.userId" /> + </el-select> </el-form-item> - <el-form-item label="璧峰鏃堕棿" prop="begTime"> - <el-date-picker - v-model="begTime" - type="date" - placeholder="閫夋嫨璧峰鏃堕棿"> - </el-date-picker> + <el-form-item label="璧峰鏃堕棿" prop="accountBeginTime"> + <el-date-picker v-model="queryParams.accountBeginTime" type="datetime" placeholder="閫夋嫨璧峰鏃堕棿"> + </el-date-picker> </el-form-item> - <el-form-item label="鎴鏃堕棿" prop="endTime"> - <el-date-picker - v-model="endTime" - type="date" - placeholder="閫夋嫨鎴鏃堕棿"> - </el-date-picker> + <el-form-item label="鎴鏃堕棿" prop="accountEndTime"> + <el-date-picker v-model="queryParams.accountEndTime" type="datetime" placeholder="閫夋嫨鎴鏃堕棿"> + </el-date-picker> </el-form-item> - <el-form-item label="鏀舵嵁璧峰鍙�" prop="deleted"> - <el-input - v-model="queryParams.deleted" - placeholder="璇疯緭鍏ユ敹鎹捣濮嬪彿" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <!-- <el-form-item label="鏀舵嵁缁堟鍙�" prop="deleted"> - <el-input - v-model="queryParams.deleted" - placeholder="璇疯緭鍏ユ敹鎹粓姝㈠彿" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> --> - <!-- <el-form-item label="宸ヤ綔閲�" prop="deleted"> - <el-input - v-model="queryParams.deleted" - placeholder="璇疯緭鍏ュ伐浣滈噺" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> --> - <!-- <el-form-item label="鍙戝崱璧峰鍙�" prop="deleted"> - <el-input - v-model="queryParams.deleted" - placeholder="璇疯緭鍏ュ彂鍗¤捣濮嬪彿" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> --> - <!-- <el-form-item label="鍙戝崱缁堟鍙�" prop="deleted"> - <el-input - v-model="queryParams.deleted" - placeholder="璇疯緭鍏ュ彂鍗$粓姝㈠彿" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> --> - <el-form-item label="鎿嶄綔鍛�" prop="deleted"> - <el-input - v-model="queryParams.deleted" - placeholder="璇疯緭鍏ユ搷浣滃憳" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <!-- <el-form-item label="缁撹处鏃堕棿" prop="deleted"> - <el-date-picker - v-model="value1" - type="date" - placeholder="閫夋嫨缁撹处鏃堕棿"> - </el-date-picker> - </el-form-item> --> + <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> @@ -86,105 +24,20 @@ <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - :disabled="single" - @click="handleUpdate" - v-hasPermi="['hosp:water:edit']" - >姹囨��</el-button> + <el-button type="primary" size="mini" :disabled="single" @click="handleUpdate" + v-hasPermi="['hosp:water:edit']">姹囨��</el-button> </el-col> - <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - :disabled="multiple" - @click="handleDelete" - v-hasPermi="['hosp:water:remove']" - >鏌ヨ</el-button> - </el-col> - <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - @click="handleExport" - v-hasPermi="['hosp:water:export']" - >鎵撳嵃</el-button> - </el-col> - <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - @click="handleExport" - v-hasPermi="['hosp:water:export']" - >鎾ら攢缁撹处</el-button> - </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> - - <el-table v-loading="loading" :data="list" border > - <el-table-column type="selection" width="40" align="center" /> - <!-- <el-table-column label="搴忓彿" width="55" align="center" prop="id" /> --> - <el-table-column label="姹囨�诲崟鍙�" align="center" prop="hzCard" :show-overflow-tooltip="true" /> - <el-table-column label="姹囨�讳汉" align="center" prop="hzName" :show-overflow-tooltip="true" /> - <el-table-column label="姹囨�讳簨浠�" align="center" prop="hzSj" :show-overflow-tooltip="true" /> - <el-table-column label="缁撹处鍗曞彿" align="center" prop="accountId" :show-overflow-tooltip="true" /> - <el-table-column label="璧峰鏃堕棿" align="center" prop="begTime" :show-overflow-tooltip="true" /> - <el-table-column label="缁撴潫鏃堕棿" align="center" prop="endTime" :show-overflow-tooltip="true" /> - <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - title="淇敼" - @click="handleUpdate(scope.row)" - v-hasPermi="['hosp:water:edit']" - ></el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - title="鍒犻櫎" - @click="handleDelete(scope.row)" - v-hasPermi="['hosp:water:remove']" - ></el-button> - </template> - </el-table-column> + <el-table style="width: 80%" :data="list" border max-height="720px" @selection-change="handleSelect"> + <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> - - <el-table v-loading="loading" :data="tollCollectorDetails" style="margin-top:80px" border > - <el-table-column type="selection" width="55" align="center" /> - <!-- <el-table-column label="搴忓彿" width="55" align="center" prop="id" /> --> - <el-table-column label="鍗$被鍨�" align="center" prop="cardType" :show-overflow-tooltip="true" /> - <el-table-column label="浜ゆ鏂瑰紡" align="center" prop="type" :show-overflow-tooltip="true" /> - <el-table-column label="绫诲瀷" align="center" prop="type" :show-overflow-tooltip="true" /> - <el-table-column label="鏁伴噺" align="center" prop="count" :show-overflow-tooltip="true" /> - <el-table-column label="浜ゆ槗閲戦" align="center" prop="jyPay" :show-overflow-tooltip="true" /> - <el-table-column label="鍗℃暟閲�" align="center" prop="count" :show-overflow-tooltip="true" /> - <el-table-column label="鍗¢噾棰�" align="center" prop="jyPay" :show-overflow-tooltip="true" /> - <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - title="淇敼" - @click="handleUpdate(scope.row)" - v-hasPermi="['hosp:water:edit']" - ></el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - title="鍒犻櫎" - @click="handleDelete(scope.row)" - v-hasPermi="['hosp:water:remove']" - ></el-button> - </template> - </el-table-column> - </el-table> - <!-- <pagination v-show="total>0" :total="total" @@ -192,46 +45,25 @@ :limit.sync="queryParams.pageSize" @pagination="getList" /> --> - - <!-- 娣诲姞鎴栦慨鏀逛綋妫�娴佹按瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> - <el-form ref="form" :model="form" :rules="rules" label-width="80px"> - <el-form-item label="搴斾粯" prop="copeWith"> - <el-input v-model="form.copeWith" placeholder="璇疯緭鍏ュ簲浠�" /> - </el-form-item> - <el-form-item label="瀹炰粯" prop="paidIn"> - <el-input v-model="form.paidIn" placeholder="璇疯緭鍏ュ疄浠�" /> - </el-form-item> - <el-form-item label="鎶樻墸" prop="discount"> - <el-input v-model="form.discount" placeholder="璇疯緭鍏ユ姌鎵�" /> - </el-form-item> - <el-form-item label="浠樻鐘舵��" prop="payStasus"> - <el-input v-model="form.payStasus" placeholder="璇疯緭鍏ヤ粯娆剧姸鎬�" /> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> </div> </template> <script> -import { listWater, getWater, delWater, addWater, updateWater } from "@/api/hosp/water"; -import { getHzList,} from "@/api/hosp/Summary"; - +import { getlistWater, getWater, getdatalist, addTjSummary } from "@/api/hosp/water"; +import { getHzList, } from "@/api/hosp/Summary"; +import moment from "moment"; export default { name: "Water", data() { return { - value1:"", - begTime:"", - endTime:"", + value1: "", + begTime: "", + endTime: "", // 閬僵灞� loading: true, // 閫変腑鏁扮粍 ids: [], + CompanyList: [], // 闈炲崟涓鐢� single: true, // 闈炲涓鐢� @@ -242,7 +74,7 @@ total: 0, // 浣撴娴佹按琛ㄦ牸鏁版嵁 list: [], - tollCollectorDetails:[], + tollCollectorDetails: [], // 寮瑰嚭灞傛爣棰� title: "", // 鏄惁鏄剧ず寮瑰嚭灞� @@ -251,6 +83,7 @@ queryParams: { pageNum: 1, pageSize: 10, + tollCollectorId: null, accountBeginTime: null, accountEndTime: null, }, @@ -271,19 +104,28 @@ }; }, created() { + this.getCompanyList() this.getList(); }, methods: { + // 涓嬫媺妗嗘樉绀� + getCompanyList() { + this.loading = true; + getdatalist().then((response) => { + this.CompanyList = response.data; + this.loading = false; + }); + }, /** 鏌ヨ浣撴娴佹按鍒楄〃 */ getList() { this.loading = true; - getHzList(this.queryParams).then(response => { - this.list = response.data.list; - this.list.forEach(item=>{ - this.tollCollectorDetails = item.tollCollectorDetails; - }) - // this.tollCollectorDetails = response.data.list.tollCollectorDetails; - this.total = response.total; + if (this.queryParams.accountBeginTime != null) { + this.queryParams.accountBeginTime = moment(this.queryParams.accountBeginTime).format("YYYY-MM-DD HH:mm:ss") + this.queryParams.accountEndTime = moment(this.queryParams.accountEndTime).format("YYYY-MM-DD HH:mm:ss") + } + + getlistWater(this.queryParams).then(response => { + this.list = response.data; this.loading = false; }); }, @@ -321,64 +163,28 @@ this.resetForm("queryForm"); this.handleQuery(); }, - // 澶氶�夋閫変腑鏁版嵁 - handleSelectionChange(selection) { - this.ids = selection.map(item => item.id) - this.single = selection.length!==1 - this.multiple = !selection.length + + handleSelect(selection, val) { + if (selection.length > 1) { + this.single = false + } else { + this.single = true + } + selection.forEach(element => { + this.ids.push(element.id) + }); + }, - // /** 鏂板鎸夐挳鎿嶄綔 */ - // handleAdd() { - // this.reset(); - // this.open = true; - // this.title = "娣诲姞浣撴娴佹按"; - // }, + /** 淇敼鎸夐挳鎿嶄綔 */ - handleUpdate(row) { - this.reset(); - const id = row.id || this.ids - getWater(id).then(response => { - this.form = response.data; - this.open = true; - this.title = "淇敼浣撴娴佹按"; + handleUpdate() { + addTjSummary(this.ids).then(response => { + let accountId = response.msg + const viewNum = "872704875763019776"; + const params = { viewNum, accountId }; + this.$tab.openPage("姹囨�荤粨璐﹀崟", "/report/settlement", params); }); }, - /** 鎻愪氦鎸夐挳 */ - submitForm() { - this.$refs["form"].validate(valid => { - if (valid) { - if (this.form.id != null) { - updateWater(this.form).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; - this.getList(); - }); - } else { - addWater(this.form).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; - this.getList(); - }); - } - } - }); - }, - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ - handleDelete(row) { - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍒犻櫎浣撴娴佹按缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return delWater(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }).catch(() => {}); - }, - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ - handleExport() { - this.download('hosp/water/export', { - ...this.queryParams - }, `water_${new Date().getTime()}.xlsx`) - } } }; </script> \ No newline at end of file -- Gitblit v1.8.0