修改了个税计算和办公费用类型

yxh

2023-09-01 a2f16cbdc7b6ee0623d9071e1b7ab41285667eed

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

@@ -7,53 +7,28 @@
        <el-row>
          <el-col :span="5">
            <el-form-item label="申请日期" prop="createTime">
              <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>
          <el-col :span="5">
            <el-form-item label="经办人" prop="username">
              <el-select
                v-model="form.username"
                placeholder="申请人"
                clearable
                filterable
                allow-create
                style="width: 100%"
                @change="getUserAccount"
              >
                <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%"
                @change="getUserAccount">
                <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
              />
              <el-input v-model="form.deptmentname" placeholder="请输入所属组别" clearable />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="组长" prop="managername">
              <el-input
                v-model="form.managername"
                placeholder="请输入组长"
                clearable
              />
              <el-input v-model="form.managername" placeholder="请输入组长" clearable />
            </el-form-item>
          </el-col>
        </el-row>
@@ -75,13 +50,9 @@
          <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 :span="5">
@@ -100,11 +71,7 @@
          -->
          <el-col :span="5">
            <el-form-item label="申请金额" prop="pretaxcost">
              <el-input
                v-model="form.pretaxcost"
                placeholder="税前金额合计"
                :disabled="true"
              />
              <el-input v-model="form.pretaxcost" placeholder="税前金额合计" :disabled="true" />
            </el-form-item>
          </el-col>
          <!--
@@ -125,11 +92,7 @@
          </el-col>
          <el-col :span="5">
            <el-form-item label="捐献者" prop="name">
              <el-input
                :disabled="true"
                v-model="form.donorname"
                placeholder="请输入捐献者姓名"
              />
              <el-input :disabled="true" v-model="form.donorname" placeholder="请输入捐献者姓名" />
            </el-form-item>
          </el-col>
          <!-- 
@@ -145,28 +108,14 @@
        <el-row style="margin-top: 5px; margin-bottom: 5px" />
        <el-row style="margin-bottom: 10px" v-if="businessType == '1'">
          <el-col :span="4">
            <el-button
              @click.native.prevent="importFeeItems"
              type="primary"
              size="small"
            >
            <el-button @click.native.prevent="importFeeItems" type="primary" size="small">
              导入服务项目
            </el-button>
          </el-col>
        </el-row>
        <el-row>
          <el-table
            :data="rbDetails"
            v-loading="loading"
            border
            highlight-current-row
          >
            <el-table-column
              prop="orderno"
              align="center"
              label="序号"
              width="65"
            >
          <el-table :data="rbDetails" v-loading="loading" border highlight-current-row>
            <el-table-column prop="orderno" align="center" label="序号" width="65">
              <template slot-scope="scope">
                <el-input v-model="scope.row.orderno" placeholder="序号" />
              </template>
@@ -175,125 +124,53 @@
            <el-table-column prop="itemcode" align="center" label="项目编号" show-overflow-tooltip=""
              v-if="form.applytype == '1'">
            </el-table-column>-->
            <el-table-column
              prop="applytype"
              align="center"
              label="服务类型"
              width="200"
            >
            <el-table-column prop="applytype" align="center" label="服务类型" width="200">
              <template slot-scope="scope">
                <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 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"
            >
            <el-table-column prop="itemid" align="center" label="服务项目" width="260">
              <template slot-scope="scope">
                <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 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>
            <el-table-column
              prop="servicesscope"
              align="center"
              label="服务说明"
              v-if="form.applytype == '1'"
              width="180"
            >
            <el-table-column prop="servicesscope" align="center" label="服务说明" v-if="form.applytype == '1'" width="180">
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.servicesscope"
                  placeholder="服务说明"
                  clearable
                  allow-create
                  filterable
                  @change="verifyFeeRemark(scope.row)"
                >
                  <el-option
                    v-for="dict in scope.row.rowfeeblocks"
                    :key="dict.servicesscope"
                    :label="dict.remark"
                    :value="dict.servicesscope"
                  ></el-option>
                <el-select v-model="scope.row.servicesscope" placeholder="服务说明" clearable allow-create
                  @change="verifyFeeRemark(scope.row)">
                  <el-option v-for="dict in scope.row.rowfeeblocks" :key="dict.servicesscope" :label="dict.remark"
                    :value="dict.servicesscope"></el-option>
                </el-select>
              </template>
            </el-table-column>
            <el-table-column
              prop="price"
              align="center"
              label="单价"
              width="120"
              v-if="businessType == 4"
            >
            <el-table-column prop="price" align="center" label="单价" width="120" v-if="businessType == 4">
              <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="120"
              v-if="businessType == 4"
            >
            <el-table-column prop="quantity" align="center" label="数量" width="120" v-if="businessType == 4">
              <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
              v-if="
                businessType == 2 ||
                  businessType == 3 ||
                  businessType == 4 ||
                  ismanager == true
              "
              prop="amount"
              align="center"
              :label="amountLabel"
              width="120"
            >
            <el-table-column v-if="businessType == 2 ||
              businessType == 3 ||
              businessType == 4 ||
              ismanager == true
              " prop="amount" align="center" :label="amountLabel" width="120">
              <template slot-scope="scope">
                <!--
                  <el-select v-model="scope.row.amount" placeholder="税前金额" clearable filterable allow-create
