11

WXL

2023-09-19 4fc9abfa57e81e83b74bdbd2e2f6d71d3500ef66

 src/views/project/travelexpenseapply/travelexpensedetail/index.vue

@@ -941,6 +941,36 @@
      :visible.sync="pdfVisible"
      width="60%"
    >
      <div>
        <el-table :data="tableDatatop" style="width: 100%">
          <el-table-column prop="orderno" label="序号"> </el-table-column>
          <el-table-column prop="personname" label="费用人员">
          </el-table-column>
          <el-table-column prop="createTime" label="开始日期">
          </el-table-column>
          <el-table-column prop="endtime" label="结束日期"> </el-table-column>
          <el-table-column prop="departure" label="出发地"> </el-table-column>
          <el-table-column prop="destination" label="到达地"> </el-table-column>
          <el-table-column prop="days" label="天数"> </el-table-column>
        </el-table>
        <el-table :data="tableDatatop" style="width: 100%">
          <el-table-column prop="traffictype" label="出发交通工具">
          </el-table-column>
          <el-table-column prop="traffictype2" label="返回交通工具">
          </el-table-column>
          <el-table-column prop="trafficexpense" label="交通费">
          </el-table-column>
          <el-table-column prop="cityfee" label="市内交通费"> </el-table-column>
          <el-table-column prop="hotelexpense" label="住宿费">
          </el-table-column>
          <el-table-column prop="foodallowance" label="伙食补助">
          </el-table-column>
          <el-table-column prop="otherexpense" label="公杂费补助">
          </el-table-column>
          <el-table-column prop="otherfeeamount" label="其他费用">
          </el-table-column>
        </el-table>
      </div>
      <div class="pdfimg">
        <div class="box-pdf">
          <div>
@@ -1019,7 +1049,7 @@
          </div>
        </div>

        <div v-if="this.previewpdf" class="pdfimgmin">
        <div v-if="this.previewpdf && pdfimgsrcList.length" class="pdfimgmin">
          <!-- <img :src="pdfimg" /> -->
          <el-image
            style="width: 95%; height: 90%"
@@ -1060,7 +1090,8 @@
import {
  listReimbursementpayee,
  addReimbursementpayee,
  updateReimbursementpayee
  updateReimbursementpayee,
  delReimbursementpayee
} from "@/api/project/reimbursementpayee";
import {
  listReimbursement,
@@ -1185,6 +1216,13 @@
        starttime: null,
        endtime: null
      },
      tableDatatop: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄"
        }
      ],
      //查询付款
      queryParamsPayee: {
        rbid: null
@@ -1289,6 +1327,8 @@
  },

  mounted() {
    window.addEventListener("beforeunload", e => this.beforeunloadHandler(e));

    //选择业务类型:1、新增；2、修改；3、查看
    let curId = this.$route.query.id;
    let pos = this.$route.query.pos;
@@ -1310,6 +1350,24 @@
  },

  methods: {
    // 浏览器页面关闭或刷新提示
    beforeunloadHandler(e) {
      if (
        (JSON.stringify(this.form) == sessionStorage.getItem("apiform") &&
          JSON.stringify(this.rbDetails) ==
            sessionStorage.getItem("apifunddetail")) ||
        !sessionStorage.getItem("apifunddetail")
      ) {
      } else {
        this._beforeUnload_time = new Date().getTime();
        e = e || window.event;
        if (e) {
          e.returnValue = "关闭提示";
        }
        return "关闭提示";
      }
    },

    handleUploadError() {},
    // 获取请求头
    Getnetworkheader() {
@@ -1350,8 +1408,9 @@
        this.pdfimgsrcList.push(
          this.Networkheader + "/prod-api" + response.fileName
        );
        console.log(this.pdfimgsrcList);
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
        this.pdfimg = this.Networkheader + "/prod-api" + response.fileName;

        this.rbDetails[this.atpresent].annexfilesList = this.fileListto;
      } else {
        console.log(response.msg);
@@ -1359,6 +1418,10 @@
    },
    // 点击票据
    Filepopup(index, rows, row) {
      this.tableDatatop = [];
      this.pdfimgsrcList = [];
      this.tableDatatop.push(row);
      // console.log(row);
      this.atpresent = index;
      this.pdfVisible = true;
      console.log(this.rbDetails[index]);
@@ -1367,12 +1430,12 @@
        this.fileListto = this.rbDetails[index].annexfilesList;
        console.log(this.fileListto);
        this.pdfimg = this.Networkheader + "/prod-api" + this.fileListto[0].url;
        this.pdfimgsrcList = [];
        this.fileListto.forEach(item => {
          this.pdfimgsrcList.push(this.Networkheader + "/prod-api" + item.url);
        });
        console.log(this.pdfimgsrcList);
        console.log(this.pdfimg);
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
      } else {
        this.fileListto = [];
        this.pdfimg = "";
@@ -1383,7 +1446,8 @@
    // 点击已上传文件
    downFile(item) {
      console.log(item, "点击文件拿item");
      this.pdftitle = item.name;
      this.pdftitle =
        "共" + this.pdfimgsrcList.length + "项，当前选中" + item.name;
      let name = item.name.split(".");
      if (name[1] == "pdf") {
        this.$modal.msgWarning("当前文件暂不支持预览");
@@ -1856,12 +1920,15 @@
      //获取报销主信息
      getReimbursement(curId).then(response => {
        this.form = response.data;

        this.fileListto = this.form.annexfiles
          ? this.form.annexfiles
              .split(",")
              .map(item => ({ url: item, name: item }))
          : [];
        this.form.recordstatus = response.data.recordstatus + "";
        sessionStorage.removeItem("apiform");
        sessionStorage.setItem("apiform", JSON.stringify(this.form));

        //获取报销明细信息
        getReimbursementdetaillist(curId).then(res => {
@@ -1870,20 +1937,16 @@
          if (this.rbDetails.length == 0) {
            this.addDetailRow(0);
          }

          //实时合计金额
          //this.sumTotalFee();
          for (let i = 0; i < this.rbDetails.length; i++) {
            this.sumRowFee(this.rbDetails[i]);
            //解析出差地址
            /*
              this.rbDetails[i].index = i;
              this.rbDetails[i].searchAddress = {
                sheng: this.rbDetails[i].travelprovincename,
                shi: this.rbDetails[i].travelcityname,
                qu: this.rbDetails[i].traveltownname,
              }; */
          }
          sessionStorage.removeItem("apifunddetail");
          sessionStorage.setItem(
            "apifunddetail",
            JSON.stringify(this.rbDetails)
          );
        });

        //获取报销打款信息
@@ -1965,6 +2028,8 @@
            this.addPayeeRow(0);
          }
        });
        sessionStorage.removeItem("apiform");
        sessionStorage.setItem("apiform", JSON.stringify(this.form));
      });
    },

