调整费用申请模式

yxh

23 小时以前 3873d3c350c8c1edd7bfdc8afe08c9e78f56d968

 src/views/project/fund/medicalCostApply/index.vue

@@ -2,254 +2,94 @@
<template>
  <div class="app-container">
    <el-row>
      <el-col :span="6">
        <el-card shadow="never">
          <!-- 捐献案例列表 -->
          <el-row>
            <el-col :span="10">
              <el-row type="flex" :gutter="10" align="right" class="mb8">
              </el-row>
            </el-col>
          </el-row>
          <div>
            <el-form
              class="opo-query-form"
              :model="queryParams"
              ref="queryForm"
              :inline="true"
              label-width="70px"
            >
              <el-form-item label="姓名" prop="name">
                <el-input
                  v-model="queryParams.name"
                  placeholder="请输入姓名"
                  clearable
                  size="small"
                  @keyup.enter.native="handleQuery"
                />
              </el-form-item>
              <el-form-item label="捐献进度" prop="recordstate">
                <el-select
                  v-model="queryParams.recordstate"
                  placeholder="请选择记录状态"
                  clearable
                  size="small"
                >
                  <el-option
                    v-for="dict in dict.type.sys_DonationStatus"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  />
                </el-select>
              </el-form-item>
              <div style="float: right; margin-bottom: 10px;">
                <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
                >
              </div>
            </el-form>
          </div>
          <el-table
            v-loading="loading"
            border
            highlight-current-row
            :data="donatebaseinfoList"
            @row-click="selectDonotor"
          >
            <!-- <el-table-column label="捐献编号" align="center" prop="donorno" /> -->
            <el-table-column label="捐献进度" align="center" prop="recordstate">
              <template slot-scope="scope">
                <dict-tag
                  :options="dict.type.sys_DonationStatus"
                  :value="scope.row.recordstate"
                />
              </template>
            </el-table-column>
            <el-table-column label="姓名" align="center" prop="name" />
          </el-table>
          <pagination
            v-show="total > 0"
            :total="total"
            small
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="getBaseInfoList"
          />
        </el-card>
      </el-col>
      <el-col :span="18">
      <el-col :span="24">
        <el-card shadow="naver">
          <el-form ref="infoform" label-width="100px">
            <el-row :gutter="4" align="right" class="mb8">
              <el-col :span="9">
                <el-form-item label="捐献编号">
                  <el-input
                    v-model="curCase.donorno"
                    :disabled="true"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="姓名">
                  <el-input v-model="curCase.name" :disabled="true"></el-input>
                </el-form-item>
              </el-col>
              <el-col> </el-col>
            </el-row>
            <!-- 报销单筛选：捐献者、审批状态 -->
            <el-form class="opo-query-form" :model="fundQueryParam" ref="fundQueryForm" :inline="true"
              label-width="82px">
              <el-row>
                <el-col :span="6">
                  <el-form-item label="捐献者" prop="donorname">
                    <el-input v-model="fundQueryParam.donorname" placeholder="请输入捐献者姓名" clearable size="small"
                      @keyup.enter.native="handleQueryFund" />
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="审批状态" prop="recordstatus">
                    <el-select v-model="fundQueryParam.recordstatus" placeholder="请选择审批状态" clearable size="small"
                      style="width: 100%">
                      <el-option v-for="dict in dict.type.sys_recordstatus" :key="dict.value" :label="dict.label"
                        :value="Number(dict.value)" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label-width="10px">
                    <el-button type="primary" icon="el-icon-search" size="small" @click="handleQueryFund">搜索</el-button>
                    <el-button icon="el-icon-refresh" size="small" @click="resetFundQuery">重置</el-button>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-form>
            <el-row :gutter="10" class="mb8">
              <el-col :span="1.5">
                <el-button
                  type="primary"
                  plain
                  icon="el-icon-plus"
                  size="mini"
                  @click="handleAdd"
                  v-hasPermi="['project:medicalfund:add']"
                  >新增申请单</el-button
                >
                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                  v-hasPermi="['project:medicalfund:add']">新增申请单</el-button>
              </el-col>
            </el-row>
            <el-row>
              <el-table
                v-loading="loading"
                border
                :data="donateconsolationfundList"
                :row-class-name="rowClassName"
              >
                <el-table-column
                  label="申请日期"
                  align="center"
                  prop="applyTime"
                  width="150px"
                >
              <el-table v-loading="loading" border :data="donateconsolationfundList" :row-class-name="rowClassName">
                <el-table-column label="申请日期" align="center" prop="applyTime" width="150px">
                  <template slot-scope="scope">
                    <span>{{
                      parseTime(scope.row.applyTime, "{y}-{m}-{d}")
                    }}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  label="申请人"
                  align="center"
                  prop="username"
                  width="120px"
                />
                <el-table-column
                  label="申请金额"
                  align="center"
                  prop="pretaxcost"
                  width="200px"
                />
                <el-table-column
                  label="所属组别"
                  align="center"
                  prop="deptmentname"
                  width="220px"
                />
                <el-table-column
                  label="组长"
                  align="center"
                  prop="managername"
                  width="200px"
                />
                <el-table-column
                  label="审核状态"
                  align="center"
                  prop="recordstatus"
                >
                <el-table-column label="经办人" align="center" prop="username" width="120px" />
                <el-table-column label="申请金额" align="center" prop="pretaxcost" width="200px" />
                <el-table-column label="审核状态" align="center" prop="recordstatus">
                  <template slot-scope="scope">
                    <dict-tag
                      :options="dict.type.sys_recordstatus"
                      :value="scope.row.recordstatus"
                    />
                    <dict-tag :options="dict.type.sys_recordstatus" :value="scope.row.recordstatus" />
                  </template>
                </el-table-column>
                <el-table-column
                  label="材料预审状态"
                  width="140"
                  align="center"
                  prop="checkstatus"
                >
                <el-table-column label="材料预审状态" width="140" align="center" prop="checkstatus">
                  <template slot-scope="scope">
                    <dict-tag
                      :options="dict.type.sys_stage_type"
                      :value="scope.row.checkstatus"
                    />
                    <dict-tag :options="dict.type.sys_stage_type" :value="scope.row.checkstatus" />
                  </template>
                </el-table-column>
                <el-table-column label="捐献者" align="center" prop="donorname" show-overflow-tooltip />
                <el-table-column label="所属组别" align="center" prop="deptmentname"/>
                <el-table-column label="组长" align="center" prop="managername" />
                <!--
                  <el-table-column label="联系电话" align="center" prop="phone" width="150px" />
                <el-table-column label="工作单位" align="center" prop="unitname" width="150px" />
                -->
                <el-table-column
                  label="操作"
                  fixed="right"
                  align="center"
                  class-name="small-padding fixed-width"
                  width="280px"
                >
                <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width"
                  width="280px">
                  <template slot-scope="scope">
                    <el-button
                      v-if="
                        scope.row.recordstatus == -1 ||
                          scope.row.recordstatus == 1
                      "
                      size="mini"
                      type="text"
                      icon="el-icon-edit"
                      @click="handleup(scope.row)"
                      >上报</el-button
                    >
                    <el-button
                      v-if="
                        scope.row.recordstatus == -1 ||
                          scope.row.recordstatus == 1
                      "
                      size="mini"
                      type="text"
                      icon="el-icon-edit"
                      @click="handleUpdate(scope.row)"
                      >修改</el-button
                    >
                    <el-button
                      size="mini"
                      type="text"
                      icon="el-icon-view"
                      @click="handleDetail(scope.row)"
                      >查看</el-button
                    >
                    <el-button
                      v-if="
                        scope.row.recordstatus == -1 ||
                          scope.row.recordstatus == 1
                      "
                      size="mini"
                      type="text"
                      @click="handleDelete(scope.row)"
                      ><span class="button-delete"
                        ><i class="el-icon-delete"></i>删除</span
                      ></el-button
                    >
                    <el-button
                      size="mini"
                      type="text"
                      icon="el-icon-download"
                      @click="mixExport(scope.row.id)"
                      >下载</el-button
                    >
                    <el-button v-if="
                      scope.row.recordstatus == -1 ||
                      scope.row.recordstatus == 1
                    " size="mini" type="text" icon="el-icon-edit" @click="handleup(scope.row)">上报</el-button>
                    <el-button v-if="
                      scope.row.recordstatus == -1 ||
                      scope.row.recordstatus == 1
                    " size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
                    <el-button size="mini" type="text" icon="el-icon-view"
                      @click="handleDetail(scope.row)">查看</el-button>
                    <el-button v-if="
                      scope.row.recordstatus == -1 ||
                      scope.row.recordstatus == 1
                    " size="mini" type="text" @click="handleDelete(scope.row)"><span class="button-delete"><i
                          class="el-icon-delete"></i>删除</span></el-button>
                    <el-button size="mini" type="text" icon="el-icon-download"
                      @click="mixExport(scope.row.id)">下载</el-button>
                  </template>
                </el-table-column>
                <!-- 2026-10-22：按要求隐藏「功能」列（线下报销），需要时取消注释即可恢复 -->
                <!--
                <el-table-column
                  fixed="right"
                  align="center"