@@ -302,40 +179,22 @@
                    :value="dict.expense"></el-option>
                </el-select>
              -->
                <el-input v-model="scope.row.amount" placeholder="金额" />
                <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')
              "
            >
            <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="税后金额"
                />
                <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"
              v-if="form.applytype == '1' || form.applytype == '2'"
            >
            <el-table-column prop="beneficiaryname" align="center" label="姓名" width="120"
              v-if="form.applytype == '1' || form.applytype == '2'">
              <template slot-scope="scope">
                <el-button
                  type="primary"
                  plain
                  @click="ShowDetailDialog(scope, 'expert')"
                  >{{ scope.row.beneficiaryname }}</el-button
                >
                <el-button type="primary" plain @click="ShowDetailDialog(scope, 'expert')">{{ scope.row.beneficiaryname
                }}</el-button>
                <!-- <el-select
                  filterable
                  allow-create
@@ -355,19 +214,10 @@
                                      </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">
              <template slot-scope="scope">
                <el-button
                  type="primary"
                  plain
                  @click="ShowDetailDialog(scope, 'unit')"
                  >{{ scope.row.unitname }}</el-button
                >
                <el-button type="primary" plain @click="ShowDetailDialog(scope, 'unit')">{{ scope.row.unitname
                }}</el-button>
                <!-- <el-select
                  v-model="scope.row.unitno"
                  placeholder="单位"
@@ -384,54 +234,26 @@
                                      </el-select> -->
              </template>
            </el-table-column>
            <el-table-column
              prop="title"
              align="center"
              label="职称"
              width="120"
              v-if="form.applytype == '1' || form.applytype == '2'"
            >
            <el-table-column prop="title" align="center" label="职称" width="120"
              v-if="form.applytype == '1' || form.applytype == '2'">
              <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 == '1' || form.applytype == '2'"
            >
            <el-table-column prop="idcardno" align="center" label="身份证号" width="200"
              v-if="form.applytype == '1' || form.applytype == '2'">
              <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 != '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="开户银行"
                />
                <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" v-if="form.applytype != '4'">
              <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="备注">
@@ -439,39 +261,23 @@
                <el-input v-model="scope.row.remark" placeholder="备注" />
              </template>
            </el-table-column>
            <el-table-column
              fixed="right"
              align="center"
              label="操作"
              width="180"
            >
            <el-table-column fixed="right" align="center" label="操作" width="180">
              <template slot-scope="scope">
                <el-button
                  type="text"
                  size="mini"
                  @click="addRow(scope.$index)"
                  v-if="operationType == 'add' || operationType == 'update'"
                  >新增</el-button
                >
                <el-button
                  @click.native.prevent="
                    deleteRows(scope.row, scope.$index, rbDetails)
                  "
                  type="text"
                  size="small"
                  v-if="operationType == 'add' || operationType == 'update'"
                >
                <el-button type="text" size="mini" @click="addRow(scope.$index)" v-if="operationType == 'add' ||
                  operationType == 'update' ||
                  operationType == 'check'
                  ">新增</el-button>
                <el-button @click.native.prevent="
                  deleteRows(scope.row, scope.$index, rbDetails)
                  " type="text" size="small" v-if="operationType == 'add' ||
    operationType == 'update' ||
    operationType == 'check'
    ">
                  删除
                </el-button>
                <el-button
                  @click.native.prevent="
                    Filepopup(scope.$index, rbDetails, scope.row)
                  "
                  type="text"
                  size="small"
                  v-if="businessType == 3 || businessType == 4"
                  >票据</el-button
                >
                <el-button @click.native.prevent="
                  Filepopup(scope.$index, rbDetails, scope.row)
                  " type="text" size="small" v-if="businessType == 3 || businessType == 4">票据</el-button>
              </template>
            </el-table-column>
          </el-table>
