11

WXL

2024-03-28 e19fb67fe646871d2278c181e8e313d85752c9fa

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

@@ -194,10 +194,6 @@
                <el-input v-model="scope.row.orderno" placeholder="序号" />
              </template>
            </el-table-column>
            <!--
            <el-table-column prop="itemcode" align="center" label="项目编号" show-overflow-tooltip=""
              v-if="form.applytype == '1'">
            </el-table-column>-->
            <el-table-column
              prop="applytype"
              align="center"
@@ -386,33 +382,7 @@
                >
              </template>
            </el-table-column>
            <!-- 
            <el-table-column prop="unitname" align="center" label="单位（个人）名称" width="300"
              v-if="form.applytype == '4' || form.applytype == '3'">
              <template slot-scope="scope">
                <el-button type="primary" plain @click="showSelectionDialog(scope, 'account')">{{
                  scope.row.unitname
                  ? scope.row.unitname
                  : "点击选择"
                }}</el-button>

                <el-select
                  v-model="scope.row.unitno"
                  placeholder="单位"
                  clearable
                  filterable
                  allow-create
                >
                  <el-option
                    v-for="(spec, index) in unitList"
                    :key="index"
                    :label="spec.organizationname"
                    :value="spec.organizationid"
                  ></el-option>
                </el-select>
              </template>
            </el-table-column>
             -->
            <el-table-column
              prop="title"
              align="center"
@@ -615,7 +585,7 @@
                >
                  <template slot-scope="scope">
                    <el-button
                      type="primary"
                      type="danger"
                      size="mini"
                      @click.native.prevent.stop="deletedowfile(scope.row)"
                      >删除</el-button
@@ -801,8 +771,8 @@
                <el-option
                  v-for="item in accountlist"
                  :key="item.id"
                  :label="item.username"
                  :value="item.username"
                  :label="item.userid"
                  :value="item.id"
                >
                </el-option>
              </el-select>
@@ -817,16 +787,16 @@
                style="margin-bottom: 0"
                @change="userTypeChange(accountselectform.usertype)"
              >
                <el-radio label="expert">专家账号</el-radio>
                <el-radio label="org">单位账号</el-radio>
                <el-radio label="donor">捐献者亲属账号</el-radio>
                <el-radio label="expert">专家账户</el-radio>
                <el-radio label="org">单位账户</el-radio>
                <el-radio label="donor">捐献者亲属账户</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="selectionType == 'account' && accountfrom == '2'">
          <el-col :span="24">
            <el-form-item label="账号名称" prop="username">
            <el-form-item label="账户名称" prop="username">
              <el-input
                v-model="accountselectform.username"
                placeholder="请输入单位名称，或专家姓名，或其他账号"
@@ -954,7 +924,7 @@
      :visible.sync="pdfVisible"
      width="60%"
    >
      <div>
      <div style="margin-bottom: 10px;">
        <el-table :data="tableDatatop" style="width: 100%">
          <el-table-column
            v-if="businessType == 4"
@@ -1027,14 +997,20 @@
          </el-table-column>
        </el-table>
      </div>

      <el-alert
        title="新上传文件需在提交保存后才可进行案例关联，否则视为放弃"
        type="error"
        show-icon
        close-text="知道了"
      >
      </el-alert>
      <el-tabs
        style="margin-top: 20px;"
        v-model="activeName"
        type="border-card"
        @tab-click="handleClick"
      >
        <el-tab-pane label="普通附件" :name="1">
        <el-tab-pane label="普通附件" name="common">
          <div class="pdfimg">
            <div class="box-pdf">
              <div>
@@ -1095,7 +1071,7 @@
                  >
                    <template slot-scope="scope">
                      <el-button
                        type="primary"
                        type="danger"
                        size="mini"
                        @click.native.prevent.stop="deletedowfile(scope.row)"
                        >删除</el-button
@@ -1139,7 +1115,7 @@
            <div v-else class="pdfimgmins">{{ hintitle }}</div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="发票文件" :name="2">
        <el-tab-pane label="发票文件" name="invoice">
          <div class="pdfimg">
            <div class="box-pdf">
              <div>
@@ -1656,7 +1632,7 @@
      invoicepdfimg: "",
      invoicepdfimgsrcList: [],
      invoDatatop: [],
      activeName: 1, //文件类型
      activeName: "common", //文件类型
      //上传附件路径
      uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
      ICDtoken: getToken(),