@@ -269,12 +109,64 @@
                    >
                  </template>
                </el-table-column>
                -->
              </el-table>
              <!-- 未选择案例时展示该登录人全部医学成本单据，超过一页可用分页翻看 -->
              <pagination v-show="fundTotal > 0" :total="fundTotal" small :page.sync="fundQueryParam.pageNum"
                :limit.sync="fundQueryParam.pageSize" @pagination="listFundData" />
            </el-row>
          </el-form>
        </el-card>
      </el-col>
    </el-row>

    <!-- 新增申请单前先选择捐献案例（原左侧案例列表移到这里） -->
    <el-dialog title="选择捐献案例" :visible.sync="caseDialogVisible" width="760px" append-to-body>
      <el-form class="opo-query-form" :model="queryParams" ref="queryForm" :inline="true" label-width="70px">
        <el-row>
          <el-col :span="8">
            <el-form-item label="姓名" prop="name">
              <el-input v-model="queryParams.name" placeholder="请输入姓名" clearable size="small"
                @keyup.enter.native="handleQuery" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="捐献进度" prop="recordstate">
              <el-select v-model="queryParams.recordstate" placeholder="请选择记录状态" clearable size="small"
                style="width: 100%">
                <el-option v-for="dict in dict.type.sys_DonationStatus" :key="dict.value" :label="dict.label"
                  :value="dict.value" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label-width="10px">
              <el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">搜索</el-button>
              <el-button icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <el-table ref="caseTable" v-loading="loading" border height="380" highlight-current-row :data="donatebaseinfoList"
        @row-click="selectDonotor">
        <el-table-column label="捐献进度" align="center" prop="recordstate">
          <template slot-scope="scope">
            <dict-tag :options="dict.type.sys_DonationStatus" :value="scope.row.recordstate" />
          </template>
        </el-table-column>
        <el-table-column label="姓名" align="center" prop="name" />
        <el-table-column label="操作" align="center" width="90">
          <template slot-scope="scope">
            <el-button type="text" size="mini" @click="selectDonotor(scope.row)">选择</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination v-show="total > 0" :total="total" small :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize" @pagination="getBaseInfoList" />
      <div slot="footer" class="dialog-footer">
        <el-button @click="caseDialogVisible = false">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