@@ -519,77 +325,31 @@
              -->
        <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) =>
                    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
                >
            <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) =>
                  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>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="operationType == 'detail' || operationType == 'check'">
          <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"
            />
            <el-table-column
              label="审核结果"
              align="center"
              width="200"
              prop="flowconclusion"
            >
            <el-table-column label="审核日期" align="center" width="160" prop="createTime" />
            <el-table-column label="审核人" align="center" width="120" prop="checkusername" />
            <el-table-column label="审核结果" align="center" width="200" 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="operationType == 'check'"
        >
        <el-row style="margin-top: 25px; margin-bottom: 5px" v-if="operationType == 'check'">
          <el-col :span="7">
            <el-form-item label="审核结果" align="left">
              <el-radio-group v-model="checkObj.flowlevelone" align="left">
@@ -608,30 +368,17 @@
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button
          type="primary"
          @click="submitForm"
          v-if="operationType == 'add' || operationType == 'update'"
          >提交保存</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"
      style="text-align: center"
      v-loading="loading"
    >
    <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'">
@@ -642,77 +389,29 @@
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col
            :span="24"
            v-if="selectionType == 'expert' && expertfrom == '1'"
          >
            <el-form-item
              label="专家姓名"
              prop="beneficiaryname"
              label-width="80px"
            >
              <el-select
                filterable
                allow-create
                ref="beneficiaryname"
                default-first-option
                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-col :span="24" v-if="selectionType == 'expert' && expertfrom == '1'">
            <el-form-item label="专家姓名" prop="beneficiaryname" label-width="80px">
              <el-select filterable allow-create ref="beneficiaryname" default-first-option
                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="selectionType == 'unit'">
            <el-form-item
              label="单位名称"
              prop="unitno"
              label-width="120px"
              v-if="businessType == 1 || businessType == 2"
            >
              <el-select
                v-model="funddetailForm.unitno"
                placeholder="单位名称"
                clearable
                filterable
                allow-create
                style="width: 100%"
              >
                <el-option
                  v-for="(spec, index) in unitList"
                  :key="index"
                  :label="spec.organizationname"
                  :value="spec.organizationid"
                ></el-option>
            <el-form-item label="单位名称" prop="unitno" label-width="120px" v-if="businessType == 1 || businessType == 2">
              <el-select v-model="funddetailForm.unitno" placeholder="单位名称" clearable filterable allow-create
                style="width: 100%">
                <el-option v-for="(spec, index) in unitList" :key="index" :label="spec.organizationname"
                  :value="spec.organizationid"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item
              label="发票单位名称"
              prop="unitno"
              label-width="120px"
              v-if="businessType == 3 || businessType == 4"
            >
              <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"
                  :value="item.reportNo"
                ></el-option>
            <el-form-item label="发票单位名称" prop="unitno" label-width="120px" v-if="businessType == 3 || businessType == 4">
              <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"
                  :value="item.reportNo"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
