数据统计所有子页面，在职员工档案页面，按钮等样式修改

楚江漓i

2021-03-04 c64be46f7a46494da3d90e11217ddeb9ae155cc2

 src/views/user/archivesEdit.vue

@@ -1,16 +1,15 @@
<template>
  <el-dialog
    :title="title"
    width="80%"
    height="80%"
    top="80px"
    width="100%"
    height="100vh"
    fullscreen="true"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    :visible.sync="isVisible"
  >
    <div class="conDetails">
      <div class="menu dadetails">
        <div>
        <div style="height: 30vh;">

          <el-upload
            class="avatar-uploader"
@@ -28,96 +27,168 @@
            {{ empBaseInfoForm.empNumb }}
          </div>
        </div>
        <ul>
        <ul class="jbxx-ul" style="height: 58vh;overflow: auto">
          <li>
            <a href="javascript:void(0)" :class="item=='jbxx'?'light':''" @click="goAnchor('jbxx')">
              基本信息
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='jbxx'?'light':''" @click="goAnchor('jbxx')">
                基本信息
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='gzjl'?'light':''" @click="goAnchor('gzjl')">
              工作经历
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='gzjl'?'light':''" @click="goAnchor('gzjl')">
                工作经历
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='tjxx'?'light':''" @click="goAnchor('tjxx')">
              体检信息
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='tjxx'?'light':''" @click="goAnchor('tjxx')">
                体检信息
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='htxx'?'light':''" @click="goAnchor('htxx')">
              合同信息
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='htxx'?'light':''" @click="goAnchor('htxx')">
                合同信息
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='tgjl'?'light':''" @click="goAnchor('tgjl')">
              调岗记录
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='tgjl'?'light':''" @click="goAnchor('tgjl')">
                调岗记录
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='qjjl'?'light':''" @click="goAnchor('qjjl')">
              请假记录
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='qjjl'?'light':''" @click="goAnchor('qjjl')">
                请假记录
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='czsq'?'light':''" @click="goAnchor('czsq')">
              辞职申请
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='czsq'?'light':''" @click="goAnchor('czsq')">
                辞职申请
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='lzdykq'?'light':''" @click="goAnchor('lzdykq')">
              离职当月考勤
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='lzdykq'?'light':''" @click="goAnchor('lzdykq')">
                离职当月考勤
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='rlzjl'?'light':''" @click="goAnchor('rlzjl')">
              入离职记录
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='rlzjl'?'light':''" @click="goAnchor('rlzjl')">
                入离职记录
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='syjlq'?'light':''" @click="goAnchor('syjlq')">
              失业金领取
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='syjlq'?'light':''" @click="goAnchor('syjlq')">
                失业金领取
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='sbsq'?'light':''" @click="goAnchor('sbsq')">
              社保申请
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='sbsq'?'light':''" @click="goAnchor('sbsq')">
                社保申请
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='ywxaj'?'light':''" @click="goAnchor('ywxaj')">
              意外险案件
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='ywxaj'?'light':''" @click="goAnchor('ywxaj')">
                意外险案件
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='gsaj'?'light':''" @click="goAnchor('gsaj')">
              工伤案件
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='gsaj'?'light':''" @click="goAnchor('gsaj')">
                工伤案件
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='lzaj'?'light':''" @click="goAnchor('lzaj')">
              劳资案件
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='lzaj'?'light':''" @click="goAnchor('lzaj')">
                劳资案件
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='bljl'?'light':''" @click="goAnchor('bljl')">
              不良记录
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='bljl'?'light':''" @click="goAnchor('bljl')">
                不良记录
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='bz'?'light':''" @click="goAnchor('bz')">
              备注
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='bz'?'light':''" @click="goAnchor('bz')">
                备注
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='jljt'?'light':''" @click="goAnchor('jljt')">
              记录截图
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='jljt'?'light':''" @click="goAnchor('jljt')">
                记录截图
              </a>
            </div>
          </li>
          <li>
            <a href="javascript:void(0)" :class="item=='xgfj'?'light':''" @click="goAnchor('xgfj')">
              相关附件
            </a>
            <div />
            <div class="item-node" />
            <div>
              <a href="javascript:void(0)" :class="item=='xgfj'?'light':''" @click="goAnchor('xgfj')">
                相关附件
              </a>
            </div>
          </li>
        </ul>
      </div>
@@ -125,7 +196,12 @@
        <div ref="jbxx" class="jbxx">
          <div class="jbxxTitle" style="position:relative;">
            基本信息
            <el-button style="position:absolute;right: 40px" class="filter-item" type="primary" @click.native="gzupdate">
            <el-button
              style="position:absolute;right: 40px"
              class="filter-item"
              type="primary"
              @click.native="gzupdate"
            >
              编辑
            </el-button>
          </div>
@@ -490,10 +566,11 @@
        <div ref="gzjl" class="gzjl">
          <div class="jbxxTitle">
            工作经历
            <el-button class="filter-item" type="primary" @click.native="gzadd(1)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(1)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table
              ref="workExperienceTable"
@@ -542,10 +619,11 @@
        <div ref="tjxx" class="tjxx">
          <div class="jbxxTitle">
            体检信息
            <el-button class="filter-item" type="primary" @click.native="gzadd(2)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(2)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table
              ref="physicalExamTable"
@@ -598,10 +676,10 @@
        <div ref="htxx" class="htxx">
          <div class="jbxxTitle">
            合同信息
            <el-button class="filter-item" type="primary" @click.native="gzadd(3)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(3)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table
@@ -671,8 +749,8 @@
              <el-table-column prop="changeDate" label="调岗日期" />
              <el-table-column prop="changeType" label="调岗类型">
                <template slot-scope="scope">
                  {{ scope.row.changeType === '2' ? '升职': '' }}
                  {{ scope.row.changeType === '3' ? '调动': '' }}
                  {{ scope.row.changeType === '2' ? '升职' : '' }}
                  {{ scope.row.changeType === '3' ? '调动' : '' }}
                </template>
              </el-table-column>
            </el-table>
