11

WXL

2024-03-14 1c08c6dcbe0f81bd8cff8a363e0d6f5c996474be

 src/views/project/unitCost/particulars.vue

@@ -7,119 +7,122 @@
          <el-col :span="5">
            <el-form-item label="经办人" prop="name">
              <el-input
                v-model="form.name"
                v-model="form.createby"
                placeholder="请输入姓名"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
          <el-col :span="7">
          <el-col :span="5">
            <el-form-item label="收款状态" prop="sex">
              <el-select v-model="form.sex" placeholder="请输入性别">
              <el-select v-model="form.paystatus" placeholder="请选择状态">
                <el-option
                  v-for="dict in dict.type.sys_user_sex"
                  v-for="dict in gatheringlist"
                  :key="dict.label"
                  :label="dict.label"
                  :value="parseInt(dict.value)"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="5">
            <el-form-item label="申请日期" prop="borthdate">
          <el-col :span="7">
            <el-form-item label="申请日期" prop="createTime">
              <el-date-picker
                clearable
                size="small"
                v-model="form.borthdate"
                type="date"
                value-format="yyyy-MM-dd"
                v-model="form.createTime"
                value-format="yyyy-MM-dd HH:mm:ss"
                type="datetime"
                :disabled="true"
                placeholder="选择出生年月"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="7"
            ><el-form-item label="收款单号" prop="donateno">
              <el-input v-model="form.paymentno" placeholder="请输入收款单号" />
            </el-form-item>
          </el-col> </el-row
        ><el-row
          ><el-col :span="5"
            ><el-form-item label="收款单位" prop="donateno">
              <el-input
                v-model="form.donateno"
                v-model="form.beneficiary"
                placeholder="请输入收款单位"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
          <el-col :span="7"
          <el-col :span="12"
            ><el-form-item label="收款银行" prop="donateno">
              <el-input
                v-model="form.donateno"
                v-model="form.beneficiarybank"
                placeholder="请输入收款银行"
                :disabled="true"
              />
            </el-form-item>
          </el-col>

          <el-col :span="5">
          <el-col :span="7">
            <el-form-item label="收款行号" prop="donationcategory">
              <el-input
                v-model="form.donationcategory"
                v-model="form.beneficiaryaccount"
                placeholder="请输入收款行号"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="17">
          <el-col :span="24">
            <el-form-item label="联系信息" prop="remark">
              <el-input v-model="form.remark" placeholder="请输入备注" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5">
          <el-col :span="7">
            <el-form-item label="付款医院" prop="sex">
              <el-select v-model="form.sex" placeholder="请选择医院">
                <el-option
                  v-for="dict in dict.type.sys_user_sex"
                  :key="dict.label"
                  :label="dict.label"
                  :value="parseInt(dict.value)"
                ></el-option>
              </el-select>
              <el-input
                v-model="form.hospitalname"
                placeholder="请输入付款医院"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="应收金额" prop="chargeamount">
            <el-form-item label="应收金额" prop="receivableamount">
              <el-input
                v-model="form.chargeamount"
                v-model="form.receivableamount"
                placeholder="请输入应收金额"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="实收金额" prop="chargeamounted">
            <el-form-item label="实收金额" prop="receivedamount">
              <el-input
                v-model="form.chargeamounted"
                @blur="chargeSumall"
                v-model="form.receivedamount"
                placeholder="请输入实收金额"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="申请日期" prop="borthdate">
            <el-form-item label="收款日期" prop="receivedtime">
              <el-date-picker
                clearable
                size="small"
                v-model="form.borthdate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择出生年月"
                v-model="form.receivedtime"
                value-format="yyyy-MM-dd HH:mm:ss"
                type="datetime"
                placeholder="选择收款日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="headlines">
          <div>收款明细</div>
          <el-button type="primary" @click="handleAddpatient">新增</el-button>
        </div>
        <el-row style="margin-top: 10px">
          <el-table
            :data="donorchargeorgans"
@@ -133,6 +136,7 @@
            <el-table-column
              prop="organno"
              align="center"
              fixed
              label="器官编号"
              width="90"
            >
@@ -146,6 +150,7 @@
            </el-table-column>
            <el-table-column
              prop="organname"
              fixed
              align="center"
              label="器官名称"
              width="120"
@@ -153,6 +158,7 @@
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.organname"
                  :disabled="true"
                  placeholder="器官名称"
                />
              </template>