@@ -2260,7 +2236,7 @@
                    path: "/finance/applyDetail/",
                    query: {
                      id: response.data,
                      businessType: "2",
                      businessType: this.businessType,
                      operationType: "update",
                      curCase: this.curCase
                    }
@@ -2364,22 +2340,40 @@
    //获取专家、单位机构的账户列表
    getAccountList() {
      listExternalperson().then(res => {
        this.accountlist = res.rows;
        // this.accountlist = res.rows;
        //获取启用的账户列表
        for (let j = 0; j < res.length; j++) {
        for (let j = 0; j < res.rows.length; j++) {
          //单位账号列表
          if (res.userstatus == "1") {
            this.accountlist.push({
              id: res.id,
              userno: res.userno,
              username: res.username,
              idcardno: res.idcardno,
              title: res.title,
              depositbank: res.depositbank,
              bankcardno: res.bankcardno,
              unitno: res.unitno,
              unitname: res.unitname
            });
          if (res.rows[j].userstatus == "1") {
            if (res.rows[j].usertype == "org") {
              this.accountlist.push({
                id: res.rows[j].id,
                userno: res.rows[j].userno,
                username: res.rows[j].username,
                idcardno: res.rows[j].idcardno,
                title: res.rows[j].title,
                depositbank: res.rows[j].depositbank,
                bankcardno: res.rows[j].bankcardno,
                unitno: res.rows[j].unitno,
                unitname: res.rows[j].unitname,
                userid:
                  res.rows[j].username + "（" + res.rows[j].bankcardno + "）"
              });
            } else {
              this.accountlist.push({
                id: res.rows[j].id,
                userno: res.rows[j].userno,
                username: res.rows[j].username,
                idcardno: res.rows[j].idcardno,
                title: res.rows[j].title,
                depositbank: res.rows[j].depositbank,
                bankcardno: res.rows[j].bankcardno,
                unitno: res.rows[j].unitno,
                unitname: res.rows[j].unitname,
                userid:
                  res.rows[j].username + "（" + res.rows[j].idcardno + "）"
              });
            }
          }
        }
      });
@@ -2687,7 +2681,15 @@
                this.$modal.msgWarning(
                  "服务项目表中，第" +
                    (k + 1).toString() +
                    "行的服务人员姓名为选择,请选择人员后再提交保存！"
                    "行的人员姓名为空,请选择人员后再提交保存！"
                );
                return;
              }
              if (tempDetail.unitname == null) {
                this.$modal.msgWarning(
                  "服务项目表中，第" +
                    (k + 1).toString() +
                    "行的专家单位为空,请选择单位后再提交保存！"
                );
                return;
              }
@@ -2791,8 +2793,10 @@
                  flowconclusion: this.checkObj.flowlevelone,
                  flowcontent: this.checkObj.flowconclusion
                };
                this.$modal.loading("正在提交审核，请稍候！");
                checkfund(checkFundObj).then(res => {
                  //关闭窗口
                  this.$modal.closeLoading();
                  this.$modal.msgSuccess("审核完成!");
                  this.$store.dispatch("tagsView/delView", this.$route);
                  this.$router.go(-1);
@@ -3023,10 +3027,8 @@
        .catch(() => {
          //几点取消的提示
        });

      //全部删除后添加一条新行
    },

    //计算总金额
    sumTotalFee(row) {
      let allSum = 0;
@@ -3142,7 +3144,7 @@
    handleUploadError() {},
    remove(file, fileList) {
      const rbDetails = [...this.rbDetails];
      if (this.activeName == 1) {
      if (this.activeName == "common") {
        this.fileListto.splice(this.fileListto.indexOf(file), 1);
        rbDetails[this.atpresent].annexfilesList = this.fileListto;
      } else {
@@ -3158,7 +3160,7 @@
      };
      const pdfimg = this.Networkheader + "/prod-api" + response.fileName;
      //获取票据信息位置
      if (this.activeName == 1) {
      if (this.activeName == "common") {
        if (response.code == 200) {
          this.previewpdf = true;

@@ -3234,36 +3236,62 @@

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

      if (this.rbDetails[index].annexfilesList) {
        this.rbDetails[index].annexfilesList.forEach((value, indexson) => {
          const pdfimg = this.Networkheader + "/prod-api" + value.url;
          fetch(pdfimg, config)
            .then(response => response.blob())
            .then(blob => {
              // 将获取的数据流转换为URL
              this.fileListto.push({
                name: value.name,
                url: URL.createObjectURL(blob)
        // this.rbDetails[index].annexfilesList.forEach((value, indexson) => {
        //   const pdfimg = this.Networkheader + "/prod-api" + value.url;
        //   fetch(pdfimg, config)
        //     .then(response => response.blob())
        //     .then(blob => {
        //       // 将获取的数据流转换为URL
        //       this.fileListto.push({
        //         name: value.name,
        //         url: URL.createObjectURL(blob)
        //       });
        //       if (this.fileListto.length == 1) {
        //         this.pdfimg = URL.createObjectURL(blob);
        //       }
        //       this.pdfimgsrcList.push(URL.createObjectURL(blob));
        //     })
        //     .catch(error => {
        //       console.error("Error loading image", error);
        //       return;
        //     });
        // });

        const fetchPromises = this.rbDetails[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;
              });
              if (this.fileListto.length == 1) {
                this.pdfimg = URL.createObjectURL(blob);
              }
              this.pdfimgsrcList.push(URL.createObjectURL(blob));
            })
            .catch(error => {
              console.error("Error loading image", error);
              return;
            });
          }
        );

        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 = [];
@@ -3272,26 +3300,35 @@
      }
      //发票
      if (this.rbDetails[index].invoicefilesList) {
        this.rbDetails[index].invoicefilesList.forEach((value, indexson) => {
          const pdfimg = this.Networkheader + "/prod-api" + value.url;
          fetch(pdfimg, config)
            .then(response => response.blob())
            .then(blob => {
              // 将获取的数据流转换为URL
              this.invoicefileListto.push({
                name: value.name,
                url: URL.createObjectURL(blob)
        const fetchPromises = this.rbDetails[index].invoicefilesList.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;
              });
              if (this.invoicefileListto.length == 1) {
                this.invoicepdfimg = URL.createObjectURL(blob);
              }
              this.invoicepdfimgsrcList.push(URL.createObjectURL(blob));
            })
            .catch(error => {
              console.error("Error loading image", error);
              return;
            });
          }
        );

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

        this.previewpdf = true;
      } else {
        this.invoicefileListto = [];
@@ -3299,16 +3336,18 @@
        this.pdftitle = "";
      }

      if (this.activeName == 1) {
      if (this.activeName == "common") {
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
      } else {
        this.pdftitle = "共" + this.invoicepdfimgsrcList.length + "项";
      }
      console.log(this.fileListto, "this.fileListto");
      console.log(this.rbDetails[index].annexfilesList, "annexfilesList");
    },

    // 点击已上传文件
    downFile(item) {
      if (this.activeName == 1) {
      if (this.activeName == "common") {
        this.pdftitle =
          "共" + this.pdfimgsrcList.length + "项，当前选中" + item.name;
        let name = item.name.split(".");
@@ -3356,7 +3395,7 @@
    },
    // 发票切换
    handleClick(tab, event) {
      if (this.activeName == 1) {
      if (this.activeName == "common") {
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
      } else {
        this.pdftitle = "共" + this.invoicepdfimgsrcList.length + "项";
@@ -3366,16 +3405,14 @@
    deletedowfile(row) {
      console.log(row);
      let indexvalue = "";
      if (this.activeName == 1) {
      if (this.activeName == "common") {
        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.rbDetails[this.atpresent].annexfilesList);
        indexvalue = this.rbDetails[this.atpresent].annexfilesList.find(
          (item, index) => {
            return item.name == row.name;
          }
        indexvalue = this.rbDetails[this.atpresent].annexfilesList.findIndex(
          item => item.name == row.name
        );
        console.log(indexvalue, "删除索引");
        this.rbDetails[this.atpresent].annexfilesList.splice(indexvalue, 1);
@@ -3388,10 +3425,8 @@
        const index = this.getIndexInArray(this.invoicefileListto, row);
        this.invoicefileListto.splice(index, 1);
        console.log(this.rbDetails[this.atpresent].invoicefilesList);
        indexvalue = this.rbDetails[this.atpresent].invoicefilesList.find(
          (item, index) => {
            return item.name == row.name;
          }
        indexvalue = this.rbDetails[this.atpresent].invoicefilesList.findIndex(
          item => item.name == row.name
        );
        console.log(indexvalue, "删除索引");
        this.rbDetails[this.atpresent].invoicefilesList.splice(indexvalue, 1);
@@ -3399,15 +3434,52 @@
    },
    // 点击上移
    moveupdowfile(row) {
      if (this.activeName == 1) {
        const index = this.getIndexInArray(this.fileListto, row);
      if (this.activeName == "common") {
        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.rbDetails[
          this.atpresent
        ].annexfilesList.findIndex(item => item.name == row.name);
        const itemann = this.rbDetails[this.atpresent].annexfilesList.splice(
          indexann,
          1
        )[0]; // 移除指定索引处的元素，并保存到item变量中
        this.rbDetails[this.atpresent].annexfilesList.splice(
          indexann - 1,
          0,
          itemann
        ); // 将itemann插入到索引位置的前一位
        console.log(indexann, "indexann");
        console.log(index, "index");
      } else {
        const index = this.getIndexInArray(this.invoicefileListto, row);
        const index = this.invoicefileListto.findIndex(
          item => item.name == row.name
        );

        const item = this.invoicefileListto.splice(index, 1)[0]; // 移除指定索引处的元素，并保存到item变量中
        this.invoicefileListto.splice(index - 1, 0, item); // 将item插入到索引位置的前一位

        const indexinvo = this.rbDetails[
          this.atpresent
        ].invoicefilesList.findIndex(item => item.name == row.name);
        const iteminvo = this.rbDetails[this.atpresent].invoicefilesList.splice(
          indexinvo,
          1
        )[0]; // 移除指定索引处的元素，并保存到item变量中
        this.rbDetails[this.atpresent].invoicefilesList.splice(
          indexinvo - 1,
          0,
          iteminvo
        ); // 将iteminvo插入到索引位置的前一位
      }
      console.log(
        this.rbDetails[this.atpresent].annexfilesList,
        "annexfilesList"
      );
      console.log(this.fileListto, "fileListto");
      // console.log(this.rbDetails[this.atpresent].invoicefilesList,'invoicefilesList');
    },
    Downloadfile(row) {
      window.location.href = row.url;
@@ -3422,7 +3494,13 @@
      if (this.selectionType == "account") {
        //默认从账户库选择：1,账户库；2，新建账户
        this.accountfrom = "1";
        this.accountselectform.accountname = scope.row.beneficiaryname;
        if (scope.row.idcardno) {
          this.accountselectform.accountname =
            scope.row.beneficiaryname + "（" + scope.row.idcardno + "）";
        } else {
          this.accountselectform.accountname =
            scope.row.beneficiaryname + "（" + scope.row.bankcardno + "）";
        }
        this.accountselectform.accountno = scope.row.beneficiaryno;
        this.accountselectform.expertunitname = "";
        this.accountselectform.expertunitno = "";
@@ -3454,11 +3532,21 @@
          if (this.accountfrom == "1") {
            //赋值信息
            if (
              this.rbDetails[tempIndex].beneficiaryname !=
              this.accountselectform.accountname
              this.rbDetails[tempIndex].userno != this.accountselectform.userno
            ) {
              this.accountlist.map(res => {
                if (res.username == this.accountselectform.accountname) {
                if (res.id == this.accountselectform.accountname) {
                  console.log(res, "res");
                  const hasIdOne = this.rbDetails.some(
                    obj => obj.beneficiaryname == res.username
                  );
                  if (hasIdOne) {
                    this.$modal.msgWarning(
                      "服务项目表中，人员名称：" +
                        res.username +
                        "重复，请注意核对信息！"
                    );
                  }
                  this.rbDetails[tempIndex].beneficiaryno = res.userno;
                  this.rbDetails[tempIndex].beneficiaryname = res.username;
                  this.rbDetails[tempIndex].depositbank = res.depositbank;
@@ -3485,8 +3573,8 @@
            //获取用户编号
            getOnlyCode(this.seqnoParams).then(res => {
              this.accountform.userno = res.data.currentvalue;
              this.accountform.id = null;

              this.accountform.id = null;
              this.accountform.usertype = this.accountselectform.usertype;
              this.accountform.username = this.accountselectform.username;
              this.accountform.idcardno = this.accountselectform.idcardno;
@@ -3511,53 +3599,84 @@
                    this.accountform.unitname = res.organizationname;
                  }
                });
              } else {
                this.accountform.userstatus = 1;
              }

              addExternalperson(this.accountform).then(response => {
                if (response.code == 200) {
                  if (this.accountselectform.usertype == "expert") {
                  // //重新获取账户列表
                  // listExternalperson().then(res => {
                  //   this.accountlist = res.rows;
                  // });

                  console.log("addExternalperson", response.data.id);
                  if (this.accountselectform.usertype == "org") {
                    this.accountlist.push({
                      id: response.data.id,
                      userno: this.accountform.userno,
                      username: this.accountform.username,
                      idcardno: this.accountform.idcardno,
                      title: this.accountform.title,
                      depositbank: this.accountform.depositbank,
                      bankcardno: this.accountform.bankcardno,
                      unitno: this.accountform.unitno,
                      unitname: this.accountform.unitname,
                      userid:
                        this.accountform.username +
                        "（" +
                        this.accountform.bankcardno +
                        "）"
                    });
                    this.$modal.msgSuccess("您已添加成功新账户信息！");
                  } else {
                    this.accountlist.push({
                      id: response.data.id,
                      userno: this.accountform.userno,
                      username: this.accountform.username,
                      idcardno: this.accountform.idcardno,
                      title: this.accountform.title,
                      depositbank: this.accountform.depositbank,
                      bankcardno: this.accountform.bankcardno,
                      unitno: this.accountform.unitno,
                      unitname: this.accountform.unitname,
                      userid:
                        this.accountform.username +
                        "（" +
                        this.accountform.idcardno +
                        "）"
                    });
                    this.$modal.msgSuccess(
                      "新账户信息已添加成功,需要在账号状态启用后才能被使用！"
                      "您已添加成功新账户信息,需要在账号状态启用后才能被使用！"
                    );
                    return;
                  } else {
                    this.$modal.msgSuccess("新账户信息已添加成功！");
                  }

                  this.accountselectform.accountno = this.accountselectform.userno;
                  this.accountselectform.accountno = this.accountform.userno;
                  this.accountselectform.accountname = this.accountselectform.username;

                  //重新获取账户列表
                  listExternalperson().then(res => {
                    this.accountlist = res.rows;
                  //赋值信息
                  this.accountlist.map(res => {
                    if (res.userno == this.accountselectform.accountno) {
                      this.rbDetails[tempIndex].beneficiaryno = res.userno;
                      this.rbDetails[tempIndex].beneficiaryname = res.username;
                      this.rbDetails[tempIndex].depositbank = res.depositbank;
                      this.rbDetails[tempIndex].branchbankname =
                        res.branchbankname;
                      this.rbDetails[tempIndex].bankcardno = res.bankcardno;
                      this.rbDetails[tempIndex].phone = res.telephone;

                    //赋值信息
                    this.accountlist.map(res => {
                      if (res.username == this.accountselectform.accountname) {
                        this.rbDetails[tempIndex].beneficiaryno = res.userno;
                        this.rbDetails[tempIndex].beneficiaryname =
                          res.username;
                        this.rbDetails[tempIndex].depositbank = res.depositbank;
                        this.rbDetails[tempIndex].branchbankname =
                          res.branchbankname;
                        this.rbDetails[tempIndex].bankcardno = res.bankcardno;
                        this.rbDetails[tempIndex].phone = res.telephone;

                        if (res.usertype == "org") {
                          this.rbDetails[tempIndex].idcardno = "";
                          this.rbDetails[tempIndex].title = "";
                          this.rbDetails[tempIndex].unitno = "";
                          this.rbDetails[tempIndex].unitname = "";
                        } else {
                          this.rbDetails[tempIndex].idcardno = res.idcardno;
                          this.rbDetails[tempIndex].title = res.title;
                          this.rbDetails[tempIndex].unitno = parseInt(
                            res.unitno
                          );
                          this.rbDetails[tempIndex].unitname = res.unitname;
                        }
                      if (res.usertype == "org") {
                        this.rbDetails[tempIndex].idcardno = "";
                        this.rbDetails[tempIndex].title = "";
                        this.rbDetails[tempIndex].unitno = "";
                        this.rbDetails[tempIndex].unitname = "";
                      } else {
                        this.rbDetails[tempIndex].idcardno = res.idcardno;
                        this.rbDetails[tempIndex].title = res.title;
                        this.rbDetails[tempIndex].unitno = parseInt(res.unitno);
                        this.rbDetails[tempIndex].unitname = res.unitname;
                      }
                    });
                    }
                  });
                }
              });