11

WXL

2023-09-07 cc7c660a4d4bcdbdf1514e5ddb3e663899f096d4

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

@@ -72,7 +72,7 @@
              }}</el-radio>
            </el-form-item>
          </el-col>
          <el-col :span="5">
          <!-- <el-col :span="5">
            <el-form-item label="银行名称" prop="bankname">
              <el-input v-model="form.bankname" placeholder="请输入银行名称" />
            </el-form-item> </el-col
@@ -83,10 +83,28 @@
                placeholder="请输入银行账号"
              />
            </el-form-item>
          </el-col>
          </el-col> -->
          <el-col :span="5">
            <el-form-item label="联系电话" prop="phone">
              <el-input v-model="form.phone" placeholder="请输入联系电话" />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="捐献者" prop="name">
              <el-input
                :disabled="true"
                v-model="form.donorname"
                placeholder="请输入捐献者姓名"
              />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="申请金额" prop="pretaxcost">
              <el-input
                v-model="form.pretaxcost"
                placeholder="税前金额合计"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
        </el-row>
@@ -98,15 +116,7 @@
            </el-form-item>
          </el-col>
          -->
          <el-col :span="5">
            <el-form-item label="申请金额" prop="pretaxcost">
              <el-input
                v-model="form.pretaxcost"
                placeholder="税前金额合计"
                :disabled="true"
              />
            </el-form-item>
          </el-col>

          <!--
          <el-col :span="5">
            <el-form-item label="应缴税" prop="taxcost" v-if="businessType == '1' || businessType == '2'">
@@ -123,15 +133,7 @@
              <el-input v-model="form.remark" placeholder="申请说明" />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="捐献者" prop="name">
              <el-input
                :disabled="true"
                v-model="form.donorname"
                placeholder="请输入捐献者姓名"
              />
            </el-form-item>
          </el-col>

          <!-- 
          <el-col :span="5">
            <el-form-item label="申请状态" prop="recordstatus">
@@ -153,6 +155,16 @@
              导入服务项目
            </el-button>
          </el-col>
        </el-row>
        <el-row v-if="jurisdiction">
          <!-- <el-alert title="当前为查看状态，不支持修改存储。" type="warning">
          </el-alert> -->
          <el-alert
            title="当前为查看状态，不支持修改存储。"
            type="warning"
            show-icon
          >
          </el-alert>
        </el-row>
        <el-row>
          <el-table
@@ -184,7 +196,7 @@
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.applytypename"
                  v-model="scope.row.applytype"
                  placeholder="服务类型"
                  @change="verifyFeeItemType(scope.row)"
                >
@@ -205,7 +217,7 @@
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.itemname"
                  v-model="scope.row.itemid"
                  placeholder="服务项目"
                  filterable
                  @change="verifyFeeItem(scope.row)"
@@ -373,6 +385,7 @@
              align="center"
              label="单位名称"
              width="250"
              v-if="form.applytype != '4'"
            >
              <template slot-scope="scope">
                <el-button
