1

wwl

2024-12-27 838d4e619e60f5f3aa20ad4c3f71f4a0a1fadd26

1

 src/views/system/charge/index.vue

@@ -1,14 +1,25 @@
<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
        :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-input
            ref="inputName"
            v-model="form.tjNum"
            placeholder="请输入体检号"
            @keyup.enter.native="submitFormchanck"
            @blur="hb"
          />
            </el-form-item>
         
            <el-form-item label="联系电话" prop="tjPhone" >
@@ -16,83 +27,179 @@
            </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="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>
@@ -104,7 +211,12 @@
</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"],
@@ -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>