@@ -720,43 +419,22 @@
        <el-row>
          <el-col :span="12" v-if="expertfrom == '2'">
            <el-form-item label="专家姓名" prop="expertname" label-width="80px">
              <el-input
                v-model="funddetailForm.expertname"
                placeholder="必填项"
              />
              <el-input v-model="funddetailForm.expertname" placeholder="必填项" />
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="expertfrom == '2'">
            <el-form-item
              label="职    称"
              prop="experttitle"
              label-width="80px"
            >
              <el-select
                v-model="funddetailForm.experttitle"
                placeholder="必填项"
              >
                <el-option
                  v-for="dict in dict.type.sys_professionaltitle"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.label"
                ></el-option>
            <el-form-item label="职    称" prop="experttitle" label-width="80px">
              <el-select v-model="funddetailForm.experttitle" placeholder="必填项">
                <el-option v-for="dict in dict.type.sys_professionaltitle" :key="dict.value" :label="dict.label"
                  :value="dict.label"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24" v-if="expertfrom == '2'">
            <el-form-item
              label="身份证号"
              prop="expertidcardno"
              label-width="80px"
            >
              <el-input
                v-model="funddetailForm.expertidcardno"
                placeholder="必填项"
              />
            <el-form-item label="身份证号" prop="expertidcardno" label-width="80px">
              <el-input v-model="funddetailForm.expertidcardno" placeholder="必填项" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -774,91 +452,41 @@
      -->
        <el-row>
          <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
                style="width: 100%"
              >
                <el-option
                  v-for="(spec, index) in unitList"
                  :key="index"
                  :label="spec.organizationname"
                  :value="spec.organizationid"
                ></el-option>
              </el-select> </el-form-item
          ></el-col>
            <el-form-item label="单位名称" prop="expertunitno" label-width="80px">
              <el-select v-model="funddetailForm.expertunitno" placeholder="单位名称" clearable filterable allow-create
                style="width: 100%">
                <el-option v-for="(spec, index) in unitList" :key="index" :label="spec.organizationname"
                  :value="spec.organizationid"></el-option>
              </el-select> </el-form-item></el-col>
        </el-row>
        <el-row>
          <el-col :span="24" v-if="expertfrom == '2'">
            <el-form-item
              label="开户银行"
              prop="expertdepositbank"
              label-width="80px"
            >
              <el-input
                v-model="funddetailForm.expertdepositbank"
                placeholder="必填项"
              />
            <el-form-item label="开户银行" prop="expertdepositbank" label-width="80px">
              <el-input v-model="funddetailForm.expertdepositbank" placeholder="必填项" />
            </el-form-item>
          </el-col>
          <el-col :span="24" v-if="expertfrom == '2'">
            <el-form-item
              label="银行卡号"
              prop="expertbankcardno"
              label-width="80px"
            >
              <el-input
                v-model="funddetailForm.expertbankcardno"
                placeholder="必填项"
              />
            <el-form-item label="银行卡号" prop="expertbankcardno" label-width="80px">
              <el-input v-model="funddetailForm.expertbankcardno" placeholder="必填项" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showSelectionDialog = false">取 消</el-button>
        <el-button type="primary" @click="ConfirmDetailDialog()"
          >确 定</el-button
        >
        <el-button type="primary" @click="ConfirmDetailDialog()">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="pdftitle" :visible.sync="pdfVisible" width="50%">
      <div class="pdfimg">
        <div class="box-pdf">
          <div>
            <el-upload
              size="mini"
              class="upload-demo"
              :action="uploadFileUrl"
              :file-list="fileListto"
              multiple
              :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-button
                :disabled="operationType == 'detail'"
                size="small"
                type="primary"
                >上传票据</el-button
              >
            <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileListto" multiple
              :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-button :disabled="operationType == 'detail'" size="small" type="primary">上传票据</el-button>
            </el-upload>
          </div>
          <!-- <div
@@ -873,15 +501,22 @@

        <div v-if="this.previewpdf" class="pdfimgmin">
          <!-- <img :src="pdfimg" /> -->
          <el-image
            style="width: 100px; height: 100px"
            :src="pdfimg"
            :preview-src-list="pdfimgsrcList"
          >
          <el-image style="width: 95%; height: 90%" :src="pdfimg" :preview-src-list="pdfimgsrcList">
          </el-image>
        </div>
        <div v-else class="pdfimgmins">{{ hintitle }}</div>
      </div>
    </el-dialog>
    <el-dialog title="提示" :visible.sync="Savereminder" width="30%">
      <el-alert :title="'您已添加' +
        totalquantity +
        '条数据，为防止数据丢失是否提交保存再继续添加。'
        " type="warning">
      </el-alert>
      <span slot="footer" class="dialog-footer">
        <el-button @click="unsave">取 消</el-button>
        <el-button type="primary" @click="Savenow">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
@@ -1020,6 +655,8 @@
      unitList: [],
      //费用报销机构列表
      feeUnitList: [],
      // 网络请求头
      Networkheader: null,

      itemlist: [],

@@ -1175,7 +812,10 @@
      pdfVisible: false,
      previewpdf: false,
      hintitle: "选中左侧已上传文件预览查看",
      atpresent: ""
      atpresent: "",
      Savereminder: false, //提醒保存弹框
      Reminderquantity: 0, //提醒数量
      totalquantity: 0 //总数量
    };
  },
  //监听属性 类似于data概念