@@ -387,10 +279,13 @@

      fundQueryParam: {
        pageNum: 1,
        pageSize: 100,
        pageSize: 10,
        infoid: null,
        applytype: "3",
        createBy: null
        createBy: null,
        // 报销单筛选条件
        donorname: null,
        recordstatus: null
      },
      // 表单参数
      form: {},
@@ -412,6 +307,9 @@
      donatebaseinfoList: [],
      //当前选中捐献案例
      curCase: {},
      // 「选择捐献案例」对话框（新增申请单时使用）
      caseDialogVisible: false,
      casePickerMode: "",
      //是否显示费用申请弹窗
      dialogOpen: false,
      // title: "",
@@ -420,6 +318,8 @@

      // 捐献人道慰问金表格数据
      donateconsolationfundList: [],
      // 右侧报销单总数（用于分页）
      fundTotal: 0,

      //明细记录
      fundDetails: [],
@@ -473,11 +373,12 @@
  watch: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.getList();
    this.getBaseInfoList();
    // 案例列表已移入「选择捐献案例」对话框，打开对话框时再查询
    this.getCurFundType();
    this.getlistUser();
    // this.getUnitList();
    // 首屏展示当前登录人的全部医学成本单据
    this.getAllfundList();
  },

  //生命周期 - 挂载完成（可以访问DOM元素）