@@ -687,12 +765,18 @@
        <div ref="qjjl" class="qjjl">
          <div class="jbxxTitle">
            请假记录
            <el-button class="filter-item" type="primary" @click.native="gzadd(5)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(5)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table ref="leaveInfoTable" :data="leaveInfoData" style="width: 100%;" @selection-change="onleaveInfoDataselection">
            <el-table
              ref="leaveInfoTable"
              :data="leaveInfoData"
              style="width: 100%;"
              @selection-change="onleaveInfoDataselection"
            >
              <el-table-column type="index" label="序号" align="center" width="55">
                <template slot-scope="scope">
                  <span v-text="getIndex(scope.$index)" />
@@ -717,9 +801,9 @@
              <el-table-column prop="leaveDay" label="请假天数" width="100" />
              <el-table-column prop="leaveType" label="请假类型">
                <template slot-scope="scope">
                  {{ scope.row.leaveType === '1' ? '事假': '' }}
                  {{ scope.row.leaveType === '2' ? '病假': '' }}
                  {{ scope.row.leaveType === '3' ? '调休假': '' }}
                  {{ scope.row.leaveType === '1' ? '事假' : '' }}
                  {{ scope.row.leaveType === '2' ? '病假' : '' }}
                  {{ scope.row.leaveType === '3' ? '调休假' : '' }}
                </template>
              </el-table-column>
              <el-table-column prop="returnDate" label="到岗时间" width="180" />
@@ -737,12 +821,18 @@
        <div ref="czsq" class="czsq">
          <div class="jbxxTitle">
            辞职申请
            <el-button class="filter-item" type="primary" @click.native="gzadd(6)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(6)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table ref="resignTable" :data="resignData" style="width: 100%;" @selection-change="onresignDataselection">
            <el-table
              ref="resignTable"
              :data="resignData"
              style="width: 100%;"
              @selection-change="onresignDataselection"
            >
              <el-table-column type="index" label="序号" align="center" width="55">
                <template slot-scope="scope">
                  <span v-text="getIndex(scope.$index)" />
@@ -778,10 +868,11 @@
        <div ref="lzdykq" class="lzdykq">
          <div class="jbxxTitle">
            离职当月考勤
            <el-button class="filter-item" type="primary" @click.native="gzadd(4)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(4)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table
              ref="dimissionAttendTable"
@@ -862,10 +953,11 @@
        <div ref="syjlq" class="syjlq">
          <div class="jbxxTitle">
            失业金领取
            <el-button class="filter-item" type="primary" @click.native="gzadd(7)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(7)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table
              ref="unemploymentTable"
@@ -909,12 +1001,18 @@
        <div ref="sbsq" class="sbsq">
          <div class="jbxxTitle">
            社保申请
            <el-button class="filter-item" type="primary" @click.native="gzadd(8)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(8)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table ref="insuranceTable" :data="insuranceData" style="width: 100%;" @selection-change="oninsuranceDataselection">
            <el-table
              ref="insuranceTable"
              :data="insuranceData"
              style="width: 100%;"
              @selection-change="oninsuranceDataselection"
            >
              <el-table-column type="index" label="序号" align="center" width="55">
                <template slot-scope="scope">
                  <span v-text="getIndex(scope.$index)" />
@@ -938,23 +1036,23 @@
              <el-table-column prop="proposer" label="申请人" width="180" />
              <el-table-column prop="insuranceGaers" label="社保档位">
                <template slot-scope="scope">
                  {{ scope.row.insuranceGaers === '1' ? '深户（五险一档）': '' }}
                  {{ scope.row.insuranceGaers === '2' ? '非深户(五险一档)': '' }}
                  {{ scope.row.insuranceGaers === '3' ? '非深户(五险二档)': '' }}
                  {{ scope.row.insuranceGaers === '4' ? '调休假': '' }}
                  {{ scope.row.insuranceGaers === '5' ? '调休假': '' }}
                  {{ scope.row.insuranceGaers === '1' ? '深户（五险一档）' : '' }}
                  {{ scope.row.insuranceGaers === '2' ? '非深户(五险一档)' : '' }}
                  {{ scope.row.insuranceGaers === '3' ? '非深户(五险二档)' : '' }}
                  {{ scope.row.insuranceGaers === '4' ? '调休假' : '' }}
                  {{ scope.row.insuranceGaers === '5' ? '调休假' : '' }}
                </template>
              </el-table-column>
              <el-table-column prop="reportStatus" label="是否已报告">
                <template slot-scope="scope">
                  {{ scope.row.reportStatus === 1 ? '未报告': '' }}
                  {{ scope.row.reportStatus === 2 ? '已报告': '' }}
                  {{ scope.row.reportStatus === 1 ? '未报告' : '' }}
                  {{ scope.row.reportStatus === 2 ? '已报告' : '' }}
                </template>
              </el-table-column>
              <el-table-column prop="applayStatus" label="状态">
                <template slot-scope="scope">
                  {{ scope.row.applayStatus === 1 ? '未申请': '' }}
                  {{ scope.row.applayStatus === 2 ? '已申请': '' }}
                  {{ scope.row.applayStatus === 1 ? '未申请' : '' }}
                  {{ scope.row.applayStatus === 2 ? '已申请' : '' }}
                </template>
              </el-table-column>
              <el-table-column prop="auditor" label="审核人" width="180" />
@@ -971,10 +1069,11 @@
        <div ref="ywxaj" class="ywxaj">
          <div class="jbxxTitle">
            意外险案件
            <el-button class="filter-item" type="primary" @click.native="gzadd(9)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(9)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table
              ref="accidentCasesTable"
