qq

yxh

2023-09-14 4a3a070d46e3a26cf3e053a2f0a007a4bef8fd99

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

@@ -47,17 +47,31 @@
              }}</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><el-col :span="5">
            </el-form-item> </el-col
          ><el-col :span="5">
            <el-form-item label="银行账号" prop="bankcardno">
              <el-input v-model="form.bankcardno" placeholder="请输入银行账号" />
              <el-input
                v-model="form.bankcardno"
                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>
@@ -69,11 +83,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'">
@@ -90,11 +100,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">
@@ -113,20 +119,20 @@
            </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 v-if="businessType == 2">
          <div style="margin-bottom: 15px;">
            <el-button type="success" icon="el-icon-download" @click="Batchentry">批量录入</el-button>
          </div>
        </el-row>
        <el-row>
          <el-table
            :data="rbDetails"
            v-loading="loading"
            max-height="400"
            border
            highlight-current-row
          >
            <el-table-column
              prop="orderno"
              align="center"
              label="序号"
              width="65"
            >
          <el-table :data="rbDetails" v-loading="loading" max-height="800" border highlight-current-row>
            <el-table-column prop="orderno" align="center" label="序号" width="88">
              <template slot-scope="scope">
                <el-input v-model="scope.row.orderno" placeholder="序号" />
              </template>
@@ -137,35 +143,18 @@
            </el-table-column>-->
            <el-table-column prop="applytype" align="center" label="服务类型" width="200">
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.applytypename"
                  placeholder="服务类型"
                  @change="verifyFeeItemType(scope.row)"
                >
                  <el-option
                    v-for="dict in rowfeeItemTypes"
                    :key="dict.index"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                <el-select v-model="scope.row.applytype" placeholder="服务类型" @change="verifyFeeItemType(scope.row)">
                  <el-option v-for="dict in rowfeeItemTypes" :key="dict.index" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </template>
            </el-table-column>
            <el-table-column prop="itemid" align="center" label="服务项目" width="260">
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.itemname"
                  placeholder="服务项目"
                  filterable
                  @change="verifyFeeItem(scope.row)"
                  :filter-method="val => searchItemType(val, scope)"
                >
                  <el-option
                    v-for="dict in scope.row.itemlist"
                    :key="dict.index"
                    :label="dict.itemName"
                    :value="dict.id"
                  ></el-option>
                <el-select v-model="scope.row.itemid" placeholder="服务项目" filterable @change="verifyFeeItem(scope.row)"
                  :filter-method="val => searchItemType(val, scope)">
                  <el-option v-for="dict in scope.row.itemlist" :key="dict.index" :label="dict.itemName"
                    :value="dict.id"></el-option>
                </el-select>
              </template>
            </el-table-column>
@@ -207,15 +196,20 @@
                    :value="dict.expense"></el-option>
                </el-select>
              -->
                <el-input v-model="scope.row.amount" placeholder="金额" @blur="val => { calculateTax(scope.row, 'A'); }" />
                <el-input v-model="scope.row.amount" placeholder="金额" @blur="val => {
                  calculateTax(scope.row, 'A');
                }
                  " />
              </template>
            </el-table-column>
            <el-table-column prop="taxedamount" align="center" label="税后金额" width="120" v-if="(this.ismanager == true) &
              (form.applytype == '1' || form.applytype == '2')
              ">
              <template slot-scope="scope">
                <el-input v-model="scope.row.taxedamount" placeholder="税后金额"
                  @blur="val => { calculateTax(scope.row, 'B'); }" />
                <el-input v-model="scope.row.taxedamount" placeholder="税后金额" @blur="val => {
                  calculateTax(scope.row, 'B');
                }
                  " />
              </template>
            </el-table-column>
            <el-table-column prop="beneficiaryname" align="center" label="姓名" width="120"
@@ -242,9 +236,32 @@
                                      </el-select> -->
              </template>
            </el-table-column>
            <el-table-column prop="unitno" align="center" label="单位名称" width="250">
            <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, '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')">{{
                  experthear == "expert"
                  ? scope.row.unitname
                  : scope.row.beneficiaryname
                }}</el-button>
                <!-- <el-select
                  v-model="scope.row.unitno"
@@ -274,19 +291,20 @@
                <el-input v-model="scope.row.idcardno" placeholder="身份证号" />
              </template>
            </el-table-column>
            <el-table-column prop="depositbank" align="center" label="开户银行" width="200" v-if="form.applytype != '4'">
            <el-table-column prop="depositbank" align="center" label="开户银行" width="200">
              <!-- v-if="form.applytype != '4'" -->
              <template slot-scope="scope">
                <el-input v-model="scope.row.depositbank" placeholder="开户银行" />
              </template>
            </el-table-column>
            <el-table-column prop="bankcardno" align="center" label="银行帐号" width="210" v-if="form.applytype != '4'">
            <el-table-column prop="bankcardno" align="center" label="银行帐号" width="210">
              <template slot-scope="scope">
                <el-input v-model="scope.row.bankcardno" placeholder="银行帐号" />
              </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 fixed="right" align="center" label="操作" width="180">