@@ -380,6 +393,40 @@
                  plain
                  @click="ShowDetailDialog(scope, 'unit')"
                  >{{ 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="unitno"
              align="center"
              label="单位/个人"
              width="250"
              v-if="form.applytype == '4'"
            >
              <template slot-scope="scope">
                <el-button
                  type="primary"
                  plain
                  @click="ShowDetailDialog(scope, 'expert')"
                  >{{
                    scope.row.unitname
                      ? scope.row.unitname
                      : scope.row.beneficiaryname
                  }}</el-button
                >
                <!-- <el-select
                  v-model="scope.row.unitno"
@@ -424,8 +471,8 @@
              align="center"
              label="开户银行"
              width="200"
              v-if="form.applytype != '4'"
            >
              <!-- v-if="form.applytype != '4'" -->
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.depositbank"
@@ -438,7 +485,6 @@
              align="center"
              label="银行帐号"
              width="210"
              v-if="form.applytype != '4'"
            >
              <template slot-scope="scope">
                <el-input
@@ -447,9 +493,19 @@
                />
              </template>
            </el-table-column>
            <el-table-column prop="remark" align="center" label="备注">
            <el-table-column
              prop="remark"
              align="center"
              width="330"
              label="备注"
            >
              <template slot-scope="scope">
                <el-input v-model="scope.row.remark" placeholder="备注" />
                <el-input
                  type="textarea"
                  :rows="2"
                  v-model="scope.row.remark"
                  placeholder="备注"
                />
              </template>
            </el-table-column>
            <el-table-column
@@ -550,9 +606,10 @@
                size="mini"
                class="upload-demo"
                :action="uploadFileUrl"
                :file-list="fileList"
                :file-list="fileListto"
                :show-file-list="false"
                multiple
                :limit="20"
                drag
                :headers="headers"
                :on-success="
                  (response, file, fileList) =>
@@ -561,21 +618,72 @@
                :on-preview="downFile"
                :disabled="operationType == 'detail'"
                :on-error="handleUploadError"
                :on-exceed="handleExceed"
                :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>
              </el-upload>
              <el-table
                :data="fileListto"
                @row-click="downFile"
                style="width: 100%"
                height="400"
              >
                <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.stop="deletedowfile(scope.row)"
                      >删除</el-button
                    >
                    <el-button
                      type="primary"
                      size="mini"
                      @click.native.prevent.stop="moveupdowfile(scope.row)"
                      >上移</el-button
                    >
                  </template>
                </el-table-column>
              </el-table>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="operationType == 'detail' || operationType == 'check'">
        <el-row
          v-if="
            operationType == 'detail' ||
              operationType == 'check' ||
              operationType == 'update'
          "
        >
          <el-table :data="fundflowList" border>
            <el-table-column
              label="审核日期"
@@ -652,14 +760,17 @@
    <el-dialog
      :visible.sync="showSelectionDialog"
      :close-on-click-modal="false"
      :title="'单位/专家信息选择'"
      :title="'单位/个人信息选择'"
      width="500px"
      style="text-align: center"
      v-loading="loading"
    >
      <el-form ref="funddetailForm" :model="funddetailForm">
        <el-row>
          <el-col :span="24" v-if="selectionType == 'expert'">
        <el-row v-if="businessType != 4">
          <el-col
            :span="24"
            v-if="selectionType == 'expert' && businessType != 4"
          >
            <el-form-item label="请选择专家信息：" prop="expertfrom">
              <el-radio-group v-model="expertfrom" style="margin-bottom: 0">
                <el-radio label="1">专家库</el-radio>
@@ -722,7 +833,7 @@
              label="发票单位名称"
              prop="unitno"
              label-width="120px"
              v-if="businessType == 3 || businessType == 4"
              v-if="businessType == 3"
            >
              <el-select
                v-model="funddetailForm.unitno"
@@ -742,7 +853,68 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>

        <el-row v-if="businessType == 4">
          <el-col :span="24">
            <el-form-item label="请选择专家信息：" prop="experthear">
              <el-radio-group
                @change="ShowDetailDialog(spocewl)"
                v-model="experthear"
                style="margin-bottom: 0"
              >
                <el-radio label="unit">人员选项</el-radio>
                <el-radio label="expert">单位选项</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="24" v-if="experthear == 'unit'">
            <el-form-item
              label="人员姓名"
              prop="beneficiaryname"
              label-width="80px"
            >
              <el-select
                filterable
                allow-create
                ref="beneficiaryname"
                default-first-option
                @change="bbaaccss"
                v-model="funddetailForm.beneficiaryname"
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option
                  v-for="item in expertlist"
                  :key="item.expertNo"
                  :label="item.exportName"
                  :value="item.exportName"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="24" v-if="experthear == 'expert'">
            <el-form-item label="单位名称" prop="unitno" label-width="120px">
              <el-select
                v-model="funddetailForm.unitno"
                placeholder="单位名称"
                clearable
                filterable
                allow-create
                style="width: 100%"
              >
                <el-option
                  v-for="(spec, index) in unitList"
                  :key="index"
                  :label="spec.organizationname"
                  :value="spec.organizationid"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row v-if="businessType != 4">
          <el-col :span="12" v-if="expertfrom == '2'">
            <el-form-item label="专家姓名" prop="expertname" label-width="80px">
              <el-input
@@ -771,7 +943,7 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
        <el-row v-if="businessType != 4">
          <el-col :span="24" v-if="expertfrom == '2'">
            <el-form-item
              label="身份证号"
@@ -797,7 +969,7 @@
          </el-col>          
        </el-row>
      -->
        <el-row>
        <el-row v-if="businessType != 4">
          <el-col :span="24" v-if="expertfrom == '2'">
            <el-form-item
              label="单位名称"
@@ -821,7 +993,7 @@
              </el-select> </el-form-item
          ></el-col>
        </el-row>
        <el-row>
        <el-row v-if="businessType != 4">
          <el-col :span="24" v-if="expertfrom == '2'">
            <el-form-item
              label="开户银行"
@@ -874,7 +1046,6 @@
              :show-file-list="false"
              multiple
              drag
              :limit="20"
              :headers="headers"
              :on-success="
                (response, file, fileList) =>
@@ -883,7 +1054,6 @@
              :on-preview="downFile"
              :disabled="operationType == 'detail'"
              :on-error="handleUploadError"
              :on-exceed="handleExceed"
              :on-remove="remove"
              accept="image/*,.pdf"
            >
@@ -907,6 +1077,7 @@
              :data="fileListto"
              @row-click="downFile"
              style="width: 100%"
              height="400"
            >
              <el-table-column
                prop="name"
@@ -930,13 +1101,13 @@
                  <el-button
                    type="primary"
                    size="mini"
                    @click.native.prevent="deletedowfile(scope.row)"
                    @click.native.prevent.stop="deletedowfile(scope.row)"
                    >删除</el-button
                  >
                  <el-button
                    type="primary"
                    size="mini"
                    @click.native.prevent="moveupdowfile(scope.row)"
                    @click.native.prevent.stop="moveupdowfile(scope.row)"
                    >上移</el-button
                  >
                </template>
@@ -1060,7 +1231,6 @@
    Li_area_select,
    OrgSelecter
  },

  name: "fundApply",

  dicts: [
@@ -1087,9 +1257,12 @@
      // 导出遮罩层
      exportLoading: false,
      usernamedata: "",
      jurisdiction: false,

      // 表单参数
      form: {},

      experthear: "",
      spocewl: "",
      //费用申请表单title
      title: "",
      //申请单类型
@@ -1290,6 +1463,10 @@
  watch: {},
  //方法集合
  methods: {
    bbaaccss(val) {
      console.log(val);
      console.log(this.funddetailForm);
    },
    // 浏览器页面关闭或刷新提示
    beforeunloadHandler(e) {
      if (
@@ -1395,6 +1572,7 @@
      } else if (this.businessType == "4") {
        this.businessName = "办公费用报销单";
        this.amountLabel = "金额";
        this.getUnitList();

        // this.getBaseInfoList();
      }
@@ -1411,6 +1589,7 @@
        this.handleUpdate();
      } else if (this.operationType == "detail") {
        this.title = this.businessName + "查看";
        this.jurisdiction = true;
        this.handleDetail();
      } else if (this.operationType == "check") {
        this.title = this.businessName + "审核";
@@ -1500,6 +1679,14 @@
            this.addRow(0);
          }
        });
        let listFundflowparams = {
          fundid: this.curId,
          fundtype: 2
        };
        listFundflow(listFundflowparams).then(res => {
          this.fundflowList = res.rows;
        });
        console.log(this.fundflowList);
      });
    },

