11

WXL

2023-09-04 1fc6fb99de36cc345e23f8ca5a6cbb9bc1828c07

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

@@ -158,6 +158,7 @@
          <el-table
            :data="rbDetails"
            v-loading="loading"
            max-height="400"
            border
            highlight-current-row
          >
@@ -183,7 +184,7 @@
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.applytype"
                  v-model="scope.row.applytypename"
                  placeholder="服务类型"
                  @change="verifyFeeItemType(scope.row)"
                >
@@ -204,7 +205,7 @@
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.itemid"
                  v-model="scope.row.itemname"
                  placeholder="服务项目"
                  filterable
                  @change="verifyFeeItem(scope.row)"
@@ -620,8 +621,8 @@
          @click="submitForm"
          v-if="
            operationType == 'add' ||
              operationType == 'update' ||              
              ismanager == true 
              operationType == 'update' ||
              ismanager == true
          "
          >提交保存</el-button
        >
@@ -841,7 +842,14 @@
        >
      </span>
    </el-dialog>
    <el-dialog :title="pdftitle" :visible.sync="pdfVisible" width="50%">
    <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>
@@ -850,7 +858,9 @@
              class="upload-demo"
              :action="uploadFileUrl"
              :file-list="fileListto"
              :show-file-list="false"
              multiple
              drag
              :limit="20"
              :headers="headers"
              :on-success="
@@ -864,13 +874,61 @@
              :on-remove="remove"
              accept="image/*,.pdf"
            >
              <el-button
                :disabled="operationType == 'detail'"
                size="small"
                type="primary"
                >上传票据</el-button
              >
              <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>
              <!-- <div class="el-upload__tip" slot="tip">
                只能上传jpg/png文件，且不超过500kb
              </div> -->
            </el-upload>
            <el-table
              :data="fileListto"
              @row-click="downFile"
              style="width: 100%"
            >
              <el-table-column
                prop="name"
                :show-overflow-tooltip="true"
                label="名称"
              >
                <template slot-scope="scope">
                  <i style="color:#409EFF" class=" el-icon-s-order" />{{
                    scope.row.name
                  }}
                </template>
              </el-table-column>

              <el-table-column
                prop="name"
                width="180"
                :show-overflow-tooltip="true"
                label="功能"
              >
                <template slot-scope="scope">
                  <el-button
                    type="primary"
                    size="mini"
                    @click.native.prevent="deletedowfile(scope.row)"
                    >删除</el-button
                  >
                  <el-button
                    type="primary"
                    size="mini"
                    @click.native.prevent="moveupdowfile(scope.row)"
                    >上移</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </div>
          <!-- <div
            class="pdftit"
@@ -919,7 +977,7 @@
  listDonatebaseinfo,
  getDonatebaseinfo
} from "@/api/project/donatebaseinfo";

import debounce from "lodash/debounce";
import {
  onelistFund,
  listFund,
@@ -1077,6 +1135,8 @@
      rowfeeblocks: [],

      fundflowList: [],
      // 随机数
      randomnumber: "",

      //专家/单位选择：expert/unit
      selectionType: "",
@@ -1206,8 +1266,39 @@
      atpresent: "",
      Savereminder: false, //提醒保存弹框
      Reminderquantity: 0, //提醒数量
      totalquantity: 0 //总数量
      totalquantity: 0, //总数量
      Modifyornot: 0 //是否修改
    };
  },
  // vue路由控制页面关闭提示
  beforeRouteLeave(to, from, next) {
    if (
      JSON.stringify(this.form) == sessionStorage.getItem("apiform") &&
      JSON.stringify(this.rbDetails) == sessionStorage.getItem("apifunddetail")
    ) {
      console.log("cg1");
      sessionStorage.removeItem("apiform");
      sessionStorage.removeItem("apifunddetail");

      //就是上面的状态 如果是true , 则不询问是否保存, 当然这个方法比较笨, 大家可以使用更优雅的方式
      next();
    } else {
      console.log("cg2");
      this.$confirm("离开页面 , 更新数据将不做保存, 请确认已经保存", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          sessionStorage.removeItem("apiform");
          sessionStorage.removeItem("apifunddetail");
          this.$router.go(-1);
          next();
        })
        .catch(() => {
          // alert("router")
        });
    }
  },
  //监听属性 类似于data概念
  computed: {},