@@ -1010,8 +1109,8 @@
              <el-table-column prop="treatmentName" label="就诊科室" width="100" />
              <el-table-column prop="hospitalizatioFlag" label="是否住院" width="60">
                <template slot-scope="scope">
                  {{ scope.row.hospitalizatioFlag === 1 ? '是': '' }}
                  {{ scope.row.hospitalizatioFlag === 2 ? '否': '' }}
                  {{ scope.row.hospitalizatioFlag === 1 ? '是' : '' }}
                  {{ scope.row.hospitalizatioFlag === 2 ? '否' : '' }}
                </template>
              </el-table-column>
              <el-table-column prop="bedNumb" label="床号" width="60" />
@@ -1032,10 +1131,11 @@
        <div ref="gsaj" class="gsaj">
          <div class="jbxxTitle">
            工伤案件
            <el-button class="filter-item" type="primary" @click.native="gzadd(10)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(10)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table
              ref="occupationalTable"
@@ -1071,8 +1171,8 @@
              <el-table-column prop="treatmentName" label="就诊科室" />
              <el-table-column prop="hospitalizatioFlag" label="是否住院" width="80">
                <template slot-scope="scope">
                  {{ scope.row.hospitalizatioFlag === 1 ? '是': '' }}
                  {{ scope.row.hospitalizatioFlag === 2 ? '否': '' }}
                  {{ scope.row.hospitalizatioFlag === 1 ? '是' : '' }}
                  {{ scope.row.hospitalizatioFlag === 2 ? '否' : '' }}
                </template>
              </el-table-column>
              <el-table-column prop="bedNumb" label="床号" width="60" />
@@ -1093,10 +1193,11 @@
        <div ref="lzaj" class="lzaj">
          <div class="jbxxTitle">
            劳资案件
            <el-button class="filter-item" type="primary" @click.native="gzadd(11)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(11)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table
              ref="laborTroubleTable"
@@ -1127,9 +1228,9 @@
              <el-table-column prop="arbitrationDate" label="仲裁日期" width="100" />
              <el-table-column prop="arbitrationType" label="仲裁类型">
                <template slot-scope="scope">
                  {{ scope.row.arbitrationType === '01' ? '劳资纠纷': '' }}
                  {{ scope.row.arbitrationType === '02' ? '民事纠纷': '' }}
                  {{ scope.row.arbitrationType === '03' ? '合同纠纷': '' }}
                  {{ scope.row.arbitrationType === '01' ? '劳资纠纷' : '' }}
                  {{ scope.row.arbitrationType === '02' ? '民事纠纷' : '' }}
                  {{ scope.row.arbitrationType === '03' ? '合同纠纷' : '' }}
                </template>
              </el-table-column>
              <el-table-column prop="arbitrationReason" label="仲裁事由" />
@@ -1138,8 +1239,8 @@
              <el-table-column prop="arbitrationPay" label="仲裁赔付（元）" width="180" />
              <el-table-column prop="arbitrationStatus" label="状态" width="100">
                <template slot-scope="scope">
                  {{ scope.row.arbitrationStatus === 0 ? '未结案': '' }}
                  {{ scope.row.arbitrationStatus === 1 ? '已结案': '' }}
                  {{ scope.row.arbitrationStatus === 0 ? '未结案' : '' }}
                  {{ scope.row.arbitrationStatus === 1 ? '已结案' : '' }}
                </template>
              </el-table-column>
              <el-table-column prop="settleDate" label="案结日期" width="100" />
@@ -1155,10 +1256,11 @@
        <div ref="bljl" class="bljl">
          <div class="jbxxTitle">
            不良记录
            <el-button class="filter-item" type="primary" @click.native="gzadd(12)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(12)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table
              ref="badRecordTable"
@@ -1206,10 +1308,11 @@
        <div ref="bz" class="bz">
          <div class="jbxxTitle">
            备注
            <el-button class="filter-item" type="primary" @click.native="gzadd(13)">
              {{ $t('table.add') }}
            </el-button>
          </div>
          <el-button class="filter-item" type="primary" @click.native="gzadd(13)">
            {{ $t('table.add') }}
          </el-button>

          <div class="jbxxCon">
            <el-table
              ref="remarkInfoTable"
@@ -1250,13 +1353,14 @@

        <div ref="jljt" class="jljt">
          <div class="jbxxTitle">
            记录截图
            上传附件
          </div>
          <div class="jbxxCon">
            <div class="zs-main">
              <el-row class="search-title">
                <el-col :span="18" class="title">
                  <div class="zs-title">上传附件</div>
                  <!--                  <div class="zs-title">上传附件</div>-->
                  <p />
                </el-col>
                <el-col :span="6" class="search">
                  <el-input
@@ -1294,11 +1398,13 @@
                </el-aside>
                <el-container>
                  <el-header class="text-header">
                    <el-row><el-col :span="24">
                      <i
                        class="el-icon-bell"
                        style=" color: #a32c30; margin-right: 10px;"
                      />提示：文件不要超过10个，单个文件大小不超过50M，单击或者拖动文件到下面区域，支持单个或批量文件的上传。</el-col>
                    <el-row>
                      <el-col :span="24">
                        <i
                          class="el-icon-bell"
                          style=" color: #a32c30; margin-right: 10px;"
                        />提示：文件不要超过10个，单个文件大小不超过50M，单击或者拖动文件到下面区域，支持单个或批量文件的上传。
                      </el-col>
                    </el-row>
                    <el-row style="background-color: rgba(0,0,0,0.2);">
                      <el-col :span="16">