@@ -1980,6 +2045,7 @@

      getReimbursement(id).then(response => {
        this.form = response.data;

        //票据
        this.fileListto = this.form.annexfiles
          ? this.form.annexfiles
@@ -2029,6 +2095,8 @@
            this.addPayeeRow(0);
          }
        });
        sessionStorage.removeItem("apiform");
        sessionStorage.setItem("apiform", JSON.stringify(this.form));
      });
    },

@@ -2121,17 +2189,15 @@
          */

          //票据文件处理
          const addnumber = this.rbPayees.reduce(
            (amount, item) => amount + Number(item.amount),
            0
          );
          let list = this.fileListto;
          console.log(list);

          //校验请款金额合计是否等于报销单金额
          if (
            this.form.amountrequested !=
            this.rbPayees.reduce(
              (amount, item) => amount + Number(item.amount),
              0.0
            )
          ) {
          if (this.form.amountrequested != addnumber) {
            this.$message({
              message:
                "报销请款表中合计金额不等于报销单的报销金额，请更正后再保存！",
@@ -2197,6 +2263,11 @@
                  rbPayees[i].rbid = response.data;
                  addReimbursementpayee(rbPayees[i]);
                }
                sessionStorage.setItem(
                  "apifunddetail",
                  JSON.stringify(this.rbDetails)
                );
                sessionStorage.setItem("apiform", JSON.stringify(this.form));

                this.$modal.msgSuccess("新增报销单保存成功!");
                this.open = false;
@@ -2255,6 +2326,11 @@
      this.Savereminder = false;
      this.Reminderquantity = 0;
      this.totalquantity = 0;
      const addnumber = this.rbPayees.reduce(
        (amount, item) => amount + Number(item.amount),
        0
      );
      console.log(addnumber, "addnumber");
      this.$refs["form"].validate(valid => {
        if (valid) {
          //票据文件处理
@@ -2262,13 +2338,7 @@
          console.log(list);

          //校验请款金额合计是否等于报销单金额
          if (
            this.form.amountrequested !=
            this.rbPayees.reduce(
              (amount, item) => amount + Number(item.amount),
              0.0
            )
          ) {
          if (this.form.amountrequested != addnumber) {
            this.$message({
              message:
                "报销请款表中合计金额不等于报销单的报销金额，请更正后再保存！",
@@ -2342,6 +2412,8 @@

    //新增一行
    addDetailRow(rowIndex) {
      console.log(rowIndex);

      let rowData = {
        //index: this.rbDetails.length,
        searchAddress: {
@@ -2356,6 +2428,8 @@
        endtime: null,
        destination: null,
        days: null,
        persontype: null,
        personname: null,
        trafficexpense: 0,
        traffictype: null,
        traffictype2: null,
@@ -2379,9 +2453,14 @@
        total: 0,
        orderno: null,
        personname2: null,
        personname: null,
        destination: null
      };
      if (this.rbDetails.length) {
        console.log(this.rbDetails[rowIndex].persontype);
        console.log(this.rbDetails[rowIndex].personname);
        rowData.persontype = this.rbDetails[rowIndex].persontype;
        rowData.personname = this.rbDetails[rowIndex].personname;
      }
      // if (this.Reminderquantity >= 5) {
      //   this.Savereminder = true;
      //   return;
@@ -2462,8 +2541,10 @@
      })
        .then(() => {
          console.log(row);
          let arrow=[];
          arrow.push(row.id);
          if (row.id !== null) {
            delReimbursementdetail(row.id).then(res => {
            delReimbursementpayee(arrow).then(res => {
              this.$modal.msgSuccess("删除成功");
              rows.splice(index, 1);
              this.recountOrderNo2();