tire-platform-ui/src/views/salaryManagement/juniorhighSchool/detailsPage.vue

<template>
  <div class="borderless" v-loading="allloading">
    <div class="customer-head">
      <div class="customer-back">
        <el-button
          type="danger"
          style="border: none;background: none;color: red"
          icon="el-icon-arrow-left"
          @click="backToList"
          >返回列表
        </el-button>
      </div>
      <div class="add-customer-btn">
        <el-button
          type="primary"
          size="small"
          v-if="detailData.status == 1"
          class="el-button--small-yh "
          :disabled="form.status > 0"
          @click.stop="openEdit"
          >编辑
        </el-button>
        <el-dropdown style="margin-right: 8px;margin-left: 8px;">
          <el-button type="primary" size="small" :disabled="loadingBtn">
            审核处理<i class="el-icon-arrow-down el-icon--right"></i>
          </el-button>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item
              :disabled="form.status > 0"
              @click.native="pleaseCheck"
              >请核数据</el-dropdown-item
            >
            <el-dropdown-item disabled>审核进度</el-dropdown-item>
            <el-dropdown-item disabled>撤销请核</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
        <el-button
          type="success"
          :disabled="loadingBtn || !form.id"
          size="small"
          @click="copyDoc"
        >
          复制新单
        </el-button>
        <el-button
          class="el-button--small-yh"
          type="primary"
          :disabled="loadingBtn || detailData.status == 1"
          size="small"
          @click="editCustomer"
          >保存数据
        </el-button>
      </div>
    </div>
    <div class="customer-main" v-loading="loadingBtn">
      <containerTitle title="基础资料"></containerTitle>
      <basic-container>
        <avue-form
          class="trading-form"
          ref="form"
          v-model="form"
          :option="option"
        />
      </basic-container>
      <containerTitle title="基础明细"></containerTitle>
      <basic-container>
        <avue-crud
          ref="crud"
          v-model="crudForm"
          :option="optionList"
          :data="dataList"
          :page.sync="page"
          :search.sync="search"
          :table-loading="loading"
          @current-change="currentChange"
          @size-change="sizeChange"
          @search-change="searchChange"
          @saveColumn="saveColumn"
          @resetColumn="resetColumn"
          @refresh-change="refreshChange"
          @row-save="rowSave"
          @row-update="rowUpdate"
          :cell-style="cellStyle"
          :header-cell-class-name="headerCellClassName"
          class="primarySchoolClass"
        >
          <template slot="menuLeft">
            <el-button
              type="primary"
              @click.stop="$refs.crud.rowAdd()"
              size="small"
              :disabled="detailData.status == 1"
              >新增</el-button
            >
            <el-button
              type="primary"
              size="small"
              @click="importExcel()"
              :disabled="detailData.status == 1"
              >导入
            </el-button>
            <el-button type="primary" size="small" @click.stop="openExport()"
              >导出
            </el-button>
            <!-- <el-button
              type="primary"
              size="small"
              @click.stop="calculate()"
              :disabled="detailData.status == 1"
              >重新计算
            </el-button> -->
            <el-button
              type="primary"
              size="small"
              @click.stop="calculate2()"
              :disabled="detailData.status == 1"
              >导入职工信息
            </el-button>
            <el-button
              type="info"
              icon="el-icon-printer"
              size="small"
              :disabled="!form.id"
              @click.stop="openReport()"
              >报表打印</el-button
            >
          </template>
          <template slot="basicsSalaryLabel">
            <el-tag>基础工资:</el-tag>
          </template>
          <template slot="workloadSalaryLabel">
            <el-tag>工作量工资:</el-tag>
          </template>
          <template slot="dailyAssessmentSalaryLabel">
            <el-tag>日常考核工资:</el-tag>
          </template>
          <template slot="awardSalaryLabel">
            <el-tag>奖励工资:</el-tag>
          </template>
          <template slot="dutyAllowancesLabel">
            <el-tag>职务津贴:</el-tag>
          </template>
          <template slot="classTeacherSubsidyLabel">
            <el-tag>班主任津贴:</el-tag>
          </template>
          <template slot="subsidyLabel">
            <el-tag>补贴项:</el-tag>
          </template>
          <template slot="deductionsLabel">
            <el-tag>扣除项:</el-tag>
          </template>
          <template slot="salaryLabel">
            <el-tag>应发工资:</el-tag>
          </template>
          <template slot="fsalaryLabel">
            <el-tag>实发工资:</el-tag>
          </template>
          <!-- 1. 基础工资 = +M153(校龄工资)+N153(增资)+O153(学历工资)+Q153(职级工资)+L153(履约奖)+R153(工资基数) -->
          <template
            slot="schoolAgeSalaryForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.schoolAgeSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="capitalIncreaseForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.capitalIncrease"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="educationSalaryForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.educationSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="rankSalaryForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.rankSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="performanceAwardForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.performanceAward"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="salaryBaseForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.salaryBase"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- //2. 工作量工资 = 月份工作量工资+代课工作量工资+双休日工作量工资+工作量工资1+…+工作量工资5 -->
          <template
            slot="momthWorkloadSalaryForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.momthWorkloadSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customTwoForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customTwo"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="doubleMoneyForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.doubleMoney"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customThreeForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customThree"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customFourForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customFour"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customFiveForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customFive"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customSixForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customSix"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customSevenForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customSeven"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="virtualDailyAssessmentCriteriaForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.virtualDailyAssessmentCriteria"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="virtualDoubleCeaseForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.virtualDoubleCease"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- //3.日常考核工资 =日常考核工资-虚拟日常考核标准 -->
          <template
            slot="dailyAssessmentSalaryForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.dailyAssessmentSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="virtualDailyAssessmentCriteriaForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.virtualDailyAssessmentCriteria"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- 4.绩效工资=学期绩效工资+学期绩效工资1+..+学期绩效工资5 -->
          <template
            slot="termPerformanceSalaryForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.termPerformanceSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customNineForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customNine"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customizeForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customize"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customizeOneForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customizeOne"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customizeTwoForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customizeTwo"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customizeThreeForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customizeThree"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- 5.奖励工资=奖励1+…+奖励10 -->
          <template slot="customAwardForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customAward"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customAwardOneForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customAwardOne"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customAwardTwoForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customAwardTwo"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="customAwardThreeForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customAwardThree"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="customAwardFourForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customAwardFour"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="customAwardFiveForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customAwardFive"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customAwardSixForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customAwardSix"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="customAwardSevenForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customAwardSeven"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="customAwardEightForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customAwardEight"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="customAwardNineForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customAwardNine"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- 6.职务津贴=领导干部补贴+领导干部考核补贴+备课组长+备课组长考核补贴+教研组长+教研组长考核补贴 -->
          <template
            slot="leadingCadreSubsidyForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.leadingCadreSubsidy"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customizeFiveForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customizeFive"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="prepareLessonsForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.prepareLessons"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customizeSixForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customizeSix"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="teachingResearchForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.teachingResearch"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customizeSevenForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customizeSeven"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- 7.班主任津贴=班主任补贴+班额津贴-校车考核-班级微信群考核-财务考核+班主任考核津贴						 -->
          <template
            slot="classTeacherFeeForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.classTeacherFee"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="classesForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.classes"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="adjustTheBalanceForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.adjustTheBalance"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="payrollCreditForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.payrollCredit"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="paidForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.paid"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="customizeEightForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.customizeEight"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- 8.补贴项=微信+产假工资+周末工作量工资+补贴1+…+补贴10						 -->
          <template slot="wxForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.wx"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="maternityLeaveSalaryForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.maternityLeaveSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="overtimeAtWeekendForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.overtimeAtWeekend"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="yearUpPerformanceForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.yearUpPerformance"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="yearDownPerformanceForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.yearDownPerformance"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="cadreAllowanceReservationForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.cadreAllowanceReservation"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="vacationOvertimePayForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.vacationOvertimePay"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="newPostTrainForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.newPostTrain"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="winningPrizeForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.winningPrize"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="classMinisterForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.classMinister"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="monthViceClassFeeForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.monthViceClassFee"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="safetyFeesForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.safetyFees"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="reserveReplacementForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.reserveReplacement"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- 9.扣除项=出勤+督查+超额电话费+学习强国+宿舍管理费+生育津贴+扣除1+…+扣除10						 -->
          <template slot="attendanceForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.attendance"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="inspectorFinesForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.inspectorFines"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="telephoneBillForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.telephoneBill"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="learningPowerForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.learningPower"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="dormitoryManagementFeeForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.dormitoryManagementFee"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="childbirthAllowanceForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.childbirthAllowance"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="ribbonOneForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.ribbonOne"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="ribbonTwoForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.ribbonTwo"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="ribbonThreeForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.ribbonThree"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="ribbonFourForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.ribbonFour"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="ribbonFiveForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.ribbonFive"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="ribbonSixForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.ribbonSix"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="ribbonSevenForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.ribbonSeven"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="ribbonEightForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.ribbonEight"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="ribbonNineForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.ribbonNine"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="pauseNoPayForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.pauseNoPay"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- 10.应发工资=基本工资+工作量工资+日常考核工资+奖励工资+职务津贴+班主任津贴+补贴项-扣除项+保险（个人部分）+公积金(个人部分）.. 大于800 保险（个人部分） 不加 								 -->
          <template slot="basicsSalaryForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.basicsSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="workloadSalaryForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.workloadSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="dailyAssessmentSalaryForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.dailyAssessmentSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="awardSalaryForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.awardSalary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="dutyAllowancesForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.dutyAllowances"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="classTeacherSubsidyForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.classTeacherSubsidy"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="subsidyForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.subsidy"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="deductionsForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.deductions"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="insurancePersonageForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.insurancePersonage"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template
            slot="reservedFundsPersonageForm"
            slot-scope="{ column, disabled }"
          >
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.reservedFundsPersonage"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- 11.实发工资=应发工资-个人所得税-个人保险-公积金个人						 -->
          <template slot="salaryForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.salary"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <template slot="personageTaxesForm" slot-scope="{ column, disabled }">
            <el-input
              :disabled="disabled"
              :placeholder="'请输入 ' + column.label"
              v-model="crudForm.personageTaxes"
              @change="salaryAdd(crudForm)"
            />
          </template>
          <!-- eslint-disable -->
          <template
            slot="enjoyOfficeTreatmentForm"
            slot-scope="{ column, disabled }"
          >
            <avue-radio
              v-model="crudForm.enjoyOfficeTreatment"
              :dic="dic"
              :disabled="disabled"
              @change="salaryAdd(crudForm)"
            ></avue-radio>
          </template>
          <!-- eslint-enable -->
          <template slot-scope="{ row, index }" slot="menu">
            <el-button
              type="text"
              size="small"
              @click.stop="$refs.crud.rowEdit(row, index)"
              :disabled="detailData.status == 1"
            >
              {{ row.$cellEdit ? "保存" : "编辑" }}
            </el-button>
            <el-button
              type="text"
              size="small"
              @click.stop="rowDel(row)"
              :disabled="detailData.status == 1"
            >
              删除
            </el-button>
          </template>
        </avue-crud>
        <el-dialog
          title="导入数据"
          append-to-body
          :visible.sync="excelBox"
          width="555px"
          v-dialog-drag
        >
          <avue-form
            :option="excelOption"
            v-model="excelForm"
            table-loading="excelLoading"
            :upload-after="uploadAfter"
            class="schoolupload"
          >
            <template slot="excelTemplate">
              <el-button type="primary" @click="derivation">
                点击下载<i class="el-icon-download el-icon--right"></i>
              </el-button>
            </template>
            <template slot="date">
              <span>
                {{ time }}
              </span>
            </template>
          </avue-form>
          <p style="text-align: center;color: #DC0505">
            温馨提示 第一次导入时请先下载模板
          </p>
        </el-dialog>
      </basic-container>
      <containerTitle title="导入附件记录"></containerTitle>
      <basic-container>
        <avue-crud
          :data="annexData"
          :option="annexOption"
          :page.sync="annexPage"
          :table-loading="annexLoading"
          @current-change="currentannexChange"
          @size-change="sizeannexChange"
          @saveColumn="saveannexColumn"
          @refresh-change="refreshannexChange"
          :cell-style="cellStyle"
        >
          <template slot-scope="{ row, index }" slot="menu">
            <el-button
              type="text"
              size="small"
              @click.stop="rowDownload(row, index)"
            >
              下载
            </el-button>
          </template>
        </avue-crud>
      </basic-container>
      <report-dialog
        :switchDialog="switchDialog"
        :reportId="form.id"
        reportName="初中部"
        @onClose="onClose()"
      ></report-dialog>
      <el-dialog
        title="温馨提示"
        :visible.sync="dialogVisible"
        width="70%"
        :before-close="handleClose"
        append-to-body
        class="abnormal"
      >
        <span>
          <avue-crud :data="auditList" :option="auditOption">
            <template slot="menuLeft">
              <el-button type="info" size="small" @click.stop="exportAbnormal()"
                >导出
              </el-button>
            </template>
          </avue-crud></span
        >
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">关闭</el-button>
        </span>
      </el-dialog>
    </div>
  </div>
</template>

<script>
import { getToken } from "@/util/auth";
import { dateFormat } from "@/util/date";
import {
  detail,
  copyDetail,
  submit,
  delItem,
  itemAnnex,
  itemDetail,
  pleaseCheck,
  calculate,
  calculate2
} from "@/api/salaryManagement/primarySchool";
import { numCal } from "@/util/calculate";
import { optionList, auditOption } from "./js/optionList";
import reportDialog from "@/components/report-dialog/main";
export default {
  name: "detailsPage",
  data() {
    return {
      time: "",
      dialogVisible: false,
      switchDialog: false,
      annexLoading: false,
      crudForm: {},
      excelBox: false,
      loading: false,
      allloading: false,
      xcelLoading: false,
      loadingBtn: false,
      excelForm: {
        type: "1"
      },
      excelOption: {
        submitBtn: false,
        emptyBtn: false,
        column: [
          {
            label: "导入类型",
            prop: "type",
            type: "select",
            dicUrl: "/api/blade-system/dict-biz/dictionary?code=import_type",
            props: {
              label: "dictValue",
              value: "dictKey"
            },
            row: true,
            span: 12
          },
          {
            label: "模板下载",
            prop: "excelTemplate",
            formslot: true,
            span: 10
          },
          {
            label: "当前时间",
            prop: "date",
            span: 13
          },
          {
            label: "模板上传",
            prop: "excelFile",
            type: "upload",
            drag: true,
            loadText: "模板上传中，请稍等",
            span: 24,
            propsHttp: {
              res: "data"
            },
            tip: "请上传 .xls,.xlsx 标准格式文件",
            action: "/api/blade-school/salaryitem/import/workloadExcel",
            disabled: false
          }
        ]
      },
      form: {},
      dataList: [],
      page: {
        pageSize: 20,
        currentPage: 1,
        total: 0,
        pageSizes: [
          10,
          20,
          30,
          40,
          50,
          100,
          150,
          200,
          250,
          300,
          350,
          400,
          450,
          500
        ]
      },
      drawer: false,
      dic: [
        {
          label: "是",
          value: "是"
        },
        {
          label: "否",
          value: "否"
        }
      ],
      option: {
        menuBtn: false,
        labelWidth: 80,
        column: [
          {
            label: "年",
            prop: "annual",
            type: "year",
            valueFormat: "yyyy",
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ],
            span: 5
          },
          {
            label: "月",
            prop: "moon",
            type: "select",
            filterable: true,
            dicUrl: "/api/blade-system/dict-biz/dictionary?code=month",
            props: {
              label: "dictValue",
              value: "dictKey"
            },
            span: 5,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
          },
          {
            label: "教师人数",
            prop: "personNumber",
            span: 4,
            disabled: true
          },
          {
            label: "学生人数",
            prop: "studentNumber",
            span: 4,
            disabled: true
          },
          {
            label: "状态",
            prop: "status",
            type: "select",
            span: 6,
            props: {
              label: "name",
              value: "code"
            },
            dicData: [
              {
                name: "录入",
                code: 0
              },
              {
                name: "申请审批",
                code: 1
              },
              {
                name: "审批中",
                code: 2
              },
              {
                name: "审批通过",
                code: 3
              }
            ],
            disabled: true
          },
          {
            label: "备注",
            prop: "remarks",
            type: "textarea",
            span: 24,
            minRows: 2
          }
        ]
      },
      optionList: {},
      exportUrl: "/api/blade-school/salaryitem/export/workloadExcel",
      annexData: [],
      annexOption: {
        align: "center",
        menuAlign: "center",
        addBtn: false,
        border: true,
        index: true,
        viewBtn: false,
        editBtn: false,
        delBtn: false,
        stripe: true,
        menuWidth: 100,
        column: [
          {
            label: "文件类型",
            prop: "fileType",
            overHidden: true
          },
          {
            label: "文件名",
            prop: "cname",
            overHidden: true
          },
          {
            label: "创建时间",
            prop: "createTime",
            overHidden: true
          },
          {
            label: "创建人",
            prop: "createName",
            overHidden: true
          },
          {
            label: "备注",
            prop: "remarks",
            overHidden: true
          }
        ]
      },
      annexPage: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
        pageSizes: [
          10,
          20,
          30,
          40,
          50,
          100,
          150,
          200,
          250,
          300,
          350,
          400,
          450,
          500
        ]
      },
      auditList: [],
      auditOption: auditOption
    };
  },
  props: {
    detailData: {
      type: Object
    }
  },
  components: {
    reportDialog
  },
  async created() {
    this.optionList = await this.getColumnData(
      this.getColumnName(111),
      optionList
    );
    if (this.detailData.id) {
      this.getDetail(this.detailData.id);
    }
    if (this.detailData.status == 1) {
      this.$set(this.option, "disabled", true);
    }
    this.getWorkDicts("marital_status").then(res => {
      this.findObject(this.optionList.column, "code").dicData = res.data.data;
      this.$refs.crud.init();
    });
    this.optionList.height = 450;
    this.annexOption.height = 450;
    // this.auditOption.height = 600;
  },
  methods: {
    getTime() {
      setInterval(() => {
        this.time = dateFormat(new Date());
      }, 1000);
    },
    cellStyle() {
      return "padding:0;height:40px;";
    },
    headerCellClassName({ row, column, rowIndex, columnIndex }) {
      if (
        column.property == "basicsSalary" ||
        column.property == "workloadSalary" ||
        column.property == "customizeFour" ||
        column.property == "awardSalary" ||
        column.property == "awardSalary" ||
        column.property == "dutyAllowances" ||
        column.property == "classTeacherSubsidy" ||
        column.property == "subsidy" ||
        column.property == "deductions" ||
        column.property == "salary" ||
        column.property == "fSalary"
      ) {
        return "headerCellClass";
      }
      if (
        column.property == "salaryWithdrawalStandard" ||
        column.property == "rankWithdrawalStandard" ||
        column.property == "customEight" ||
        column.property == "rankStandard" ||
        column.property == "salaryBaseName" ||
        column.property == "workloadSalaryCritertion" ||
        column.property == "virtualWorkloadSalary" ||
        column.property == "doubleCease" ||
        column.property == "dailyAssessmentCriteria" ||
        column.property == "virtualDailyAssessmentCriteria" ||
        column.property == "termPerformanceSalaryName" ||
        column.property == "salaryWithdrawalStandard" ||
        column.property == "rankWithdrawalStandard" ||
        column.property == "rankStandard" ||
        column.property == "salaryBaseName" ||
        column.property == "workloadSalaryCritertion" ||
        column.property == "virtualWorkloadSalary" ||
        column.property == "doubleCease" ||
        column.property == "dailyAssessmentCriteria" ||
        column.property == "virtualDailyAssessmentCriteria" ||
        column.property == "otherCriterion" ||
        column.property == "teacherSubsidy" ||
        column.property == "teacherAssessSubsidy" ||
        column.property == "performanceAwardName" ||
        column.property == "capitalIncreaseName" ||
        column.property == "leadingCadreSubsidyName" ||
        column.property == "assessLeadingCadreSubsidyName" ||
        column.property == "prepareLessonsName" ||
        column.property == "assessPrepareLessonsName" ||
        column.property == "teachingResearchName" ||
        column.property == "assessTeachingResearchName" ||
        column.property == "virtualDoubleCease" ||
        column.property == "schoolAge"
      ) {
        return "headerCellClass2";
      }
    },
    copyDoc() {
      this.$emit("copyOrder", this.form.id);
    },
    getDetail(id) {
      if (this.detailData.status == "copy") {
        this.allloading = true;
        copyDetail(id)
          .then(res => {
            this.form = res.data.data;
            this.getItemDetail();
          })
          .finally(() => {
            this.allloading = false;
          });
      } else {
        detail(id).then(res => {
          this.form = res.data.data;
          this.getItemDetail();
          this.getitemAnnex();
        });
      }
    },
    getItemDetail() {
      const data = {
        pid: this.form.id,
        ...this.search
      };
      this.loading = true;
      itemDetail(this.page.currentPage, this.page.pageSize, data)
        .then(res => {
          this.dataList = res.data.data.records;
          this.page.total = res.data.data.total;
        })
        .finally(() => {
          this.loading = false;
        });
    },
    getitemAnnex() {
      const data = {
        pid: this.form.id
      };
      this.annexLoading = true;
      itemAnnex(this.annexPage.currentPage, this.annexPage.pageSize, data)
        .then(res => {
          this.annexData = res.data.data.records;
          this.annexPage.total = res.data.data.total;
        })
        .finally(() => {
          this.annexLoading = false;
        });
    },
    rowSave(row, done, loading) {
      if (!row.cname) {
        loading();
        return this.$message.error("请完善姓名");
      }
      if (!row.idNumber) {
        loading();
        return this.$message.error("请完善身份证号");
      }
      const arr = [];
      arr.push(row);
      submit({ ...this.form, salaryItemList: arr })
        .then(res => {
          this.$message.success("保存成功");
          this.form = res.data.data;
          this.getItemDetail();
          done();
        })
        .finally(() => {
          loading();
        });
    },
    rowUpdate(row, index, done, loading) {
      if (!row.cname) {
        loading();
        return this.$message.error("请完善姓名");
      }
      if (!row.idNumber) {
        loading();
        return this.$message.error("请完善身份证号");
      }
      const arr = [];
      arr.push(row);
      submit({ ...this.form, salaryType: "初中部", salaryItemList: arr })
        .then(res => {
          this.$message.success("修改成功");
          this.form = res.data.data;
          this.getItemDetail();
          done();
        })
        .finally(() => {
          loading();
        });
    },
    rowCell(row, index) {
      if (row.$cellEdit == true) {
        if (!row.cname) {
          return this.$message.error("请完善姓名");
        }
        if (!row.idNumber) {
          return this.$message.error("请完善身份证号");
        }
        // if (!row.rankStandard) {
        //   return this.$message.error("请完善职级标准");
        // }
        const arr = [];
        arr.push(row);
        this.loading = true;
        submit({ ...this.form, salaryItemList: arr })
          .then(res => {
            this.$message.success("保存成功");
            this.form = res.data.data;
          })
          .finally(() => {
            this.loading = false;
          });
        this.$set(row, "$cellEdit", false);
      } else {
        this.$set(row, "$cellEdit", true);
      }
    },
    rowDel(row, index) {
      this.$confirm("确定删除数据?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        if (row.id) {
          delItem(row.id).then(res => {
            this.$message({
              type: "success",
              message: "删除成功!"
            });
            this.getItemDetail();
          });
        } else {
          this.$message({
            type: "success",
            message: "删除成功!"
          });
          this.dataList.splice(row.$index, 1);
        }
      });
    },
    rowDownload(row) {
      window.open(`${row.url}?${this.website.tokenHeader}=${getToken()}`);
    },
    searchChange(params, done) {
      if (!this.form.id) {
        done();
        return this.$message.error("请保存数据");
      }
      this.getItemDetail();
      done();
    },
    currentChange(val) {
      this.page.currentPage = val;
      this.getItemDetail();
    },
    sizeChange(val) {
      this.page.currentPage = 1;
      this.page.pageSize = val;
      this.getItemDetail();
    },
    refreshChange() {
      this.getItemDetail();
    },
    currentannexChange(val) {
      this.annexPage.currentPage = val;
      this.getitemAnnex();
    },
    sizeannexChange(val) {
      this.annexPage.currentPage = 1;
      this.annexPage.pageSize = val;
      this.getitemAnnex();
    },
    refreshannexChange() {
      this.getitemAnnex();
    },
    uploadAfter(res, done, loading, column) {
      this.excelBox = false;
      // this.$message.success("导入成功！");
      this.getItemDetail();
      this.getitemAnnex();
      done();
    },
    //修改提交触发
    editCustomer() {
      this.$refs["form"].validate((valid, done) => {
        done();
        if (valid) {
          for (let i = 0; i < this.dataList.length; i++) {
            if (!this.dataList[i].cname) {
              return this.$message.error(
                "请完善第" + Number(1 + i) + "行的姓名"
              );
            }
            if (!this.dataList[i].idNumber) {
              return this.$message.error(
                "请完善第" + Number(1 + i) + "行的身份证号"
              );
            }
            if (!this.dataList[i].rankStandard) {
              return this.$message.error(
                "请完善第" + Number(1 + i) + "行的职级标准"
              );
            }
          }
          this.loadingBtn = true;
          submit({
            ...this.form,
            salaryType: "初中部",
            salaryItemList: this.dataList
          })
            .then(res => {
              this.$message.success("保存成功");
              this.form = res.data.data;
              this.getItemDetail();
            })
            .finally(() => {
              this.loadingBtn = false;
            });
        } else {
          return false;
        }
      });
    },
    derivation() {
      if (!this.excelForm.type) {
        return this.$message.error("请选择导入类型");
      }
      if (!this.exportUrl) {
        return this.$message.error("暂无模板文件");
      }
      window.open(
        `${this.exportUrl}?${this.website.tokenHeader}=${getToken()}`
      );
    },
    openExport() {
      if (!this.form.id) {
        return this.$message.error("请先保存数据");
      }
      window.open(
        `/api/blade-school/salaryitem/export/teacher?${
          this.website.tokenHeader
        }=${getToken()}&pid=${this.form.id}`
      );
    },
    calculate() {
      if (!this.form.id) {
        return this.$message.error("请先保存数据");
      }
      this.loading = true;
      calculate({ pid: this.form.id })
        .then(res => {
          if (res.data.code == "200") {
            this.getItemDetail();
          }
        })
        .finally(() => {
          this.loading = false;
        });
    },
    calculate2() {
      // return this.$message.error("正在开发中");
      if (!this.form.id) {
        return this.$message.error("请先保存数据");
      }
      this.loading = true;
      calculate2({ inSection: "初中部", pid: this.form.id })
        .then(res => {
          if (res.data.code == "200") {
            this.getItemDetail();
          }
        })
        .finally(() => {
          this.loading = false;
        });
    },
    importExcel() {
      if (!this.form.id) {
        return this.$message.error("请先保存数据");
      }
      this.excelOption.column.forEach(e => {
        if (e.prop == "excelFile") {
          e.data = {
            id: this.form.id
          };
        }
      });
      this.excelBox = true;
      this.getTime();
    },
    //导出全部
    exportAll() {
      let opt = {
        title: "工资条",
        column: this.optionList.column,
        data: this.dataList
      };
      this.$Export.excel({
        title: opt.title,
        columns: opt.column,
        data: opt.data
      });
    },
    salaryAdd(row) {
      // 1. 基础工资 = +M153(校龄工资)+N153(增资)+O153(学历工资)+Q153(职级工资)+L153(履约奖)+R153(工资基数)
      row.basicsSalary = Number(
        numCal(row.schoolAgeSalary) +
          numCal(row.capitalIncrease) +
          numCal(row.educationSalary) +
          numCal(row.rankSalary) +
          numCal(row.salaryBase) +
          numCal(row.performanceAward)
      ).toFixed(2);
      //2. 工作量工资 = 月份工作量工资+代课工作量工资+双休日工作量工资+工作量工资1+…+工作量工资5-虚拟工作量工资标准-虚拟双休日工作量工资标准
      row.workloadSalary = Number(
        numCal(row.momthWorkloadSalary) +
          numCal(row.customTwo) +
          numCal(row.doubleMoney) +
          numCal(row.customThree) +
          numCal(row.customFour) +
          numCal(row.customFive) +
          numCal(row.customSix) +
          numCal(row.customSeven) -
          numCal(row.virtualDailyAssessmentCriteria) -
          numCal(row.virtualDoubleCease)
      ).toFixed(2);
      //3.日常考核工资 =日常考核工资-虚拟日常考核标准
      row.dailyAssessmentSalary = Number(
        numCal(row.dailyAssessmentSalary) -
          numCal(row.virtualDailyAssessmentCriteria)
      ).toFixed(2);
      // 4.绩效工资=学期绩效工资+学期绩效工资1+..+学期绩效工资5
      row.customizeFour = Number(
        numCal(row.termPerformanceSalary) +
          numCal(row.customNine) +
          numCal(row.customize) +
          numCal(row.customizeOne) +
          numCal(row.customizeTwo) +
          numCal(row.customizeThree)
      ).toFixed(2);
      // 5.奖励工资=奖励1+…+奖励10
      row.awardSalary = Number(
        numCal(row.customAward) +
          numCal(row.customAwardOne) +
          numCal(row.customAwardTwo) +
          numCal(row.customAwardThree) +
          numCal(row.customAwardFour) +
          numCal(row.customAwardFive) +
          numCal(row.customAwardSix) +
          numCal(row.customAwardSeven) +
          numCal(row.customAwardEight) +
          numCal(row.customAwardNine)
      ).toFixed(2);
      // 6.职务津贴=领导干部补贴+领导干部考核补贴+备课组长+备课组长考核补贴+教研组长+教研组长考核补贴
      row.dutyAllowances = Number(
        numCal(row.leadingCadreSubsidy) +
          numCal(row.customizeFive) +
          numCal(row.prepareLessons) +
          numCal(row.customizeSix) +
          numCal(row.teachingResearch) +
          numCal(row.customizeSeven)
      ).toFixed(2);
      // 7.班主任津贴=班主任补贴+班额津贴-校车考核-班级微信群考核-财务考核+班主任考核津贴
      row.classTeacherSubsidy = Number(
        numCal(row.classTeacherFee) +
          numCal(row.classes) -
          numCal(row.adjustTheBalance) -
          numCal(row.payrollCredit) -
          numCal(row.paid) +
          numCal(row.customizeEight)
      ).toFixed(2);
      // 8.补贴项=微信+产假工资+周末工作量工资+补贴1+…+补贴10
      row.subsidy = Number(
        numCal(row.wx) +
          numCal(row.maternityLeaveSalary) +
          numCal(row.overtimeAtWeekend) +
          numCal(row.yearUpPerformance) +
          numCal(row.yearDownPerformance) +
          numCal(row.cadreAllowanceReservation) +
          numCal(row.vacationOvertimePay) +
          numCal(row.newPostTrain) +
          numCal(row.winningPrize) +
          numCal(row.classMinister) +
          numCal(row.monthViceClassFee) +
          numCal(row.safetyFees) +
          numCal(row.reserveReplacement)
      ).toFixed(2);
      // 9.扣除项=出勤+督查+超额电话费+学习强国+宿舍管理费+生育津贴+扣除1+…+扣除10
      row.deductions = Number(
        numCal(row.attendance) +
          numCal(row.inspectorFines) +
          numCal(row.telephoneBill) +
          numCal(row.learningPower) +
          numCal(row.dormitoryManagementFee) +
          numCal(row.childbirthAllowance) +
          numCal(row.ribbonOne) +
          numCal(row.ribbonTwo) +
          numCal(row.ribbonThree) +
          numCal(row.ribbonFour) +
          numCal(row.ribbonFive) +
          numCal(row.ribbonSix) +
          numCal(row.ribbonSeven) +
          numCal(row.ribbonEight) +
          numCal(row.ribbonNine) +
          numCal(row.pauseNoPay)
      ).toFixed(2);
      // 10.应发工资=基本工资+工作量工资+日常考核工资+奖励工资+职务津贴+班主任津贴+补贴项-扣除项+保险（个人部分）+公积金(个人部分）.. 大于800 保险（个人部分） 不加
      if (row.enjoyOfficeTreatment == "是") {
        row.salary = Number(
          numCal(row.basicsSalary) +
            numCal(row.workloadSalary) +
            numCal(row.dailyAssessmentSalary) +
            numCal(row.awardSalary) +
            numCal(row.dutyAllowances) +
            numCal(row.classTeacherSubsidy) +
            numCal(row.subsidy) -
            numCal(row.deductions) +
            numCal(row.reservedFundsPersonage)
        ).toFixed(2);
      } else {
        row.salary = Number(
          numCal(row.basicsSalary) +
            numCal(row.workloadSalary) +
            numCal(row.dailyAssessmentSalary) +
            numCal(row.awardSalary) +
            numCal(row.dutyAllowances) +
            numCal(row.classTeacherSubsidy) +
            numCal(row.subsidy) -
            numCal(row.deductions) +
            numCal(row.insurancePersonage) +
            numCal(row.reservedFundsPersonage)
        ).toFixed(2);
      }
      // 11.实发工资=应发工资-个人所得税-个人保险-公积金个人
      row.fSalary = Number(
        numCal(row.salary) -
          numCal(row.personageTaxes) -
          numCal(row.insurancePersonage) -
          numCal(row.reservedFundsPersonage)
      ).toFixed(2);
    },
    //导出工资条
    exportSalary() {
      let data = [];
      for (let item in this.optionList.column) {
        switch (this.optionList.column[item].prop) {
          case "salaryBase":
            data.push(this.optionList.column[item]);
            break;
          case "workloadSalary":
            data.push(this.optionList.column[item]);
            break;
          case "dailyAssessmentSalary":
            data.push(this.optionList.column[item]);
            break;
          case "awardSalary":
            data.push(this.optionList.column[item]);
            break;
          case "dutyAllowances":
            data.push(this.optionList.column[item]);
            break;
          case "classTeacherSubsidy":
            data.push(this.optionList.column[item]);
            break;
          case "subsidy":
            data.push(this.optionList.column[item]);
            break;
          case "deductions":
            data.push(this.optionList.column[item]);
            break;
          case "insuranceUnit":
            data.push(this.optionList.column[item]);
            break;
          case "insurancePersonage":
            data.push(this.optionList.column[item]);
            break;
          case "reservedFundsUnit":
            data.push(this.optionList.column[item]);
            break;
          case "reservedFundsPersonage":
            data.push(this.optionList.column[item]);
            break;
          case "salary":
            data.push(this.optionList.column[item]);
            break;
          case "personageTaxes":
            data.push(this.optionList.column[item]);
            break;
          case "fsalary":
            data.push(this.optionList.column[item]);
            break;
        }
      }
      let opt = {
        title: "工资条",
        column: data,
        data: this.dataList
      };
      this.$Export.excel({
        title: opt.title,
        columns: opt.column,
        data: opt.data
      });
    },
    openEdit() {
      const data = {
        moduleName: "czb",
        tableName: "primary_school",
        billId: this.form.id,
        no: localStorage.getItem("browserID"),
        billNo: this.form.annual + "-" + this.form.moon
      };
      this.inDetailsKey(this.$route.name, {
        moduleName: "czb",
        tableName: "primary_school",
        billId: this.form.id,
        billNo: this.form.annual + "-" + this.form.moon
      });
      this.checkLock(data).then(res => {
        if (res.data.code == 200) {
          this.onLock(data).then(res => {
            if (res.data.code == 200) {
              this.detailData.status = 2;
              this.option = this.$options.data().option;
              this.findObject(
                this.option.column,
                "studentNumber"
              ).disabled = false;
            }
          });
        }
      });
    },
    openReport() {
      this.switchDialog = !this.switchDialog;
    },
    onClose(val) {
      this.switchDialog = val;
    },
    // 请核
    pleaseCheck() {
      this.$confirm("您确定提交此次申请吗？", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        const data = {
          id: this.form.id,
          checkType: "czgz",
          url: "/salaryManagement/juniorhighSchool/index",
          pageStatus: "this.$store.getters.domSaleStatus",
          pageLabel: "初中部",
          checkFlag: 2
        };
        pleaseCheck(data).then(res => {
          if (res.data.msg == "请核失败") {
            this.dialogVisible = true;
            this.auditList = res.data.data;
          } else {
            this.$message.success("请核成功");
            this.detailData.status = 1;
            this.option.disabled = true;
            this.getDetail(this.form.id);
          }
        });
      });
    },
    handleClose() {
      this.auditList = [];
      this.dialogVisible = false;
    },
    exportAbnormal() {
      window.open(
        `/api//blade-school/salaryitem/export/exception?${
          this.website.tokenHeader
        }=${getToken()}&pid=${this.form.id}`
      );
    },
    async saveColumn() {
      const inSave = await this.saveColumnData(
        this.getColumnName(111),
        this.optionList
      );
      if (inSave) {
        this.$nextTick(() => {
          this.$refs.crud.doLayout();
        });
        this.$message.success("保存成功");
        //关闭窗口
        this.$refs.crud.$refs.dialogColumn.columnBox = false;
      }
    },
    async resetColumn() {
      this.optionList = optionList;
      const inSave = await this.delColumnData(
        this.getColumnName(111),
        optionList
      );
      if (inSave) {
        this.$nextTick(() => {
          this.$refs.crud.doLayout();
        });
        this.$message.success("重置成功");
        this.$refs.crud.$refs.dialogColumn.columnBox = false;
      }
    },
    //返回列表
    backToList() {
      if (this.form.id) {
        this.unLock({
          moduleName: "czb",
          tableName: "primary_school",
          billId: this.form.id,
          billNo: this.form.annual + "-" + this.form.moon
        });
      }
      this.$emit("goBack");
      this.leaveDetailsKey(this.$route.name);
    }
  },
  watch: {
    "excelForm.type": function(val) {
      if (val) {
        switch (val) {
          case "1":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/workloadExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/workloadExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "2":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/teacherSubsidy";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/teacherSubsidy";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "3":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/schoolBusExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/schoolBusExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "4":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/classWeChatExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/classWeChatExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "5":
            this.exportUrl = "/api/blade-school/salaryitem/export/fnanceExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/fnanceExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "6":
            this.exportUrl = "/api/blade-school/salaryitem/export/position";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/position";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "7":
            this.exportUrl = "/api/blade-school/salaryitem/export/zhaPingExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/zhaPingExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "8":
            this.exportUrl = "/api/blade-school/salaryitem/export/overtime";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/overtime";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "9":
            this.exportUrl = "/api/blade-school/salaryitem/export/weChat";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/weChat";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "10":
            this.exportUrl = "/api/blade-school/salaryitem/export/power";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/power";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "11":
            this.exportUrl = "/api/blade-school/salaryitem/export/phoneFine";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/phoneFine";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "12":
            this.exportUrl = "/api/blade-school/salaryitem/export/fineExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/fineExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "13":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/sanitationFee";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/sanitationFee";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "14":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/insuranceExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/insuranceExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "15":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/reservedFunds";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/reservedFunds";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "16":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/attendanceExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/attendanceExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "17":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/eomNumberExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/eomNumberExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "18":
            this.exportUrl = "/api/blade-school/salaryitem/export/payTaxes";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/payTaxes";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "19":
            this.exportUrl = "/api/blade-school/salaryitem/export/awardExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/awardExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "20":
            this.exportUrl = "/api/blade-school/salaryitem/export/subsidyExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/subsidyExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "21":
            this.exportUrl = "/api/blade-school/salaryitem/export/deductExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/deductExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "22":
            this.exportUrl = "/api/blade-school/salaryitem/export/leadExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/leadExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "23":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/teamLeaderExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/teamLeaderExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;

          case "24":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/prepareLessonsExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/prepareLessonsExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "25":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/teachingExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/teachingExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "26":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/doubleWorkloadExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/doubleWorkloadExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "27":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/probationExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/probationExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "28":
            this.exportUrl = "/api/blade-school/salaryitem/export/maternityPay";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/maternityPay";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "29":
            this.exportUrl = "/api/blade-school/salaryitem/export/woChenGeld";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/woChenGeld";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "30":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/customWorkload";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/customWorkload";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "31":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/staffInformation";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/staffInformation";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "32":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/salaryMessage";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/salaryMessage";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "33":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/teamLeaderAssessExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/teamLeaderAssessExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "34":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/prepareAssessExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/prepareAssessExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          case "35":
            this.exportUrl =
              "/api/blade-school/salaryitem/export/leadAssessExcel";
            this.findObject(this.excelOption.column, "excelFile").action =
              "/api/blade-school/salaryitem/import/leadAssessExcel";
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = false;
            break;
          default:
            this.findObject(
              this.excelOption.column,
              "excelFile"
            ).disabled = true;
            this.exportUrl = "";
        }
      } else {
        this.findObject(this.excelOption.column, "excelFile").disabled = true;
      }
    }
  }
};
</script>

<style>
.headerCellClass {
  color: #fff !important;
  background: #a4cf57 !important;
}
.headerCellClass2 {
  color: #fff !important;
  background: #a0cfff !important;
}
</style>
<style lang="scss" scoped>
.trading-form ::v-deep .el-form-item {
  margin-bottom: 4px !important;
}
::v-deep .el-form-item__error {
  display: none !important;
}
.schoolupload ::v-deep .el-upload-list {
  display: none;
}
.abnormal ::v-deep .el-dialog__body {
  padding: 10px 20px;
}
.primarySchoolClass ::v-deep ::-webkit-scrollbar {
  width: 7px;
  height: 10px;
  background-color: transparent;
}
.primarySchoolClass ::v-deep ::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: hsla(226, 12%, 71%, 0.2);
}
</style>