From f1bd530bc3fcfc006426ebd2e79d0b09c31ba41f Mon Sep 17 00:00:00 2001
From: lkk <364857242@qq.com>
Date: 星期二, 24 六月 2025 16:34:47 +0800
Subject: [PATCH] 1
---
src/views/system/info/index.vue | 289 +++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 218 insertions(+), 71 deletions(-)
diff --git a/src/views/system/info/index.vue b/src/views/system/info/index.vue
index da79021..a4ec474 100644
--- a/src/views/system/info/index.vue
+++ b/src/views/system/info/index.vue
@@ -1,13 +1,52 @@
<template>
<div class="app-container">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
- <el-form-item label="鍗曚綅鍚嶇О" prop="company">
- <el-select :remote-method="getRemoteData" v-model="queryParams.company" value-key="drugManufacturerId" remote
- filterable placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="searchSelect">
- <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName"
- :value="dict.drugManufacturerId" />
- </el-select>
- </el-form-item>
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="68px"
+ >
+ <el-row>
+ <el-col :span="11">
+ <el-form-item label="鍗曚綅鍚嶇О" prop="company" style="display: flex">
+ <el-select
+ :remote-method="getRemoteData"
+ v-model="queryParams.company"
+ value-key="drugManufacturerId"
+ remote
+ filterable
+ placeholder="璇烽�夋嫨鍗曚綅鍚嶇О"
+ clearable
+ @change="searchSelect"
+ >
+ <el-option
+ v-for="dict in CompanyList"
+ :key="dict.drugManufacturerId"
+ :label="dict.cnName"
+ :value="dict.drugManufacturerId"
+ />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="handleQuery"
+ style="margin: 0 15px"
+ >鎼滅储</el-button
+ >
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+ >閲嶇疆</el-button
+ >
+ </el-form-item>
+ </el-col>
+ </el-row>
+
<!-- <el-form-item label="浜ゆ槗閲戦" prop="transactionAmount">
<el-input v-model="queryParams.transactionAmount" placeholder="璇疯緭鍏ヤ氦鏄撻噾棰�" clearable
@keyup.enter.native="handleQuery" />
@@ -28,10 +67,6 @@
<el-form-item label="鏀舵浜�" prop="payee">
<el-input v-model="queryParams.payee" placeholder="璇疯緭鍏ユ敹娆句汉" clearable @keyup.enter.native="handleQuery" />
</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>
- </el-form-item>
</el-form>
<!-- <el-row :gutter="10" class="mb8">
@@ -58,8 +93,15 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> -->
- <el-table id="sig" v-loading="loading" :data="infoList" @selection-change="handleSelectionChange" border ref="tb"
- max-height="260px">
+ <el-table
+ id="sig"
+ v-loading="loading"
+ :data="infoList"
+ @selection-change="handleSelectionChange"
+ border
+ ref="tb"
+ max-height="260px"
+ >
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="閮ㄩ棬" align="center" prop="pacName" />
<el-table-column label="棰勬浜烘暟" align="center" prop="count" />
@@ -67,61 +109,154 @@
<el-table-column label="搴旀敹閲戦" align="center" prop="copeWith" />
<el-table-column label="绛剧害閲戦" align="center" prop="signingPrice">
</el-table-column>
- <el-table-column label="宸蹭粯閲戦" align="center" prop="transactionAmount" />
+ <el-table-column
+ label="宸蹭粯閲戦"
+ align="center"
+ prop="transactionAmount"
+ />
<el-table-column label="宸" align="center" prop="difference" />
<el-table-column label="绛剧害浜�" align="center" prop="payer" />
- <el-table-column label="棰勭害鏃堕棿" align="center" prop="createTime" />
+ <el-table-column
+ label="棰勭害鏃堕棿"
+ align="center"
+ prop="createTime"
+ :formatter="formatDate"
+ />
</el-table>
- <el-row :gutter="10" class="mb8">
- <el-col :span="16" :xs="24">
- <el-form :inline="true" :model="formInline" class="demo-form-inline" style="margin: 12px 6px">
- <el-form-item label="鍗曚綅璐熻矗浜�">
- <el-input style="width: 120px" v-model="formInline.payer" placeholder="鍗曚綅璐熻矗浜�"></el-input>
+ <el-form
+ :inline="true"
+ :model="formInline"
+ class="demo-form-inline"
+ style="margin: 12px 6px"
+ label-width="100px"
+ >
+ <el-row>
+ <el-col :span="5">
+ <el-form-item label="璐熻矗浜�" style="display: flex">
+ <el-input
+ v-model="formInline.payer"
+ placeholder="鍗曚綅璐熻矗浜�"
+ ></el-input>
</el-form-item>
- <el-form-item label="浜ゆ槗閲戦">
- <el-input style="width: 90px" v-model="formInline.price" placeholder="閲戦"></el-input>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="浜ゆ槗閲戦" style="display: flex">
+ <el-input v-model="formInline.price" placeholder="閲戦"></el-input>
</el-form-item>
- <el-form-item label="浜ゆ槗绫诲瀷" prop="payType">
- <el-select style="width: 160px" v-model="formInline.payType" placeholder="璇烽�夋嫨浜ゆ槗绫诲瀷">
- <el-option v-for="dict in dict.type.dict_pay_type" :key="dict.value" :label="dict.label"
- :value="dict.value"></el-option>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="浜ゆ槗绫诲瀷" prop="payType" style="display: flex">
+ <el-select
+ v-model="formInline.payType"
+ placeholder="璇烽�夋嫨浜ゆ槗绫诲瀷"
+ >
+ <el-option
+ v-for="dict in dict.type.dict_pay_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
</el-select>
</el-form-item>
- <el-form-item>
- <el-button style="margin-left: 15px" type="primary" size="mini" @click="SubmitEvent">鏀惰垂</el-button>
+ </el-col>
+ <el-col :span="4">
+ <el-form-item style="display: flex">
+ <el-button
+ type="primary"
+ size="mini"
+ @click="SubmitEvent"
+ style="margin: 0 15px"
+ >鏀惰垂</el-button
+ >
</el-form-item>
+ </el-col>
+ <!-- <el-col :span="7">
<el-form-item>
- <el-button style="margin-left: 15px" type="primary" size="mini" @click="handleDelete">閫�璐�</el-button>
+ <el-button
+ type="primary"
+ size="mini"
+ @click="SubmitEvent"
+ style="margin: 0 15px"
+ >鏀惰垂</el-button
+ >
+ <el-button type="primary" size="mini" @click="handleDelete"
+ >閫�璐�</el-button
+ >
</el-form-item>
- </el-form>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="12" :xs="24">
- <div class="tj">
- <span class="tj_txt">宸茬即璐硅褰�</span>
- </div>
+ </el-col> -->
+ </el-row>
+ </el-form>
- <el-table v-loading="loading" :data="dataList" border max-height="260px">
- <el-table-column label="浜ゆ槗閲戦" align="center" prop="transactionAmount" />
- <el-table-column label="浜ゆ槗鏂瑰紡" align="center" prop="paymentMethod" />
- <el-table-column label="浜ゆ槗浜哄憳" align="center" prop="payer" />
- <el-table-column label="鎿嶄綔浜哄憳" align="center" prop="payee">
- </el-table-column>
- <el-table-column label="鎿嶄綔鏃堕棿" align="center" prop="createTime" />
- </el-table>
- </el-col>
- <el-col :span="12" :xs="24" style="padding: 0px 20px;">
+ <el-radio-group
+ v-model="type"
+
+ style="margin: 12px 6px"
+ >
+ <!-- @input="radioChange" -->
+ <el-radio-button label="0">宸叉鏈粨璐︿汉鍛�</el-radio-button>
+ <el-radio-button label="1">鏈浜哄憳</el-radio-button>
+ <el-radio-button label="2">鍏ㄩ儴浜哄憳</el-radio-button>
+ </el-radio-group>
+
+ <!-- <el-button-group style="margin-left: 20px; margin-top: 20px">
+ <el-button type="primary" size="mini">宸叉鏈粨璐︿汉鍛�</el-button>
+ <el-button type="primary" size="mini">鏈浜哄憳</el-button>
+ <el-button type="primary" size="mini">鍏ㄩ儴浜哄憳</el-button>
+ </el-button-group> -->
+
+ <el-row :gutter="20">
+ <el-col :span="12" :xs="24" style="padding: 0px 20px">
<div class="tj">
<span class="tj_txt">浣撴浜哄憳鎯呭喌琛�</span>
</div>
- <el-table v-loading="loading" :data="peopleList" border max-height="260px">
+ <el-table
+ v-loading="loading"
+ :data="peopleList"
+ border
+ max-height="260px"
+ >
+ <el-table-column type="selection" width="55" align="center" />
<el-table-column label="搴忓彿" align="center" prop="newID" />
<el-table-column label="濮撳悕" align="center" prop="name" />
+ <el-table-column label="鎬у埆" align="center" prop="sex" />
+ <el-table-column label="鐢佃瘽" align="center" prop="iphone" />
<el-table-column label="鐘舵��" align="center" prop="tjStatus" />
<el-table-column label="浣撴鏃堕棿" align="center" prop="tjTime">
+ </el-table-column>
+ </el-table>
+ </el-col>
+
+ <el-col :span="12" :xs="24">
+ <div class="tj">
+ <span class="tj_txt">宸茬粨璐﹁褰�</span>
+ </div>
+
+ <el-table
+ v-loading="loading"
+ :data="dataList"
+ border
+ max-height="260px"
+ >
+ <el-table-column
+ label="浜ゆ槗閲戦"
+ align="center"
+ prop="transactionAmount"
+ />
+ <el-table-column
+ label="浜ゆ槗鏂瑰紡"
+ align="center"
+ prop="paymentMethod"
+ />
+ <el-table-column label="浜ゆ槗浜哄憳" align="center" prop="payer" />
+ <el-table-column label="鎿嶄綔浜哄憳" align="center" prop="payee">
+ </el-table-column>
+ <el-table-column label="缁撹处鏃堕棿" align="center" prop="createTime" />
+ <el-table-column label="鎿嶄綔" align="center">
+ <template>
+ <el-button type="primary">鎾ら攢缁撹处</el-button>
+ </template>
</el-table-column>
</el-table>
</el-col>
@@ -131,7 +266,11 @@
<script>
import { getInfo } from "@/api/login";
-import { getCompany, queryCompany, getTeamTjPeopleList } from "@/api/team/tuanti";
+import {
+ getCompany,
+ queryCompany,
+ getTeamTjPeopleList,
+} from "@/api/team/tuanti";
import {
listInfo,
@@ -148,6 +287,7 @@
return {
// 缁戝畾鍗曢�夋寜閽�
tjStatus: "0",
+ type:"0",
formInline: {
payer: "",
price: "",
@@ -203,6 +343,14 @@
},
methods: {
/** 鏌ヨ浣撴鍗曚綅缂磋垂鏄庣粏鍒楄〃 */
+ formatDate(row) {
+ if (!row.createTime) return "";
+ const date = new Date(row.createTime);
+ const year = date.getFullYear();
+ const month = (date.getMonth() + 1).toString().padStart(2, "0");
+ const day = date.getDate().toString().padStart(2, "0");
+ return `${year}-${month}-${day}`;
+ },
getList() {
// this.loading = true;
// listInfo(this.queryParams).then(response => {
@@ -260,11 +408,11 @@
listInfo(this.compId).then((response) => {
this.infoList = response.data;
if (this.infoList.length != 0) {
- this.infoList.forEach((item) => {
- this.$nextTick(() => {
- this.$refs.tb.toggleRowSelection(item, true);
- });
+ // this.infoList.forEach((item) => {
+ this.$nextTick(() => {
+ this.$refs.tb.toggleRowSelection(this.infoList[0], true);
});
+ // });
} else {
this.$refs.tb.clearSelection();
}
@@ -304,10 +452,18 @@
},
// 澶氶�夋閫変腑鏁版嵁
handleSelectionChange(selection) {
+ console.log(2222);
+ if (selection.length > 1) {
+ let del_row = selection.shift();
+ this.$refs.tb.toggleRowSelection(del_row, false); //璁剧疆杩欎竴琛屽彇娑堥�変腑
+ }
+ // this.ids = selection.map((item) => item.id);
+ // this.single = selection.length !== 1;
+ // this.multiple = !selection.length;
this.tableList = selection;
- this.teamNo = ""
+ this.teamNo = "";
this.tableList.forEach((item) => {
- this.teamNo = item.teamNo
+ this.teamNo = item.teamNo;
this.copeWith = item.copeWith;
this.transactionAmount = item.transactionAmount;
this.formInline.price = item.copeWith - item.transactionAmount;
@@ -331,10 +487,11 @@
});
}
});
+ console.log(11111);
if (this.teamNo) {
- getTeamTjPeopleList(this.teamNo).then(res => {
+ getTeamTjPeopleList(this.teamNo).then((res) => {
if (res.data) {
- this.peopleList = res.data
+ this.peopleList = res.data;
res.data.forEach((item, index) => {
item.newID =
(this.queryParams.pageNum - 1) * this.queryParams.pageSize +
@@ -342,16 +499,8 @@
1;
});
}
-
- })
+ });
}
- if (selection.length > 1) {
- let del_row = selection.shift();
- this.$refs.tb.toggleRowSelection(del_row, false); //璁剧疆杩欎竴琛屽彇娑堥�変腑
- }
- this.ids = selection.map((item) => item.id);
- this.single = selection.length !== 1;
- this.multiple = !selection.length;
},
/** 鏂板鎸夐挳鎿嶄綔 */
// handleAdd() {
@@ -361,12 +510,11 @@
// },
// 鍗曢�夋寜閽�
- radioChange(val) { },
+ radioChange(val) {},
/** 鏀惰垂鎻愪氦鎸夐挳 */
SubmitEvent() {
if (this.formInline.price != 0) {
-
let data = {
paymentMethod: this.formInline.payType,
transactionAmount: this.formInline.price,
@@ -382,7 +530,6 @@
const params = { viewNum, tjnumber };
this.$tab.openPage("鍥㈡灏忕エ", "/report/charge", params);
});
-
} else {
this.$message.error("浜ゆ槗閲戦涓嶈兘涓�0");
}
@@ -411,7 +558,7 @@
}
},
/** 瀵煎嚭鎸夐挳鎿嶄綔 */
- handleExport() { },
+ handleExport() {},
},
};
</script>
--
Gitblit v1.8.0