11
WXL
2023-09-15 3fb3d925f072df7463d8933f91984e0f93a70e53
11
已修改3个文件
557 ■■■■ 文件已修改
src/views/project/fund/applyDetail/index.vue 4 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/project/fundcheck/ethicalExpertFeeCheck/index.vue 536 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/project/travelexpenseapply/travelexpensedetail/index.vue 17 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/project/fund/applyDetail/index.vue
@@ -420,7 +420,9 @@
                  type="primary"
                  plain
                  @click="ShowDetailDialog(scope, 'unit')"
                  >{{ scope.row.unitname?scope.row.unitname:'点击选择' }}</el-button
                  >{{
                    scope.row.unitname ? scope.row.unitname : "点击选择"
                  }}</el-button
                >
                <!-- <el-select
                  v-model="scope.row.unitno"
src/views/project/fundcheck/ethicalExpertFeeCheck/index.vue
@@ -1,31 +1,64 @@
<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>
        <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="flowconclusion">
            <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="flowconclusion"
            >
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="5">
          <el-form-item label="金额" prop="money" style="float: left">
            <el-input v-model="queryParams.money" placeholder="请输入申请人金额" clearable size="small"
              @keyup.enter.native="flowconclusion" />
            <el-input
              v-model="queryParams.money"
              placeholder="请输入申请人金额"
              clearable
              size="small"
              @keyup.enter.native="flowconclusion"
            />
          </el-form-item>
        </el-col>
        <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="flowconclusion" />
            <el-input
              v-model="queryParams.APPLICANT"
              placeholder="请输入申请人姓名"
              clearable
              size="small"
              @keyup.enter.native="flowconclusion"
            />
          </el-form-item>
        </el-col>
        <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>
@@ -38,7 +71,12 @@
    </el-form>
    <el-form ref="infoform" label-width="100px">
      <el-row>
        <el-table v-loading="loading" border :data="donateconsolationfundList" @selection-change="handleSelectionChange">
        <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">
@@ -48,60 +86,168 @@
            </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="150px" />
          <el-table-column label="申请金额" align="center" prop="pretaxcost" width="200px" />
          <el-table-column label="所属组别" align="center" prop="deptmentname" width="200px" />
          <el-table-column label="组长" align="center" prop="managername" width="150px" />
          <el-table-column
            label="经办人"
            align="center"
            prop="username"
            width="150px"
          />
          <el-table-column
            label="申请金额"
            align="center"
            prop="pretaxcost"
            width="200px"
          />
          <el-table-column
            label="所属组别"
            align="center"
            prop="deptmentname"
            width="200px"
          />
          <el-table-column
            label="组长"
            align="center"
            prop="managername"
            width="150px"
          />
          <!-- <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="taxedcost" width="120px" />
          <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="recordstatus" width="200">
          <el-table-column
            label="审核状态"
            align="center"
            prop="recordstatus"
            width="200"
          >
            <template slot-scope="scope">
              <dict-tag :options="dict.type.sys_recordstatus" :value="scope.row.recordstatus" />
              <dict-tag
                :options="dict.type.sys_recordstatus"
                :value="scope.row.recordstatus"
              />
            </template>
          </el-table-column>
          <el-table-column label="捐献者" align="center" prop="donorname" width="120px" />
          <el-table-column
            label="捐献者"
            align="center"
            prop="donorname"
            width="120px"
          />
          <el-table-column label="备注" align="center" prop="remark" />
          <!--<el-table-column label="捐献编号" align="center" prop="donorno" />
          <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="160px">
          <el-table-column
            label="操作"
            fixed="right"
            align="center"
            class-name="small-padding fixed-width"
            width="160px"
          >
            <template slot-scope="scope">
              <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.checkFlag == 0"
                @click="handleDetail(scope.row)">详情</el-button>
              <el-button v-if="scope.row.checkFlag == 1" size="mini" type="text" icon="el-icon-edit"
                @click="handleCheck(scope.row)">审核</el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                v-if="scope.row.checkFlag == 0"
                @click="handleDetail(scope.row)"
                >详情</el-button
              >
              <el-button
                v-if="scope.row.checkFlag == 1"
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleCheck(scope.row)"
                >审核</el-button
              >
              <!-- v-hasPermi="['project:donateconsolationfund:edit']" -->
              <el-button size="mini" type="text" icon="el-icon-download" @click="dayin(scope.row.id)">下载</el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-download"
                @click="dayin(scope.row.id)"
                >下载</el-button
              >
              <!-- <el-popover placement="right" width="400" trigger="click">
                <el-table :data="gridData">
                  <el-table-column
                    width="150"
                    property="date"
                    label="日期"
                  ></el-table-column>
                  <el-table-column
                    width="100"
                    property="name"
                    label="审批人"
                  ></el-table-column>
                  <el-table-column
                    width="300"
                    property="address"
                    label="审批结果"
                  ></el-table-column>
                </el-table>
                <el-button
                  size="mini"
                  type="text"
                  icon="el-icon-s-order"
                  slot="reference"
                  >审批记录</el-button
                >
              </el-popover> -->
            </template>
          </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="1600px" :title="title" style="text-align: center">
    <el-dialog
      :visible.sync="dialogOpen"
      width="1600px"
      :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-input
                disabled
                v-model="form.donorno"
                placeholder="请输入捐献编号"
                clearable
              />
            </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-input
                disabled
                v-model="form.name"
                placeholder="请输入捐献者姓名"
                clearable
              />
            </el-form-item>
          </el-col>
        </el-row>
