yxh

yxh

2023-08-09 733457daf115deb6088984c3c55dc5bcc906d28c

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

@@ -24,7 +24,7 @@
      </el-row>
    </el-form>
    <el-row>
      <el-col :span="8">
      <el-col :span="6">
        <el-card shadow="never">
          <!-- 捐献案例列表 -->
          <el-row>
@@ -47,7 +47,7 @@
            :limit.sync="queryParams.pageSize" @pagination="getBaseInfoList" />
        </el-card>
      </el-col>
      <el-col :span="16">
      <el-col :span="18">
        <el-card shadow="naver">
          <el-form ref="infoform" label-width="100px">
            <el-row :gutter="4" align="right" class="mb8">
@@ -149,7 +149,7 @@
        <el-row style="text-align: left">
          <el-col :span="5">
            <el-form-item label="申请类型">
              <el-radio v-model="form.applytype" label="3">医学成本申请</el-radio>
              <el-radio v-model="form.applytype" label='3'>医学成本申请</el-radio>
            </el-form-item>
          </el-col>
          <el-col :span="10">
@@ -487,6 +487,35 @@
        <el-button type="primary" @click="ConfirmDetailDialog()">确 定</el-button>
      </span>
    </el-dialog>

    <el-dialog :title="pdftitle" :visible.sync="pdfVisible" width="50%">
      <div class="pdfimg">
        <div class="box-pdf">
          <div>
            <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileListto" multiple
              :limit="20" :headers="headers" :on-success="(response, file, fileList) =>
                uploadSccess(response, file, fileList)
                " :on-preview="downFile" :disabled="dialogType == 'detail'" :on-error="handleUploadError"
              :on-exceed="handleExceed" :on-remove="remove" accept="image/*,.pdf">
              <el-button :disabled="dialogType == 'detail'" size="small" type="primary">上传</el-button>
            </el-upload>
          </div>
          <!-- <div
            class="pdftit"
            @click="pdffn(item)"
            v-for="item in fileList"
            :key="item.name"
          >
            {{ item.name }}
          </div> -->
        </div>

        <div v-if="this.previewpdf" class="pdfimgmin">
          <img :src="pdfimg" />
        </div>
        <div v-else class="pdfimgmins">{{ hintitle }}</div>
      </div>
    </el-dialog>
  </div>
</template>