@@ -354,17 +372,42 @@
        <el-row>
          <el-col :span="12">
            <el-form-item label="费用申请附件" align="left" prop="annexbankcard" v-if="businessType == 0">
              <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple
                :limit="20" :headers="headers" :on-success="(response, file, fileList) =>
              <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileListto"
                :show-file-list="false" multiple drag :headers="headers" :on-success="(response, file, fileList) =>
                  uploadSccess(response, file, fileList)
                  " :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>
                :on-remove="remove" accept="image/*,.pdf">
                <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="审核日期" align="center" width="160" prop="createTime" />
            <el-table-column label="审核人" align="center" width="120" prop="checkusername" />
@@ -396,31 +439,20 @@
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button
          type="primary"
          @click="submitForm"
          v-if="
            operationType == 'add' ||
              operationType == 'update' ||
              ismanager == true
          "
          >提交保存</el-button
        >
        <el-button
          type="primary"
          @click="checksubmit"
          v-if="operationType == 'check'"
          >提交审核</el-button
        >
        <el-button type="primary" @click="submitForm" v-if="operationType == 'add' ||
          operationType == 'update' ||
          ismanager == true
          ">提交保存</el-button>
        <el-button type="primary" @click="checksubmit" v-if="operationType == 'check'">提交审核</el-button>
        <el-button @click="cancel">关 闭</el-button>
      </div>
    </div>

    <el-dialog :visible.sync="showSelectionDialog" :close-on-click-modal="false" :title="'单位/专家信息选择'" width="500px"
    <el-dialog :visible.sync="showSelectionDialog" :close-on-click-modal="false" :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>
@@ -446,7 +478,7 @@
                  :value="spec.organizationid"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="发票单位名称" prop="unitno" label-width="120px" v-if="businessType == 3 || businessType == 4">
            <el-form-item label="发票单位名称" prop="unitno" label-width="120px" v-if="businessType == 3">
              <el-select v-model="funddetailForm.unitno" placeholder="单位名称" clearable filterable allow-create
                style="width: 100%">
                <el-option v-for="(item, index) in feeUnitList" :key="index" :label="item.reportName"
@@ -455,7 +487,38 @@
            </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.unitname" placeholder="单位名称" @change="bbaaccss" clearable filterable
                allow-create style="width: 100%">
                <el-option v-for="(spec, index) in unitList" :key="index" :label="spec.organizationname"
                  :value="spec.organizationname"></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 v-model="funddetailForm.expertname" placeholder="必填项" />
@@ -470,7 +533,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="身份证号" prop="expertidcardno" label-width="80px">
              <el-input v-model="funddetailForm.expertidcardno" placeholder="必填项" />
@@ -489,7 +552,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="单位名称" prop="expertunitno" label-width="80px">
              <el-select v-model="funddetailForm.expertunitno" placeholder="单位名称" clearable filterable allow-create
@@ -498,7 +561,7 @@
                  :value="spec.organizationid"></el-option>
              </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="开户银行" prop="expertdepositbank" label-width="80px">
              <el-input v-model="funddetailForm.expertdepositbank" placeholder="必填项" />
