From b6410541ccdf26f7be0f46d0a586abd8c28e65f6 Mon Sep 17 00:00:00 2001
From: 楚江漓i <85093541@qq.com>
Date: 星期一, 08 三月 2021 23:23:04 +0800
Subject: [PATCH] 表格样式调整
---
src/views/user/archivesEdit.vue | 160 ++++++++++++++++++++++++++++++-----------------------
1 files changed, 90 insertions(+), 70 deletions(-)
diff --git a/src/views/user/archivesEdit.vue b/src/views/user/archivesEdit.vue
index 24de1c8..3188f0a 100644
--- a/src/views/user/archivesEdit.vue
+++ b/src/views/user/archivesEdit.vue
@@ -4,6 +4,7 @@
:title="title"
width="100%"
height="100vh"
+ center
fullscreen="true"
:close-on-click-modal="false"
:visible.sync="isVisible"
@@ -190,7 +191,7 @@
<div class="jbxxTitle">
基本信息
<el-button
- style="position:absolute;right: 120px"
+ style="position:absolute;right: 130px"
class="filter-item"
type="primary"
@click.native="gzupdate"
@@ -199,7 +200,7 @@
</el-button>
<el-button
v-if="readon"
- style="position:absolute;right: 120px"
+ style="position:absolute;right: 130px"
class="filter-item"
type="primary"
@click.native="gzupdate1"
@@ -207,12 +208,12 @@
保存
</el-button>
<el-button
- style="position:absolute;right: 40px"
+ style="position:absolute;right: 20px"
class="filter-item"
type="primary"
@click="ExportSavePdf"
>
- 导出
+ 导出档案
</el-button>
</div>
@@ -559,8 +560,9 @@
:key="tableKey"
:data="workExperienceData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
:highlight-current-row="true"
@selection-change="onworkExperienceDataselection"
>
@@ -603,8 +605,9 @@
ref="physicalExamTable"
:data="physicalExamData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="onphysicalExamDataselection"
>
@@ -652,8 +655,9 @@
ref="contractInfoTable"
:data="contractInfoData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="oncontractInfoDataselection"
>
@@ -693,8 +697,9 @@
ref="jobChangeTable"
:data="jobChangeData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
>
<el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
@@ -732,8 +737,9 @@
ref="leaveInfoTable"
:data="leaveInfoData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="onleaveInfoDataselection"
>
@@ -779,8 +785,9 @@
ref="resignTable"
:data="resignData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="onresignDataselection"
>
@@ -823,8 +830,9 @@
ref="dimissionAttendTable"
:data="dimissionAttendData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="ondimissionAttendDataselection"
>
@@ -867,8 +875,9 @@
ref="dimissionLogTable"
:data="dimissionLogData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
>
<el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
@@ -905,8 +914,9 @@
ref="unemploymentTable"
:data="unemploymentData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="onunemploymentDataselection"
>
@@ -950,8 +960,9 @@
ref="insuranceTable"
:data="insuranceData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="oninsuranceDataselection"
>
@@ -997,8 +1008,9 @@
ref="accidentCasesTable"
:data="accidentCasesData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="onaccidentCasesDataselection"
>
@@ -1014,20 +1026,20 @@
</template>
</el-table-column>
<el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="accidentId" label="" />
- <el-table-column show-overflow-tooltip="true" prop="injuredTime" label="受伤日期" />
+ <el-table-column show-overflow-tooltip="true" prop="injuredTime" label="受伤日期" width="100" />
<el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" />
+ <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="80" />
+ <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" width="120" />
<el-table-column show-overflow-tooltip="true" prop="injuredDiacrisis" label="意外险诊断" width="100" />
<el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" width="100" />
<el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="60" :formatter="hospitalizatioFlagFormat" />
+ <el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="80" :formatter="hospitalizatioFlagFormat" />
<el-table-column show-overflow-tooltip="true" prop="bedNumb" label="床号" width="60" />
<el-table-column show-overflow-tooltip="true" prop="reprotTime" label="报案时间" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" width="100" />
+ <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" width="120" />
<el-table-column show-overflow-tooltip="true" prop="sbumitBy" label="递交人" width="100" />
<el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="innsureFee" label="保险赔付费用" width="100" />
+ <el-table-column show-overflow-tooltip="true" prop="innsureFee" label="保险赔付费用" width="120" />
</el-table>
<pagination
v-show="accidentCasesDatatotal>0"
@@ -1051,8 +1063,9 @@
ref="occupationalTable"
:data="occupationalData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="onoccupationalDataselection"
>
@@ -1068,20 +1081,20 @@
</template>
</el-table-column>
<el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="occupationalId" label="" />
- <el-table-column show-overflow-tooltip="true" prop="injuredTime" label="受伤日期" />
- <el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" />
- <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="80" />
- <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" />
+ <el-table-column show-overflow-tooltip="true" prop="injuredTime" label="受伤日期" width="120" />
+ <el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" width="100" />
+ <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="100" />
+ <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" width="140" />
<el-table-column show-overflow-tooltip="true" prop="injuredDiacrisis" label="工伤诊断" width="80" />
- <el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" />
- <el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" />
+ <el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" width="120" />
+ <el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" width="100" />
<el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="80" :formatter="hospitalizatioFlagFormat" />
- <el-table-column show-overflow-tooltip="true" prop="bedNumb" label="床号" width="60" />
+ <el-table-column show-overflow-tooltip="true" prop="bedNumb" label="床号" width="80" />
<el-table-column show-overflow-tooltip="true" prop="reportTime" label="报案时间" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" width="100" />
+ <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" width="120" />
<el-table-column show-overflow-tooltip="true" prop="sbumitBy" label="递交人" width="80" />
- <el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="80" />
- <el-table-column show-overflow-tooltip="true" prop="compensated" label="已赔付医药费用" width="100" />
+ <el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="100" />
+ <el-table-column show-overflow-tooltip="true" prop="compensated" label="已赔付医药费用" width="120" />
</el-table>
<pagination
v-show="occupationalDatatotal>0"
@@ -1105,8 +1118,9 @@
ref="laborTroubleTable"
:data="laborTroubleData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="onlaborTroubleDataselection"
>
@@ -1153,8 +1167,9 @@
ref="badRecordTable"
:data="badRecordData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="onbadRecordDataselection"
>
@@ -1197,8 +1212,9 @@
ref="remarkInfoTable"
:data="remarkInfoData"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
- :cell-style="{padding:'7px 0'}"
+ border
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
+ :cell-style="{padding:'7px 0','text-align':'center'}"
style="width: 100%;"
@selection-change="onremarkInfoDataselection"
>
@@ -1236,28 +1252,31 @@
<div ref="jljt" class="jljt">
<div class="jbxxTitle2">
- 上传附件
+ <el-col :span="18">
+ 上传附件
+ </el-col>
+ <el-col :span="6" class="search">
+ <el-input
+ v-model="fileName"
+ maxlength="20"
+ minlength="1"
+ clearable
+ placeholder="请输入文件名"
+ show-word-limit
+ style="width:290px;margin-right: 10px;"
+ />
+ <el-button type="primary" @click="findFileByFileName()">查询</el-button>
+ </el-col>
</div>
<div class="jbxxCon">
<div class="zs-main">
- <el-row class="search-title">
- <el-col :span="18" class="title">
- <!-- <div class="zs-title">上传附件</div>-->
- <p />
- </el-col>
- <el-col :span="6" class="search">
- <el-input
- v-model="fileName"
- maxlength="20"
- minlength="1"
- clearable
- placeholder="请输入文件名"
- show-word-limit
- style="width:200px"
- />
- <el-button type="primary" @click="findFileByFileName()">查询</el-button>
- </el-col>
- </el-row>
+ <!-- <el-row class="search-title">-->
+ <!-- <el-col :span="18" class="title">-->
+ <!-- <!– <div class="zs-title">上传附件</div>–>-->
+ <!-- <p />-->
+ <!-- </el-col>-->
+
+ <!-- </el-row>-->
<el-container style="background-color: #fff;">
<el-aside width="210px" style="background-color: #fff;text-align: center;padding-top: 0">
<h4 style="margin-top: 0">{{ empBaseInfoForm.empName }}：{{ empBaseInfoForm.deptName }}</h4>
@@ -5735,7 +5754,8 @@
padding-top: 8px;
font-weight: 700;
color: #333;
- height: 40px;
+ height: 30px;
+ line-height: 30px;
}
}
--
Gitblit v1.8.0