@@ -113,23 +259,41 @@
                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-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="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>
@@ -137,31 +301,72 @@
        <el-row style="text-align: left">
          <el-form-item label="申请类型">
            <el-radio-group v-model="form.applytype" @change="LoadItemTypeArr">
              <el-radio v-model="form.applytype" label="2">伦理审查专家费申请</el-radio>
              <el-radio v-model="form.applytype" label="2"
                >伦理审查专家费申请</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-row>
        <el-row style="margin-top: 5px; margin-bottom: 5px">
          <el-table :data="fundDetailArr" :summary-method="getSummaries" border highlight-current-row v-loading="loading">
            <el-table-column prop="orderno" align="center" label="排序" width="80">
          <el-table
            :data="fundDetailArr"
            :summary-method="getSummaries"
            border
            highlight-current-row
            v-loading="loading"
          >
            <el-table-column
              prop="orderno"
              align="center"
              label="排序"
              width="80"
            >
              <template slot-scope="scope">
                <el-input v-model="scope.row.orderno" placeholder="排序" />
              </template>
            </el-table-column>
            <el-table-column prop="applytype" align="center" label="费用类型" width="220">
            <el-table-column
              prop="applytype"
              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.index" :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.index"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </template>
            </el-table-column>
            <el-table-column prop="itemtype" align="center" label="服务项目" width="200">
            <el-table-column
              prop="itemtype"
              align="center"
              label="服务项目"
              width="200"
            >
              <template slot-scope="scope">
                <el-select v-model="scope.row.itemid" placeholder="服务项目" clearable filterable allow-create>
                  <el-option v-for="dict in scope.row.itemArr" :key="dict.index" :label="dict.itemName"
                    :value="dict.id"></el-option>
                <el-select
                  v-model="scope.row.itemid"
                  placeholder="服务项目"
                  clearable
                  filterable
                  allow-create
                >
                  <el-option
                    v-for="dict in scope.row.itemArr"
                    :key="dict.index"
                    :label="dict.itemName"
                    :value="dict.id"
                  ></el-option>
                  <!-- <el-option
                    v-for="dict in itemArr"
                    :key="dict.index"
@@ -172,21 +377,48 @@
              </template>
            </el-table-column>
            <el-table-column prop="beneficiaryname" align="center" label="姓名" width="120">
            <el-table-column
              prop="beneficiaryname"
              align="center"
              label="姓名"
              width="120"
            >
              <template slot-scope="scope">
                <el-select filterable allow-create ref="getReportname" default-first-option
                  @change="selectpersonmsg(scope.row)" v-model="scope.row.beneficiaryname" placeholder="请选择">
                  <el-option v-for="item in arrr3" :key="item.reportNo" :label="item.reportName" :value="item.reportName">
                <el-select
                  filterable
                  allow-create
                  ref="getReportname"
                  default-first-option
                  @change="selectpersonmsg(scope.row)"
                  v-model="scope.row.beneficiaryname"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in arrr3"
                    :key="item.reportNo"
                    :label="item.reportName"
                    :value="item.reportName"
                  >
                  </el-option>
                </el-select>
              </template>
            </el-table-column>
            <el-table-column prop="amount" align="center" label="税前金额" width="150">
            <el-table-column
              prop="amount"
              align="center"
              label="税前金额"
              width="150"
            >
              <template slot-scope="scope">
                <el-input v-model="scope.row.amount" @blur="val => {
                    sumTotalFee();
                  }
                  " placeholder="税前金额" />
                <el-input
                  v-model="scope.row.amount"
                  @blur="
                    val => {
                      sumTotalFee();
                    }
                  "
                  placeholder="税前金额"
                />
              </template>
            </el-table-column>
            <!-- <el-table-column