@@ -516,64 +579,59 @@
        <el-button type="primary" @click="ConfirmDetailDialog()">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      v-dialogDrags
      :modal="false"
      :close-on-click-modal="false"
      :title="pdftitle"
      :visible.sync="pdfVisible"
      width="60%"
    >
    <el-dialog v-dialogDrags :modal="false" :close-on-click-modal="false" :title="pdftitle" :visible.sync="pdfVisible"
      width="60%">
      <div>
        <el-table :data="tableDatatop" style="width: 100%">
          <el-table-column v-if="businessType == 4" prop="price" align="center" label="单价">
          </el-table-column>
          <el-table-column prop="quantity" align="center" label="数量" v-if="businessType == 4">
          </el-table-column>
          <el-table-column prop="amount" align="center" :label="amountLabel">
          </el-table-column>
          <el-table-column prop="taxedamount" align="center" label="税后金额" v-if="(this.ismanager == true) &
            (form.applytype == '1' || form.applytype == '2')
            ">
          </el-table-column>
          <el-table-column prop="beneficiaryname" align="center" label="姓名"
            v-if="form.applytype == '1' || form.applytype == '2'">
          </el-table-column>

          <el-table-column prop="unitno" align="center" label="单位名称" width="250" v-if="form.applytype != '4'">
          </el-table-column>
          <el-table-column prop="beneficiaryname" align="center" label="单位/个人" width="250" v-if="form.applytype == '4'">
          </el-table-column>
          <el-table-column prop="title" align="center" label="职称" width="120"
            v-if="form.applytype == '1' || form.applytype == '2'">
          </el-table-column>
          <el-table-column prop="idcardno" align="center" label="身份证号" width="200"
            v-if="form.applytype == '1' || form.applytype == '2'">
          </el-table-column>
          <el-table-column prop="depositbank" align="center" label="开户银行">
          </el-table-column>
          <el-table-column prop="bankcardno" align="center" label="银行帐号" width="210">
          </el-table-column>
        </el-table>
      </div>
      <div class="pdfimg">
        <div class="box-pdf">
          <div>
            <el-upload
              size="mini"
              class="upload-demo"
              :action="uploadFileUrl"
              :file-list="fileListto"
              :show-file-list="false"
              multiple
              drag
              :limit="20"
              :headers="headers"
              :on-success="
                (response, file, fileList) =>
                  uploadSccess(response, file, fileList)
              "
              :on-preview="downFile"
              :disabled="operationType == 'detail'"
              :on-error="handleUploadError"
              :on-exceed="handleExceed"
              :on-remove="remove"
              accept="image/*,.pdf"
            >
            <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileListto"
              :show-file-list="false" multiple drag :headers="headers" :on-success="(response, file, fileList) =>
                uploadSccess(response, file, fileList)
                " :on-preview="downFile" :disabled="operationType == 'detail'" :on-error="handleUploadError"
              :on-remove="remove" accept="image/*,.pdf">
              <i class="el-icon-upload"></i>
              <div class="el-upload__text">
                将票据拖到此处，或
                <em
                  ><el-button
                    :disabled="operationType == 'detail'"
                    size="small"
                    type="primary"
                    >点击上传</el-button
                  ></em
                >
                <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="名称"
              >
            <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
@@ -581,25 +639,12 @@
                </template>
              </el-table-column>

              <el-table-column
                prop="name"
                width="180"
                :show-overflow-tooltip="true"
                label="功能"
              >
              <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
                  >
                  <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>
@@ -614,7 +659,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%" :src="pdfimg" :preview-src-list="pdfimgsrcList">
          </el-image>
@@ -633,10 +678,28 @@
        <el-button type="primary" @click="Savenow">确 定</el-button>
      </span>
    </el-dialog>

    <!-- 批量选取 -->
    <el-dialog title="批量生成明细信息" :visible.sync="batchdialogVisible" width="30%">
      <div style="max-height: 300px; overflow-y: auto">
        <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
        <div style="margin: 15px 0;"></div>
        <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
          <el-checkbox border v-for="city in cityOptions" :label="city" :key="city.reportNo">{{ city.reportName
          }}</el-checkbox>
        </el-checkbox-group>
      </div>

      <span slot="footer" class="dialog-footer">
        <el-button @click="batchdialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="BatchentryFn">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
// 'sdaad2123UD2',1  'wsadadwsad',4 'sdadaddad',3 'ssaaddxs',2
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import {
@@ -702,6 +765,8 @@
  exportExternalperson
} from "@/api/project/externalperson";

import { listItemexpense } from "@/api/project/itemexpense";

import { getUserProfile } from "@/api/system/user";
import Li_area_select from "@/components/Address";
import OrgSelecter from "@/views/project/components/orgselect";
@@ -713,7 +778,6 @@
    Li_area_select,
    OrgSelecter
  },

  name: "fundApply",

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

      // 表单参数
      form: {},

      experthear: "",
      spocewl: "",
      //费用申请表单title
      title: "",
      //申请单类型
@@ -772,8 +839,14 @@
      feeUnitList: [],
      // 网络请求头
      Networkheader: null,

      batchdialogVisible: false,
      itemlist: [],
      cityOptions: [],
      checkAll: false,
      checkedCities: [],
      Personnelforname: "请选择",
      unitforname: "请选择",
      isIndeterminate: true,

      //是否是专家费的OPO审批人员
      ismanager: false,
@@ -790,6 +863,7 @@
      totalPreTaxAmount: 0.0,
      totalAfterTaxAmount: 0.0,
      totalAmount: 0.0,
      tableDatatop: [],

      //费用类型数组
      feeItemTypes: [],
@@ -798,7 +872,7 @@
      rowfeeItemTypes: [],

      //费用说明
      rowfeeblocks: [],
      feeBlocks: [],

      fundflowList: [],
      // 随机数
@@ -913,6 +987,16 @@
        startTime: ""
      },

      //服务费用参数
      expenseQueryParams: {
        pageNum: 1,
        pageSize: 10000,
        itemid: null,
        expense: null,
        expensedescribe: null,
        usestate: null,
      },

      //附件列表
      fileList: [],
      fileListto: [],