@@ -164,22 +170,33 @@
              prop="caseno"
            >
              <template slot-scope="scope">
                <el-input v-model="scope.row.caseno" placeholder="国家编号" />
                <el-input
                  v-model="scope.row.caseno"
                  :disabled="true"
                  placeholder="国家编号"
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="hospitalname"
              prop="hospitalno"
              align="center"
              label="接收医院"
              width="280"
            >
              <template slot-scope="scope">
                <!-- <el-input
                  v-model="scope.row.hospitalname"
                  :disabled="true"
                  placeholder="接收医院"
                /> -->
                <org-selecter
                  ref="tranHosSelect"
                  :org-type="'4'"
                  v-model="scope.row.hospitalno"
                  style="width: 100%"
                />
                        ref="tranHosSelect"
                        :org-type="'4'"
                  :disabled="true"

                        v-model="scope.row.hospitalno"
                        style="width: 100%"
                      />
              </template>
            </el-table-column>
            <el-table-column
@@ -189,11 +206,15 @@
              prop="name"
            >
              <template slot-scope="scope">
                <el-input v-model="scope.row.name" placeholder="受体姓氏" />
                <el-input
                  v-model="scope.row.name"
                  :disabled="true"
                  placeholder="受体姓氏"
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="organtime"
              prop="receiveTime"
              align="center"
              label="接收日期"
              width="200"
@@ -203,7 +224,8 @@
                  clearable
                  size="small"
                  style="width: 100%"
                  v-model="scope.row.organtime"
                  v-model="scope.row.receiveTime"
                  :disabled="true"
                  type="date"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  placeholder="接收日期"
@@ -211,16 +233,19 @@
                </el-date-picker>
              </template>
            </el-table-column>
            
           

            <el-table-column
              prop="amount"
              prop="organcharge"
              align="center"
              label="应收金额"
              width="150"
            >
              <template slot-scope="scope">
                <el-input v-model="scope.row.amount" placeholder="应收金额" />
                <el-input
                  @blur="chargeSum"
                  v-model="scope.row.organcharge"
                  placeholder="应收金额"
                />
              </template>
            </el-table-column>
            <el-table-column
@@ -230,10 +255,14 @@
              width="150"
            >
              <template slot-scope="scope">
                <el-input v-model="scope.row.amount" placeholder="实收金额" />
                <el-input
                  @blur="chargeSum"
                  v-model="scope.row.amount"
                  placeholder="实收金额"
                />
              </template>
            </el-table-column>
           

            <el-table-column
              prop="amounttime"
              align="center"