@@ -1307,20 +1413,24 @@
                          class="myRedCheckBox"
                          style="color: #000; margin-left: 20px;"
                          @change="checkAllMethods()"
                        >全选</el-checkbox></el-col>
                        >全选
                        </el-checkbox>
                      </el-col>
                      <el-col :span="8">
                        <el-button
                          type="primary"
                          icon="el-icon-download"
                          size="mini"
                          @click="download()"
                        >下载</el-button>
                        >下载
                        </el-button>
                        <el-button
                          type="primary"
                          icon="el-icon-search"
                          size="mini"
                          @click="delFile()"
                        >删除</el-button>
                        >删除
                        </el-button>
                        <el-popconfirm title="是否移动附件？" @onConfirm="mvdialogFormVisible = true">
                          <el-button slot="reference" class="hr-but" type="danger">转存</el-button>
                        </el-popconfirm>
@@ -1342,10 +1452,10 @@
                      >
                        <el-select v-model="labelfrom.labelid" placeholder="请选择移动的标签">
                          <el-option
                            v-for="item in activities"
                            :key="item.id"
                            :value="item.id"
                            :label="item.timestamp"
                            v-for="items in activities"
                            :key="items.id"
                            :value="items.id"
                            :label="items.timestamp"
                          />
                        </el-select>
                      </el-form-item>
@@ -1355,10 +1465,11 @@
                      <el-button
                        type="primary"
                        @click="mvlabel('mvlabelfrom')"
                      >确 定</el-button>
                      >确 定
                      </el-button>
                    </div>
                  </el-dialog>
                  <el-main style="background-color: #fff;">
                  <el-main style="background-color: #fff;margin-top: 5%;">
                    <el-row v-for="(data, index) in filesUploadData" :key="index">
                      <template v-for="(node, nodeIndex) in data.node">
                        <el-col v-if="node.isUpload === false" :key="node.filesid" :span="3">
@@ -1372,7 +1483,11 @@
                            >
                            <el-tooltip class="item" effect="dark" :content="node.filesname" placement="bottom">
                              <div style="padding-top: 14px;">
                                <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">{{ node.filesname }}</el-checkbox>
                                <el-checkbox
                                  v-model="checkedArr[index * 8 + nodeIndex].isChecked"
                                  class="myRedCheckBox"
                                >{{ node.filesname }}
                                </el-checkbox>
                              </div>
                            </el-tooltip>
                          </el-card>
@@ -1451,11 +1566,13 @@
                </el-aside>
                <el-container>
                  <el-header class="text-header">
                    <el-row><el-col :span="24">
                      <i
                        class="el-icon-bell"
                        style=" color: #a32c30; margin-right: 10px;"
                      />提示：文件不要超过10个，单个文件大小不超过50M，单击或者拖动文件到下面区域，支持单个或批量文件的上传。</el-col>
                    <el-row>
                      <el-col :span="24">
                        <i
                          class="el-icon-bell"
                          style=" color: #a32c30; margin-right: 10px;"
                        />提示：文件不要超过10个，单个文件大小不超过50M，单击或者拖动文件到下面区域，支持单个或批量文件的上传。
                      </el-col>
                    </el-row>
                    <el-row style="background-color: rgba(0,0,0,0.2);">
                      <el-col :span="16">
@@ -1464,20 +1581,24 @@
                          class="myRedCheckBox"
                          style="color: #000; margin-left: 20px;"
                          @change="checkAllMethods()"
                        >全选</el-checkbox></el-col>
                        >全选
                        </el-checkbox>
                      </el-col>
                      <el-col :span="8">
                        <el-button
                          type="primary"
                          icon="el-icon-download"
                          size="mini"
                          @click="download()"
                        >下载</el-button>
                        >下载
                        </el-button>
                        <el-button
                          type="primary"
                          icon="el-icon-search"
                          size="mini"
                          @click="delFile()"
                        >删除</el-button>
                        >删除
                        </el-button>
                        <el-popconfirm title="是否移动附件？" @onConfirm="mvdialogFormVisible = true">
                          <el-button slot="reference" class="hr-but" type="danger">转存</el-button>
                        </el-popconfirm>
@@ -1499,10 +1620,10 @@
                      >
                        <el-select v-model="labelfrom.labelid" placeholder="请选择移动的标签">
                          <el-option
                            v-for="item in activities"
                            :key="item.id"
                            :value="item.id"
                            :label="item.timestamp"
                            v-for="items in activities"
                            :key="items.id"
                            :value="items.id"
                            :label="items.timestamp"
                          />
                        </el-select>
                      </el-form-item>
@@ -1512,10 +1633,11 @@
                      <el-button
                        type="primary"
                        @click="mvlabel('mvlabelfrom')"
                      >确 定</el-button>
                      >确 定
                      </el-button>
                    </div>
                  </el-dialog>
                  <el-main style="background-color: #fff;">
                  <el-main style="background-color: #fff;margin-top: 5%;">
                    <el-row v-for="(data, index) in filesUploadData" :key="index">
                      <template v-for="(node, nodeIndex) in data.node">
                        <el-col v-if="node.isUpload === false" :key="node.filesid" :span="3">
@@ -1529,7 +1651,11 @@
                            >
                            <el-tooltip class="item" effect="dark" :content="node.filesname" placement="bottom">
                              <div style="padding-top: 14px;">
                                <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">{{ node.filesname }}</el-checkbox>
                                <el-checkbox
                                  v-model="checkedArr[index * 8 + nodeIndex].isChecked"
                                  class="myRedCheckBox"
                                >{{ node.filesname }}
                                </el-checkbox>
                              </div>
                            </el-tooltip>
                          </el-card>