@@ -928,7 +1012,7 @@
      pdfimgsrcList: [],
      pdfVisible: false,
      previewpdf: false,
      hintitle: "选中左侧已上传文件预览查看",
      hintitle: "请上传文件后查看",
      atpresent: "",
      Savereminder: false, //提醒保存弹框
      Reminderquantity: 0, //提醒数量
@@ -936,51 +1020,23 @@
      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: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    bbaaccss(val) {
    },
    // 浏览器页面关闭或刷新提示
    beforeunloadHandler(e) {
      if (
        (JSON.stringify(this.form) == sessionStorage.getItem("apiform") &&
          JSON.stringify(this.rbDetails) ==
            sessionStorage.getItem("apifunddetail")) ||
          sessionStorage.getItem("apifunddetail")) ||
        !sessionStorage.getItem("apifunddetail")
      ) {
        console.log(cg);
      } else {
        this._beforeUnload_time = new Date().getTime();
        e = e || window.event;
@@ -1046,7 +1102,6 @@
      if (string.includes("9091")) {
        const index = string.indexOf("9091");
        this.Networkheader = string.slice(0, index + 4); // 截取9091及其前部字符
        // console.log(this.Networkheader);
      } else {
        const index = string.indexOf("8032");
        this.Networkheader = string.slice(0, index + 4); // 截取8032及其前部字符
@@ -1077,6 +1132,7 @@
      } else if (this.businessType == "4") {
        this.businessName = "办公费用报销单";
        this.amountLabel = "金额";
        this.getUnitList();

        // this.getBaseInfoList();
      }
@@ -1085,7 +1141,6 @@
        this.title = this.businessName + "新建";
        if (this.operationType != "4") {
          this.curCase = this.$route.query.curCase;
          console.log("this.curCase", this.curCase);
        }
        this.handleAdd();
      } else if (this.operationType == "update") {
@@ -1093,6 +1148,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 + "审核";
@@ -1150,29 +1206,12 @@
          if (this.rbDetails.length > 0) {
            for (let m = 0; m < this.rbDetails.length; m++) {
              this.rbDetails[m].itemlist = [];
              this.getFeeItems(m, this.rbDetails[m]);
              this.getRowFeeItems(m, this.rbDetails[m]);

              //获取费用项目的详细信息
              this.rbDetails[m].rowfeeblocks = [];
              this.rbDetails[m].rowfeeblocks.push({
                servicesscope: this.rbDetails[m].servicesscope,
                expensedescribe: this.rbDetails[m].servicesscopename,
                expense: this.rbDetails[m].expense,
                remark: this.rbDetails[m].servicesscopename
              });
              // getdetailsByItemId(this.rbDetails[m].itemid).then((res) => {
              //   let fundmsg = res.data;
              //   fundmsg.forEach((item) => {
              //     this.rbDetails[m].rowfeeblocks.push({
              //       servicesscope: item.id,
              //       expensedescribe: item.expensedescribe,
              //       expense: item.expense,
              //       remark: item.expensedescribe,
              //     });
              //   });
              // });
              this.rbDetails[m].rowfeeblocks = this.feeBlocks.filter(r => r.itemid == this.rbDetails[m].itemid);
            }
            console.log("yeil");

            sessionStorage.removeItem("apifunddetail");
            sessionStorage.setItem(
              "apifunddetail",
@@ -1181,6 +1220,13 @@
          } else {
            this.addRow(0);
          }
        });
        let listFundflowparams = {
          fundid: this.curId,
          fundtype: 2
        };
        listFundflow(listFundflowparams).then(res => {
          this.fundflowList = res.rows;
        });
      });
    },
