From 838d4e619e60f5f3aa20ad4c3f71f4a0a1fadd26 Mon Sep 17 00:00:00 2001 From: wwl <xchao828@163.com> Date: 星期五, 27 十二月 2024 17:48:20 +0800 Subject: [PATCH] 1 --- src/views/system/charge/index.vue | 251 +++++++++++++++++++++++++++++++++++-------------- 1 files changed, 179 insertions(+), 72 deletions(-) diff --git a/src/views/system/charge/index.vue b/src/views/system/charge/index.vue index a001ebc..e1cc8b4 100644 --- a/src/views/system/charge/index.vue +++ b/src/views/system/charge/index.vue @@ -1,98 +1,205 @@ <template> <div class="app-container"> <div class="grid-content bg-purple"> - <el-form :inline="true" ref="form" :model="form" class="demo-form-inline" label-width="78px"> - - <el-form-item label="濮撳悕" prop="tjName" > - <el-input v-model="form.tjName" placeholder="璇疯緭鍏ュ鍚�" /> - </el-form-item> - - <el-form-item label="浣撴鍙�" prop="tjNum" > - <el-input ref="inputName" v-model="form.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" @keyup.enter.native="submitFormchanck" @blur="hb" /> - </el-form-item> - - <el-form-item label="鑱旂郴鐢佃瘽" prop="tjPhone" > - <el-input v-model="form.tjPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" /> - </el-form-item> - - <el-form-item> - <el-button style="margin-left: 40px" type="primary" size="mini" @click="submitFormchanck">鎼滅储</el-button> - <el-button style="margin-left: 10px" type="primary" size="mini" @click="resetQuery">閲嶇疆</el-button> - </el-form-item> - + <el-form + :inline="true" + ref="form" + :model="form" + class="demo-form-inline" + label-width="78px" + > + <el-form-item label="濮撳悕" prop="tjName"> + <el-input v-model="form.tjName" placeholder="璇疯緭鍏ュ鍚�" /> + </el-form-item> + + <el-form-item label="浣撴鍙�" prop="tjNum"> + <el-input + ref="inputName" + v-model="form.tjNum" + placeholder="璇疯緭鍏ヤ綋妫�鍙�" + @keyup.enter.native="submitFormchanck" + @blur="hb" + /> + </el-form-item> + + <el-form-item label="鑱旂郴鐢佃瘽" prop="tjPhone"> + <el-input v-model="form.tjPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" /> + </el-form-item> + + <el-form-item> + <el-button + style="margin-left: 40px" + type="primary" + size="mini" + @click="submitFormchanck" + >鎼滅储</el-button + > + <el-button + style="margin-left: 10px" + type="primary" + size="mini" + @click="resetQuery" + >閲嶇疆</el-button + > + </el-form-item> </el-form> </div> - <el-table id="sig" v-loading="loading" :data="tableData" @selection-change="handleSelect" tooltip-effect="dark" - ref="multipleTable" border> + <el-table + id="sig" + v-loading="loading" + :data="tableData" + @selection-change="handleSelect" + tooltip-effect="dark" + ref="multipleTable" + border + > <el-table-column type="selection" width="55" align="center" /> - <el-table-column label="濮撳悕" align="center" prop="tjName" width="110px" /> + <el-table-column + label="濮撳悕" + align="center" + prop="tjName" + width="110px" + /> <el-table-column label="鎬у埆" align="center" prop="sex" width="100px" /> - <el-table-column label="韬唤璇�" align="center" prop="idCard" width="170px" - :show-overflow-tooltip="true"></el-table-column> - <el-table-column label="鎵嬫満鍙�" align="center" prop="tjPhone" width="120px" - :show-overflow-tooltip="true"></el-table-column> - <el-table-column label="浣撴鍙�" align="center" prop="tjNumber" width="160px" /> - <el-table-column label="鐧昏鏃堕棿" align="center" prop="tjFlowingWater.createTime" - :show-overflow-tooltip="true"></el-table-column> - <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="tjComp"></el-table-column> - <el-table-column label="浣撴绫诲瀷" align="center" prop="tjType" width="80px"></el-table-column> - <el-table-column label="璁㈠崟娴佹按鍙�" align="center" prop="tjFlowingWater.waterId" width="230px" /> - <el-table-column label="鏀惰垂鍛�" align="center" prop="tjFlowingWater.updateBy" width="100px" /> + <el-table-column + label="韬唤璇�" + align="center" + prop="idCard" + width="170px" + :show-overflow-tooltip="true" + ></el-table-column> + <el-table-column + label="鎵嬫満鍙�" + align="center" + prop="tjPhone" + width="120px" + :show-overflow-tooltip="true" + ></el-table-column> + <el-table-column + label="浣撴鍙�" + align="center" + prop="tjNumber" + width="160px" + /> + <el-table-column + label="鐧昏鏃堕棿" + align="center" + prop="tjFlowingWater.createTime" + :show-overflow-tooltip="true" + ></el-table-column> + <el-table-column + label="鍗曚綅鍚嶇О" + align="center" + prop="tjComp" + ></el-table-column> + <el-table-column + label="浣撴绫诲瀷" + align="center" + prop="tjType" + width="80px" + ></el-table-column> + <el-table-column + label="璁㈠崟娴佹按鍙�" + align="center" + prop="tjFlowingWater.waterId" + width="230px" + /> + <el-table-column + label="鏀惰垂鍛�" + align="center" + prop="tjFlowingWater.updateBy" + width="100px" + /> </el-table> - - <el-radio-group v-model="tjStatus" @input="radioChange" style="margin: 12px 6px"> + <el-radio-group + v-model="tjStatus" + @input="radioChange" + style="margin: 12px 6px" + > <el-radio-button label="0">鏈即璐�</el-radio-button> <el-radio-button label="1">宸茬即璐�</el-radio-button> </el-radio-group> - <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="96px"> + <el-form + :inline="true" + :model="formInline" + class="demo-form-inline" + label-width="96px" + > <el-row> <el-col :span="7"> - <el-form-item label="搴旀敹閲戦" style="display: flex;"> - <el-input :value="formInline.price + '.00'" placeholder="閲戦" :disabled="true"></el-input> + <el-form-item label="搴旀敹閲戦" style="display: flex"> + <el-input + :value="formInline.price + '.00'" + placeholder="閲戦" + :disabled="true" + ></el-input> </el-form-item> </el-col> <el-col :span="6"> - <el-form-item label="浼樻儬" style="display: flex;" > + <el-form-item label="浼樻儬" style="display: flex"> <!-- <el-input style="width: 90px" type="number" v-model="discount" :value="discount"></el-input> --> - <el-input-number style="width: 100%" v-model="discount" :precision="2" :step="0.1" :max="10" :min="1" - @change="numberChange" :disabled="isfalse"></el-input-number> + <el-input-number + style="width: 100%" + v-model="discount" + :precision="2" + :step="0.1" + :max="10" + :min="1" + @change="numberChange" + :disabled="isfalse" + ></el-input-number> </el-form-item> </el-col> - <!-- <el-form-item label="鎶樻墸"> <el-input style="width:100px" type="number" v-model="formInline.discount" placeholder="璇疯緭鍏ユ姌鎵�"></el-input> </el-form-item> --> <el-col :span="7"> - <el-form-item label="瀹炴敹閲戦" style="display: flex;"> + <el-form-item label="瀹炴敹閲戦" style="display: flex"> <el-input v-model="formInline.paidIn" 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="3"> <el-form-item> - <el-button type="primary" size="mini" :disabled="disabled == 1 ? true : false" - @click="SubmitEvent">鏀惰垂</el-button> + <el-button + type="primary" + size="mini" + :disabled="disabled == 1 ? true : false" + @click="SubmitEvent" + >鏀惰垂</el-button + > </el-form-item> - <el-form-item> - <el-button type="primary" size="mini" :disabled="disabled == 0 ? true : false" - @click="tuifei">閫�璐�</el-button> - </el-form-item> + <!-- <el-form-item> + <el-button + type="primary" + size="mini" + :disabled="disabled == 0 ? true : false" + @click="tuifei" + >閫�璐�</el-button + > + </el-form-item> --> </el-col> </el-row> </el-form> - <el-table v-loading="loading" :data="tableList" border> <el-table-column type="index" width="50"> </el-table-column> @@ -102,9 +209,14 @@ </el-table> </div> </template> - + <script> -import { getByTjNum, getfindTj, getwaterSupper, getpay } from "@/api/hosp/customer"; +import { + getByTjNum, + getfindTj, + getwaterSupper, + getpay, +} from "@/api/hosp/customer"; import { getInfo } from "@/api/login"; export default { dicts: ["dict_pay_type"], @@ -174,9 +286,9 @@ } }); }, - hb(){ + hb() { console.log(this.form.tjNum); - if (this.form.tjNum != "") { + if (this.form.tjNum != "") { this.submitFormchanck(); } }, @@ -185,9 +297,9 @@ getfindTj(this.form).then((response) => { if (response.data != []) { this.tableData = response.data; - this.tableData.forEach(item1 => { + this.tableData.forEach((item1) => { this.tjnumber = item1.tjNumber; - }) + }); if (this.tableData.length != 0) { this.$nextTick(() => { this.$refs.multipleTable.toggleRowSelection( @@ -219,7 +331,7 @@ }); } else { this.tableData = []; - this.disabled = 1 + this.disabled = 1; } this.loading = false; @@ -260,12 +372,11 @@ if (selection.length > 1) { let del_row = selection.shift(); this.$refs.multipleTable.toggleRowSelection(del_row, false); - } let data = { type: this.tjStatus, OrderId: this.OrderId, - tjSerialNumber: this.tjSerialNumber + tjSerialNumber: this.tjSerialNumber, }; getByTjNum(data).then((response) => { if (response.data) { @@ -327,12 +438,12 @@ // 鍗曢�夋寜閽� radioChange(val) { - this.disabled = val + this.disabled = val; if (this.tableData.length != 0) { let data = { type: this.tjStatus, OrderId: this.OrderId, - tjSerialNumber: this.tjSerialNumber + tjSerialNumber: this.tjSerialNumber, }; getByTjNum(data).then((response) => { if (response.data) { @@ -410,7 +521,7 @@ getwaterSupper(data).then((res) => { if (res.msg != "璇ヨ鍗曞凡浠樻 鏃犻』鍐嶄粯") { this.$modal.msgSuccess("鎿嶄綔鎴愬姛"); - this.disabled = 1 + this.disabled = 1; if (res.data) { this.mobanId = res.data.mobanId; this.waterId = res.data.waterId; @@ -419,14 +530,12 @@ const params = { viewNum, tjnumber }; this.$tab.openPage("鏀舵灏忕エ", "/report/charge", params); } - } else { this.$message({ type: "warning ", message: "res.msg", }); } - }); } else { this.$message({ @@ -436,9 +545,7 @@ } }, // 閫�璐� - tuifei() { - - }, + tuifei() {}, }, }; </script> @@ -447,4 +554,4 @@ #sig .el-table__header-wrapper .el-checkbox { display: none; } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0