From cb1f69717eed3b6a61b6c61a8934bac752782b2d Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期三, 05 三月 2025 17:00:38 +0800
Subject: [PATCH] 1
---
src/views/hosp/about/index.vue | 181 ++++++++++++++++++++++++++------------------
1 files changed, 106 insertions(+), 75 deletions(-)
diff --git a/src/views/hosp/about/index.vue b/src/views/hosp/about/index.vue
index 372a3ec..e7e2494 100644
--- a/src/views/hosp/about/index.vue
+++ b/src/views/hosp/about/index.vue
@@ -1,45 +1,55 @@
<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-select v-model="queryParams.tollCollectorName" filterable style="width: 200px" 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-form-item label="浜よ处鏃堕棿" prop="tollCollectorName">
- <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-form-item>
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" >鎼滅储</el-button>
- </el-form-item>
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="78px">
+
+ <el-form-item label="浜ゆ鍛�" prop="tollCollectorName" >
+ <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-form-item label="浜よ处鏃堕棿" prop="tollCollectorName" >
+ <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-form-item>
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
+ </el-form-item>
+
+
+
+
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
- <el-button icon="el-icon-edit" size="mini" @click="handleDelete" v-hasPermi="['hosp:water:edit']">鎾ら攢</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-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" class-name="small-padding fixed-width">
- <template slot-scope="scope">
- <el-button size="mini" type="text" icon="el-icon-s-order" title="璇︽儏" @click="handleUpdate(scope.row)" v-hasPermi="['hosp:water:edit']"></el-button>
- </template>
- </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>
<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>
@@ -54,7 +64,7 @@
</template>
<script>
-import { getcolllist, getdatalist, delById } from "@/api/hosp/water";
+import { getcolllist, getdatalist, delById, getNewDate } from "@/api/hosp/water";
import { getInfo } from "@/api/login";
import moment from "moment";
@@ -65,7 +75,7 @@
pickerOptions: {
shortcuts: [
{
- text: "鏈�杩戜竴鍛�",
+ text: "杩戜竴鍛�",
onClick(picker) {
const end = new Date();
const start = new Date();
@@ -74,7 +84,7 @@
},
},
{
- text: "鏈�杩戜竴涓湀",
+ text: "杩戜竴鏈�",
onClick(picker) {
const end = new Date();
const start = new Date();
@@ -83,7 +93,7 @@
},
},
{
- text: "鏈�杩戜笁涓湀",
+ text: "杩戜笁鏈�",
onClick(picker) {
const end = new Date();
const start = new Date();
@@ -118,6 +128,7 @@
showSearch: true,
// 鎬绘潯鏁�
total: 0,
+ item: "",
userId: "",
// 寮瑰嚭灞傛爣棰�
title: "",
@@ -145,7 +156,7 @@
created() {
this.getList();
this.getCompanyList();
-
+
},
methods: {
/** 鏌ヨ浣撴娴佹按鍒楄〃 */
@@ -154,42 +165,49 @@
this.userId = response.user.userId;
this.queryParams.tollCollectorName = response.user.nickName;
});
- let data = {
- tollCollectorId: this.tollCollectorId,
- accountBeginTime: this.value1[0],
- accountEndTime: new Date(new Date().getTime() + 8 * 3600 * 1000)
- .toJSON()
- .substr(0, 19)
- .replace("T", " "),
- pageNum: this.queryParams.pageNum,
- pageSize: this.queryParams.pageSize,
- };
- getcolllist(data).then((res) => {
- this.tableData = res.data.list;
- if(this.tableData.length === 0){
- this.$message({
- message: '璇锋悳绱㈣鎾ら攢鏁版嵁鐨勬椂闂存鍝',
- type: 'warning'
- });
- }
- if (res.code === 200) {
- if (this.tableData.length != 0) {
- this.$nextTick(() => {
- this.$refs.multipleTable.toggleRowSelection(
- this.tableData[0],
- true
- );
- });
- } else {
- this.$refs.multipleTable.clearSelection();
- }
- }
- // this.tableData.forEach(item => {
- // this.allList = item.tjTollCollectorDetailList
- // })
- this.total = res.data.total;
+ 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")
+ ];
+ }
});
+
+ // let data = {
+ // tollCollectorId: this.tollCollectorId,
+ // accountBeginTime: this.value1[0],
+ // accountEndTime: this.value1[1],
+ // pageNum: this.queryParams.pageNum,
+ // pageSize: this.queryParams.pageSize,
+ // };
+ // getcolllist(data).then((res) => {
+ // this.tableData = res.data.list;
+ // if (this.tableData.length === 0) {
+ // this.$message({
+ // message: '璇锋悳绱㈣鎾ら攢鏁版嵁鐨勬椂闂存鍝',
+ // type: 'warning'
+ // });
+ // }
+ // if (res.code === 200) {
+ // if (this.tableData.length != 0) {
+ // this.$nextTick(() => {
+ // this.$refs.multipleTable.toggleRowSelection(
+ // this.tableData[0],
+ // true
+ // );
+ // });
+ // } else {
+ // this.$refs.multipleTable.clearSelection();
+ // }
+ // }
+
+ // // this.tableData.forEach(item => {
+ // // this.allList = item.tjTollCollectorDetailList
+ // // })
+ // this.total = res.data.total;
+ // });
},
// 閫変腑涓嬫媺妗咺d
idFn(value) {
@@ -209,15 +227,13 @@
let data = {
tollCollectorId: this.tollCollectorId,
accountBeginTime: this.value1[0],
- accountEndTime: new Date(new Date().getTime() + 8 * 3600 * 1000)
- .toJSON()
- .substr(0, 19)
- .replace("T", " "),
+ accountEndTime: this.value1[1],
pageNum: this.queryParams.pageNum,
pageSize: this.queryParams.pageSize,
};
getcolllist(data).then((res) => {
this.tableData = res.data.list;
+ this.allList = []
if (this.tableData.length != 0) {
this.$nextTick(() => {
this.$refs.multipleTable.toggleRowSelection(
@@ -238,7 +254,7 @@
this.total = res.data.total;
});
},
- handleUpdate() {},
+ handleUpdate() { },
// 琛ㄦ牸鍗曢��
handleSelect(selection, val) {
@@ -253,6 +269,12 @@
let del_row = selection.shift();
this.$refs.multipleTable.toggleRowSelection(del_row, false);
}
+ },
+ handledocument() {
+ const viewNum = "809743614817824768";
+ let accountId = this.selectList[0].accountId
+ const params = { viewNum, accountId };
+ this.$tab.openPage("缁撹处鍗�", "/report/settlement", params);
},
tableRowClassName({ row, rowIndex }) {
for (let i = 0; i < this.selectList.length; i++) {
@@ -273,16 +295,22 @@
type: "success",
});
this.getList();
+ this.handleQuery()
});
},
},
};
</script>
-
+
<style>
.el-table__header-wrapper .el-checkbox {
display: none;
}
+
+.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
+ width: 100%;
+}
+
.pag {
width: 100%;
display: flex;
@@ -292,10 +320,13 @@
.pag1 {
width: 30%;
}
-.el-table__body tr.current-row > td {
+
+.el-table__body tr.current-row>td {
background-color: #f19944 !important;
- /* color: #f19944; */ /* 璁剧疆鏂囧瓧棰滆壊锛屽彲浠ラ�夋嫨涓嶈缃� */
+ /* color: #f19944; */
+ /* 璁剧疆鏂囧瓧棰滆壊锛屽彲浠ラ�夋嫨涓嶈缃� */
}
+
.el-table .warning-row {
background: #e5f3ff !important;
}
--
Gitblit v1.8.0