@@ -1193,27 +1239,21 @@
      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 })) : []

        //业务明细
        getownFundDetail(this.curId).then(res => {
          this.rbDetails = res.data;
          console.log("this.feeBlocks",this.feeBlocks);
          for (let m = 0; m < this.rbDetails.length; m++) {
            this.rbDetails[m].itemlist = [];
            this.getFeeItems(m, this.rbDetails[m]);
            this.getRowFeeItems(m, this.rbDetails[m]);

            this.rbDetails[m].rowfeeblocks = [];
            this.rbDetails[m].rowfeeblocks.push({
              servicesscope: this.rbDetails[m].servicesscope,
              expensedescribe: this.rbDetails[m].servicesscopename,
              expense: this.rbDetails[m].expense,
              remark: this.rbDetails[m].servicesscopename
            });
            //获取费用项目的详细信息
            this.rbDetails[m].rowfeeblocks = this.feeBlocks.filter(r => r.itemid == this.rbDetails[m].itemid);
            console.log("this.rbDetails[m].rowfeeblocks",this.rbDetails[m].rowfeeblocks);
          }

          if (this.rbDetails.length == 0) {
@@ -1232,7 +1272,7 @@
      });
    },

    /** 修改按钮操作 */
    /** 查看按钮操作 */
    handleCheck() {
      this.isopen = 0;
      this.reset();
@@ -1251,15 +1291,10 @@
          this.rbDetails = res.data;
          for (let m = 0; m < this.rbDetails.length; m++) {
            this.rbDetails[m].itemlist = [];
            this.getFeeItems(m, this.rbDetails[m]);
            this.getRowFeeItems(m, this.rbDetails[m]);

            this.rbDetails[m].rowfeeblocks = [];
            this.rbDetails[m].rowfeeblocks.push({
              servicesscope: this.rbDetails[m].servicesscope,
              expensedescribe: this.rbDetails[m].servicesscopename,
              expense: this.rbDetails[m].expense,
              remark: this.rbDetails[m].servicesscopename
            });
            //获取费用项目的详细信息
            this.rbDetails[m].rowfeeblocks = this.feeBlocks.filter(r => r.itemid == this.rbDetails[m].itemid);
          }

          if (this.rbDetails.length == 0) {
@@ -1287,8 +1322,6 @@
        })
        .then(() => {
          getownFundDetail(this.curId).then(res => {
            console.log(res);

            let listdetails = res.data;
            for (let i = 0; i < listdetails.length; i++) {
              delFunddetail(listdetails[i].id);
@@ -1346,12 +1379,12 @@
      return randomString;
    },
    /** 提交按钮 */
    submitForm: debounce(function() {
    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;
@@ -1517,10 +1550,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);
              }
            }
          }
@@ -1536,7 +1570,6 @@
          this.rbDetails.map(item => {
            this.form.serviceFunddetails += item.amount;
          });
          console.log(this.rbDetails);
          this.form.serviceFunddetails = this.rbDetails;

          if (this.form.id != null) {
@@ -1627,7 +1660,7 @@
        } else {
          this.ismanager = false;
        }
        console.log(this.userprofile, this.ismanager);

        if (this.operationType == "add") {
          this.form.username = this.userprofile.nickName;
          this.form.userno = this.userprofile.userName;
@@ -1738,11 +1771,15 @@
      });
    },

    //获取费用类型
    //获取服务费用类型、服务项目、服务说明
    getFeeTypes() {
      //获取服务费用类型、服务项目
      getFundTypeAll(this.businessType).then(res => {
        let dataList = res.data;
        //获取服务费用服务项目
        this.feeItemTypes = dataList;

        //获取服务费用类型
        this.rowfeeItemTypes = [];
        for (let m = 0; m < dataList.length; m++) {
          this.rowfeeItemTypes.push({
@@ -1753,18 +1790,30 @@
          });
        }
      });

      //获取服务费用说明列表
      if (this.businessType == '1' || this.businessType == '2') {
        this.loading = true;
        listItemexpense(this.expenseQueryParams).then(response => {
          response.rows.forEach(item => {
            this.feeBlocks.push({
              servicesscope: JSON.stringify(item.id),
              itemid: item.itemid,
              expense: item.expense,
              expensedescribe: item.expensedescribe,
              remark: item.expensedescribe
            });
          });
          this.loading = false;
        });
      }
    },

    getFeeItems(rowindex, row) {
    //获取服务项目
    getRowFeeItems(rowindex, row) {
      let list = this.feeItemTypes.filter(r => r.itemType == row.applytype);
      row.itemlist = list[0].itemDetails;
      this.$set(this.rbDetails, rowindex, row);
      //this.loading = true;
      // getItemNames(row.applytype).then((res) => {
      //   this.loading = false;
      //   row.itemlist = res.data;
      //   this.$set(this.rbDetails, rowindex, row);
      // });
    },

    //加载服务项目
@@ -1773,13 +1822,6 @@
      row.itemlist = list[0].itemDetails;
      row.itemid = null;
      this.$forceUpdate();
      //this.loading = true;
      // getItemNames(row.applytype).then((res) => {
      //   this.loading = false;
      //   row.itemid = null;
      //   row.itemlist = res.data;
      //   this.$forceUpdate();
      // });
    },

    //获取费用项目的备注信息
@@ -1793,21 +1835,20 @@
            row.taxedamount = item.expense;

            //计算税前金额
            this.calculateTax(row, "B");

            // this.calculateTax(row, "B");
          } else {
            row.amount = item.expense;
            row.taxamount = 0.0;
            row.taxedamount = 0.0;

            //计算税后金额
            this.calculateTax(row, "A");
            // this.calculateTax(row, "A");
          }

          this.form.serviceFunddetails = 0;
          this.rbDetails.map(item => {
            this.form.serviceFunddetails += item.amount;
          });
          // this.form.serviceFunddetails = 0;
          // this.rbDetails.map(item => {
          //   this.form.serviceFunddetails += item.amount;
          // });
        }
      });
    },