@@ -199,49 +431,111 @@
                <el-input v-model="scope.row.taxamount" placeholder="扣税" />
              </template>
            </el-table-column> -->
            <el-table-column prop="taxedamount" align="center" label="税后金额" width="150">
            <el-table-column
              prop="taxedamount"
              align="center"
              label="税后金额"
              width="150"
            >
              <template slot-scope="scope">
                <el-input v-model="scope.row.taxedamount" placeholder="税后金额" @blur="val => {
                    sumTotalFee();
                  }
                  " />
                <el-input
                  v-model="scope.row.taxedamount"
                  placeholder="税后金额"
                  @blur="
                    val => {
                      sumTotalFee();
                    }
                  "
                />
              </template>
            </el-table-column>
            <el-table-column prop="unitno" align="center" label="单位" width="180">
            <el-table-column
              prop="unitno"
              align="center"
              label="单位"
              width="180"
            >
              <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="title" align="center" label="职称" width="180">
            <el-table-column
              prop="title"
              align="center"
              label="职称"
              width="180"
            >
              <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">
            <el-table-column
              prop="idcardno"
              align="center"
              label="身份证号"
              width="200"
            >
              <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">
            <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 fixed="right" align="center" label="操作" width="120">
            <el-table-column
              fixed="right"
              align="center"
              label="操作"
              width="120"
            >
              <template slot-scope="scope">
                <el-button type="text" size="mini" @click="addRow">新增</el-button>
                <el-button @click="saveRows(scope.row, scope.$index)" type="text" size="small" v-if="show === 1">
                <el-button type="text" size="mini" @click="addRow"
                  >新增</el-button
                >
                <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:ethicFeeCheck:delete']">
                <el-button
                  @click.native.prevent="
                    deleteRows(scope.row, scope.$index, fundDetailArr)
                  "
                  type="text"
                  size="small"
                  v-hasPermi="['project:ethicFeeCheck:delete']"
                >
                  删除
                </el-button>
              </template>
@@ -252,8 +546,14 @@
          <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
                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>
@@ -269,24 +569,49 @@
          </el-col>
          <el-col :span="7">
            <el-form-item label="财务审核" prop="financechecher">
              <el-input v-model="form.financechecher" placeholder="请输入财务审核" />
              <el-input
                v-model="form.financechecher"
                placeholder="请输入财务审核"
              />
            </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">
@@ -297,13 +622,18 @@
          </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>
@@ -447,6 +777,28 @@
      //捐献案例列表数据
      // donationCaseTableData:[],
      donatebaseinfoList: [],
      gridData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄"
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄"
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄"
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄"
        }
      ],
      // 是否显示弹出层
      open: false,
@@ -634,7 +986,7 @@
    },
    getlistOrganization() {
      listOrganization().then(res => { });
      listOrganization().then(res => {});
    },
    totaldayin(e) {
@@ -669,7 +1021,7 @@
        username = res.data.username;
        this.$modal
          .confirm('是否确认通过"' + username + '"的费用申请?')
          .then(function () {
          .then(function() {
            getFund(e).then(res => {
              let data = res.data;
              let financechecher = "已审核";
@@ -727,7 +1079,7 @@
      });
    },
    //动态计算税前金额
    change(scope) { },
    change(scope) {},
    autodonorno() {
      listDonatebaseinfo().then(res => {
        // console.log("所有捐献者列表:",res);
@@ -919,7 +1271,7 @@
        infoid: infoid,
        count: this.idss
      };
      listFunddetails(aaa).then(res => { });
      listFunddetails(aaa).then(res => {});
    },
    //初始化费用申请表单界面
@@ -1127,7 +1479,7 @@
      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) {
        Object.keys(tempData).forEach(function(key) {
          // console.log('iii',key, tempData[key]);
          if (
            tempData[key] == null ||
src/views/project/travelexpenseapply/travelexpensedetail/index.vue
@@ -943,22 +943,27 @@
    >
      <div>
        <el-table :data="tableDatatop" style="width: 100%">
          <el-table-column prop="persontype" label="人员类别" width="130">
          <el-table-column prop="orderno" label="序号" >
          </el-table-column>
          <el-table-column prop="personname" label="费用人员" width="130">
          <el-table-column prop="personname" label="费用人员" >
          </el-table-column>
          <el-table-column prop="createTime" label="开始日期" >
          </el-table-column>
          <el-table-column prop="endtime" label="结束日期" >
          </el-table-column>
          <el-table-column prop="departure" label="出发地"> </el-table-column>
          <el-table-column prop="destination" label="到达地"> </el-table-column>
          <el-table-column prop="days" label="天数"> </el-table-column>
        </el-table>
        <el-table :data="tableDatatop" style="width: 100%">
          <el-table-column prop="traffictype" label="出发交通工具">
          </el-table-column>
          <el-table-column prop="traffictype2" label="返回交通工具">
          </el-table-column>
        </el-table>
        <el-table :data="tableDatatop" style="width: 100%">
          <el-table-column prop="trafficexpense" label="交通费" width="130">
          <el-table-column prop="trafficexpense" label="交通费" >
          </el-table-column>
          <el-table-column prop="cityfee" label="市内交通费" width="130">
          <el-table-column prop="cityfee" label="市内交通费" >
          </el-table-column>
          <el-table-column prop="hotelexpense" label="住宿费">
          </el-table-column>