@@ -650,6 +679,7 @@
      fundtypeArrAll: [],
      dialogType: "edit",


      detailInfoDialogShow: false,
      detailInfoDialogShowType: "",
      funddetailForm: {
@@ -662,20 +692,256 @@

      //附件列表
      fileList: [],
      fileListto: [],
      //上传附件路径
      uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
      headers: {
        Authorization: "Bearer " + getToken(),
      },

      //票据文件
      pdftitle: "",
      pdfimg: "",
      pdfVisible: false,
      previewpdf: false,
      hintitle: "选中左侧已上传文件预览查看",
      atpresent: "",
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.getList();
    this.getBaseInfoList();
    this.getCurFundType();
    this.getlistUser();
    // this.getUnitList();
  },

  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    this.getBankAccount();
    this.getUsermsg();
  },

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

  //方法集合
  methods: {
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.daterangeReporttime = [];

      this.resetForm("queryForm");
      this.handleQuery();
    },

    /** 查询捐献人道慰问金列表 */
    getList() {
      this.loading = true;
      this.queryParams.params = {};
      if (null != this.daterangeReporttime && "" != this.daterangeReporttime) {
        this.queryParams.params["beginReporttime"] =
          this.daterangeReporttime[0];
        this.queryParams.params["endReporttime"] = this.daterangeReporttime[1];
      }
      // this.queryParams.residencetown = this.$refs.areaSelect.getQu();
      listDonatebaseinfo(this.queryParams).then((response) => {
        this.donatebaseinfoList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },

    /** 新增按钮操作 */
    handleAdd() {
      this.$router.push({
        path: "/finance/fundcontext/",
        query: { id: 0, businessType: "3", operationType: "add", curCase: this.curCase }
      });
      return;

      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, "请先选择左方捐献案例 ")]),
        });
      }
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.$router.push({
        path: "/finance/fundcontext/",
        query: { id: row.id, businessType: "3", operationType: "update", curCase: this.curCase }
      });
      return;

      this.isopen = 0;
      this.reset();
      this.queryParams.params = {};
      this.form.donorno = this.curCase.donorno;
      this.form.infoid = this.curCase.id;
      this.dialogType = "edit";
      this.dialogOpen = true;
      this.title = "修改费用申请";


      const id = row.id || this.ids;
      getFund(id).then((response) => {
        this.form = response.data;
        this.form.name = this.curCase.name;
        //附件处理
        this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []

        getownFundDetail(id).then(async (res) => {
          this.fundDetails = res.data;
          for (let m = 0; m < this.fundDetails.length; m++) {
            this.fundDetails[m].itemArr = [];
            this.getItemArr(m, this.fundDetails[m]);
          }
        });
      });
    },

    /** 查看按钮操作 */
    handleDetail(row) {
      this.$router.push({
        path: "/finance/fundcontext/",
        query: { id: row.id, businessType: "3", operationType: "detail", curCase: this.curCase }
      });
      return;

      this.isopen = 0;
      this.reset();
      this.queryParams.params = {};
      this.form.donorno = this.curCase.donorno;
      this.form.infoid = this.curCase.id;
      this.dialogOpen = true;
      this.title = "查看费用申请";
      this.dialogType = "detail";
      const id = row.id || this.ids;

      getFund(id).then((response) => {
        this.form = response.data;
        this.form.name = this.curCase.name;
        let listFundflowparams = {
          fundid: row.id,
          fundtype: 2,
        };
        //附件处理
        this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []

        listFundflow(listFundflowparams).then((res) => {
          this.fundflowList = res.rows;
        });
        getownFundDetail(id).then((res) => {
          this.fundDetails = res.data;
          for (let m = 0; m < this.fundDetails.length; m++) {
            this.fundDetails[m].itemArr = [];
            this.getItemArr(m, this.fundDetails[m]);
            this.fundDetails[m].fundblock = [];
            this.fundDetails[m].fundblock.push({
              expense: this.fundDetails[m].expense,
              expensedescribe: this.fundDetails[m].servicesscopename,
              remark: this.fundDetails[m].servicesscope,
              servicesscope: this.fundDetails[m].servicesscope,
            });
          }
        });
      });
    },

    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal
        .confirm("是否确认删除该记录？")
        .then(function () {
          return delFund(ids);
        })
        .then(() => {
          getownFundDetail(ids).then((res) => {
            let listdetails = res.data;
            for (let i = 0; i < listdetails.length; i++) {
              delFunddetail(listdetails[i].id);
            }
          });
          // this.getList();
          this.getfundList();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => { });
    },

    /** 上报按钮操作 */
    handleup(row) {
      this.$confirm("是否确认将登记记录上报？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          //查找是否存在登记完成记录
          //判断是否存在上报记录
          row.recordstatus = 0;

          updateFund(row).then((response) => {
            if (response.code == 200) {
              this.$message({
                type: "success",
                message: "申请成功",
              });
            } else {
              this.$message({
                type: "error",
                message: "申请失败",
              });
            }
            this.loading = false;
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消申请",
          });
        });
    },

    ShowDetailDialog(spoce, showType) {
      this.funddetailForm.index = spoce.$index;
      this.funddetailForm.beneficiaryno = spoce.row.beneficiaryno;
@@ -711,13 +977,11 @@
        });
      } else if (this.detailInfoDialogShowType == "unit") {
        singleDetail.unitno = this.funddetailForm.unitno;
        console.log("this.funddetailForm", this.funddetailForm);
        try {
          let unitIndex = this.bankaccountlist.findIndex(
            (item) => singleDetail.unitno == item.reportNo
          );

          console.log("this.bankaccountlist[unitIndex]", this.bankaccountlist[unitIndex]);
          if (unitIndex > -1) {
            singleDetail.unitname = this.bankaccountlist[unitIndex].reportName;
            singleDetail.depositbank = this.bankaccountlist[unitIndex].depositbank;
@@ -729,10 +993,11 @@
          singleDetail.unitname = singleDetail.unitno;
        }
      }
      console.log("singleDetail", singleDetail);
      
      this.fundDetails[tempIndex] = singleDetail;
      this.detailInfoDialogShow = false;
    },

    selectremark(row) {
      this.fundblock.forEach((item, i) => {
        if (item.expensedescribe === row.servicesscopename) {
@@ -742,43 +1007,10 @@
          this.fundDetails.map((item) => {
            this.form.serviceFunddetails += item.amount;
          });
          // row.remark
        }
      });
    },
    handleup(row) {
      this.$confirm("是否确认将登记记录上报？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          //查找是否存在登记完成记录
          //判断是否存在上报记录
          row.recordstatus = 0;

          updateFund(row).then((response) => {
            if (response.code == 200) {
              this.$message({
                type: "success",
                message: "申请成功",
              });
            } else {
              this.$message({
                type: "error",
                message: "申请失败",
              });
            }
            this.loading = false;
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消申请",
          });
        });
    },
    select(row) {
      row.itemArr.map((res) => {
        if (row.itemid === res.id) {
@@ -825,34 +1057,6 @@
        this.standardlevel = response.data.standardlevel;
      });
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.daterangeReporttime = [];

      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 查询捐献人道慰问金列表 */
    getList() {
      this.loading = true;
      this.queryParams.params = {};
      if (null != this.daterangeReporttime && "" != this.daterangeReporttime) {
        this.queryParams.params["beginReporttime"] =
          this.daterangeReporttime[0];
        this.queryParams.params["endReporttime"] = this.daterangeReporttime[1];
      }
      // this.queryParams.residencetown = this.$refs.areaSelect.getQu();
      listDonatebaseinfo(this.queryParams).then((response) => {
        this.donatebaseinfoList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },

    getBaseInfoList() {
      this.loading = true;
@@ -863,36 +1067,7 @@
      });
    },

    /** 新增按钮操作 */
    handleAdd() {
      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, "请先选择左方捐献案例 ")]),
        });
      }
    },
    //点击捐献案例列表触发方法
    selectDonotor(row, column, event) {
      this.curCase = row;
@@ -1147,8 +1322,6 @@
            this.getList();
            this.selectDonotor(this.curCase);
          }


        }
      });
    },
