yxh增加了杂费申请

yxh

2023-08-02 57451296729e00be76124e4a6be7c14bdf67c0e6

 src/views/project/medicalcostfundapplycheck/index.vue

@@ -1,219 +1,79 @@
<template>
  <div class="app-container">
    <el-form
      :model="queryParams"
      ref="queryForm"
      :inline="true"
      v-show="showSearch"
      label-width="120px"
    >
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="120px">
      <el-row align="left">
        <el-col :span="9">
        <el-col :span="8">
          <el-form-item label="申请日期" prop="createTime">
            <el-date-picker
              format="yyyy-MM-dd"
              @change="selectapplication"
              value-format="yyyy-MM-dd"
              v-model="createTime"
              type="daterange"
              range-separator="至"
              start-placeholder="申请开始日期"
              end-placeholder="申请结束日期"
              @keyup.enter.native="handleQuery"
            >
            <el-date-picker format="yyyy-MM-dd" @change="selectapplication" value-format="yyyy-MM-dd" v-model="createTime"
              type="daterange" range-separator="至" start-placeholder="申请开始日期" end-placeholder="申请结束日期"
              @keyup.enter.native="handleQuery">
            </el-date-picker>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="申请人" label-width="180px" prop="APPLICANT">
            <el-input
              v-model="queryParams.APPLICANT"
              placeholder="请输入申请人姓名"
              clearable
              size="small"
              @keyup.enter.native="handleQuery"
            />
        <el-col :span="5">
          <el-form-item label="经办人" prop="APPLICANT" style="float: left">
            <el-input v-model="queryParams.APPLICANT" placeholder="请输入经办人" clearable size="small"
              @keyup.enter.native="handleQuery" />
          </el-form-item>
        </el-col>

        <el-col :span="7">
        <el-col :span="5">
          <el-form-item label="审批状态" prop="CHECKFLAG" style="float: left">
            <el-select
              v-model="queryParams.CHECKFLAG"
              placeholder="请选择"
              style="width: 100%"
            >
              <el-option
                v-for="item in checkFlagOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
            <el-select v-model="queryParams.CHECKFLAG" placeholder="请选择" style="width: 100%">
              <el-option v-for="item in checkFlagOptions" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <el-row type="flex" :gutter="10" align="right" class="mb8">
      <el-col>
        <el-button
          type="primary"
          icon="el-icon-search"
          size="mini"
          @click="flowconclusion"
          >搜索</el-button
        >
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
          >重置</el-button
        >
      </el-col>
    </el-row>
        <el-col :span="6">
          <el-button type="primary" icon="el-icon-search" size="mini" @click="flowconclusion">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
        </el-col>
      </el-row></el-form>
    <el-form ref="infoform" label-width="100px">
      <el-row>
        <el-table
          v-loading="loading"
          border
          :data="donateconsolationfundList"
          @selection-change="handleSelectionChange"
        >
          <el-table-column
            label="审批状态"
            width="120"
            align="center"
            prop="checkFlag"
          >
        <el-table v-loading="loading" border :data="donateconsolationfundList" @selection-change="handleSelectionChange">
          <el-table-column label="审批状态" width="120" align="center" prop="checkFlag">
            <template slot-scope="scope">
              <span v-if="scope.row.checkFlag == 0"
                ><i
                  class="el-icon-check"
                  style="color: #5fb878; font-weight: bold"
                ></i
              ></span>
              <span v-if="scope.row.checkFlag == 0"><i class="el-icon-check"
                  style="color: #5fb878; font-weight: bold"></i></span>
              <!-- <span v-else>待审核</span> -->
            </template>
          </el-table-column>
          <el-table-column
            label="申请日期"
            width="120"
            align="center"
            prop="createTime"
          >
          <el-table-column label="申请日期" width="120" align="center" prop="createTime">
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="申请人"
            align="center"
            prop="username"
            width="120px"
          />
          <el-table-column
            label="捐献编号"
            align="center"
            prop="donorno"
            width="240px"
          />
          <el-table-column
            label="捐献者"
            align="center"
            prop="donorname"
            width="120px"
          />
          <!-- <el-table-column
            label="工作单位"
            align="center"
            prop="unitname"
            width="230px"
          /> -->
          <!-- <el-table-column
            label="联系电话"
            align="center"
            prop="phone"
            width="160"
          /> -->
          <el-table-column
            label="申请金额"
            align="center"
            prop="amountrequested"
            width="120px"
          />

          <!-- <el-table-column
            label="当前审核级别"
            width="180"
            align="center"
            prop="flowlevel"
          >
          <el-table-column label="申请人" align="center" prop="username" width="120px" />
          <el-table-column label="所属组别" align="center" prop="deptmentname" width="140px" />
          <el-table-column label="组长" align="center" prop="managername" width="120px" />
          <el-table-column label="捐献者" align="center" prop="donorname" width="120px" />
          <!--<el-table-column label="捐献编号" align="center" prop="donorno" />-->
          <el-table-column label="申请金额" align="center" prop="amountrequested" width="120px" />
          <el-table-column label="预支费用" align="center" prop="prepaidamount" width="120px" />
          <!--<el-table-column label="工作单位" align="center" prop="unitname" width="230px" />
          <el-table-column label="联系电话" align="center" prop="phone" width="160" />
          <el-table-column label="当前审核级别" width="180" align="center" prop="flowlevel">
            <template slot-scope="scope">
              <dict-tag
                :options="dict.type.sys_consolationfundlevel"
                :value="scope.row.flowlevel"
              />
            </template>
          </el-table-column> -->
          <el-table-column
            label="记录状态"
            align="center"
            prop="recordstatus"
            width="180"
          >
            <template slot-scope="scope">
              <dict-tag
                :options="dict.type.sys_recordstatus"
                :value="scope.row.recordstatus"
              />
              <dict-tag :options="dict.type.sys_consolationfundlevel" :value="scope.row.flowlevel" />
            </template>
          </el-table-column>
          <el-table-column
            label="预支费用"
            align="center"
            prop="prepaidamount"
            width="120px"
          />
          <el-table-column
            label="财务审核"
            align="center"
            prop="financechecher"
            width="140"
          />
          

          <el-table-column
            label="操作"
            fixed="right"
            align="center"
            class-name="small-padding fixed-width"
            width="260px"
          >
          <el-table-column label="财务审核" align="center" prop="financechecher" width="140" />
          -->
          <el-table-column label="记录状态" align="center" prop="recordstatus" width="180">
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                v-if="scope.row.checkFlag == 0"
                @click="handleShow(scope.row)"
                >详情</el-button
              >
              <el-button
                v-if="scope.row.checkFlag == 1"
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleUpdate(scope.row)"
                >审核</el-button
              >
              <dict-tag :options="dict.type.sys_recordstatus" :value="scope.row.recordstatus" />
            </template>
          </el-table-column>
          <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width" width="260px">
            <template slot-scope="scope">
              <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.checkFlag == 0"
                @click="handleShow(scope.row)">详情</el-button>
              <el-button v-if="scope.row.checkFlag == 1" size="mini" type="text" icon="el-icon-edit"
                @click="handleUpdate(scope.row)">审核</el-button>
              <!-- v-hasPermi="['project:donateconsolationfund:edit']" -->
              <el-button
                size="mini"
                type="text"
                icon="el-icon-download"
                @click="totaldayin(scope.row.id)"
                v-hasPermi="['project:donateconsolationfund:download']"
                >下载</el-button
              >
              <el-button size="mini" type="text" icon="el-icon-download" @click="totaldayin(scope.row.id)"
                v-hasPermi="['project:donateconsolationfund:download']">下载</el-button>

              <!-- 新增审核页面 -->
              <!-- <el-button