@@ -1565,7 +1691,13 @@
      </div>
    </div>
    <el-dialog title="工作经历" append-to-body :visible.sync="dialogshowArr[1].show" width="50%">
      <el-form ref="workExperienceForm" :model="workExperienceForm" :rules="workExperienceRules" label-position="right" label-width="120px">
      <el-form
        ref="workExperienceForm"
        :model="workExperienceForm"
        :rules="workExperienceRules"
        label-position="right"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -1638,7 +1770,13 @@
      </div>
    </el-dialog>
    <el-dialog title="体检信息" append-to-body :visible.sync="dialogshowArr[2].show" width="50%">
      <el-form ref="physicalExamForm" :model="physicalExamForm" :rules="physicalExamRules" label-position="right" label-width="120px">
      <el-form
        ref="physicalExamForm"
        :model="physicalExamForm"
        :rules="physicalExamRules"
        label-position="right"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -1724,7 +1862,13 @@
      </div>
    </el-dialog>
    <el-dialog title="合同信息" append-to-body :visible.sync="dialogshowArr[3].show" width="50%">
      <el-form ref="contractInfoForm" :model="contractInfoForm" :rules="contractInfoRules" label-position="right" label-width="120px">
      <el-form
        ref="contractInfoForm"
        :model="contractInfoForm"
        :rules="contractInfoRules"
        label-position="right"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -1799,7 +1943,13 @@
      </div>
    </el-dialog>
    <el-dialog title="离职当月考勤" append-to-body :visible.sync="dialogshowArr[4].show" width="50%">
      <el-form ref="dimissionAttendForm" :model="dimissionAttendForm" :rules="dimissionAttendRules" label-position="right" label-width="120px">
      <el-form
        ref="dimissionAttendForm"
        :model="dimissionAttendForm"
        :rules="dimissionAttendRules"
        label-position="right"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -1871,7 +2021,13 @@
      </div>
    </el-dialog>
    <el-dialog title="请假记录" append-to-body :visible.sync="dialogshowArr[5].show" width="50%">
      <el-form ref="leaveInfoForm" :model="leaveInfoForm" :rules="leaveInfoRules" label-position="right" label-width="120px">
      <el-form
        ref="leaveInfoForm"
        :model="leaveInfoForm"
        :rules="leaveInfoRules"
        label-position="right"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -2020,7 +2176,13 @@
      </div>
    </el-dialog>
    <el-dialog title="失业金领取" append-to-body :visible.sync="dialogshowArr[7].show" width="50%">
      <el-form ref="unemploymentForm" :model="unemploymentForm" :rules="unemploymentRules" label-position="right" label-width="120px">
      <el-form
        ref="unemploymentForm"
        :model="unemploymentForm"
        :rules="unemploymentRules"
        label-position="right"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -2082,7 +2244,13 @@
      </div>
    </el-dialog>
    <el-dialog title="社保申请" append-to-body :visible.sync="dialogshowArr[8].show" width="50%">
      <el-form ref="insuranceForm" :model="insuranceForm" :rules="insuranceRules" label-position="right" label-width="120px">
      <el-form
        ref="insuranceForm"
        :model="insuranceForm"
        :rules="insuranceRules"
        label-position="right"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -2161,7 +2329,13 @@
      </div>
    </el-dialog>
    <el-dialog title="意外险案件" append-to-body :visible.sync="dialogshowArr[9].show" width="50%">
      <el-form ref="accidentCasesForm" :model="accidentCasesForm" :rules="accidentCasesRules" label-position="right" label-width="120px">
      <el-form
        ref="accidentCasesForm"
        :model="accidentCasesForm"
        :rules="accidentCasesRules"
        label-position="right"
        label-width="120px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -2295,7 +2469,13 @@
      </div>
    </el-dialog>
    <el-dialog title="工伤案件" append-to-body :visible.sync="dialogshowArr[10].show" width="50%">
      <el-form ref="occupationalForm" :model="occupationalForm" :rules="occupationalRules" label-position="right" label-width="140px">
      <el-form
        ref="occupationalForm"
        :model="occupationalForm"
        :rules="occupationalRules"
        label-position="right"
        label-width="140px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -2474,7 +2654,13 @@
      </div>
    </el-dialog>
    <el-dialog title="劳资案件" append-to-body :visible.sync="dialogshowArr[11].show" width="50%">
      <el-form ref="laborTroubleForm" :model="laborTroubleForm" :rules="laborTroubleRules" label-position="right" label-width="140px">
      <el-form
        ref="laborTroubleForm"
        :model="laborTroubleForm"
        :rules="laborTroubleRules"
        label-position="right"
        label-width="140px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -2527,7 +2713,11 @@
              </el-select>
            </el-form-item>
            <el-form-item label="仲裁赔付（元）" prop="'arbitrationPay">
              <el-input v-model="laborTroubleForm.arbitrationPay" oninput="value=value.replace(/^\.+|[^\d.]/g,'')" @blur="arbitrationPayChange" />
              <el-input
                v-model="laborTroubleForm.arbitrationPay"
                oninput="value=value.replace(/^\.+|[^\d.]/g,'')"
                @blur="arbitrationPayChange"
              />
            </el-form-item>
            <el-form-item label="案结日期" prop="settleDate">
              <el-date-picker
@@ -2560,7 +2750,13 @@
      </div>
    </el-dialog>
    <el-dialog title="不良记录" append-to-body :visible.sync="dialogshowArr[12].show" width="50%">
      <el-form ref="badRecordForm" :model="badRecordForm" :rules="badRecordRules" label-position="right" label-width="140px">
      <el-form
        ref="badRecordForm"
        :model="badRecordForm"
        :rules="badRecordRules"
        label-position="right"
        label-width="140px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -2688,6 +2884,7 @@
import Pagination from '@/components/Pagination'
import { getToken } from '@/utils/auth'
import { pages } from '@/settings'