@@ -1157,7 +1330,6 @@
      //获取银行账号列表，类型是机构
      listReportname("org").then((res) => {
        this.bankaccountlist = res.data;
        console.log("this.bankaccountlist", this.bankaccountlist);
      });
    },

@@ -1167,97 +1339,7 @@
      });
    },

    /** 修改按钮操作 */
    handleUpdate(row) {
      this.isopen = 0;
      this.reset();
      this.queryParams.params = {};
      this.form.donorno = this.curCase.donorno;
      this.form.infoid = this.curCase.id;
      this.dialogType = "edit";
      this.dialogOpen = true;
      this.title = "修改费用申请";


      const id = row.id || this.ids;
      getFund(id).then((response) => {
        this.form = response.data;
        this.form.name = this.curCase.name;
        //附件处理
        this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []

        getownFundDetail(id).then(async (res) => {
          this.fundDetails = res.data;
          for (let m = 0; m < this.fundDetails.length; m++) {
            this.fundDetails[m].itemArr = [];
            this.getItemArr(m, this.fundDetails[m]);
          }
        });
      });
    },

    /** 查看按钮操作 */
    handleDetail(row) {
      this.isopen = 0;
      this.reset();
      this.queryParams.params = {};
      this.form.donorno = this.curCase.donorno;
      this.form.infoid = this.curCase.id;
      this.dialogOpen = true;
      this.title = "查看费用申请";
      this.dialogType = "detail";
      const id = row.id || this.ids;

      getFund(id).then((response) => {
        this.form = response.data;
        this.form.name = this.curCase.name;
        let listFundflowparams = {
          fundid: row.id,
          fundtype: 2,
        };
        //附件处理
        this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []

        listFundflow(listFundflowparams).then((res) => {
          this.fundflowList = res.rows;
        });
        getownFundDetail(id).then((res) => {
          this.fundDetails = res.data;
          for (let m = 0; m < this.fundDetails.length; m++) {
            this.fundDetails[m].itemArr = [];
            this.getItemArr(m, this.fundDetails[m]);
            this.fundDetails[m].fundblock = [];
            this.fundDetails[m].fundblock.push({
              expense: this.fundDetails[m].expense,
              expensedescribe: this.fundDetails[m].servicesscopename,
              remark: this.fundDetails[m].servicesscope,
              servicesscope: this.fundDetails[m].servicesscope,
            });
          }
        });
      });
    },

    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal
        .confirm("是否确认删除该记录？")
        .then(function () {
          return delFund(ids);
        })
        .then(() => {
          getownFundDetail(ids).then((res) => {
            let listdetails = res.data;
            for (let i = 0; i < listdetails.length; i++) {
              delFunddetail(listdetails[i].id);
            }
          });
          // this.getList();
          this.getfundList();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => { });
    },

    deleteRows(row, index, rows) {
      this.$confirm("是否确认删除?", "提示", {
@@ -1404,7 +1486,6 @@

    getUnitList() {
      listOrganization(3).then((res) => {
        console.log("listOrganization", res);
        for (let i = 0; i < res.rows.length; i++) {
          this.unitList.push({
            organizationid: res.rows[i].organizationid,
@@ -1489,17 +1570,17 @@

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

    handleremove(file) {
      this.fileList.splice(this.fileList.indexOf(file), 1)
    },

    handleExceed() {
      this.$message.error(`上传文件数量不能超过 ${5} 个!`);
    },

    //文件上传成功回调
    uploadSccess(response, file, fileList) {
      console.log("response", response);
      console.log("file", file);
      console.log("fileList", fileList);
      //获取附件信息位置
      if (response.code == 200) {
        this.form.filename = file.raw.name;
@@ -1518,13 +1599,14 @@
      a.href = url;
      a.dispatchEvent(event);
    },

    remove(file) {
      this.fileList.splice(this.fileList.indexOf(file), 1)
  },

  // 点击文件
  Filepopup(index, rows, row) {
    console.log(index, rows, row);
    this.atpresent = index;
    console.log(this.atpresent);
    this.pdfVisible = true;
    if (this.fundDetails[index].annexfilesList) {
      this.fileListto = this.rbDetails[index].annexfilesList;
@@ -1534,30 +1616,28 @@
      this.pdftitle = "";
    }
  },

  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.getList();
    this.getBaseInfoList();

    this.getCurFundType();
    this.getlistUser();
    // this.getUnitList();
    // 点击已上传文件
    downFile(item) {
      this.pdftitle = 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") {
        this.previewpdf = true;
        if (item.url) {
          this.pdfimg = item.url;
        } else {
          this.pdfimg = item.response.url;
        }
      } else {
        this.hintitle = "当前文件暂不支持预览";
        this.$modal.msgWarning("当前文件暂不支持预览");
        this.previewpdf = false;
      }
  },

  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    this.getBankAccount();
    this.getUsermsg();
  },

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