@@ -228,518 +88,278 @@
          </el-table-column>
        </el-table>

        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getlistbypower"
        />
        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
          @pagination="getlistbypower" />
      </el-row>
    </el-form>

    <!-- 添加或修改费用申请单 -->
    <el-dialog
      :visible.sync="dialogOpen"
      width="1200px"
      :title="title"
      style="text-align: center"
    >
    <el-dialog :visible.sync="dialogOpen" width="1400px" :title="title" style="text-align: center">
      <el-form ref="form" :model="form" label-width="120px" :rules="rules">
        <!-- <el-form ref="applyForm" :model="applicationForm" label-width="120px"> -->
        <el-row>
          <el-col :span="8">
            <el-form-item label="捐献编号" prop="donorno">
              <el-input
                disabled
                v-model="form.donorno"
                placeholder="请输入捐献编号"
                clearable
              />
          <el-col :span="5">
            <el-form-item label="申请日期" prop="createTime">
              <!-- <el-input v-model="form.donorno" placeholder="请输入申请日期" /> -->
              <el-date-picker clearable style="width: 100%" v-model="form.createTime" type="date"
                value-format="yyyy-MM-dd HH:mm:ss" placeholder="申请日期">
              </el-date-picker>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="捐献者" prop="name">
              <el-input
                disabled
                v-model="form.name"
                placeholder="请输入捐献者姓名"
                clearable
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="申请人姓名" prop="username">
              <!-- <el-input
                v-model="form.username"
                placeholder="请输入申请人姓名"
                clearable
              /> -->
              <el-select
                v-model="form.username"
                placeholder="申请人姓名"
                clearable
                filterable
                allow-create
                style="width: 100%"
              >
                <el-option
                  v-for="dict in userlist"
                  :key="dict.index"
                  :label="dict.nickname"
                  :value="dict.nickname"
                ></el-option>
          <el-col :span="5">
            <el-form-item label="经手人" prop="username">
              <el-select v-model="form.username" placeholder="申请人姓名" clearable filterable allow-create
                style="width: 100%">
                <el-option v-for="dict in userlist" :key="dict.index" :label="dict.nickname"
                  :value="dict.nickname"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :span="5">
            <el-form-item label="所属组别" prop="deptmentname">
              <el-input v-model="form.deptmentname" placeholder="请输入所属组别" clearable :disabled="true" />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="组长" prop="managername">
              <el-input v-model="form.managername" placeholder="请输入组长" clearable :disabled="true" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5"><el-form-item label="申请类型">
              <el-radio-group v-model="form.applytype" @change="LoadItemTypeArr">
                <!--<el-radio v-for="dict in dict.type.sys_financeitemtype" :key="dict.value" :label="dict.value"
                  :disabled="form.id != null">{{ dict.label }}</el-radio>-->
                <el-radio v-model="form.applytype" label="3">医学成本费用申请</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="10">
            <el-form-item label="申请说明" prop="remark">
              <el-input v-model="form.remark" placeholder="请输入申请说明" clearable :disabled="true" />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="捐献者" prop="donorname">
              <el-input v-model="form.donorname" placeholder="请输入捐献者姓名" clearable :disabled="true" />
            </el-form-item>
          </el-col>
          <!--    
          <el-col :span="8">
            <el-form-item label="捐献编号" prop="donorno">
              <el-input disabled v-model="form.donorno" placeholder="请输入捐献编号" clearable />
            </el-form-item>
          </el-col>          
          <el-col :span="8">
            <el-form-item label="联系电话" prop="phone">
              <el-input
                v-model="form.phone"
                placeholder="请输入申请者的联系方式"
                clearable
              />
              <el-input v-model="form.phone" placeholder="请输入申请者的联系方式" clearable />
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="工作单位" prop="unitno">
              <org-selecter
                ref="orgSelecter"
                :org-type="'3'"
                v-model="form.unitno"
              />
              <org-selecter ref="orgSelecter" :org-type="'3'" v-model="form.unitno" />
            </el-form-item>
          </el-col>
          -->
        </el-row>

        <el-row style="text-align: left">
          <el-form-item label="申请类型">
            <el-radio-group v-model="form.applytype" @change="LoadItemTypeArr">
              <!-- <el-radio
                v-for="dict in dict.type.sys_financeitemtype"
                :key="dict.value"
                :label="dict.value"
                :disabled="form.id != null"
                >{{ dict.label }}</el-radio
              > -->
              <el-radio v-model="form.applytype" label="3"
                >伦理审查专家费申请</el-radio
              >
            </el-radio-group>
          </el-form-item>
        <el-row>
          <el-col :span="5">
            <el-form-item label="合计金额" prop="amountrequested">
              <el-input v-model="form.amountrequested" placeholder="申请金额" :disabled="true" />
            </el-form-item>
          </el-col><!--
          <el-col :span="5">
            <el-form-item label="税前金额" prop="amountrequested">
              <el-input v-model="form.pretaxcost" placeholder="税前金额合计" :disabled="true" />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="税后金额" prop="amountrequested">
              <el-input v-model="form.taxedcost" placeholder="税后金额合计" :disabled="true" />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="申请状态" prop="recordstatus">
              <el-select v-model="form.recordstatus" placeholder="请选择审核状态" clearable size="small" :disabled="true">
                <el-option v-for="dict in dict.type.sys_recordstatus" :key="dict.value" :label="dict.label"
                  :value="dict.value" />
              </el-select>
            </el-form-item>
          </el-col>-->
        </el-row>

        <el-row>
          <el-col :span="4">
            <el-button
              type="primary"
              plain
              icon="el-icon-plus"
              size="mini"
              @click="addRow"
              >新增专家费</el-button
            >
            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addRow"
              :disabled="true">新增专家费</el-button>
          </el-col>
        </el-row>

        <el-row style="margin-top: 5px; margin-bottom: 5px">
          <el-table
            :data="fundDetailArr"
            :summary-method="getSummaries"
            border
            highlight-current-row
          >
          <el-table-column
              prop="orderno"
              align="center"
              label="排序"
              width="80"
            >
          <el-table :data="fundDetailArr" :summary-method="getSummaries" border highlight-current-row>
            <el-table-column prop="orderno" align="center" label="排序" width="80">
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.orderno"
                  placeholder="排序"
                />
                <el-input v-model="scope.row.orderno" placeholder="排序" />
              </template>
            </el-table-column>
            <el-table-column
              prop="itemtype"
              align="center"
              label="费用类型"
              width="220"
            >
            <el-table-column prop="itemtype" align="center" label="费用类型" width="220">
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.applytype"
                  placeholder="费用类型"
                  @change="LoadItemTypeArr(scope.row)"
                >
                  <el-option
                    v-for="dict in fundtypeArr"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                <el-select v-model="scope.row.applytype" placeholder="费用类型" @change="LoadItemTypeArr(scope.row)">
                  <el-option v-for="dict in fundtypeArr" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </template>
            </el-table-column>
            <el-table-column
              prop="itemtype"
              align="center"
              label="服务项目"
              width="260"
            >
            <el-table-column prop="itemtype" align="center" label="服务项目" width="260">
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.itemid"
                  placeholder="服务项目"
                  clearable
                  filterable
                  allow-create
                  @change="select(scope.row)"
                  :filter-method="(val) => SearchItem(val, scope)"
                >
                  <el-option
                    v-for="dict in scope.row.itemArr"
                    :key="dict.id"
                    :label="dict.itemName"
                    :value="dict.id"
                  ></el-option>
                <el-select v-model="scope.row.itemid" placeholder="服务项目" clearable filterable allow-create
                  @change="select(scope.row)" :filter-method="(val) => SearchItem(val, scope)">
                  <el-option v-for="dict in scope.row.itemArr" :key="dict.id" :label="dict.itemName"
                    :value="dict.id"></el-option>
                </el-select>
              </template>
            </el-table-column>

            <el-table-column
              prop="beneficiaryno"
              align="center"
              label="姓名"
              width="120"
              v-if="form.applytype != 3"
            >
            <el-table-column prop="beneficiaryno" align="center" label="姓名" width="120" v-if="form.applytype != 3">
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.beneficiaryname"
                  placeholder="姓名"
                />
                <el-input v-model="scope.row.beneficiaryname" placeholder="姓名" />
              </template>
            </el-table-column>
            <!-- <el-table-column
              prop="servicesscopename"
              align="center"
              label="费用说明"
              width="180"
            >
            <!--
            <el-table-column prop="servicesscopename" align="center" label="费用说明" width="180">
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.servicesscopename"
                  placeholder="费用说明"
                  clearable
                  allow-create
                  filterable
                  @change="selectremark(scope.row)"
                >
                  <el-option
                    v-for="dict in fundblock"
                    :key="dict.expensedescribe"
                    :label="dict.expensedescribe"
                    :value="dict.expensedescribe"
                  ></el-option>
                <el-select v-model="scope.row.servicesscopename" placeholder="费用说明" clearable allow-create filterable
                  @change="selectremark(scope.row)">
                  <el-option v-for="dict in fundblock" :key="dict.expensedescribe" :label="dict.expensedescribe"
                    :value="dict.expensedescribe"></el-option>
                </el-select>
              </template>
            </el-table-column> -->
            <el-table-column
              prop="amount"
              align="center"
              label="税前金额"
              width="120"
              v-if="form.applytype != 3"
            >
            </el-table-column>-->
            <el-table-column prop="amount" align="center" label="税前金额" width="120" v-if="form.applytype != 3">
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.amount"
                  placeholder="税前金额"
                  clearable
                  filterable
                  allow-create
                  @change="selectamount(scope.row)"
                >
                  <el-option
                    v-for="dict in fundblock"
                    :key="dict.expensedescribe"
                    :label="dict.expense"
                    :value="dict.expense"
                  ></el-option>
                <el-select v-model="scope.row.amount" placeholder="税前金额" clearable filterable allow-create
                  @change="selectamount(scope.row)">
                  <el-option v-for="dict in fundblock" :key="dict.expensedescribe" :label="dict.expense"
                    :value="dict.expense"></el-option>
                </el-select>
              </template>
            </el-table-column>
            <el-table-column
              prop="taxamount"
              align="center"
              label="扣税"
              width="120"
              v-if="form.applytype != '3'"
            >
            <el-table-column prop="taxamount" align="center" label="扣税" width="120" v-if="form.applytype != '3'">
              <template slot-scope="scope">
                <el-input v-model="scope.row.taxamount" placeholder="扣税" />
              </template>
            </el-table-column>
            <el-table-column
              prop="taxedamount"
              align="center"
              label="税后金额"
              width="120"
              v-if="form.applytype != '3'"
            >
            <el-table-column prop="taxedamount" align="center" label="税后金额" width="120" v-if="form.applytype != '3'">
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.taxedamount"
                  placeholder="税后金额"
                />
                <el-input v-model="scope.row.taxedamount" placeholder="税后金额" />
              </template>
            </el-table-column>

            <el-table-column
              prop="price"
              align="center"
              label="价格"
              width="120"
              v-if="form.applytype == '3'"
            >
            <el-table-column prop="price" align="center" label="价格" width="120" v-if="form.applytype == '3'">
              <template slot-scope="scope">
                <el-input v-model="scope.row.price" placeholder="价格"  @blur="
                    (val) => {
                      sumTotalFee(scope.row);
                    }
                <el-input v-model="scope.row.price" placeholder="价格" @blur="(val) => {
                  sumTotalFee(scope.row);
                }
                  " />
              </template>
            </el-table-column>
            <el-table-column
              prop="quantity"
              align="center"
              label="数量"
              width="80"
              v-if="form.applytype == '3'"
            >
            <el-table-column prop="quantity" align="center" label="数量" width="80" v-if="form.applytype == '3'">
              <template slot-scope="scope">
                <el-input v-model="scope.row.quantity" placeholder="数量"  @blur="
                    (val) => {
                      sumTotalFee(scope.row);
                    }
                <el-input v-model="scope.row.quantity" placeholder="数量" @blur="(val) => {
                  sumTotalFee(scope.row);
                }
                  " />
              </template>
            </el-table-column>

            <el-table-column
              prop="amount"
              align="center"
              label="金额"
              width="120"
              v-if="form.applytype == '3'"
            >
            <el-table-column prop="amount" align="center" label="金额" width="120" v-if="form.applytype == '3'">
              <template slot-scope="scope">
                <el-input v-model="scope.row.amount" placeholder="价格" />
              </template>
            </el-table-column>
            <el-table-column
              prop="unitname"
              align="center"
              label="单位"
              width="220"
            >
            <el-table-column prop="unitname" align="center" label="单位" width="220">
              <template slot-scope="scope">
                <org-selecter
                  :ref="'unitSel' + scope.$index"
                  :org-type="'3'"
                  v-model="scope.row.unitno"
                />
                <org-selecter :ref="'unitSel' + scope.$index" :org-type="'3'" v-model="scope.row.unitno" />
              </template>
            </el-table-column>
            <el-table-column
              prop="depositbank"
              align="center"
              label="开户银行"
              width="200"
            >
            <el-table-column prop="depositbank" align="center" label="开户银行" width="200">
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.depositbank"
                  placeholder="开户银行"
                />
                <el-input v-model="scope.row.depositbank" placeholder="开户银行" />
              </template>
            </el-table-column>

            <el-table-column
              prop="bankcardno"
              align="center"
              label="银行卡号"
              width="210"
            >
            <el-table-column prop="bankcardno" align="center" label="银行卡号" width="210">
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.bankcardno"
                  placeholder="银行卡号"
                />
                <el-input v-model="scope.row.bankcardno" placeholder="银行卡号" />
              </template>
            </el-table-column>
            <el-table-column
              prop="remark"
              align="center"
              label="备注"
              width="210"
              v-if="form.applytype == '3'"
            >
            <el-table-column prop="remark" align="center" label="备注" width="210" v-if="form.applytype == '3'">
              <template slot-scope="scope">
                <el-input v-model="scope.row.remark" placeholder="备注" />
              </template>
            </el-table-column>

            <el-table-column
              prop="title"
              align="center"
              label="职称"
              width="120"
              v-if="form.applytype != '3'"
            >
            <el-table-column prop="title" align="center" label="职称" width="120" v-if="form.applytype != '3'">
              <template slot-scope="scope">
                <el-input v-model="scope.row.title" placeholder="职称" />
              </template>
            </el-table-column>
            <el-table-column
              prop="idcardno"
              align="center"
              label="身份证号"
              width="200"
              v-if="form.applytype != '3'"
            >
            <el-table-column prop="idcardno" align="center" label="身份证号" width="200" v-if="form.applytype != '3'">
              <template slot-scope="scope">
                <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 != '3'"
            >
            <el-table-column prop="depositbank" align="center" label="开户银行" width="200" v-if="form.applytype != '3'">
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.depositbank"
                  placeholder="开户银行"
                />
                <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 != '3'"
            >
            <el-table-column prop="bankcardno" align="center" label="银行卡号" width="210" v-if="form.applytype != '3'">
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.bankcardno"
                  placeholder="银行卡号"
                />
                <el-input v-model="scope.row.bankcardno" placeholder="银行卡号" />
              </template>
            </el-table-column>
            <el-table-column
              fixed="right"
              align="center"
              label="操作"
              width="120"
            >
            <el-table-column fixed="right" align="center" label="操作" width="120">
              <template slot-scope="scope">
                <el-button
                  @click="saveRows(scope.row, scope.$index)"
                  type="text"
                  size="small"
                  v-if="show === 1"
                >
                <el-button @click="saveRows(scope.row, scope.$index)" type="text" size="small" v-if="show === 1">
                  保存
                </el-button>
                <el-button
                  @click.native.prevent="
                    deleteRows(scope.row, scope.$index, fundDetailArr)
                  "
                  type="text"
                  size="small"
                  v-hasPermi="['project:costFeeCheck:delete']"
                >
                <el-button @click.native.prevent="
                  deleteRows(scope.row, scope.$index, fundDetailArr)
                  " type="text" size="small" v-hasPermi="['project:costFeeCheck:delete']">
                  删除
                </el-button>
              </template>
            </el-table-column>
          </el-table>
        </el-row>
        <el-row style="margin-top: 25px; margin-bottom: 5px">
          <el-col :span="7">
            <el-form-item label="申请日期" prop="createTime">
              <!-- <el-input v-model="form.donorno" placeholder="请输入申请日期" /> -->
              <el-date-picker
                clearable
                style="width: 100%"
                v-model="form.createTime"
                type="date"
                value-format="yyyy-MM-dd HH:mm:ss"
                placeholder="申请日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label="申报费用" prop="amountrequested">
              <el-input v-model="form.amountrequested" placeholder="申报费用" />
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label="财务审核" prop="financechecher">
              <el-input
                v-model="form.financechecher"
                placeholder="请输入财务审核"
              />

        <el-row>
          <el-col :span="24">
            <el-form-item label="费用申请附件：" align="left" prop="annexbankcard">
              <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple
                :limit="20" :headers="headers" :on-success="(response, file, fileList) =>
                  uploadSccess(response, file, fileList)
                  " :on-preview="downFile" :disabled='dialogType == "detail"' :on-error="handleUploadError"
                :on-exceed="handleExceed" :on-remove="remove" accept="image/*,.pdf">
                <el-button :disabled='dialogType == "detail"' size="small" type="primary">上传</el-button>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row style="margin-top: 5px; margin-bottom: 5px">
          <el-table :data="fundflowList" border>
            <el-table-column
              label="审核人"
              align="center"
              prop="checkusername"
            />
            <el-table-column
              label="审核日期"
              align="center"
              prop="createTime"
            />
            <el-table-column
              label="审核结果"
              align="center"
              prop="flowconclusion"
              ><template slot-scope="scope"
                ><span v-if="scope.row.flowconclusion == 1">通过</span
                ><span v-if="scope.row.flowconclusion == 2"
                  >不通过</span
                ></template
              >
            <el-table-column label="审核人" align="center" prop="checkusername" />
            <el-table-column label="审核日期" align="center" prop="createTime" />
            <el-table-column label="审核结果" align="center" prop="flowconclusion"><template slot-scope="scope"><span
                  v-if="scope.row.flowconclusion == 1">通过</span><span
                  v-if="scope.row.flowconclusion == 2">不通过</span></template>
            </el-table-column>
            <el-table-column
              label="审核备注"
              align="center"
              prop="flowcontent"
            />
            <el-table-column label="审核备注" align="center" prop="flowcontent" />
          </el-table>
        </el-row>

        <el-row style="margin-top: 25px; margin-bottom: 5px" v-if="dialogType=='edit'">
        <el-row style="margin-top: 25px; margin-bottom: 5px" v-if="dialogType == 'edit'">
          <el-col :span="7">
            <el-form-item label="审核" align="left">
              <el-radio-group v-model="newobj.flowlevelone" align="left">