@@ -1215,6 +1306,25 @@
  watch: {},
  //方法集合
  methods: {
    // 浏览器页面关闭或刷新提示
    beforeunloadHandler(e) {
      if (
        (JSON.stringify(this.form) == sessionStorage.getItem("apiform") &&
          JSON.stringify(this.rbDetails) ==
            sessionStorage.getItem("apifunddetail")) ||
        !sessionStorage.getItem("apifunddetail")
      ) {
        console.log(cg);
      } else {
        this._beforeUnload_time = new Date().getTime();
        e = e || window.event;
        if (e) {
          e.returnValue = "关闭提示";
        }
        return "关闭提示";
      }
    },

    // 表单重置
    reset() {
      this.form = {
@@ -1266,16 +1376,14 @@
    },
    // 获取请求头
    Getnetworkheader() {
      console.log(window.location.href);
      let string = window.location.href;
      if (string.includes("9091")) {
        const index = string.indexOf("9091");
        this.Networkheader = string.slice(0, index + 4); // 截取9091及其前部字符
        console.log(this.Networkheader);
        // console.log(this.Networkheader);
      } else {
        const index = string.indexOf("8032");
        this.Networkheader = string.slice(0, index + 4); // 截取8032及其前部字符
        console.log(this.Networkheader);
      }
    },
    /** 通过参数获取业务类型 */
@@ -1360,6 +1468,10 @@

      getFund(this.curId).then(response => {
        this.form = response.data;
        sessionStorage.removeItem("apiform");

        sessionStorage.setItem("apiform", JSON.stringify(this.form));

        // this.form.recordstate =-1;
        // this.form.recordstatus = response.data.recordstatus + "";
        //附件处理
@@ -1368,6 +1480,7 @@
        //明细处理
        getownFundDetail(this.curId).then(res => {
          this.rbDetails = res.data;

          if (this.rbDetails.length > 0) {
            for (let m = 0; m < this.rbDetails.length; m++) {
              this.rbDetails[m].itemlist = [];
@@ -1393,6 +1506,12 @@
              //   });
              // });
            }
            console.log("yeil");
            sessionStorage.removeItem("apifunddetail");
            sessionStorage.setItem(
              "apifunddetail",
              JSON.stringify(this.rbDetails)
            );
          } else {
            this.addRow(0);
          }
@@ -1407,6 +1526,10 @@

      getFund(this.curId).then(response => {
        this.form = response.data;
        sessionStorage.removeItem("apiform");

        sessionStorage.setItem("apiform", JSON.stringify(this.form));

        console.log("response.data", response.data);
        //附件处理
        // this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []
@@ -1450,6 +1573,10 @@

      getFund(this.curId).then(response => {
        this.form = response.data;
        sessionStorage.removeItem("apiform");

        sessionStorage.setItem("apiform", JSON.stringify(this.form));

        //附件处理
        // this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []

@@ -1541,9 +1668,24 @@
          });
        });
    },

    generateRandomString(length) {
      const characters =
        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
      let randomString = "";
      for (let i = 0; i < length; i++) {
        randomString += characters.charAt(
          Math.floor(Math.random() * characters.length)
        );
      }
      return randomString;
    },
    /** 提交按钮 */
    submitForm() {
    submitForm: debounce(function() {
      if (!this.randomnumber) {
        this.randomnumber = this.generateRandomString(9);
        this.form.randomnumber = this.randomnumber;
      }
      console.log(this.randomnumber);
      this.$refs["form"].validate(valid => {
        if (valid) {
          this.formData = this.form;
@@ -1637,7 +1779,7 @@
            }
            this.rbDetails[i] = tempDetail;
            /*
            //计算个税            
            //计算个税
            //if (isNaN(parseFloat(tempDetail.taxedamount)))
            //获取参数
            this.taxParam.beneficiaryNo = tempDetail.beneficiaryno;
@@ -1651,13 +1793,13 @@
                  tempDetail.taxamount = res.data;
                  tempDetail.taxedamount = tempDetail.amount - tempDetail.taxamount;
                  this.rbDetails[k] = tempDetail;
           

                  this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
                  this.totalAmount += parseFloat(tempDetail.amount);
                }
              });
            }
           

            // 计算税前、税费、税后金额
            if (tempDetail.amount == undefined || tempDetail.amount == null || tempDetail.amount == 0 || tempDetail.amount == '') {
              //获取参数
@@ -1667,7 +1809,7 @@
                  tempDetail.taxamount = res.data.nowTax;
                  tempDetail.amount = parseFloat(res.data.nowTaxBeforeMoney);
                  this.rbDetails[k] = tempDetail;
           

                  this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
                  this.totalAmount += parseFloat(tempDetail.amount);
                }
@@ -1766,6 +1908,11 @@
              this.$modal.msgError("申请单保存失败：" + response.msg);
            }
          });
          sessionStorage.setItem(
            "apifunddetail",
            JSON.stringify(this.rbDetails)
          );
          sessionStorage.setItem("apiform", JSON.stringify(this.form));

          //关闭窗口
          this.loading = false;
@@ -1774,7 +1921,7 @@
          this.$router.go(-1);
        }
      });
    },
    }, 500),

    //审批提交
    checksubmit() {
@@ -2157,6 +2304,10 @@
    },
    // 接受提醒立刻保存
    Savenow() {
      if (!this.randomnumber) {
        this.randomnumber = this.generateRandomString(9);
        this.form.randomnumber = this.randomnumber;
      }
      this.Savereminder = false;
      this.Reminderquantity = 0;
      this.totalquantity = 0;
@@ -2253,7 +2404,7 @@
            }
            this.rbDetails[i] = tempDetail;
            /*
            //计算个税            
            //计算个税
            //if (isNaN(parseFloat(tempDetail.taxedamount)))
            //获取参数
            this.taxParam.beneficiaryNo = tempDetail.beneficiaryno;
@@ -2267,13 +2418,13 @@
                  tempDetail.taxamount = res.data;
                  tempDetail.taxedamount = tempDetail.amount - tempDetail.taxamount;
                  this.rbDetails[k] = tempDetail;
           

                  this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
                  this.totalAmount += parseFloat(tempDetail.amount);
                }
              });
            }
           

            // 计算税前、税费、税后金额
            if (tempDetail.amount == undefined || tempDetail.amount == null || tempDetail.amount == 0 || tempDetail.amount == '') {
              //获取参数
@@ -2283,7 +2434,7 @@
                  tempDetail.taxamount = res.data.nowTax;
                  tempDetail.amount = parseFloat(res.data.nowTaxBeforeMoney);
                  this.rbDetails[k] = tempDetail;
           

                  this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
                  this.totalAmount += parseFloat(tempDetail.amount);
                }
@@ -2378,6 +2529,11 @@
          addorupdateFund(this.form).then(response => {
            if (response.code === 200) {
              this.$modal.msgSuccess("申请单保存成功！");
              this.Getnetworkheader();
              this.getroute();
              this.getExternalList();
              this.getUserList();
              this.getUserProfile();
            } else {
              this.$modal.msgError("申请单保存失败：" + response.msg);
            }
@@ -2436,10 +2592,10 @@
        rowfeeblocks: [],
        annexfiles: null
      };
      if (this.Reminderquantity >= 5) {
        this.Savereminder = true;
        return;
      }
      // if (this.Reminderquantity >= 5) {
      //   this.Savereminder = true;
      //   return;
      // }
      if (rowIndex == undefined || rowIndex == null || rowIndex < 0) {
        this.rbDetails.push(rowData);
      } else {
@@ -2596,14 +2752,14 @@
    handleUploadError() {},

    /** 下载文件按钮操作 */
    downFile(item) {
      const url = process.env.VUE_APP_BASE_API + item.url;
      var a = document.createElement("a");
      var event = new MouseEvent("click");
      a.download = item.name;
      a.href = url;
      a.dispatchEvent(event);
    },
    // downFile(item) {
    //   const url = process.env.VUE_APP_BASE_API + item.url;
    //   var a = document.createElement("a");
    //   var event = new MouseEvent("click");
    //   a.download = item.name;
    //   a.href = url;
    //   a.dispatchEvent(event);
    // },

    // remove(file) {
    //   this.fileList.splice(this.fileList.indexOf(file), 1)
@@ -2638,6 +2794,9 @@

        this.$modal.msgSuccess(response.msg);
        this.fileListto.push({ name: file.name, url: response.fileName });
        // this.fileListto.push({ name: file.name, url: response.url });
        // this.pdfimgsrcList.push(response.url);

        this.rbDetails[this.atpresent].annexfilesList = this.fileListto;
      } else {
        console.log(response.msg);
@@ -2651,8 +2810,13 @@
      if (this.rbDetails[index].annexfilesList) {
        this.fileListto = this.rbDetails[index].annexfilesList;
        this.pdfimg = this.Networkheader + "/prod-api" + this.fileListto[0].url;
        // this.pdfimg = this.fileListto[0].url;
        this.pdfimgsrcList = [];
        this.pdfimgsrcList.push(this.pdfimg);
        this.fileListto.forEach(item => {
          this.pdfimgsrcList.push(this.Networkheader + "/prod-api" + item.url);
        });
        console.log(this.pdfimgsrcList);

        console.log(this.pdfimg);
      } else {
        this.fileListto = [];
@@ -2660,23 +2824,29 @@
        this.pdftitle = "";
      }
    },
    fnrowclick(row) {
      console.log(row);
    },
    // 点击已上传文件
    downFile(item) {
      this.pdftitle = item.name;
      let name = item.name.split(".");
    downFile(row) {
      console.log(row);

      this.pdftitle = row.name;
      let name = row.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 = this.Networkheader + "/prod-api" + item.url;
          this.pdfimgsrcList = [];
          this.pdfimgsrcList.push(this.pdfimg);
        if (row.url) {
          this.pdfimg = this.Networkheader + "/prod-api" + row.url;
          // this.pdfimg = row.url;
          // this.pdfimgsrcList = [];
          // this.pdfimgsrcList.push(this.pdfimg);
          console.log(this.pdfimg);
        } else {
          this.pdfimg = this.Networkheader + "/prod-api" + item.response.url;
          this.pdfimg = this.Networkheader + "/prod-api" + row.url;
        }
      } else {
        this.hintitle = "当前文件暂不支持预览";
@@ -2684,7 +2854,23 @@
        this.previewpdf = false;
      }
    },

    getIndexInArray(arr, obj) {
      return arr.indexOf(obj);
    },
    // 点击删除
    deletedowfile(row) {
      console.log(this.fileListto);
      console.log(row);
      const index = this.getIndexInArray(this.fileListto, row);
      this.fileList = this.fileListto.splice(index, 1);
      console.log(index);
    },
    // 点击上移
    moveupdowfile(row) {
      const index = this.getIndexInArray(this.fileListto, row);
      const item = this.fileListto.splice(index, 1)[0]; // 移除指定索引处的元素，并保存到item变量中
      this.fileListto.splice(index - 1, 0, item); // 将item插入到索引位置的前一位
    },
    //专家/医疗机构/费用报销机构选择
    ShowDetailDialog(spoce, showType) {
      this.selectionType = showType;
@@ -2844,14 +3030,22 @@

  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    window.addEventListener("beforeunload", e => this.beforeunloadHandler(e));
    this.getUserList();
    this.getUserProfile();
    let apifunddetailForm = this.funddetailForm;
    let apiform = this.form;
    console.log(apiform);
    console.log(apifunddetailForm);

    // this.getFeeUnitList();
  },

  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  beforeUpdate() {
    console.log("beforeUpdate");
  }, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
@@ -2894,7 +3088,7 @@
  height: 600px;

  .box-pdf {
    width: 200px;
    width: 400px;
    padding-top: 20px;
    margin-right: 30px;
    border: 1px solid #dcdfe6;