@@ -1232,6 +872,20 @@
      this.resetForm("form");
      //清空附件
      this.fileList = [];
    },
    // 获取请求头
    Getnetworkheader() {
      console.log(window.location.href);
      let string = window.location.href;
      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及其前部字符
        console.log(this.Networkheader);
      }
    },
    /** 通过参数获取业务类型 */
    getroute() {
@@ -1444,7 +1098,7 @@
    handleDelete() {
      this.$modal
        .confirm("是否确认删除该记录？")
        .then(function() {
        .then(function () {
          return delFund(this.curId);
        })
        .then(() => {
@@ -1459,7 +1113,7 @@
          this.getfundList();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => {});
        .catch(() => { });
    },

    /** 上报按钮操作 */
@@ -1512,8 +1166,8 @@
            if (tempDetail.itemid == null) {
              this.$modal.msgWarning(
                "服务项目表中，第" +
                  (k + 1).toString() +
                  "行的服务项目未选择，请先选择服务项目后再提交保存！"
                (k + 1).toString() +
                "行的服务项目未选择，请先选择服务项目后再提交保存！"
              );
              return;
            }
@@ -1522,8 +1176,8 @@
              if (tempDetail.servicesscope == null) {
                this.$modal.msgWarning(
                  "服务项目表中，第" +
                    (k + 1).toString() +
                    "行的费用说明未选择,请选择费用说明后再提交保存！"
                  (k + 1).toString() +
                  "行的费用说明未选择,请选择费用说明后再提交保存！"
                );
                return;
              }
@@ -1534,8 +1188,8 @@
              ) {
                this.$modal.msgWarning(
                  "服务项目表中，第" +
                    (k + 1).toString() +
                    "行的服务人员姓名为选择,请选择人员后再提交保存！"
                  (k + 1).toString() +
                  "行的服务人员姓名为选择,请选择人员后再提交保存！"
                );
                return;
              }
@@ -1562,7 +1216,7 @@
          //   this.form.annexfiles = list.map(item => item.url).join(",");
          // }

          //处理明细          
          //处理明细
          for (let i = 0; i < this.rbDetails.length; i++) {
            let tempDetail = this.rbDetails[i];
            //获取服务项目明细
@@ -1580,71 +1234,56 @@
              item => tempDetail.applytype == item.value
            );
            if (applytypeIndex > -1) {
              tempDetail.applytypename = this.rowfeeItemTypes[applytypeIndex].label;
              tempDetail.subjecttype = this.rowfeeItemTypes[applytypeIndex].subjecttype;
              tempDetail.subjecttypename = this.rowfeeItemTypes[applytypeIndex].subjecttypename;
              tempDetail.applytypename = this.rowfeeItemTypes[
                applytypeIndex
              ].label;
              tempDetail.subjecttype = this.rowfeeItemTypes[
                applytypeIndex
              ].subjecttype;
              tempDetail.subjecttypename = this.rowfeeItemTypes[
                applytypeIndex
              ].subjecttypename;
            }
            this.rbDetails[i] = tempDetail;
            /*
            //计算个税            
            //if (isNaN(parseFloat(tempDetail.taxedamount)))
            //获取参数
            this.taxParam.beneficiaryNo = tempDetail.beneficiaryno;
            this.taxParam.startTime = this.form.createTime.substring(0, 10);
            // 计算税后金额
            if (tempDetail.taxedamount == undefined || tempDetail.taxedamount == null || tempDetail.taxedamount == 0 || tempDetail.taxedamount == '') {
              //获取参数
              this.taxParam.money = tempDetail.amount.toString();
              getTaxByBeneFiciaryNo(this.taxParam).then((res) => {
                if (res.code == 200) {
                  tempDetail.taxamount = res.data;
                  tempDetail.taxedamount = tempDetail.amount - tempDetail.taxamount;
                  this.rbDetails[k] = tempDetail;
           
                  this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
                  this.totalAmount += parseFloat(tempDetail.amount);
                }
              });
            }
           
            // 计算税前、税费、税后金额
            if (tempDetail.amount == undefined || tempDetail.amount == null || tempDetail.amount == 0 || tempDetail.amount == '') {
              //获取参数
              this.taxParam.money = tempDetail.taxedamount.toString();
              getTaxBeforeByAfterMoney(this.taxParam).then((res) => {
                if (res.code == 200) {
                  tempDetail.taxamount = res.data.nowTax;
                  tempDetail.amount = parseFloat(res.data.nowTaxBeforeMoney);
                  this.rbDetails[k] = tempDetail;
           
                  this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
                  this.totalAmount += parseFloat(tempDetail.amount);
                }
              });
            }
            */

          }
          //计算当前行报销内容费用合计，税前金额（amount）、扣税金额（taxamount）、税后金额（taxedamount） 
          if (this.businessType == '2') {
          //计算当前行报销内容费用合计，税前金额（amount）、扣税金额（taxamount）、税后金额（taxedamount）
          if (this.businessType == "2") {
            for (let j = 0; j < this.rbDetails.length; j++) {
              let tempDetail = this.rbDetails[j];
              if (isNaN(parseFloat(tempDetail.amount)) || parseFloat(tempDetail.amount) == 0) {
                this.$modal.msgWarning("服务项目表中，第" + (j + 1).toString() + "行的金额为输入，请先输入金额后再提交保存！");
              if (
                isNaN(parseFloat(tempDetail.amount)) ||
                parseFloat(tempDetail.amount) == 0
              ) {
                this.$modal.msgWarning(
                  "服务项目表中，第" +
                  (j + 1).toString() +
                  "行的金额未输入，请先输入金额后再提交保存！"
                );
                return;
              }
            }
          } else if (this.businessType == '3' || this.businessType == '4') {
          } else if (this.businessType == "3" || this.businessType == "4") {
            for (let j = 0; j < this.rbDetails.length; j++) {
              let tempDetail = this.rbDetails[j];
              if (isNaN(parseFloat(tempDetail.amount)) || parseFloat(tempDetail.amount) == 0) {
                this.$modal.msgWarning("服务项目表中，第" + (j + 1).toString() + "行的金额为输入，请先输入金额后再提交保存！");
              if (
                isNaN(parseFloat(tempDetail.amount)) ||
                parseFloat(tempDetail.amount) == 0
              ) {
                this.$modal.msgWarning(
                  "服务项目表中，第" +
                  (j + 1).toString() +
                  "行的金额未输入，请先输入金额后再提交保存！"
                );
                return;
              }
              if (isNaN(parseFloat(tempDetail.amount)) || parseFloat(tempDetail.amount) == 0) {
                tempDetail.taxedamount = tempDetail.amount
              if (
                isNaN(parseFloat(tempDetail.taxamount)) ||
                parseFloat(tempDetail.taxamount) == 0
              ) {
                tempDetail.taxedamount = tempDetail.amount;
              } else {
                tempDetail.taxedamount = tempDetail.amount + tempDetail.taxamount
                tempDetail.taxedamount =
                  tempDetail.amount + tempDetail.taxamount;
              }
            }
          }
@@ -1701,8 +1340,8 @@

          //关闭窗口
          this.loading = false;
          // this.getfundList();          
          this.$store.dispatch('tagsView/delView', this.$route)
          // this.getfundList();
          this.$store.dispatch("tagsView/delView", this.$route);
          this.$router.go(-1);
        }
      });
@@ -1910,10 +1549,17 @@
            row.amount = 0.0;
            row.taxamount = 0.0;
            row.taxedamount = item.expense;

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

          } else {
            row.amount = item.expense;
            row.taxamount = 0.0;
            row.taxedamount = 0.0;

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

          this.form.serviceFunddetails = 0;
@@ -1924,7 +1570,7 @@
      });
    },

    //校验收费项目是否重复
    //校验收费项目
    verifyFeeItem(row) {
      row.itemlist.map(res => {
        if (row.itemid === res.id) {
@@ -1932,14 +1578,18 @@
          row.itemcode = res.itemCode;
        }
      });
      var repeatNum = 0;
      this.rbDetails.map(res => {
        if (res.applytype === row.applytype && res.itemid == row.itemid) {
          repeatNum++;

      //判断收费项目是否重复
      if (this.businessType == "1") {
        var repeatNum = 0;
        this.rbDetails.map(res => {
          if (res.applytype === row.applytype && res.itemid == row.itemid) {
            repeatNum++;
          }
        });
        if (repeatNum > 1) {
          this.$modal.msgWarning("您已经提交过该服务项目了");
        }
      });
      if (repeatNum > 1) {
        this.$modal.msgWarning("您已经提交过该服务项目了");
      }

      //获取费用项目的详细信息
@@ -2011,6 +1661,36 @@
      });
    },


    //计算个税：type(A:已知税前金额，计算税后金额；B：已知税后金额，计算税前金额)
    calculateTax(row, type) {
      //if (isNaN(parseFloat(tempDetail.taxedamount)))
      //获取参数
      this.taxParam.beneficiaryNo = row.beneficiaryno;
      this.taxParam.startTime = this.form.createTime.substring(0, 10);

      if (type == 'A') {
        // 计算个税、税后金额
        this.taxParam.money = row.amount.toString();
        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) => {
          if (res.code == 200) {
            row.taxamount = res.data.nowTax;
            row.amount = parseFloat(res.data.nowTaxBeforeMoney);
          }
        });
      }
    },

    //导入所有项目
    importFeeItems() {
      this.loading = true;
@@ -2079,6 +1759,219 @@
      // });
    },

    unsave() {
      this.Savereminder = false;
      this.Reminderquantity = 0;
    },
    // 接受提醒立刻保存
    Savenow() {
      this.Savereminder = false;
      this.Reminderquantity = 0;
      this.totalquantity = 0;
      this.$refs["form"].validate(valid => {
        if (valid) {
          this.formData = this.form;
          // let totalPreTaxAmount = 0.0;
          // let totalAfterTaxAmount = 0.0;
          // let totalAmount = 0.0;

          //保存前校验数据
          for (let k = 0; k < this.rbDetails.length; k++) {
            let tempDetail = this.rbDetails[k];
            if (tempDetail.itemid == null) {
              this.$modal.msgWarning(
                "服务项目表中，第" +
                (k + 1).toString() +
                "行的服务项目未选择，请先选择服务项目后再提交保存！"
              );
              return;
            }

            if (this.businessType == "1") {
              if (tempDetail.servicesscope == null) {
                this.$modal.msgWarning(
                  "服务项目表中，第" +
                  (k + 1).toString() +
                  "行的费用说明未选择,请选择费用说明后再提交保存！"
                );
                return;
              }

              if (
                tempDetail.beneficiaryno == null ||
                tempDetail.beneficiaryno == "点击选择"
              ) {
                this.$modal.msgWarning(
                  "服务项目表中，第" +
                  (k + 1).toString() +
                  "行的服务人员姓名为选择,请选择人员后再提交保存！"
                );
                return;
              }
            }

            // //判断单位 unitSel
            // try {
            //   let unitIndex = this.unitList.findIndex(
            //     (item) => tempDetail.unitno == item.organizationid
            //   );
            //   if (unitIndex > -1) {
            //     tempDetail.unitname = this.unitList[unitIndex].organizationname;
            //   } else {
            //     tempDetail.unitname = tempDetail.unitno;
            //   }
            // } catch {
            //   tempDetail.unitname = tempDetail.unitno;
            // }
          }

          //附件处理
          let list = this.fileList;
          // if (list.length > 0) {
          //   this.form.annexfiles = list.map(item => item.url).join(",");
          // }

          //处理明细
          for (let i = 0; i < this.rbDetails.length; i++) {
            let tempDetail = this.rbDetails[i];
            //获取服务项目明细
            let tempitemlist = tempDetail.itemlist;
            let itemIndex = tempitemlist.findIndex(
              item => tempDetail.itemid == item.id
            );
            if (itemIndex > -1) {
              tempDetail.itemname = tempitemlist[itemIndex].itemName;
              tempDetail.itemid = tempitemlist[itemIndex].id;
            }

            //获取applytypename、服务费用大类
            let applytypeIndex = this.rowfeeItemTypes.findIndex(
              item => tempDetail.applytype == item.value
            );
            if (applytypeIndex > -1) {
              tempDetail.applytypename = this.rowfeeItemTypes[
                applytypeIndex
              ].label;
              tempDetail.subjecttype = this.rowfeeItemTypes[
                applytypeIndex
              ].subjecttype;
              tempDetail.subjecttypename = this.rowfeeItemTypes[
                applytypeIndex
              ].subjecttypename;
            }
            this.rbDetails[i] = tempDetail;
            /*
            //计算个税
            // 计算税后金额
            if (tempDetail.taxedamount == undefined || tempDetail.taxedamount == null || tempDetail.taxedamount == 0 || tempDetail.taxedamount == '') {
              calculateTax(tempDetail,"A")
            }
           
            // 计算税前、税费、税后金额
            if (tempDetail.amount == undefined || tempDetail.amount == null || tempDetail.amount == 0 || tempDetail.amount == '') {
              calculateTax(tempDetail,"B")
            }
            */
          }
          //计算当前行报销内容费用合计，税前金额（amount）、扣税金额（taxamount）、税后金额（taxedamount）
          if (this.businessType == "2") {
            for (let j = 0; j < this.rbDetails.length; j++) {
              let tempDetail = this.rbDetails[j];
              if (
                isNaN(parseFloat(tempDetail.amount)) ||
                parseFloat(tempDetail.amount) == 0
              ) {
                this.$modal.msgWarning(
                  "服务项目表中，第" +
                  (j + 1).toString() +
                  "行的金额未输入，请先输入金额后再提交保存！"
                );
                return;
              }
            }
          } else if (this.businessType == "3" || this.businessType == "4") {
            for (let j = 0; j < this.rbDetails.length; j++) {
              let tempDetail = this.rbDetails[j];
              if (
                isNaN(parseFloat(tempDetail.amount)) ||
                parseFloat(tempDetail.amount) == 0
              ) {
                this.$modal.msgWarning(
                  "服务项目表中，第" +
                  (j + 1).toString() +
                  "行的金额未输入，请先输入金额后再提交保存！"
                );
                return;
              }
              if (
                isNaN(parseFloat(tempDetail.taxamount)) ||
                parseFloat(tempDetail.taxamount) == 0
              ) {
                tempDetail.taxedamount = tempDetail.amount;
              } else {
                tempDetail.taxedamount =
                  tempDetail.amount + tempDetail.taxamount;
              }
            }
          }

          //费用合计
          // this.form.pretaxcost = parseFloat(this.totalPreTaxAmount).toFixed(2);
          // this.form.taxedcost = parseFloat(this.totalAfterTaxAmount).toFixed(2);
          // this.form.amountrequested = this.totalAmount.toFixed(2);

          //保存数据
          this.loading = true;
          this.form.serviceFunddetails = 0;
          this.rbDetails.map(item => {
            this.form.serviceFunddetails += item.amount;
          });
          console.log(this.rbDetails);
          this.form.serviceFunddetails = this.rbDetails;

          if (this.form.id != null) {
            // updateFund(this.form).then((response) => {
            //   if (response.code === 200) {
            //     this.loading = false;
            //     for (let m = 0; m < this.rbDetails.length; m++) {
            //       if (this.rbDetails[m].id > 0) {
            //         updateFunddetail(this.rbDetails[m]).then((response2) => { if (response.code != 200) { this.$modal.msgError("专家劳务费保存失败1：" + response.msg); } });
            //       } else {
            //         addFunddetail(this.rbDetails[m]).then((response2) => { if (response.code != 200) { this.$modal.msgError("专家劳务费保存失败2：" + response.msg); } });
            //       }
            //     }
            //     this.$modal.msgSuccess("专家劳务费保存成功！");
            //   } else {
            //     this.$modal.msgError("专家劳务费保存失败：" + response.msg);
            //   }
            // });
          } else {
            this.form.recordstatus = -1;

            // addorupdateFund(this.form).then((response) => {
            //   if (response.code === 200) {
            //     this.selectDonotor(this.curCase);
            //   } else {
            //     this.$modal.msgError("专家劳务费保存失败：" + response.msg);
            //   }
            // });
          }

          addorupdateFund(this.form).then(response => {
            if (response.code === 200) {
              this.$modal.msgSuccess("申请单保存成功！");
            } else {
              this.$modal.msgError("申请单保存失败：" + response.msg);
            }
          });

          //关闭窗口
          this.loading = false;
          // this.getfundList();
        }
      });
    },

    //新增一行
    addRow(rowIndex) {
      let rowData = {
@@ -2125,11 +2018,17 @@
        rowfeeblocks: [],
        annexfiles: null
      };
      if (this.Reminderquantity >= 5) {
        this.Savereminder = true;
        return;
      }
      if (rowIndex == undefined || rowIndex == null || rowIndex < 0) {
        this.rbDetails.push(rowData);
      } else {
        this.rbDetails.splice(rowIndex + 1, 0, rowData);
      }
      this.Reminderquantity++;
      this.totalquantity++;
      for (let i = 0; i < this.rbDetails.length; i++) {
        this.rbDetails[i].orderno = i + 1;
      }
@@ -2179,9 +2078,6 @@
        this.addRow(0);
      }
    },

    //计算个税
    calculateTax() {},

    //计算总金额
    sumTotalFee(row) {
@@ -2276,7 +2172,7 @@
    },

    //文件上传
    handleUploadError() {},
    handleUploadError() { },

    /** 下载文件按钮操作 */
    downFile(item) {
@@ -2320,19 +2216,23 @@
        this.form.filename = file.raw.name;

        this.$modal.msgSuccess(response.msg);
        this.fileListto.push({ name: file.name, url: response.url });
        this.fileListto.push({ name: file.name, url: response.fileName });
        this.rbDetails[this.atpresent].annexfilesList = this.fileListto;
      } else {
        console.log(response.msg);
      }
    },

    // 点击文件
    // 点击票据
    Filepopup(index, rows, row) {
      this.atpresent = index;
      this.pdfVisible = true;
      if (this.rbDetails[index].annexfilesList) {
        this.fileListto = this.rbDetails[index].annexfilesList;
        this.pdfimg = this.Networkheader + "/prod-api" + this.fileListto[0].url;
        this.pdfimgsrcList = [];
        this.pdfimgsrcList.push(this.pdfimg);
        console.log(this.pdfimg);
      } else {
        this.fileListto = [];
        this.pdfimg = "";
@@ -2350,11 +2250,12 @@
      } else if (name[1] == "jpg" || "png") {
        this.previewpdf = true;
        if (item.url) {
          this.pdfimg = item.url;
          this.pdfimg = this.Networkheader + "/prod-api" + item.url;
          this.pdfimgsrcList = [];
          this.pdfimgsrcList.push(item.url);
          this.pdfimgsrcList.push(this.pdfimg);
          console.log(this.pdfimg);
        } else {
          this.pdfimg = item.response.url;
          this.pdfimg = this.Networkheader + "/prod-api" + item.response.url;
        }
      } else {
        this.hintitle = "当前文件暂不支持预览";
@@ -2515,6 +2416,7 @@
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    //获取路由参数
    this.Getnetworkheader();
    this.getroute();
    this.getExternalList();
  },
@@ -2526,13 +2428,13 @@
    // this.getFeeUnitList();
  },

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