@@ -750,16 +370,13 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="审核备注">
              <el-input
                v-model="newobj.flowconclusion"
                placeholder="申报费用"
              />
              <el-input v-model="newobj.flowconclusion" placeholder="申报费用" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="dundcheck" v-if="dialogType=='edit'">确认</el-button>
        <el-button type="primary" @click="dundcheck" v-if="dialogType == 'edit'">确认</el-button>
        <el-button @click="cancel">取消</el-button>
      </div>
    </el-dialog>
@@ -782,7 +399,7 @@
  getdownloadBX,
  checkfund,
  listbypower,
  getdetailsByItemId
  getdetailsByItemId, addFundSharedInfo
} from "@/api/project/fund";
import {
  onelistFunds,
@@ -830,6 +447,7 @@
import Li_area_select from "@/components/Address";
import OrgSelecter from "@/views/project/components/orgselect";
import { getUserProfile } from "@/api/system/user";
import { getToken } from "@/utils/auth";

export default {
  components: {
@@ -917,7 +535,7 @@
        {
          value: 1,
          label: "待审批",
        },{
        }, {
          value: 2,
          label: "全部",
        },
@@ -997,8 +615,17 @@
      allnum: [],
      userlist: [],
      approveLevel: 5,
      fundtypeArrAll:[],
      fundtypeArrAll: [],
      dialogType: "edit",

      //附件列表
      fileList: [],
      //上传附件路径
      uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
      headers: {
        Authorization: "Bearer " + getToken(),
      },

    };
  },
  watch: {},
@@ -1015,7 +642,6 @@
  },
  methods: {
    selectapplication() {
      console.log("时间", this.createTime);
      this.queryParams.APPLICATIONBEGTIME = this.createTime[0];
      this.queryParams.APPLICATIONENDTIME = this.createTime[1];
    },
@@ -1023,8 +649,6 @@
      this.loading = true;
      // this.queryParams.params = {};
      listbypower(this.queryParams).then((res) => {
        //console.log("根据权限显示列表", res);
        console.log("根据权限显示列表", res);
        this.loading = false;
        let list = res.rows;
        let arr = [];
@@ -1035,7 +659,6 @@
    dundcheck() {
      // this.$em
      this.dialogOpen = false;
      console.log("1234567", this.newobj, this.form.flowconclusion);
      let checkfundobj = {
        flowconclusion: this.newobj.flowlevelone,
        flowcontent: this.newobj.flowconclusion,
@@ -1043,8 +666,6 @@
      };
      checkfund(checkfundobj).then((res) => {
        this.reset();
        this.$modal.msgSuccess("审核完成!");
        console.log("审核费用", res);
        this.$modal.msgSuccess("审核完成!");
        this.getlistbypower();
      });
@@ -1083,7 +704,7 @@
    },

    getlistOrganization() {
      listOrganization().then((res) => {});
      listOrganization().then((res) => { });
    },

    totaldayin(e) {
@@ -1176,15 +797,12 @@
      });
    },
    //动态计算税前金额
    change(scope) {},
    change(scope) { },
    autodonorno() {
      listDonatebaseinfo().then((res) => {
        // console.log("所有捐献者列表：",res);
        res.rows.forEach((data) => {
          // console.log("data:",data);
          if (this.form.doname === data.name) {
            this.form.donorno = data.donorno;
            console.log(this.form.donorno);
          } else {
            // this.$modal.alertWarning("对不起，无该捐献人");
          }
@@ -1244,6 +862,9 @@
        applytype: "3",
      };
      this.resetForm("form");

      //清空附件
      this.fileList = []
    },

    /** 搜索按钮操作 */
@@ -1265,7 +886,6 @@
    },
    /** 新增按钮操作 */
    handleAdd() {
      console.log("222", this.curCase);
      if (this.curCase.id) {
        this.istrue += 2;
        this.reset();
@@ -1300,25 +920,26 @@
      this.dialogType = "edit";

      const id = row.id || this.ids;
      this.loading=true;
      this.loading = true;
      this.newobj.fundid = row.id;
      getFund(id).then((response) => {
        this.form = response.data;
        this.form.name = this.curCase.name;
        
        //附件处理
        this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []

        getownFundDetail(id).then((res) => {
          this.loading=false;
          this.loading = false;
          this.fundDetailArr = res.data;
          for (let m = 0; m < this.fundDetailArr.length; m++) {
            this.fundDetailArr[m].itemArr = [];
            this.getItemArr(m, this.fundDetailArr[m]);
          }
          console.log("fundDetailArr:" + JSON.stringify(this.fundDetailArr));
        });
      });
    },

     //查看审核详情
    //查看审核详情
    handleShow(row) {
      this.isopen = 0;
      this.reset();
@@ -1339,6 +960,9 @@
      getFund(row.id).then((response) => {
        this.form = response.data;
        this.form.name = this.curCase.name;
        //附件处理
        this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []

        getownFundDetail(row.id).then((res) => {
          this.fundDetailArr = res.data;
          for (let m = 0; m < this.fundDetailArr.length; m++) {
@@ -1350,7 +974,6 @@
    },

    select(row) {
      console.log("测试开始", row.itemid, row.itemArr);
      row.itemArr.map((res) => {
        if (row.itemid === res.id) {
          row.remark = res.itemdescribe;
@@ -1362,7 +985,6 @@
        }
      });
      listcountItem(this.form.infoid, row.itemid).then((res) => {
        console.log("resresresres", res);
        if (res.data > 0) {
          this.$modal.msgWarning("您已经提交过该服务项目");
        }
@@ -1378,7 +1000,7 @@
            servivesscope: item.id,
          });
        });
        console.log("组装后的数据", fundblock);

        this.fundblock = fundblock;
      });
    },
@@ -1389,7 +1011,7 @@
        infoid: infoid,
        count: this.idss,
      };
      listFunddetails(aaa).then((res) => {});
      listFunddetails(aaa).then((res) => { });
    },

    //初始化费用申请表单界面
@@ -1439,7 +1061,7 @@
    //新增一行
    addRow() {
      let rowData = {
        orderno:null,
        orderno: null,
        id: null,
        fundid: null,
        beneficiaryname: null,
@@ -1483,7 +1105,6 @@
    },

    saverow(row, index, rows) {
      console.log("dwadw", index, rows, row);
      let totallist = this.fundDetailArr;
      if (this.form.id) {
        if (!row.id) {
@@ -1548,21 +1169,19 @@
                    this.$set(this.fundDetailArr, res.data);
                    this.sumTotalFee();
                    // this.fundDetailArr = res.data
                    // console.log('删除后',this.fundDetailArr)
                  });
                });
              }
              // getownFundDetail(this.form.id).then(res=>{
              // this.$set(this.fundDetailArr,res.data)
              // this.fundDetailArr = res.data
              // console.log('删除后',this.fundDetailArr)
              // })
            });
          } else {
            rows.splice(index, 1);
            this.sumTotalFee();
          }
          

        })
        .catch(() => {
          //几点取消的提示
@@ -1641,7 +1260,6 @@
      })
        .then(() => {
          updateFunddetail(this.fundDetailArr).then((res) => {
            console.log("牛丸牛啊", res);
          });
        })
        .catch(() => {
@@ -1654,10 +1272,8 @@
      //判断数据明细数据是否正确
      let detailDataCorrect = true;
      for (let i = 0; i < this.applicationDetailArr.length; i++) {
        // console.log('qqq',this.applicationDetailArr[i]);
        let tempData = this.applicationDetailArr[i];
        Object.keys(tempData).forEach(function (key) {
          // console.log('iii',key, tempData[key]);
          if (
            tempData[key] == null ||
            tempData[key] == undefined ||
@@ -1679,7 +1295,7 @@

    //加载服务项目
    LoadItemTypeArr(row) {
      let list = this.fundtypeArrAll.filter(r=>r.itemType == row.applytype);
      let list = this.fundtypeArrAll.filter(r => r.itemType == row.applytype);
      row.itemArr = list[0].itemDetails;
      row.itemid = null;
      this.$forceUpdate();
@@ -1733,7 +1349,6 @@
    //获取费用类型
    getCurFundType() {
      getFundTypeAll(3).then((res) => {
        console.log("费用类型", res.data);
        let dataList = res.data;
        this.fundtypeArrAll = dataList;
        this.fundtypeArr = [];
@@ -1747,7 +1362,7 @@
    },

    getItemArr(rowindex, row) {
      let list = this.fundtypeArrAll.filter(r=>r.itemType == row.applytype);
      let list = this.fundtypeArrAll.filter(r => r.itemType == row.applytype);
      row.itemArr = list[0].itemDetails;
      this.$set(this.fundDetailArr, rowindex, row);
      //this.loading = true;
@@ -1767,7 +1382,6 @@
        listReportname(arr[i]).then((res) => {
          this.arrr2 = res.data;
          this.arrr3 = this.arrr3.concat(this.arrr2);
          console.log("adadadadasdsad", this.arrr3, this.userlist);
        });
      }
    },
@@ -1776,7 +1390,6 @@
      this.personlist.map((res) => {
        if (row.beneficiaryname == res.username) {
          row.beneficiaryno = res.userno;
          debugger;
          row.beneficiaryname = res.username;
          row.bankcardno = res.bankcardno;
          row.branchbankname = res.branchbankname;
@@ -1801,10 +1414,8 @@

    getUsermsg() {
      getUserProfile().then((response) => {
        console.log("登录用户信息", response.data);
        // this.defaultperson = response.data;
        // this.standardlevel = response.data.standardlevel;
        debugger;
        if (
          response.data.userName === "001" ||
          response.data.userName === "002" ||
@@ -1814,7 +1425,6 @@
        } else {
          this.show = 3;
        }
        console.log("where", this.show);
      });
    },

@@ -1848,7 +1458,6 @@
    dayin() {
      if (this.form.id) {
        const id = this.form.id;
        console.log(id);
        getdownloadLW(id).then((res) => {
          if (res.downloadUrl) {
            var fileUrl = res;
@@ -1964,7 +1573,6 @@
    dayin4() {
      const id = this.form.id;
      // getdownloadLL(id).then(res=>{
      //   console.log('劳务下载',res);
      // })
    },
    // 捐献者家属交通食宿打印
@@ -1988,7 +1596,6 @@
              type: "success",
            });
          }
          console.log("家属伙食交通费", res);
        });
      } else {
        this.$alert("请确认您要下载的专家劳务表", "提醒", {
@@ -1997,6 +1604,36 @@
        });
      }
    },

    //文件上传
    handleUploadError() { },
    remove(file) {
      this.fileList.splice(this.fileList.indexOf(file), 1)
    },
    handleExceed() {
      this.$message.error(`上传文件数量不能超过 ${5} 个!`);
    },
    //文件上传成功回调
    uploadSccess(response, file, fileList) {
      //获取附件信息位置
      if (response.code == 200) {
        this.form.filename = file.raw.name;
        this.$modal.msgSuccess(response.msg);
        this.fileList.push({ name: response.fileName, url: response.fileName });
      } else {
        console.log(response.msg);;
      }
    },
    // 下载文件
    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);
    },

  },
};
</script>