@@ -253,39 +282,294 @@
                </el-date-picker>
              </template>
            </el-table-column>
            <el-table-column prop="organchargedesc" align="center" label="备注">
            <el-table-column
              prop="organchargedesc"
              width="280"
              align="center"
              label="备注"
            >
              <template slot-scope="scope">
                <el-input
                  type="textarea"
                  :rows="1"
                  v-model="scope.row.organchargedesc"
                  placeholder="备注"
                />
              </template>
            </el-table-column>
            <el-table-column label="操作" align="center">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-circle-plus-outline" @click="handleUpdate(scope.row)"
            v-hasPermi="['system:donorcharge:edit']">新增</el-button>
          
          <el-button size="mini" type="text" @click="handleDelete(scope.row)"
            v-hasPermi="['system:donorcharge:remove']"><span class="button-delete"
              ><i class="el-icon-delete"></i>删除</span
            ></el-button>
            <el-button size="mini" type="text" icon="el-icon-folder-opened" @click="handleUpdate(scope.row)"
            v-hasPermi="['system:donorcharge:edit']">附件</el-button>
        </template>
      </el-table-column>
            <el-table-column
              label="操作"
              fixed="right"
              width="260"
              align="center"
            >
              <template slot-scope="scope">
                <el-button
                  type="text"
                  @click="handleDelete(scope.row)"
                  v-hasPermi="['system:donorcharge:remove']"
                  ><span class="button-delete"
                    ><i class="el-icon-delete"></i>删除</span
                  ></el-button
                >
                <el-button
                  type="text"
                  icon="el-icon-folder-opened"
                  @click="Filepopup(scope.$index, scope.row)"
                  v-hasPermi="['system:donorcharge:edit']"
                  >附件</el-button
                >
              </template>
            </el-table-column>
          </el-table>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button
          type="primary"
          type="success"
          @click="submitForm"
          v-if="operationType == 'add' || operationType == 'update'"
          >保 存</el-button
        >
        <el-button type="primary" @click="cancel">关闭</el-button>
        <el-button type="info" @click="cancel">关闭</el-button>
      </div>
      <!-- 添加患者 -->
      <el-dialog
        title="选择器官和组织"
        :visible.sync="dialogVisiblepatient"
        width="70%"
        :before-close="handleClosehz"
      >
        <div class="examine-jic">
          <div class="jic-value">
            <el-row :gutter="20">
              <!--用户数据-->
              <el-form
                :model="patientqueryParams"
                ref="queryForm"
                size="small"
                :inline="true"
                label-width="98px"
              >
                <el-form-item label="接收医院" prop="status">
                  <el-input
                    v-model="form.hospitalname"
                    placeholder="请输入付款医院"
                    :disabled="true"
                  />
                </el-form-item>
                <el-form-item label="捐献者" prop="status">
                  <el-select
                    v-model="patientqueryParams.donorchargeid"
                    filterable
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="item in donorchargeanlList"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>

                <el-form-item>
                  <el-button
                    type="primary"
                    icon="el-icon-search"
                    size="medium"
                    @click="handleAddpatient"
                    >搜索</el-button
                  >
                  <el-button
                    icon="el-icon-refresh"
                    size="medium"
                    @click="resetQuery"
                    >重置</el-button
                  >
                </el-form-item>
              </el-form>
              <!-- 选择器官列表 -->
              <el-table
                ref="multipleTable"
                :data="donorchargeList"
                tooltip-effect="dark"
                style="width: 100%"
                @selection-change="handleSelectionChange"
              >
                <el-table-column type="selection" width="55"> </el-table-column>
                <el-table-column label="捐献者" width="120">
                  <template slot-scope="scope">{{
                    scope.row.donorname
                  }}</template>
                </el-table-column>

                <el-table-column
                  prop="organname"
                  label="器官名称"
                  show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column prop="organno" label="器官编号" width="120">
                </el-table-column>
                <el-table-column
                  prop="caseno"
                  label="国家分配编号"
                  show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                  prop="name"
                  label="受体姓氏"
                  show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                  prop="hospitalname"
                  label="接收医院"
                  show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                  prop="receiveTime"
                  label="接收日期"
                  show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                  prop="address"
                  label="备注"
                  show-overflow-tooltip
                >
                </el-table-column>
              </el-table>
            </el-row>
            <pagination
              v-show="patienttotal > 0"
              :total="patienttotal"
              :page.sync="patientqueryParams.pageNum"
              :limit.sync="patientqueryParams.pageSize"
              @pagination="handleAddpatient"
            />
          </div>
        </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisiblepatient = false">取 消</el-button>
          <el-button type="primary" @click="AddDispatchpatients"
            >确定添加</el-button
          >
        </span>
      </el-dialog>
      <!-- 附件弹窗 -->
      <el-dialog
        v-dialogDrags
        :modal="false"
        :close-on-click-modal="false"
        :title="pdftitle"
        :visible.sync="pdfVisible"
        width="60%"
      >
        <div class="pdfimg">
          <div class="box-pdf">
            <div>
              <el-upload
                size="mini"
                class="upload-demo"
                :action="uploadFileUrl"
                :file-list="fileListto"
                :show-file-list="false"
                multiple
                drag
                :headers="headers"
                :on-success="
                  (response, file, fileList) =>
                    uploadSccess(response, file, fileList)
                "
                :on-preview="downFile"
                :disabled="operationType == 'detail'"
                :on-error="handleUploadError"
                :on-remove="remove"
                accept="image/*,.pdf"
              >
                <i class="el-icon-upload"></i>
                <div class="el-upload__text">
                  将票据拖到此处，或
                  <em
                    ><el-button
                      :disabled="operationType == 'detail'"
                      size="small"
                      type="primary"
                      >点击上传</el-button
                    ></em
                  >
                </div>
              </el-upload>
              <el-table
                :data="fileListto"
                @row-click="downFile"
                style="width: 100%"
                height="400"
              >
                <el-table-column
                  prop="name"
                  :show-overflow-tooltip="true"
                  label="名称"
                >
                  <template slot-scope="scope">
                    <i style="color:#409EFF" class=" el-icon-s-order" />
                    <span>{{ scope.row.name }}</span>
                  </template>
                </el-table-column>

                <el-table-column
                  prop="name"
                  width="190"
                  :show-overflow-tooltip="true"
                  label="功能"
                >
                  <template slot-scope="scope">
                    <el-button
                      type="danger"
                      size="mini"
                      @click="deletedowfile(scope.row)"
                      >删除</el-button
                    >

                    <el-button
                      type="primary"
                      size="mini"
                      @click.native.prevent.stop="moveupdowfile(scope.row)"
                      >上移</el-button
                    >
                    <el-button
                      type="success"
                      size="mini"
                      icon="el-icon-search"
                      circle
                      @click.native.prevent.stop="Downloadfile(scope.row)"
                    ></el-button>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>

          <div v-if="this.previewpdf && pdfimgsrcList.length" class="pdfimgmin">
            <!-- <img :src="pdfimg" /> -->
            <el-image
              style="width: 95%; height: 90%"
              :src="pdfimg"
              :preview-src-list="pdfimgsrcList"
            >
              <!-- <div slot="error" class="image-slot">
              <i class="el-icon-picture-outline"></i>
            </div> -->
            </el-image>
          </div>
          <div v-else class="pdfimgmins">{{ hintitle }}</div>
        </div>
      </el-dialog>
    </div>
  </div>