@@ -486,13 +387,13 @@
    this.getUsermsg();
  },

  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
  beforeCreate() { }, //生命周期 - 创建之前
  beforeMount() { }, //生命周期 - 挂载之前
  beforeUpdate() { }, //生命周期 - 更新之前
  updated() { }, //生命周期 - 更新之后
  beforeDestroy() { }, //生命周期 - 销毁之前
  destroyed() { }, //生命周期 - 销毁完成
  activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发

  //方法集合
  methods: {
@@ -501,7 +402,7 @@
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    /** 重置按钮操作（案例选择对话框内的案例查询） */
    resetQuery() {
      this.daterangeReporttime = [];

@@ -538,55 +439,24 @@
      });
    },

    /** 新增按钮操作 */
    /** 新增按钮操作：先弹出「选择捐献案例」对话框 */
    handleAdd() {
      if (this.curCase.id) {
        this.$router.push({
          path: "/finance/applyDetail/",
          query: {
            id: 0,
            businessType: "3",
            operationType: "add",
            curCase: this.curCase,
          }
        });
      } else {
        const h = this.$createElement;
        this.$message({
          message: h("p", null, [
            h("span", null, "请在左边的捐献案例表选择需要操作的案例！")
          ])
        });
      }
      return;
      this.casePickerMode = "add";
      this.caseDialogVisible = true;
      this.getBaseInfoList();
    },

      if (this.curCase.id) {
        this.istrue += 2;
        this.reset();
        this.queryParams.params = {};
        this.form.donorno = this.curCase.donorno;
        this.form.name = this.curCase.name;
        this.form.infoid = this.curCase.id;
        this.form.username = this.defaultperson.nickName;
        this.form.userno = this.defaultperson.userName;
        this.form.deptmentname = this.defaultperson.dept.deptName;
        this.form.deptmentno = this.defaultperson.dept.deptId;
        this.form.managername = this.defaultperson.dept.leader;

        // this.form.createTime = nowdate;
        //this.open = true;
        //this.initFundApplyForm();
        this.fundDetails = [];
        this.addRow();
        this.dialogOpen = true;
        this.title = "添加费用申请";
        this.dialogType = "edit";
      } else {
        const h = this.$createElement;
        this.$message({
          message: h("p", null, [h("span", null, "请先选择左方捐献案例 ")])
        });
      }
    /** 携带已选案例跳转到申请单填写页 */
    goApplyAdd() {
      this.$router.push({
        path: "/finance/applyDetail/",
        query: {
          id: 0,
          businessType: "3",
          operationType: "add",
          curCase: this.curCase,
        }
      });
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
@@ -617,8 +487,8 @@
        //附件处理
        this.fileList = this.form.annexbankcard
          ? this.form.annexbankcard
              .split(",")
              .map(item => ({ url: item, name: item }))
            .split(",")
            .map(item => ({ url: item, name: item }))
          : [];

        getownFundDetail(id).then(async res => {
@@ -664,8 +534,8 @@
        //附件处理
        this.fileList = this.form.annexbankcard
          ? this.form.annexbankcard
              .split(",")
              .map(item => ({ url: item, name: item }))
            .split(",")
            .map(item => ({ url: item, name: item }))
          : [];

        listFundflow(listFundflowparams).then(res => {
@@ -693,7 +563,7 @@
      const ids = row.id || this.ids;
      this.$modal
        .confirm("是否确认删除该记录？")
        .then(function() {
        .then(function () {
          return delFund(ids);
        })
        .then(() => {
@@ -707,7 +577,7 @@
          this.getfundList();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => {});
        .catch(() => { });
    },

    /** 上报按钮操作 */
@@ -886,20 +756,68 @@
      });
    },

    //点击捐献案例列表触发方法
    //点击捐献案例列表触发方法（案例列表已移入「选择捐献案例」对话框）
    selectDonotor(row, column, event) {
      this.curCase = row;
      this.getfundList();
      if (this.casePickerMode === "add") {
        // 从「新增申请单」进入：选完案例直接跳到申请单填写页
        this.casePickerMode = "";
        this.caseDialogVisible = false;
        this.goApplyAdd();
      }
    },

    getfundList() {
      this.loading = true;
      this.reset();
      // 选中案例后按案例展示，同时清掉列表筛选条件，避免两个条件叠加导致空列表
      this.fundQueryParam.donorname = null;
      this.fundQueryParam.recordstatus = null;
      this.fundQueryParam.infoid = this.curCase.id;
      this.fundQueryParam.pageNum = 1;
      this.listFundData();
    },

    /**
     * 按当前 fundQueryParam 查询右侧报销单列表
     * infoid 为空 = 当前登录人的全部该类型单据；有值 = 指定案例
     */
    listFundData() {
      this.loading = true;
      listFund(this.fundQueryParam).then(response => {
        this.loading = false;
        this.donateconsolationfundList = response.rows;
        this.fundTotal = response.total;
      });
    },

    /** 报销单筛选：搜索 */
    handleQueryFund() {
      this.fundQueryParam.pageNum = 1;
      this.listFundData();
    },

    /** 报销单筛选：重置（清空条件与已选案例，回到该登录人全部单据） */
    resetFundQuery() {
      this.fundQueryParam.donorname = null;
      this.fundQueryParam.recordstatus = null;
      this.getAllfundList();
    },

    /**
     * 检索全部：取消左侧案例选择与筛选条件，查询当前登录人的全部医学成本单据
     */
    getAllfundList() {
      this.curCase = {};
      // 同时清掉左侧案例列表的高亮选中态
      if (this.$refs.caseTable) {
        this.$refs.caseTable.setCurrentRow();
      }
      this.reset();
      this.fundQueryParam.infoid = null;
      this.fundQueryParam.donorname = null;
      this.fundQueryParam.recordstatus = null;
      this.fundQueryParam.pageNum = 1;
      this.listFundData();
    },

    // 取消按钮
@@ -1093,9 +1011,9 @@
                  tempData.itemid = tempItemArr[itemIndex].id;
                }
                if (tempData.id > 0) {
                  updateFunddetail(tempData).then(response2 => {});
                  updateFunddetail(tempData).then(response2 => { });
                } else {
                  addFunddetail(tempData).then(response2 => {});
                  addFunddetail(tempData).then(response2 => { });
                }
              }
            });
@@ -1398,7 +1316,7 @@
    },

    //文件上传
    handleUploadError() {},
    handleUploadError() { },

    handleremove(file) {
      this.fileList.splice(this.fileList.indexOf(file), 1);
@@ -1480,6 +1398,7 @@
.button-delete {
  color: rgb(236, 69, 69);
}

::v-deep.el-table .error-row {
  background: #fcebeb;
}