@@ -1550,7 +1737,7 @@
      });
    },

    /** 修改按钮操作 */
    /** 查看按钮操作 */
    handleCheck() {
      this.isopen = 0;
      this.reset();
@@ -1835,10 +2022,11 @@
                isNaN(parseFloat(tempDetail.taxamount)) ||
                parseFloat(tempDetail.taxamount) == 0
              ) {
                tempDetail.taxedamount = tempDetail.amount;
                tempDetail.taxedamount = parseFloat(tempDetail.amount);
              } else {
                tempDetail.taxedamount =
                  tempDetail.amount + tempDetail.taxamount;
                  parseFloat(tempDetail.amount) +
                  parseFloat(tempDetail.taxamount);
              }
            }
          }
@@ -2028,13 +2216,16 @@

    //获取费用机构列表
    getFeeUnitList() {
      console.log("单位");
      listReportname("org").then(res => {
        this.feeUnitList = res.data;
      });
      console.log(this.feeUnitList);
    },

    //获取医疗机构列表
    getUnitList() {
      console.log("医疗机构");
      listOrganization(3).then(response => {
        for (let i = 0; i < response.rows.length; i++) {
          this.unitList.push({
@@ -2042,6 +2233,7 @@
            organizationid: response.rows[i].id,
            organizationname: response.rows[i].organizationname
          });
          console.log(this.unitList);
        }
      });
    },
@@ -2494,10 +2686,11 @@
                isNaN(parseFloat(tempDetail.taxamount)) ||
                parseFloat(tempDetail.taxamount) == 0
              ) {
                tempDetail.taxedamount = tempDetail.amount;
                tempDetail.taxedamount = parseFloat(tempDetail.amount);
              } else {
                tempDetail.taxedamount =
                  tempDetail.amount + tempDetail.taxamount;
                  parseFloat(tempDetail.amount) +
                  parseFloat(tempDetail.taxamount);
              }
            }
          }