</template>
@@ -298,11 +582,16 @@
import {
  getDonorcharge,
  addDonorcharge,
  updateDonorcharge
  updateDonorcharge,
  listDonorcharge,
  listDonorpayment,
  addDonorpayment,
  editDonorpayment
} from "@/api/project/donorcharge";

import {
  listDonorchargeorgan,
  delDonorchargeorgan,
  updateDonorchargeorgan,
  saveDonorchargeorgan
} from "@/api/project/donorcharge";
import { listDonatecomporgan } from "@/api/project/donatecompletioninfo";
@@ -319,13 +608,47 @@
    Li_area_select,
    pdf
  },
  dicts: ["sys_user_sex", "sys_0_1"],
  dicts: ["sys_gathering", "sys_0_1"],
  name: "Donorchargemanager",
  data() {
    return {
      activeName: 1, //文件类型
      // 部门树选项

      tableData: [
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄"
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄"
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄"
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄"
        }
      ],
      gatheringlist: [
        { label: "新建", value: "1" },
        { label: "待收款", value: "2" },
        { label: "已收款", value: "3" }
      ],
      multipleSelection: [],
      patientqueryParams: {
        pageNum: 1,
        pageSize: 10,
        hospitalno: null,
        paymentid: null
      },
      dialogVisiblepatient: false,
      patienttotal: 0, //
      //票据文件
      pdftitle: "",
      pdfimg: "",
@@ -366,10 +689,11 @@
      // 捐献案例器官列表格数据
      donorchargeList: [],
      donorchargeorgans: [],
      donorchargeanlList: [], //案例列表
      delogans: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,

      // 查询费用表参数
      queryParams: {
        pageNum: 1,
@@ -384,7 +708,7 @@
      organParams: {
        pageNum: 1,
        pageSize: 10,
        donorchargeid: null
        paymentid: null
      },

      // 当前用户信息
@@ -404,6 +728,20 @@
          { required: true, message: "请输入所属业务组", trigger: "blur" }
        ]
      },
      topicoptions: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项5",
          label: "北京烤鸭"
        }
      ],

      baselist: [],
      donorList: [],
@@ -424,10 +762,7 @@
      //文件列表
      fileList: [],
      fileListto: [],
      invoicefileList: [],
      invoicefileListto: [],
      invoicepdfimg: "",
      invoicepdfimgsrcList: [],

      invoDatatop: [],
      //人员类别
      persontype: null,
