From 94c40e717c313d91bde25bff7c6938dfc21d9aaf Mon Sep 17 00:00:00 2001 From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com> Date: 星期五, 24 五月 2024 18:14:14 +0800 Subject: [PATCH] qxtj --- src/views/system/info/index.vue | 179 ++++++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 127 insertions(+), 52 deletions(-) diff --git a/src/views/system/info/index.vue b/src/views/system/info/index.vue index d7a1525..81b68b8 100644 --- a/src/views/system/info/index.vue +++ b/src/views/system/info/index.vue @@ -1,25 +1,50 @@ <template> <div class="app-container"> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> + <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-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">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> + <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-col> - </el-row> - <!-- <el-form-item label="浜ゆ槗閲戦" prop="transactionAmount"> <el-input v-model="queryParams.transactionAmount" placeholder="璇疯緭鍏ヤ氦鏄撻噾棰�" clearable @@ -41,7 +66,6 @@ <el-form-item label="鏀舵浜�" prop="payee"> <el-input v-model="queryParams.payee" placeholder="璇疯緭鍏ユ敹娆句汉" clearable @keyup.enter.native="handleQuery" /> </el-form-item> --> - </el-form> <!-- <el-row :gutter="10" class="mb8"> @@ -68,8 +92,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" /> @@ -77,37 +108,60 @@ <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> - - <el-form :inline="true" :model="formInline" class="demo-form-inline" style="margin: 12px 6px" label-width="100px"> + <el-form + :inline="true" + :model="formInline" + class="demo-form-inline" + style="margin: 12px 6px" + label-width="100px" + > <el-row> <el-col :span="6"> - <el-form-item label="璐熻矗浜�" style="display: flex;"> - <el-input v-model="formInline.payer" placeholder="鍗曚綅璐熻矗浜�"></el-input> + <el-form-item label="璐熻矗浜�" style="display: flex"> + <el-input + v-model="formInline.payer" + placeholder="鍗曚綅璐熻矗浜�" + ></el-input> </el-form-item> </el-col> <el-col :span="7"> - <el-form-item label="浜ゆ槗閲戦" style="display: flex;"> + <el-form-item label="浜ゆ槗閲戦" style="display: flex"> <el-input v-model="formInline.price" placeholder="閲戦"></el-input> </el-form-item> </el-col> <el-col :span="7"> - <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-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-col> <el-col :span="7"> <el-form-item> - <el-button type="primary" size="mini" @click="SubmitEvent">鏀惰垂</el-button> - <el-button type="primary" size="mini" @click="handleDelete">閫�璐�</el-button> + <el-button type="primary" size="mini" @click="SubmitEvent" + >鏀惰垂</el-button + > + <el-button type="primary" size="mini" @click="handleDelete" + >閫�璐�</el-button + > </el-form-item> </el-col> </el-row> @@ -119,21 +173,39 @@ <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 + 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-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 label="搴忓彿" align="center" prop="newID" /> <el-table-column label="濮撳悕" align="center" prop="name" /> <el-table-column label="鐘舵��" align="center" prop="tjStatus" /> @@ -147,7 +219,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, @@ -276,11 +352,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(); } @@ -320,10 +396,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; @@ -347,10 +431,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 + @@ -358,16 +443,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() { @@ -377,12 +454,11 @@ // }, // 鍗曢�夋寜閽� - radioChange(val) { }, + radioChange(val) {}, /** 鏀惰垂鎻愪氦鎸夐挳 */ SubmitEvent() { if (this.formInline.price != 0) { - let data = { paymentMethod: this.formInline.payType, transactionAmount: this.formInline.price, @@ -398,7 +474,6 @@ const params = { viewNum, tjnumber }; this.$tab.openPage("鍥㈡灏忕エ", "/report/charge", params); }); - } else { this.$message.error("浜ゆ槗閲戦涓嶈兘涓�0"); } @@ -427,7 +502,7 @@ } }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ - handleExport() { }, + handleExport() {}, }, }; </script> -- Gitblit v1.8.0