export default {
  name: 'ArchivesEdit',
  components: { Treeselect, Pagination },
@@ -2797,12 +2994,20 @@
        certificateNumb: [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
        jobName: [{ required: true, message: '请选择岗位', trigger: 'change' }],
        nativePlaceName: [{ required: true, message: '请选择籍贯', trigger: 'change' }],
        bankName: [{ required: true, message: '请输入银行名称', trigger: 'blur' }, { max: 36, message: '长度不超过36个字符', trigger: 'blur' }],
        bankName: [{ required: true, message: '请输入银行名称', trigger: 'blur' }, {
          max: 36,
          message: '长度不超过36个字符',
          trigger: 'blur'
        }],
        insuranceType: [{ required: true, message: '请选择保险类型', trigger: 'change' }],
        entryDate: [{ required: true, message: '请选择入职日期', trigger: 'change' }],
        seniority: [{ required: true, message: '请输入入司工龄', trigger: 'blur' }],
        archivesStatus: [{ required: true, message: '请选择档案情况', trigger: 'change' }],
        bankNumb: [{ required: true, message: '请输入银行账号', trigger: 'blur' }, { max: 32, message: '长度不超过32个字符', trigger: 'blur' }],
        bankNumb: [{ required: true, message: '请输入银行账号', trigger: 'blur' }, {
          max: 32,
          message: '长度不超过32个字符',
          trigger: 'blur'
        }],
        empType: [{ required: true, message: '请选择员工类型', trigger: 'change' }],
        censusAddress: [{ max: 128, message: '长度不超过128个字符', trigger: 'blur' }],
        currentAddress: [{ max: 128, message: '长度不超过128个字符', trigger: 'blur' }],
@@ -2816,19 +3021,43 @@
        urgencyPhone: [{ max: 30, message: '长度不超过30个字符', trigger: 'blur' }]
      },
      workExperienceRules: {
        workUnit: [{ required: true, message: '请输入工作单位', trigger: 'blur' }, { max: 128, message: '长度不超过128个字符', trigger: 'blur' }],
        workUnit: [{ required: true, message: '请输入工作单位', trigger: 'blur' }, {
          max: 128,
          message: '长度不超过128个字符',
          trigger: 'blur'
        }],
        beginDate: [{ required: true, validator: this.startDate }],
        endDate: [{ required: true, validator: this.endDate }],
        jobContent: [{ max: 512, message: '长度不超过512个字符', trigger: 'blur' }]
      },
      physicalExamRules: {
        physicalExamDate: [{ required: true, message: '请选择体检日期', trigger: 'change' }],
        hospital: [{ required: true, message: '请输入体检医院', trigger: 'blur' }, { max: 64, message: '长度不超过64个字符', trigger: 'blur' }],
        hospital: [{ required: true, message: '请输入体检医院', trigger: 'blur' }, {
          max: 64,
          message: '长度不超过64个字符',
          trigger: 'blur'
        }],
        physicalExamType: [{ required: true, message: '请选择体检类型', trigger: 'change' }],
        bloodPressure: [{ required: true, message: '请输入血压', trigger: 'blur' }, { max: 40, message: '长度不超过40个字符', trigger: 'blur' }],
        transaminase: [{ required: true, message: '请输入转氨酶', trigger: 'blur' }, { max: 40, message: '长度不超过40个字符', trigger: 'blur' }],
        ecg: [{ required: true, message: '请选择心电图', trigger: 'change' }, { max: 16, message: '长度不超过16个字符', trigger: 'blur' }],
        conclusion: [{ required: true, message: '请输入体检结论', trigger: 'blur' }, { max: 128, message: '长度不超过128个字符', trigger: 'blur' }],
        bloodPressure: [{ required: true, message: '请输入血压', trigger: 'blur' }, {
          max: 40,
          message: '长度不超过40个字符',
          trigger: 'blur'
        }],
        transaminase: [{ required: true, message: '请输入转氨酶', trigger: 'blur' }, {
          max: 40,
          message: '长度不超过40个字符',
          trigger: 'blur'
        }],
        ecg: [{ required: true, message: '请选择心电图', trigger: 'change' }, {
          max: 16,
          message: '长度不超过16个字符',
          trigger: 'blur'
        }],
        conclusion: [{ required: true, message: '请输入体检结论', trigger: 'blur' }, {
          max: 128,
          message: '长度不超过128个字符',
          trigger: 'blur'
        }],
        reviewRecord: [{ max: 128, message: '长度不超过128个字符', trigger: 'blur' }],
        remark: [{ max: 512, message: '长度不超过512个字符', trigger: 'blur' }]
      },
@@ -2842,8 +3071,15 @@
      },
      dimissionAttendRules: {
        attendMonth: [{ required: true, message: '请选择出勤月份', trigger: 'change' }],
        deduct: [{ required: true, message: '请输入代扣填款项', trigger: 'blur' }, { max: 100, message: '长度不超过100个字符', trigger: 'blur' }],
        attendDays: [{ required: true, message: '请输入出勤天数', trigger: 'blur' }, { pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '出勤天数精确到1位小数' }],
        deduct: [{ required: true, message: '请输入代扣填款项', trigger: 'blur' }, {
          max: 100,
          message: '长度不超过100个字符',
          trigger: 'blur'
        }],
        attendDays: [{ required: true, message: '请输入出勤天数', trigger: 'blur' }, {
          pattern: /^\d{1,2}(\.\d{1,1})?$/,
          message: '出勤天数精确到1位小数'
        }],
        overtimeDay: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '加班（天）精确到1位小数' }],
        overtimeHour: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '加班（小时）精确到1位小数' }],
        leaveDay: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '请假（天）精确到1位小数' }],