@@ -2806,14 +2999,14 @@
      //获取票据信息位置
      if (response.code == 200) {
        this.form.filename = file.raw.name;

        this.previewpdf = true;
        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(
          this.Networkheader + "/prod-api" + response.fileName
        );
        // this.pdfimgsrcList.push(response.url);
        this.pdfimg = this.Networkheader + "/prod-api" + response.fileName;

        this.rbDetails[this.atpresent].annexfilesList = this.fileListto;
      } else {
@@ -2826,6 +3019,7 @@
      this.atpresent = index;
      this.pdfVisible = true;
      if (this.rbDetails[index].annexfilesList) {
        this.previewpdf = true;
        this.fileListto = this.rbDetails[index].annexfilesList;
        this.pdfimg = this.Networkheader + "/prod-api" + this.fileListto[0].url;
        // this.pdfimg = this.fileListto[0].url;
@@ -2855,14 +3049,13 @@
        this.previewpdf = true;
        if (item.url) {
          this.pdfimg = this.Networkheader + "/prod-api" + item.url;
          // this.pdfimg = item.url;
          // this.pdfimgsrcList = [];
          // this.pdfimgsrcList.push(this.pdfimg);
          if (!this.pdfimgsrcList.includes(this.pdfimg)) {
            this.pdfimgsrcList.push(this.pdfimg);
            console.log("加入");
          }

          // if (!this.pdfimgsrcList.includes(this.pdfimg)) {
          //   this.pdfimgsrcList.push(this.pdfimg);
          //   console.log("加入");
          // }
          console.log(this.pdfimg);
          console.log(this.pdfimgsrcList, "imglist");
        } else {
          this.pdfimg = this.Networkheader + "/prod-api" + item.url;
        }
@@ -2879,9 +3072,16 @@
    deletedowfile(row) {
      console.log(this.fileListto);
      console.log(row);
      const indexlist = this.getIndexInArray(
        this.pdfimgsrcList,
        this.Networkheader + "/prod-api" + row.url
      );
      console.log(indexlist);
      this.pdfimgsrcList.splice(indexlist, 1);
      const index = this.getIndexInArray(this.fileListto, row);
      this.fileList = this.fileListto.splice(index, 1);
      this.fileListto.splice(index, 1);
      console.log(index);
      console.log(this.pdfimgsrcList);
    },
    // 点击上移
    moveupdowfile(row) {
@@ -2891,7 +3091,17 @@
    },
    //专家/医疗机构/费用报销机构选择
    ShowDetailDialog(spoce, showType) {
      this.spocewl = spoce;
      console.log(spoce);
      this.selectionType = showType;
      if (this.businessType == 4 || !showType) {
        this.selectionType = this.experthear;
        console.log(this.selectionType);
      }
      // if (!showType) {
      //   this.selectionType = this.experthear;

      // }
      this.expertfrom = "1";

      this.funddetailForm.index = spoce.$index;
@@ -2912,13 +3122,16 @@

    //专家/医疗机构/费用报销机构选择
    ConfirmDetailDialog() {
      console.log(this.funddetailForm.tempExpertName);
      console.log(this.funddetailForm);
      let tempIndex = this.funddetailForm.index;
      let tempExpertName = this.funddetailForm.beneficiaryname;
      let tempUnitname = this.funddetailForm.unitname;
      let singleDetail = this.rbDetails[tempIndex];
      console.log(tempExpertName);

      if (this.selectionType == "expert") {
        if (this.expertfrom == "1") {
      if (this.selectionType == "expert" || this.businessType == 4) {
        if (this.expertfrom == "1" || this.experthear == "unit") {
          //从专家列表获取信息
          this.personlist.map(res => {
            if (tempExpertName == res.username) {
@@ -3033,6 +3246,10 @@
        }
      }

      if (this.experthear == "unit") {
        singleDetail.unitname = "";
      }
      console.log(this.funddetailForm);
      this.rbDetails[tempIndex] = singleDetail;
      this.showSelectionDialog = false;
    }
@@ -3044,6 +3261,7 @@
    this.Getnetworkheader();
    this.getroute();
    this.getExternalList();
    this.getFeeUnitList();
  },

  //生命周期 - 挂载完成（可以访问DOM元素）
@@ -3143,4 +3361,8 @@
  line-height: 36px;
  text-align: center;
}
::v-deep .el-alert__title {
  font-size: 20px;
  line-height: 20px;
}
</style>