@@ -1835,22 +1876,28 @@
      }

      //获取费用项目的详细信息
      getdetailsByItemId(row.itemid).then(res => {
        let fundmsg = res.data;
        let rowfeeblocks = [];
        fundmsg.forEach(item => {
          rowfeeblocks.push({
            expense: item.expense,
            expensedescribe: item.expensedescribe,
            remark: item.expensedescribe,
            servicesscope: item.id
          });
        });

        row.rowfeeblocks = rowfeeblocks;
      if (this.businessType == "1") {
        row.servicesscope = null;
        row.servicesscopename = "";
      });
        row.amount = 0.0;
        row.taxamount = 0.0;
        row.taxedamount = 0.0;

        row.rowfeeblocks = this.feeBlocks.filter(r => r.itemid == row.itemid);
        if (row.rowfeeblocks.length == 1) {
          row.servicesscope = row.rowfeeblocks[0].servicesscope;
          row.servicesscopename = row.rowfeeblocks[0].expensedescribe;
          if (row.servicesscopename.includes("税后")) {
            row.amount = 0.0;
            row.taxamount = 0.0;
            row.taxedamount = row.rowfeeblocks[0].expense;
          } else {
            row.amount = row.rowfeeblocks[0].expense;
            row.taxamount = 0.0;
            row.taxedamount = 0.0;
          }
        }
      }
    },

    //筛查出对应的费用项目