@@ -2860,20 +3096,32 @@
      },
      resignRules: {
        applayDate: [{ required: true, message: '请选择申请日期', trigger: 'change' }],
        reason: [{ required: true, message: '请输入事由', trigger: 'blur' }, { max: 256, message: '长度不超过256个字符', trigger: 'blur' }],
        reason: [{ required: true, message: '请输入事由', trigger: 'blur' }, {
          max: 256,
          message: '长度不超过256个字符',
          trigger: 'blur'
        }],
        remark: [{ max: 512, message: '长度不超过512个字符', trigger: 'blur' }],
        reporter: [{ max: 40, message: '长度不超过40个字符', trigger: 'blur' }]
      },
      unemploymentRules: {
        applayDate: [{ required: true, message: '请选择申请日期', trigger: 'change' }],
        applayReason: [{ required: true, message: '请输入申报事由', trigger: 'blur' }, { max: 128, message: '长度不超过128个字符', trigger: 'blur' }],
        applayReason: [{ required: true, message: '请输入申报事由', trigger: 'blur' }, {
          max: 128,
          message: '长度不超过128个字符',
          trigger: 'blur'
        }],
        reporter: [{ max: 40, message: '长度不超过40个字符', trigger: 'blur' }],
        auditor: [{ max: 40, message: '长度不超过40个字符', trigger: 'blur' }],
        remark: [{ max: 512, message: '长度不超过512个字符', trigger: 'blur' }]
      },
      insuranceRules: {
        applayDate: [{ required: true, message: '请选择申请日期', trigger: 'change' }],
        proposer: [{ required: true, message: '请输入申请人', trigger: 'blur' }, { max: 40, message: '长度不超过40个字符', trigger: 'blur' }],
        proposer: [{ required: true, message: '请输入申请人', trigger: 'blur' }, {
          max: 40,
          message: '长度不超过40个字符',
          trigger: 'blur'
        }],
        insuranceGaers: [{ required: true, message: '请选择社保档位', trigger: 'change' }],
        auditor: [{ max: 40, message: '长度不超过40个字符', trigger: 'blur' }],
        remark: [{ max: 512, message: '长度不超过512个字符', trigger: 'blur' }],
@@ -2881,10 +3129,26 @@
      },
      accidentCasesRules: {
        injuredTime: [{ required: true, message: '请选择受伤时间', trigger: 'blur' }],
        injuredPart: [{ required: true, message: '请输入受伤部位', trigger: 'blur' }, { max: 40, message: '长度不超过40个字符', trigger: 'blur' }],
        injuredAddress: [{ required: true, message: '请输入受伤地点', trigger: 'blur' }, { max: 64, message: '长度不超过64个字符', trigger: 'blur' }],
        injuredDescribe: [{ required: true, message: '请输入受伤经过描述', trigger: 'blur' }, { max: 512, message: '长度不超过512个字符', trigger: 'blur' }],
        hospitalName: [{ required: true, message: '请输入就诊医院', trigger: 'blur' }, { max: 40, message: '长度不超过40个字符', trigger: 'blur' }],
        injuredPart: [{ required: true, message: '请输入受伤部位', trigger: 'blur' }, {
          max: 40,
          message: '长度不超过40个字符',
          trigger: 'blur'
        }],
        injuredAddress: [{ required: true, message: '请输入受伤地点', trigger: 'blur' }, {
          max: 64,
          message: '长度不超过64个字符',
          trigger: 'blur'
        }],
        injuredDescribe: [{ required: true, message: '请输入受伤经过描述', trigger: 'blur' }, {
          max: 512,
          message: '长度不超过512个字符',
          trigger: 'blur'
        }],
        hospitalName: [{ required: true, message: '请输入就诊医院', trigger: 'blur' }, {
          max: 40,
          message: '长度不超过40个字符',
          trigger: 'blur'
        }],
        hospitalizatioFlag: [{ required: true, message: '请选择是否住院', trigger: 'blur' }],
        innsureFee: [{ required: true, message: '请输入保险赔付费用', trigger: 'blur' }],
        expensesFee: [{ required: true, message: '请输入医疗总费用', trigger: 'blur' }],
@@ -2896,9 +3160,21 @@
      },
      occupationalRules: {
        injuredTime: [{ required: true, message: '请选择受伤时间', trigger: 'blur' }],
        injuredPart: [{ required: true, message: '请输入受伤部位', trigger: 'blur' }, { max: 40, message: '长度不超过40个字符', trigger: 'blur' }],
        injuredDescribe: [{ required: true, message: '请输入受伤经过描述', trigger: 'blur' }, { max: 512, message: '长度不超过512个字符', trigger: 'blur' }],
        hospitalName: [{ required: true, message: '请输入就诊医院', trigger: 'blur' }, { max: 40, message: '长度不超过40个字符', trigger: 'blur' }],
        injuredPart: [{ required: true, message: '请输入受伤部位', trigger: 'blur' }, {
          max: 40,
          message: '长度不超过40个字符',
          trigger: 'blur'
        }],
        injuredDescribe: [{ required: true, message: '请输入受伤经过描述', trigger: 'blur' }, {
          max: 512,
          message: '长度不超过512个字符',
          trigger: 'blur'
        }],
        hospitalName: [{ required: true, message: '请输入就诊医院', trigger: 'blur' }, {
          max: 40,
          message: '长度不超过40个字符',
          trigger: 'blur'
        }],
        hospitalizatioFlag: [{ required: true, message: '请选择是否住院', trigger: 'blur' }],
        innsureFee: [{ required: true, message: '请输入保险赔付费用', trigger: 'blur' }],
        settleDate: [{ required: true, message: '请选择案结时间', trigger: 'change' }],
@@ -2911,7 +3187,11 @@
      laborTroubleRules: {
        arbitrationType: [{ required: true, message: '请选择仲裁类型', trigger: 'change' }],
        arbitrationDate: [{ required: true, message: '请选择仲裁日期', trigger: 'change' }],
        arbitrationReason: [{ required: true, message: '请输入仲裁事由', trigger: 'blur' }, { max: 1024, message: '长度不超过1024个字符', trigger: 'blur' }],
        arbitrationReason: [{ required: true, message: '请输入仲裁事由', trigger: 'blur' }, {
          max: 1024,
          message: '长度不超过1024个字符',
          trigger: 'blur'
        }],
        arbitrationStatus: [{ required: true, message: '请选择结案状态', trigger: 'change' }],
        remark: [{ max: 512, message: '长度不超过512个字符', trigger: 'blur' }],
        reporter: [{ max: 40, message: '长度不超过40个字符', trigger: 'blur' }]
@@ -3625,7 +3905,11 @@
        this.$refs[formName].validate(valid => {
          if (valid) {
            // 生成查询文件的条件
            var params = { accessoryids: checke.join(','), labelid: this.labelfrom.labelid, empId: this.labelfrom.empId }
            var params = {
              accessoryids: checke.join(','),
              labelid: this.labelfrom.labelid,
              empId: this.labelfrom.empId
            }
            this.$post('hr/empAccessory/mvFiles', { ...params }).then(() => {
              this.$message({
                message: '移动成功!',
@@ -3795,9 +4079,11 @@
          }
        })
      })
      var params = { labelid: this.activities[this.beforeIndex].id,
      var params = {
        labelid: this.activities[this.beforeIndex].id,
        filesname: this.fileName,
        empid: this.empBaseInfoForm.empId }
        empid: this.empBaseInfoForm.empId
      }
      this.initFile(params)
    },
    initFile(params) {
@@ -5468,49 +5754,61 @@
}
</script>
<style lang="scss" scoped>
.conDetails{
.conDetails {
  display: flex;
  justify-content: space-between;
  .dadetails{
    width: 200px;
    padding: 10px ;

  .dadetails {
    width: 220px;
    padding: 10px;
    box-sizing: border-box;
    .jbxxImg{

    .jbxxImg {
      width: 100px;
      height: 80px;
    }
    .title-da{

    .title-da {
      margin-left: -102px;
      text-align: center;
      padding: 10px;
      padding-bottom: 7px;
      margin-bottom: 19px;
    }
    ul{

    ul {
      padding: 0px;
      li{

      li {
        list-style: none;
        padding: 10px ;
        padding: 10px;
      }
    }

  }
  .boxDetails{

  .boxDetails {
    flex: 1;
    padding: 10px;
    font-size: 16px;
    height: 100vh;
    height: 90vh;
    overflow-y: scroll;
    .jbxxTitle{

    .jbxxTitle {
      height: 30px;
      line-height: 30px;
      padding-left: 15px;
      border-left: 4px solid #a00515;
      margin: 60px 0 20px;
      margin: 80px 0 20px;
      color: #000;
      font-weight: 700;
      position: relative;
    }

    .jbxx .jbxxTitle {
      margin: 20px 0;
    }

    .jbxxTitle::after {

      content: '';
@@ -5522,9 +5820,11 @@
      height: 1px;
      border: 1px dashed #ccc;
    }
    .el-table__header{

    .el-table__header {
      width: 100%;
    }

    //.jbxx{
    //  /deep/.el-form-item{
    //    display: flex;
@@ -5545,6 +5845,7 @@

  }
}

.el-select {
  width: 100%;
}
@@ -5552,6 +5853,7 @@
.el-autocomplete {
  width: 100%;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
@@ -5560,9 +5862,11 @@
.el-main {
  margin-top: 2%;
}

.app-main {
  background-color: #ffffff;
}

.el-button,
.el-button--primary {
  background: #a32c30;
@@ -5570,12 +5874,15 @@
  color: #fff;
  outline: none;
}

.zs-main .text-header {
  line-height: 40px;
}

.el-card {
  border: none;
}

.el-input-number {
  width: 100%;
}
@@ -5589,37 +5896,46 @@
.clearfix:after {
  clear: both;
}

.add-folder {
  text-align: initial;
}

.zs-main {
  .search-title {
    height: 50px;

    .search {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
    }

    .title {
      position: relative;
      top: 40%;
      transform: translateY(-50%);
    }

    .zs-title {
      border-left: 4px solid #a32c30;
      padding-left: 10px;
      font-size: 16px;
    }
  }

  .add-folder-but {
    background: #fff !important;
    color: #a32c30 !important;
    margin-bottom: 20px;
  }

  padding: 0 15px 0 15px;

  .text-header {
    line-height: 60px;
  }

  .uploading-image {
    width: 100%;
    height: 100%;
@@ -5666,9 +5982,11 @@
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
@@ -5677,24 +5995,98 @@
  line-height: 178px;
  text-align: center;
}

.avatar {
  width: 178px;
  height: 178px;
  display: block;
}

.avatar-uploader .el-upload-dragger .el-icon-upload {
  margin: 20px 0 16px;
}

.avatar-uploader .el-upload-dragger {
  border: none;
  width: 100px;
  height: 100px;
}

.table-button {
  color: #a00515;display: inline-block;width: 50%;cursor: pointer;
  color: #a00515;
  display: inline-block;
  width: 50%;
  cursor: pointer;
}

.filter-item {
  margin-bottom: 10px;
  position: absolute;
  right: 20px;
}

.jbxx-ul {
  margin: 0;
  font-size: 14px;
  list-style: none;
  padding-left: 10px !important;

  >li:last-of-type {
    > div:first-of-type {
      position: absolute;
      left: 4px;
      height: 100%;
      border-left: 0;
    }
  }

  li {
    padding-bottom: 5px;
    position: relative;
    height: 45px;
    box-sizing: border-box;

    > div:first-of-type {
      position: absolute;
      left: 4px;
      height: 100%;
      border-left: 2px solid #dfe4ed;
    }

    > div:last-of-type {
      color: #333;
      cursor: pointer;
      position: relative;
      height: 45px;
      box-sizing: border-box;
      padding-left: 28px !important;
       &:hover {
         color: #a00515;
         cursor: pointer;
       }
      .light {
        color: #a00515;
      }
    }

    .item-node {
      left: -1px;
      width: 12px;
      height: 12px;
      position: absolute;
      background-color: #dfe4ed;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
  }
}
</style>