From c64be46f7a46494da3d90e11217ddeb9ae155cc2 Mon Sep 17 00:00:00 2001
From: 楚江漓i <85093541@qq.com>
Date: 星期四, 04 三月 2021 00:12:59 +0800
Subject: [PATCH] 数据统计所有子页面，在职员工档案页面，按钮等样式修改
---
src/views/user/archivesEdit.vue | 794 ++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 593 insertions(+), 201 deletions(-)
diff --git a/src/views/user/archivesEdit.vue b/src/views/user/archivesEdit.vue
index c2ba4fa..bc5df91 100644
--- a/src/views/user/archivesEdit.vue
+++ b/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>
@@ -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>
@@ -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>
--
Gitblit v1.8.0