@@ -1874,9 +1921,10 @@
        });
      }
    },

    //合计费用
    selectamount(row) {
      this.rowfeeblocks.forEach((item, i) => {
      this.feeBlockList.forEach((item, i) => {
        if (item.expense === row.amount) {
          row.remark = item.expensedescribe;
        }
@@ -1903,7 +1951,6 @@
      });
    },


    //计算个税：type(A:已知税前金额，计算税后金额；B：已知税后金额，计算税前金额)
    calculateTax(row, type) {
      //if (isNaN(parseFloat(tempDetail.taxedamount)))
@@ -1911,20 +1958,19 @@
      this.taxParam.beneficiaryNo = row.beneficiaryno;
      this.taxParam.startTime = this.form.createTime.substring(0, 10);

      if (type == 'A') {
      if (type == "A") {
        // 计算个税、税后金额
        this.taxParam.money = row.amount.toString();
        getTaxByBeneFiciaryNo(this.taxParam).then((res) => {
        getTaxByBeneFiciaryNo(this.taxParam).then(res => {
          if (res.code == 200) {
            row.taxamount = res.data;
            row.taxedamount = row.amount - row.taxamount;
            this.rbDetails[k] = row;
          }
        });
      } else {
        // 计算税前、个税金额
        this.taxParam.money = row.taxedamount.toString();
        getTaxBeforeByAfterMoney(this.taxParam).then((res) => {
        getTaxBeforeByAfterMoney(this.taxParam).then(res => {
          if (res.code == 200) {
            row.taxamount = res.data.nowTax;
            row.amount = parseFloat(res.data.nowTaxBeforeMoney);
@@ -1965,23 +2011,27 @@
              servicesscopename: ""
            };

            //获取收费项目的说明信息
            getdetailsByItemId(rowData.itemid).then(res => {
              let fundmsg = res.data;
              let rowfeeblocks = [];
              fundmsg.forEach(item => {
                rowfeeblocks.push({
                  expense: item.expense,
                  expensedescribe: item.expensedescribe,
                  remark: item.expensedescribe,
                  servicesscope: item.id
                });
              });
            //获取服务说明信息
            rowData.servicesscope = null;
            rowData.servicesscopename = "";
            rowData.amount = 0.0;
            rowData.taxamount = 0.0;
            rowData.taxedamount = 0.0;

              rowData.rowfeeblocks = rowfeeblocks;
              rowData.servicesscope = null;
              rowData.servicesscopename = "";
            });
            rowData.rowfeeblocks = this.feeBlocks.filter(r => r.itemid == rowData.itemid);
            if (rowData.rowfeeblocks.length == 1) {
              rowData.servicesscope = rowData.rowfeeblocks[0].servicesscope;
              rowData.servicesscopename = rowData.rowfeeblocks[0].expensedescribe;
              if (rowData.servicesscopename.includes("税后")) {
                rowData.amount = 0.0;
                rowData.taxamount = 0.0;
                rowData.taxedamount = rowData.rowfeeblocks[0].expense;
              } else {
                rowData.amount = rowData.rowfeeblocks[0].expense;
                rowData.taxamount = 0.0;
                rowData.taxedamount = 0.0;
              }
            }

            listAdd.push(rowData);
          }
@@ -1989,16 +2039,6 @@
      }
      this.rbDetails = listAdd;
      this.loading = false;
      // let Outerarr = this.rbDetails;
      // Outerarr.map((res) => {
      //   let onelist = this.rowfeeItemTypes;
      //   onelist.map((item) => {
      //     //第一层不相等时；
      //     if (res.applytype !== item.itemType) {
      //       this.addRow();
      //     }
      //   });
      // });
    },

    unsave() {
@@ -2127,7 +2167,7 @@
                }
              });
            }

   
            // 计算税前、税费、税后金额
            if (tempDetail.amount == undefined || tempDetail.amount == null || tempDetail.amount == 0 || tempDetail.amount == '') {
              //获取参数
@@ -2179,10 +2219,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);
              }
            }
          }
@@ -2198,7 +2239,6 @@
          this.rbDetails.map(item => {
            this.form.serviceFunddetails += item.amount;
          });
          console.log(this.rbDetails);
          this.form.serviceFunddetails = this.rbDetails;

          if (this.form.id != null) {
@@ -2248,7 +2288,79 @@
        }
      });
    },
    handleCheckAllChange(val) {
      this.checkedCities = val ? this.cityOptions : [];
      this.isIndeterminate = false;
    },
    handleCheckedCitiesChange(value) {
      let checkedCount = value.length;
      this.checkAll = checkedCount === this.cityOptions.length;
      this.isIndeterminate =
        checkedCount > 0 && checkedCount < this.cityOptions.length;
    },
    // 批量录入点击
    Batchentry() {
      // ethical
      listReportname("ethical").then(res => {
        this.cityOptions = res.data;
      });
      this.batchdialogVisible = true;
    },
    // 确认录入
    BatchentryFn() {
      this.checkedCities.forEach(item => {
        let rowData = {
          orderno: null,
          fundid: null,
          beneficiaryname: item.reportName,
          beneficiaryno: item.reportNo,
          unitname: item.unitname,
          unitno: null,
          uintuserno: null,
          title: item.title,
          idcardtype: null,
          idcardno: item.idcrad,
          sex: null,
          familyrelations: null,
          phone: null,
          depositbank: item.depositbank,
          bankcardno: item.bankcardno,
          branchbankname: item.branchbankname,
          annexbankcard: null,
          annexregistform: null,
          applytype: "7",
          applytypename: "伦理审核专家费",
          itemid: "27",
          itemname: "器官捐献伦理审核专家费",
          itemtype: null,
          amount: 200,
          prepaidamount: null,
          taxamount: null,
          invoicecount: null,
          taxedamount: null,
          attachcount: null,
          remark: null,
          recordstatus: "-1",
          delFlag: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null,
          uploadflag: null,
          uploadtime: null,
          itemlist: [{ id: "27", itemName: "器官捐献伦理审核专家费" }],
          servicesscope: null,
          rowfeeblocks: [],
          annexfiles: null
        };

        this.rbDetails.push(rowData);
      });
      for (let i = 0; i < this.checkedCities.length + 1; i++) {
        this.rbDetails[i].orderno = i + 1;
      }
      this.batchdialogVisible = false;
    },
    //新增一行
    addRow(rowIndex) {
      let rowData = {
@@ -2318,6 +2430,9 @@
        type: "success"
      })
        .then(() => {
          if (this.rbDetails.length == 1) {
            this.addRow(0);
          }
          if (row.id !== null) {
            delFunddetail(row.id).then(res => {
              if (res.code === 200) {
@@ -2328,9 +2443,11 @@
                }).then(() => {
                  this.$set(rows, rows.splice(index, 1));
                  getownFundDetail(this.form.id).then(res => {
                    console.log(res);

                    this.$set(this.rbDetails, res.data);
                    for (let i = 0; i < this.rbDetails.length; i++) {
                      this.rbDetails[i].orderno = i + 1;
                    }
                    this.sumTotalFee();
                    // this.rbDetails = res.data
                  });
@@ -2351,9 +2468,6 @@
        });

      //全部删除后添加一条新行
      if (this.rbDetails.length == 1) {
        this.addRow(0);
      }
    },

    //计算总金额
@@ -2450,28 +2564,10 @@

    //文件上传
    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);
    // },

    // remove(file) {
    //   this.fileList.splice(this.fileList.indexOf(file), 1)
    // },
    remove(file, fileList) {
      const rbDetails = [...this.rbDetails];
      this.fileListto.splice(this.fileListto.indexOf(file), 1);
      rbDetails[this.atpresent].annexfilesList = this.fileListto;
    },

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

    //文件上传成功回调
@@ -2482,7 +2578,6 @@
    //     this.$modal.msgSuccess(response.msg);
    //     this.fileList.push({ name: response.fileName, url: response.fileName });
    //   } else {
    //     console.log(response.msg);
    //   }
    // },
    uploadSccess(response, file, fileList) {
@@ -2491,62 +2586,65 @@
      //获取票据信息位置
      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(response.url);
        this.pdfimgsrcList.push(
          this.Networkheader + "/prod-api" + response.fileName
        );
        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);
      }
    },

    // 点击票据
    Filepopup(index, rows, row) {
      this.tableDatatop = [];
      this.pdfimgsrcList = [];
      this.tableDatatop.push(row);

      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;
        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 = "";
        this.pdftitle = "";
      }
    },
    fnrowclick(row) {
      console.log(row);
    },
    // 点击已上传文件
    downFile(row) {
      console.log(row);

      this.pdftitle = row.name;
      let name = row.name.split(".");
    // 点击已上传文件
    downFile(item) {
      this.pdftitle =
        "共" + this.pdfimgsrcList.length + "项，当前选中" + 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 (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);
        if (item.url) {
          this.pdfimg = this.Networkheader + "/prod-api" + item.url;

          // if (!this.pdfimgsrcList.includes(this.pdfimg)) {
          //   this.pdfimgsrcList.push(this.pdfimg);
          // }
        } else {
          this.pdfimg = this.Networkheader + "/prod-api" + row.url;
          this.pdfimg = this.Networkheader + "/prod-api" + item.url;
        }
      } else {
        this.hintitle = "当前文件暂不支持预览";
@@ -2559,11 +2657,13 @@
    },
    // 点击删除
    deletedowfile(row) {
      console.log(this.fileListto);
      console.log(row);
      const indexlist = this.getIndexInArray(
        this.pdfimgsrcList,
        this.Networkheader + "/prod-api" + row.url
      );
      this.pdfimgsrcList.splice(indexlist, 1);
      const index = this.getIndexInArray(this.fileListto, row);
      this.fileList = this.fileListto.splice(index, 1);
      console.log(index);
      this.fileListto.splice(index, 1);
    },
    // 点击上移
    moveupdowfile(row) {
@@ -2573,7 +2673,15 @@
    },
    //专家/医疗机构/费用报销机构选择
    ShowDetailDialog(spoce, showType) {
      this.spocewl = spoce;
      this.selectionType = showType;
      if (this.businessType == 4 || !showType) {
        this.selectionType = this.experthear;
      }
      // if (!showType) {
      //   this.selectionType = this.experthear;

      // }
      this.expertfrom = "1";

      this.funddetailForm.index = spoce.$index;
@@ -2594,13 +2702,21 @@

    //专家/医疗机构/费用报销机构选择
    ConfirmDetailDialog() {
      if (this.businessType == 4) {
        if (this.experthear == "expert") {
          this.funddetailForm.beneficiaryname = this.unitforname;
        } else {
          this.funddetailForm.beneficiaryname = this.Personnelforname;
        }
      }

      let tempIndex = this.funddetailForm.index;
      let tempExpertName = this.funddetailForm.beneficiaryname;
      let tempUnitname = this.funddetailForm.unitname;
      let singleDetail = this.rbDetails[tempIndex];

      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) {
@@ -2699,7 +2815,6 @@
            let unitIndex = this.feeUnitList.findIndex(
              item => singleDetail.unitno == item.reportNo
            );

            if (unitIndex > -1) {
              singleDetail.unitname = this.feeUnitList[unitIndex].reportName;
              singleDetail.depositbank = this.feeUnitList[
@@ -2715,6 +2830,12 @@
        }
      }

      // if (this.experthear == "unit") {
      //   singleDetail.unitname = "";
      // }
      if (this.businessType == 4) {
        singleDetail.beneficiaryname = this.funddetailForm.beneficiaryname;
      }
      this.rbDetails[tempIndex] = singleDetail;
      this.showSelectionDialog = false;
    }
@@ -2726,6 +2847,7 @@
    this.Getnetworkheader();
    this.getroute();
    this.getExternalList();
    this.getFeeUnitList();
  },

  //生命周期 - 挂载完成（可以访问DOM元素）
@@ -2735,19 +2857,17 @@
    this.getUserProfile();
    let apifunddetailForm = this.funddetailForm;
    let apiform = this.form;
    console.log(apiform);
    console.log(apifunddetailForm);

    // this.getFeeUnitList();
  },

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

@@ -2762,7 +2882,6 @@

    .top-text {
      text-align: center;

      font-size: 23px;
      font-weight: 600;
      margin: 20px 0;
@@ -2825,4 +2944,14 @@
  line-height: 36px;
  text-align: center;
}

::v-deep .el-alert__title {
  font-size: 25px;
  line-height: 25px;
}

::v-deep .el-checkbox.is-bordered+.el-checkbox.is-bordered {
  margin-left: 0 !important;
  margin-bottom: 10px;
}
</style>