@@ -491,7 +826,40 @@
      }
    },

    handleClosehz() {
      this.dialogVisiblepatient = false;
    },
    handleQuery() {},
    resetQuery() {
      this.patientqueryParams.donorname = null;
      this.patientqueryParams.donorchargeid = null;
      this.handleAddpatient();
    },
    handleUploadError() {},
    // 弹框添加
    AddDispatchpatients() {
      this.donorchargeorgans = this.donorchargeorgans.concat(
        this.multipleSelection
      );
      this.dialogVisiblepatient = false;
    },
    // 多选框选中数据
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    // 点击新增
    handleAddpatient(row) {
      this.dialogVisiblepatient = true;
      this.patientqueryParams.hospitalno = this.form.hospitalno;
      this.patientqueryParams.paymentid = null;
      this.patientqueryParams.paymentidIsNotNull = false;
      listDonorchargeorgan(this.patientqueryParams).then(res => {
        this.donorchargeList = res.rows;
        this.patienttotal = res.total;
        this.patientqueryParams.paymentidIsNotNull = true;
        console.log(this.donorchargeList);
      });
    },
    // 获取请求头
    Getnetworkheader() {
      let string = window.location.href;
@@ -503,19 +871,6 @@
        this.Networkheader = string.slice(0, index + 4); // 截取8032及其前部字符
      }
    },
    // 发票切换
    handleClick(tab, event) {
      if (this.activeName == 1) {
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
      } else {
        this.pdftitle = "共" + this.invoicepdfimgsrcList.length + "项";
      }
    },

    getIndexInArray(arr, obj) {
      return arr.indexOf(obj);
    },

    // 表单重置
    reset() {
      this.form = {
@@ -547,6 +902,7 @@
      this.operationType = this.$route.query.operation;
      this.curId = this.$route.query.id;
      this.curCase = this.$route.query.data;
      this.patientqueryParams.paymentid = this.curId;
      console.log("this.$route.query", this.$route.query);

      if (this.operationType == "add") {
@@ -562,6 +918,9 @@
        this.handleDetail();
        console.log("3");
      }
      listDonorcharge({ pageNum: 1, pageSize: 10000 }).then(response => {
        this.donorchargeanlList = response.rows;
      });
    },

    /** 重置按钮操作 */
@@ -576,186 +935,116 @@
      this.$router.go(-1);
    },

    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
    },

    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "新增捐献案例器官费用表";

      if (this.curCase) {
        this.form.infoid = this.curCase.id;
        this.form.donateno = this.curCase.donorno;
        this.form.donatetime = this.curCase.donatetime;
        this.form.name = this.curCase.name;
        this.form.paystatus = "1";
        this.form.hospitalname = this.curCase.organizationname;
        this.form.hospitalno = this.curCase.organizationid;
        this.form.borthdate = this.curCase.birthday;
        this.form.sex = this.curCase.sex;
        this.form.age = this.curCase.age;
        this.form.donationcategory = this.curCase.donationcategory;

        //获取完成登记的器官表
        if (this.curCase.id > 0) {
        } else {
          this.curCase.id = 0;
        }
        let searchParam = {
          infoid: this.curCase.id
        };
        listDonatecomporgan(searchParam).then(res => {
          if (res.code == 200) {
            // 查询器官费用表
            let tempParam = {
              organcode: null,
              organname: null,
              charge: null
            };
            listOrgancharge(tempParam).then(res1 => {
              if (res1.code == 200) {
                this.organchargelist = res1.rows;
              }

              //插入器官表
              res.rows.forEach(item => {
                //获取费用金额
                this.organchargelist.map(rescharge => {
                  if (rescharge.organcode == item.organno) {
                    this.donorchargeorgans.push({
                      organno: item.organno,
                      organname: item.organname,
                      organcharge: rescharge.charge,
                      infoid: item.infoid,
                      hospitalname: item.transplanthospitalname,
                      hospitalno: item.transplanthospitalno,
                      organtime: item.transplanttime,
                      chargestate: "0"
                    });
                  }
                });
              });
            });
          }
        });
      }
    },

    /** 修改按钮操作 */
    handleUpdate() {
      this.reset();
      this.open = true;
      this.title = "修改捐献案例器官费用表";
      this.title = "收款结算申请单编辑";

      getDonorcharge(this.curId).then(response => {
        this.form = response.data;
        console.log("getDonorcharge", response);

      listDonorpayment({ id: this.curId }).then(response => {
        this.form = response.rows[0];
        //器官费用信息
        this.organParams.donorchargeid = this.curId;
        console.log("this.organParams", this.organParams);
        listDonorchargeorgan(this.organParams).then(res => {
        listDonorchargeorgan(this.patientqueryParams).then(res => {
          console.log("listDonorchargeorgan", res);
          this.donorchargeorgans = res.rows;
          console.log(this.donorchargeorgans, "donorchargeorgans");
          if (this.donorchargeorgans.length > 0) {
          } else {
            this.addRow(0);
          }
        });
      });
    },

    /** 修改查看操作 */
    /** 查看操作 */
    handleDetail() {
      this.reset();
      this.open = true;

      getDonorcharge(this.curId).then(response => {
        this.form = response.data;
        this.open = true;
      listDonorpayment({ id: this.curId }).then(response => {
        this.title = "查看捐献案例器官费用表";

        this.form = response.rows[0];
        //器官费用信息
        this.organParams.donorchargeid = this.curId;
        listDonorchargeorgan(this.organParams).then(res => {
        listDonorchargeorgan(this.patientqueryParams).then(res => {
          console.log("listDonorchargeorgan", res);
          this.donorchargeorgans = res.rows;
          if (this.donorchargeorgans.length > 0) {
          } else {
            this.addRow(0);
          }
          console.log(this.donorchargeorgans, "donorchargeorgans");
        });
      });
    },

    /** 提交保存按钮 */
    submitForm: debounce(function(data) {
    submitForm() {
      this.chargeSum();
      this.$refs["form"].validate(valid => {
        if (valid) {
          //校验、费用合计
          let ChargeSum = 0;
          let ChargeamountSum = 0;
          let organname = "";

          try {
            for (let i = 0; i < this.donorchargeorgans.length; i++) {
              organname += this.donorchargeorgans[i].organname + ",";
              if (!isNaN(parseFloat(this.donorchargeorgans[i].organcharge))) {
                ChargeSum += parseFloat(this.donorchargeorgans[i].organcharge);
              }
              if (!isNaN(parseFloat(this.donorchargeorgans[i].amount))) {
                ChargeamountSum += parseFloat(this.donorchargeorgans[i].amount);
              }
            }
            this.form.donateorgan = organname.substring(
              0,
              organname.lastIndexOf(",")
            );
            this.form.chargeamount = ChargeSum.toFixed(2);
            this.form.chargeamounted = ChargeamountSum.toFixed(2);
          } catch {}
          this.$modal.loading("正在提交，请稍候！");

          //保存
          if (this.form.id != null) {
            for (let k = 0; k < this.donorchargeorgans.length; k++) {
              this.donorchargeorgans[k].donorchargeID = this.form.id;
              this.donorchargeorgans[k].paymentid = this.form.id;
            }

            updateDonorcharge(this.form).then(res1 => {
            editDonorpayment(this.form).then(res1 => {
              if (res1.code == 200) {
                saveDonorchargeorgan(this.donorchargeorgans).then(res2 => {
                  if (res2.code == 200) {
                    this.$modal.msgSuccess("保存成功！");
                    this.open = false;
                  } else {
                    this.$modal.msgError(res2.msg);
                  }
                  this.$modal.closeLoading();
                });
              } else {
                this.$modal.closeLoading();
                this.$modal.msgError(res1.msg);
              }
            });
          } else {
            addDonorcharge(this.form).then(response => {
            addDonorpayment(this.form).then(response => {
              if (response.code == 200) {
                console.log("addDonorcharge", response);
                this.form.id = response.msg;
                //保存前校验数据
                for (let k = 0; k < this.donorchargeorgans.length; k++) {
                  this.donorchargeorgans[k].donorchargeid = response.data.id;
                  this.donorchargeorgans[k].paymentid = response.msg;
                }
                saveDonorchargeorgan(this.donorchargeorgans).then(res2 => {
                  if (res2.code == 200) {
                    this.$modal.msgSuccess("保存成功！");
                    this.open = false;
                  } else {
                    this.$modal.msgError(res2.msg);
                  }
                });
                this.$modal.closeLoading();
              } else {
                this.$modal.msgError(response.msg);
                this.$modal.closeLoading();
              }
            });
          }
        }
      });
    }, 500),
    },
    //修改总实收后触发

    //计算费用合计
    chargeSumall() {
      if (this.form.receivedamount == this.form.receivableamount) {
        this.donorchargeorgans.forEach(item => {
          item.amount = item.organcharge;
        });
      } else {
        this.$modal.msgError("注意实收金额不等于应收金额，请核对数据！");
      }
    },
    //修改实收或应收后触发
    chargeSum() {
      let ChargeSum = 0;
      let ChargeamountSum = 0;
@@ -770,10 +1059,28 @@
            ChargeamountSum += parseFloat(this.donorchargeorgans[i].amount);
          }
        }

        this.form.chargeamount = ChargeSum.toFixed(2);
        this.form.chargeamounted = ChargeamountSum.toFixed(2);
        this.form.receivableamount = ChargeSum.toFixed(2);
        this.form.receivedamount = ChargeamountSum.toFixed(2);
      } catch {}
    },

    handleDelete(row) {
      this.$modal
        .confirm("是否确认删除该条器官费用数据项？")
        .then(() => {
          let value = row;
          value.paymentid = null;
          this.delogans.push(value);

          saveDonorchargeorgan(this.delogans).then(res2 => {
            if (res2.code == 200) {
              let index = this.donorchargeorgans.indexOf(row);
              this.donorchargeorgans.splice(index, 1);
              this.$modal.msgSuccess("删除成功！");
            }
          });
        })
        .catch(() => {});
    },

    //表格合计
@@ -783,26 +1090,21 @@
      var columnnames = [
        "organno",
        "organname",
        "amount",
        "amounttime",
        "organcharge",
        "organchargedesc",
        "hospitalname",
        "organtime",
        "remark"
        "remark",
        "name",
        "caseno",
        "receiveTime"
      ];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = "合计";
          return;
        }
        // if (index === 2) {
        //   sums[index] = this.form.chargeamounted;
        //   return;
        // }
        // if (index === 4) {
        //   sums[index] = this.form.chargeamount;
        //   return;
        // }

        //去除部分字段计算
        if (columnnames.indexOf(column.property) > -1) {
          return;
@@ -824,6 +1126,192 @@
        }
      });
      return sums;
    },
    // 文件------------------------
    remove(file, fileList) {
      const donorchargeorgans = [...this.donorchargeorgans];

      this.fileListto.splice(this.fileListto.indexOf(file), 1);
      donorchargeorgans[this.atpresent].annexFilesList = this.fileListto;
    },

    uploadSccess(response, file, fileList) {
      this.donorchargeorgans;
      const config = {
        headers: { Authorization: "Bearer " + this.ICDtoken }
      };
      const pdfimg = this.Networkheader + "/prod-api" + response.fileName;
      //获取票据信息位置
      if (response.code == 200) {
        this.previewpdf = true;
        fetch(pdfimg, config)
          .then(response => response.blob())
          .then(blob => {
            // 将获取的数据流转换为URL
            this.pdfimg = URL.createObjectURL(blob);
            this.pdfimgsrcList.push(URL.createObjectURL(blob));
            this.fileListto.push({
              name: file.name,
              url: URL.createObjectURL(blob)
            });
          })
          .catch(error => {
            console.error("Error loading image", error);
            return;
          });

        this.$modal.msgSuccess(response.msg);

        console.log(this.fileListto, "新增后");
        if (!this.donorchargeorgans[this.atpresent].annexFilesList) {
          this.donorchargeorgans[this.atpresent].annexFilesList = [];
        }
        this.donorchargeorgans[this.atpresent].annexFilesList.push({
          name: file.name,
          url: response.fileName
        });
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
      } else {
        console.log(response.msg);
      }
    },

    // 点击票据
    Filepopup(index, row) {
      const config = {
        headers: { Authorization: "Bearer " + this.ICDtoken }
      };

      this.tableDatatop = [];
      this.fileListto = [];
      this.invoicefileListto = [];
      this.pdfimg = "";
      this.invoicepdfimg = [];
      this.pdfimgsrcList = [];
      this.invoicepdfimgsrcList = [];
      this.tableDatatop.push(row);
      this.atpresent = index;
      this.pdfVisible = true;

      if (this.donorchargeorgans[index].annexFilesList) {
        const fetchPromises = this.donorchargeorgans[index].annexFilesList.map(
          (value, indexson) => {
            const pdfimg = this.Networkheader + "/prod-api" + value.url;
            return fetch(pdfimg, config)
              .then(response => response.blob())
              .then(blob => {
                return {
                  name: value.name,
                  url: URL.createObjectURL(blob)
                };
              })
              .catch(error => {
                console.error("Error loading image", error);
                return null;
              });
          }
        );

        Promise.all(fetchPromises).then(fileListto => {
          this.fileListto = fileListto.filter(item => item !== null);
          this.pdfimg = this.fileListto[0].url;
          console.log(this.pdfimg, "pdfimg");
          this.pdfimgsrcList = this.fileListto.map(item => item.url);
        });

        this.previewpdf = true;
      } else {
        this.fileListto = [];
        this.pdfimg = "";
        this.pdftitle = "";
      }

      this.pdftitle = "共" + this.pdfimgsrcList.length + "项";

      console.log(this.fileListto, "this.fileListto");
      console.log(
        this.donorchargeorgans[index].annexFilesList,
        "annexFilesList"
      );
    },

    // 点击已上传文件
    downFile(item) {
      this.pdftitle =
        "共" + this.pdfimgsrcList.length + "项，当前选中" + item.name;
      let name = item.name.split(".");
      if (name[1] == "pdf") {
        this.$modal.msgWarning("当前文件暂不支持预览");
        this.previewpdf = false;
        this.hintitle = "当前文件暂不支持预览";
      } else if (name[1] == "jpg" || "png") {
        console.log(item, "展示");
        this.previewpdf = true;
        if (item.url) {
          this.pdfimg = item.url;
        } else {
          this.pdfimg = "";
        }
      } else {
        this.hintitle = "当前文件暂不支持预览";
        this.$modal.msgWarning("当前文件暂不支持预览");
        this.previewpdf = false;
      }
    },
    getIndexInArray(arr, obj) {
      return arr.indexOf(obj);
    },
    // 发票切换
    handleClick(tab, event) {
      this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
    },
    // 点击删除
    deletedowfile(row) {
      console.log(row);
      let indexvalue = "";
      const indexlist = this.getIndexInArray(this.pdfimgsrcList, row.url);
      this.pdfimgsrcList.splice(indexlist, 1);
      const index = this.getIndexInArray(this.fileListto, row);
      this.fileListto.splice(index, 1);
      console.log(this.donorchargeorgans[this.atpresent].annexFilesList);
      indexvalue = this.donorchargeorgans[
        this.atpresent
      ].annexFilesList.findIndex(item => item.name == row.name);
      console.log(indexvalue, "删除索引");
      this.donorchargeorgans[this.atpresent].annexFilesList.splice(
        indexvalue,
        1
      );
    },
    // 点击上移
    moveupdowfile(row) {
      const index = this.fileListto.findIndex(item => item.name == row.name);
      const item = this.fileListto.splice(index, 1)[0]; // 移除指定索引处的元素，并保存到item变量中
      this.fileListto.splice(index - 1, 0, item); // 将item插入到索引位置的前一位

      const indexann = this.donorchargeorgans[
        this.atpresent
      ].annexFilesList.findIndex(item => item.name == row.name);
      const itemann = this.donorchargeorgans[
        this.atpresent
      ].annexFilesList.splice(indexann, 1)[0]; // 移除指定索引处的元素，并保存到item变量中
      this.donorchargeorgans[this.atpresent].annexFilesList.splice(
        indexann - 1,
        0,
        itemann
      ); // 将itemann插入到索引位置的前一位
      console.log(indexann, "indexann");
      console.log(index, "index");

      console.log(
        this.donorchargeorgans[this.atpresent].annexFilesList,
        "annexFilesList"
      );
      console.log(this.fileListto, "fileListto");
      // console.log(this.donorchargeorgans[this.atpresent].invoicefilesList,'invoicefilesList');
    },
    Downloadfile(row) {
      window.location.href = row.url;
    }
  }
};
@@ -897,9 +1385,60 @@
    text-align: center;
  }
}
.button-delete{
.headlines {
  font-size: 25px;
  display: flex;
  width: 96%;
  justify-content: space-between;
  padding-left: 5px;
  margin-bottom: 10px;
  border-left: 5px solid rgb(65, 161, 190);
}
.button-delete {
  color: rgb(236, 69, 69);
}
.examine-jic {
  .headline {
    font-size: 24px;
    border-left: 5px solid #41a1be;
    padding-left: 5px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    .Add-details {
      font-size: 18px;
      color: #02a7f0;
      cursor: pointer;
    }
  }
  .jic-value {
    font-size: 20px;
    border-top: 1px solid #a7abac;
    padding: 10px;
    margin-bottom: 10px;
    .details-jic {
      padding: 10px 15px;
      border: 1px solid #dcdfe6;
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
        0 0 6px 0 rgba(0, 0, 0, 0.04);
      .details-title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        div:nth-child(2) {
          color: #02a7f0;
          cursor: pointer;
        }
      }
      .details-renw {
        background: #e4ebfc;
        padding: 15px 5px;
        border-radius: 5px;
        margin-bottom: 20px;
      }
    }
  }
}

::v-deep .el-input--medium .el-input__inner {
  height: 36px;