From cee2eca9c3e40b48c40a8fe80f938a777f03d463 Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期二, 10 六月 2025 17:57:11 +0800
Subject: [PATCH] 1

---
 src/views/system/charge/index.vue |  286 ++++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 214 insertions(+), 72 deletions(-)

diff --git a/src/views/system/charge/index.vue b/src/views/system/charge/index.vue
index 535d6da..e1cc8b4 100644
--- a/src/views/system/charge/index.vue
+++ b/src/views/system/charge/index.vue
@@ -1,79 +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">
-        <el-form-item label="浣撴鍙�" prop="tjNum">
-          <el-input ref="inputName" v-model="form.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" />
-        </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="璇疯緭鍏ュ鍚�" style="width: 100px" />
+          <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="璇疯緭鍏ヨ仈绯荤數璇�" style="width: 130px" />
+          <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-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="180px" />
-      <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-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <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-col>
-      <el-col :span="16">
-        <el-form :inline="true" :model="formInline" class="demo-form-inline" style="margin: 12px 6px">
-          <el-form-item label="搴旀敹閲戦">
-            <el-input style="width: 86px" :value="formInline.price + '.00'" placeholder="閲戦" :disabled="true"></el-input>
-          </el-form-item>
-          <el-form-item label="浼樻儬鎶樻墸">
-            <!-- <el-input style="width: 90px" type="number" v-model="discount" :value="discount"></el-input> -->
-            <el-input-number style="width: 140px" v-model="discount" :precision="2" :step="0.1" :max="10" :min="1"
-              @change="numberChange" :disabled="isfalse"></el-input-number>
-          </el-form-item>
+    <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-item label="鎶樻墸">
+    <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>
+        </el-col>
+        <el-col :span="6">
+          <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-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-form-item label="瀹炴敹閲戦">
-            <el-input v-model="formInline.paidIn" placeholder="瀹炰粯" style="width: 94px">
+        <el-col :span="7">
+          <el-form-item label="瀹炴敹閲戦" style="display: flex">
+            <el-input v-model="formInline.paidIn" placeholder="瀹炰粯">
             </el-input>
           </el-form-item>
-          <el-form-item label="浠樻绫诲瀷" prop="payType">
-            <el-select style="width: 120px" 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="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-select>
           </el-form-item>
+        </el-col>
+        <el-col :span="3">
           <el-form-item>
-            <el-button style="margin-left: 15px" 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>
-      </el-col>
-    </el-row>
+          <!-- <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>
@@ -83,9 +209,14 @@
     </el-table>
   </div>
 </template>
-  
+
 <script>
-import { getByTjNum, getfindTj, getwater, 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"],
@@ -107,7 +238,7 @@
       adviceList: [],
       // 閬僵灞�
       loading: false,
-      disabled: "",
+      disabled: 0,
       isDisabled: false,
       // 缁戝畾鍗曢�夋寜閽�
       tjStatus: "0",
@@ -155,14 +286,20 @@
         }
       });
     },
+    hb() {
+      console.log(this.form.tjNum);
+      if (this.form.tjNum != "") {
+        this.submitFormchanck();
+      }
+    },
     submitFormchanck() {
       this.loading = true;
       getfindTj(this.form).then((response) => {
-        if (response.data) {
+        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(
@@ -194,6 +331,7 @@
           });
         } else {
           this.tableData = [];
+          this.disabled = 1;
         }
 
         this.loading = false;
@@ -238,6 +376,7 @@
       let data = {
         type: this.tjStatus,
         OrderId: this.OrderId,
+        tjSerialNumber: this.tjSerialNumber,
       };
       getByTjNum(data).then((response) => {
         if (response.data) {
@@ -299,11 +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,
         };
         getByTjNum(data).then((response) => {
           if (response.data) {
@@ -378,24 +518,24 @@
           refundPros: this.refundPros,
           orderId: this.OrderId,
         };
-        getwater(data).then((res) => {
-          if (res.msg !="璇ヨ鍗曞凡浠樻 鏃犻』鍐嶄粯") {
-            this.mobanId = res.data.mobanId;
-            this.waterId = res.data.waterId;
+        getwaterSupper(data).then((res) => {
+          if (res.msg != "璇ヨ鍗曞凡浠樻 鏃犻』鍐嶄粯") {
             this.$modal.msgSuccess("鎿嶄綔鎴愬姛");
-            // this.radioChange();
-            // this.submitFormchanck();
-            const tjnumber = this.waterId;
-            const viewNum = this.mobanId;
-            const params = { viewNum, tjnumber };
-            this.$tab.openPage("鏀舵灏忕エ", "/report/charge", params);
-          } else{
+            this.disabled = 1;
+            if (res.data) {
+              this.mobanId = res.data.mobanId;
+              this.waterId = res.data.waterId;
+              const tjnumber = this.waterId;
+              const viewNum = this.mobanId;
+              const params = { viewNum, tjnumber };
+              this.$tab.openPage("鏀舵灏忕エ", "/report/charge", params);
+            }
+          } else {
             this.$message({
               type: "warning ",
-              message: "鏌ヨ鍒版偍宸查��娆撅紝璇锋偍閲嶆柊棰勭害!",
+              message: "res.msg",
             });
           }
-
         });
       } else {
         this.$message({
@@ -404,6 +544,8 @@
         });
       }
     },
+    // 閫�璐�
+    tuifei() {},
   },
 };
 </script>
@@ -412,4 +554,4 @@
 #sig .el-table__header-wrapper .el-checkbox {
   display: none;
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0