From 7a55bf803cf5518bdebf086ecd9aa605e0fef60c Mon Sep 17 00:00:00 2001
From: 楚江漓i <85093541@qq.com>
Date: 星期三, 03 三月 2021 00:56:47 +0800
Subject: [PATCH] 档案管理样式

---
 src/views/user/archivesEdit.vue |  441 ++++++++++++++++++++++++++++++------------------------
 1 files changed, 247 insertions(+), 194 deletions(-)

diff --git a/src/views/user/archivesEdit.vue b/src/views/user/archivesEdit.vue
index faa0bed..40e159e 100644
--- a/src/views/user/archivesEdit.vue
+++ b/src/views/user/archivesEdit.vue
@@ -123,18 +123,19 @@
       </div>
       <div ref="boxDetails" class="boxDetails">
         <div ref="jbxx" class="jbxx">
-          <div class="jbxxTitle">
+          <div class="jbxxTitle" style="position:relative;">
             基本信息
+            <el-button style="position:absolute;right: 40px" class="filter-item" type="primary" @click.native="gzupdate">
+              编辑
+            </el-button>
           </div>
-          <el-button class="filter-item" type="primary" @click.native="gzupdate">
-            编辑
-          </el-button>
-          <div class="jbxxCon">
-            <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" class="formjbxx" label-position="right" label-width="140px">
-              <el-row>
+
+          <div class="jbxxCon" style="padding: 20px 40px 0 20px">
+            <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" class="formjbxx" label-width="150px">
+              <el-row style="width: 100%;">
                 <el-col :span="8">
                   <el-form-item label="档案号" prop="archivesNumb">
-                    <el-input v-model="empBaseInfoForm.archivesNumb" />
+                    <el-input v-model="empBaseInfoForm.archivesNumb" style="width: 100%;" />
                   </el-form-item>
                 </el-col>
 
@@ -161,7 +162,7 @@
                       :options="depts"
                       :clear-value-text="$t('common.clear')"
                       placeholder="请选择部门(护卫点)"
-                      style="width: 150px;"
+                      style="width: 100%;"
                     />
                   </el-form-item>
                 </el-col>
@@ -511,20 +512,22 @@
               <el-table-column prop="endDate" label="结束日期" />
               <el-table-column prop="workUnit" label="工作单位" />
               <el-table-column prop="jobContent" label="主要工作内容" />
-              <el-table-column fixed="right" label="操作" width="100">
+              <el-table-column fixed="right" label="操作" width="120">
                 <template slot-scope="scope">
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="editWorkExperience(scope.row)"
-                  >编辑
-                  </el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'workExperienceDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="editWorkExperience(scope.row)"-->
+                  <!--                  >编辑-->
+                  <!--                  </el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'workExperienceDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editWorkExperience(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'workExperienceDataselection')">删除</span>
                 </template>
               </el-table-column>
             </el-table>
@@ -555,32 +558,34 @@
                   <span v-text="getIndex(scope.$index)" />
                 </template>
               </el-table-column>
-              <el-table-column fixed="right" label="操作" width="100">
+              <el-table-column fixed="right" label="操作" width="120">
                 <template slot-scope="scope">
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="editPhysicalExam(scope.row)"
-                  >编辑
-                  </el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'physicalExamDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="editPhysicalExam(scope.row)"-->
+                  <!--                  >编辑-->
+                  <!--                  </el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'physicalExamDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editPhysicalExam(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'physicalExamDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="physicalExamId" label="" />
-              <el-table-column prop="hospital" label="体检医院" width="150" />
-              <el-table-column prop="physicalExamDate" label="体检日期" width="120" />
+              <el-table-column prop="hospital" label="体检医院" width="120" />
+              <el-table-column prop="physicalExamDate" label="体检日期" width="100" />
               <el-table-column prop="physicalExamTypeName" label="体检类型" width="100" />
-              <el-table-column prop="bloodPressure" label="血压" width="120" />
-              <el-table-column prop="transaminase" label="转氨酶" width="120" />
-              <el-table-column prop="ecgName" label="心电图" width="120" />
-              <el-table-column prop="conclusion" label="体检结论" width="180" />
-              <el-table-column prop="reviewRecord" label="复查记录" width="180" />
-              <el-table-column prop="remark" label="备注" width="180" />
+              <el-table-column prop="bloodPressure" label="血压" width="100" />
+              <el-table-column prop="transaminase" label="转氨酶" width="100" />
+              <el-table-column prop="ecgName" label="心电图" width="100" />
+              <el-table-column prop="conclusion" label="体检结论" />
+              <el-table-column prop="reviewRecord" label="复查记录" width="100" />
+              <el-table-column prop="remark" label="备注" />
             </el-table>
             <pagination
               v-show="physicalExamDatatotal>0"
@@ -610,20 +615,22 @@
                   <span v-text="getIndex(scope.$index)" />
                 </template>
               </el-table-column>
-              <el-table-column fixed="right" label="操作" width="100">
+              <el-table-column fixed="right" label="操作" width="120">
                 <template slot-scope="scope">
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="editContractInfo(scope.row)"
-                  >编辑
-                  </el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'contractInfoDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="editContractInfo(scope.row)"-->
+                  <!--                  >编辑-->
+                  <!--                  </el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'contractInfoDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editContractInfo(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'contractInfoDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="contractId" label="" />
@@ -693,19 +700,21 @@
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="100">
                 <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'onleaveInfoDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'onleaveInfoDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editLeaveInfo(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'onleaveInfoDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="leaveId" label="" />
-              <el-table-column prop="beginTime" label="开始时间" width="180" />
-              <el-table-column prop="endTime" label="结束时间" width="180" />
-              <el-table-column prop="leaveDay" label="请假天数" width="180" />
+              <el-table-column prop="beginTime" label="开始时间" width="100" />
+              <el-table-column prop="endTime" label="结束时间" width="100" />
+              <el-table-column prop="leaveDay" label="请假天数" width="100" />
               <el-table-column prop="leaveType" label="请假类型">
                 <template slot-scope="scope">
                   {{ scope.row.leaveType === '1' ? '事假': '' }}
@@ -714,8 +723,8 @@
                 </template>
               </el-table-column>
               <el-table-column prop="returnDate" label="到岗时间" width="180" />
-              <el-table-column prop="reporter" label="报备人" width="180" />
-              <el-table-column prop="remark" label="备注" width="180" />
+              <el-table-column prop="reporter" label="报备人" width="100" />
+              <el-table-column prop="remark" label="备注" />
             </el-table>
             <pagination
               v-show="leaveInfoDatatotal>0"
@@ -741,20 +750,22 @@
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="100">
                 <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'onresignDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'onresignDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editResign(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'onresignDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="resignId" label="" />
               <el-table-column prop="applayDate" label="辞职申请日期" width="180" />
               <el-table-column prop="reason" label="辞职事由" width="180" />
               <el-table-column prop="reporter" label="汇报人" width="180" />
-              <el-table-column prop="remark" label="备注" width="180" />
+              <el-table-column prop="remark" label="备注" />
             </el-table>
             <pagination
               v-show="resignDatatotal>0"
@@ -785,13 +796,15 @@
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="100">
                 <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'dimissionAttendDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'dimissionAttendDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editDimissionAttend(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'dimissionAttendDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="dimissionAttendId" label="" />
@@ -867,13 +880,15 @@
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="100">
                 <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'unemploymentDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'unemploymentDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editUnemployment(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'unemploymentDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="unemploymentId" label="" />
@@ -907,13 +922,15 @@
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="100">
                 <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'oninsuranceDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'oninsuranceDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editInsurance(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'oninsuranceDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="insuranceId" label="" />
@@ -941,7 +958,7 @@
                 </template>
               </el-table-column>
               <el-table-column prop="auditor" label="审核人" width="180" />
-              <el-table-column prop="remark" label="备注" width="280" />
+              <el-table-column prop="remark" label="备注" />
             </el-table>
             <pagination
               v-show="insuranceDatatotal>0"
@@ -972,35 +989,37 @@
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="100">
                 <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'accidentCasesDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'accidentCasesDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editAccidentCases(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'accidentCasesDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="accidentId" label="" />
-              <el-table-column prop="injuredTime" label="受伤日期" width="180" />
-              <el-table-column prop="injuredAddress" label="受伤地点" width="180" />
-              <el-table-column prop="injuredPart" label="受伤部位" width="180" />
-              <el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
-              <el-table-column prop="injuredDiacrisis" label="意外险诊断" width="180" />
-              <el-table-column prop="hospitalName" label="就诊医院" width="180" />
-              <el-table-column prop="treatmentName" label="就诊科室" width="180" />
-              <el-table-column prop="hospitalizatioFlag" label="是否住院">
+              <el-table-column prop="injuredTime" label="受伤日期" />
+              <el-table-column prop="injuredAddress" label="受伤地点" width="100" />
+              <el-table-column prop="injuredPart" label="受伤部位" width="100" />
+              <el-table-column prop="injuredDescribe" label="受伤经过描述" />
+              <el-table-column prop="injuredDiacrisis" label="意外险诊断" width="100" />
+              <el-table-column prop="hospitalName" label="就诊医院" width="100" />
+              <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 ? '否': '' }}
                 </template>
               </el-table-column>
-              <el-table-column prop="bedNumb" label="床号" width="180" />
-              <el-table-column prop="reprotTime" label="报案时间" width="180" />
-              <el-table-column prop="submitTime" label="递交资料时间" width="180" />
-              <el-table-column prop="sbumitBy" label="递交人" width="180" />
-              <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
-              <el-table-column prop="innsureFee" label="保险赔付费用" width="180" />
+              <el-table-column prop="bedNumb" label="床号" width="60" />
+              <el-table-column prop="reprotTime" label="报案时间" width="100" />
+              <el-table-column prop="submitTime" label="递交资料时间" width="100" />
+              <el-table-column prop="sbumitBy" label="递交人" width="100" />
+              <el-table-column prop="expensesFee" label="医疗总费用" width="100" />
+              <el-table-column prop="innsureFee" label="保险赔付费用" width="100" />
             </el-table>
             <pagination
               v-show="accidentCasesDatatotal>0"
@@ -1031,35 +1050,37 @@
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="100">
                 <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'occupationalDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'occupationalDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editOccupational(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'occupationalDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="occupationalId" label="" />
-              <el-table-column prop="injuredTime" label="受伤日期" width="180" />
-              <el-table-column prop="injuredAddress" label="受伤地点" width="180" />
-              <el-table-column prop="injuredPart" label="受伤部位" width="180" />
-              <el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
-              <el-table-column prop="injuredDiacrisis" label="工伤诊断" width="180" />
-              <el-table-column prop="hospitalName" label="就诊医院" width="180" />
-              <el-table-column prop="treatmentName" label="就诊科室" width="180" />
-              <el-table-column prop="hospitalizatioFlag" label="是否住院">
+              <el-table-column prop="injuredTime" label="受伤日期" />
+              <el-table-column prop="injuredAddress" label="受伤地点" />
+              <el-table-column prop="injuredPart" label="受伤部位" width="80" />
+              <el-table-column prop="injuredDescribe" label="受伤经过描述" />
+              <el-table-column prop="injuredDiacrisis" label="工伤诊断" width="80" />
+              <el-table-column prop="hospitalName" label="就诊医院" />
+              <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 ? '否': '' }}
                 </template>
               </el-table-column>
-              <el-table-column prop="bedNumb" label="床号" width="180" />
-              <el-table-column prop="reportTime" label="报案时间" width="180" />
-              <el-table-column prop="submitTime" label="递交资料时间" width="180" />
-              <el-table-column prop="sbumitBy" label="递交人" width="180" />
-              <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
-              <el-table-column prop="compensated" label="已赔付医药费用" width="180" />
+              <el-table-column prop="bedNumb" label="床号" width="60" />
+              <el-table-column prop="reportTime" label="报案时间" width="100" />
+              <el-table-column prop="submitTime" label="递交资料时间" width="100" />
+              <el-table-column prop="sbumitBy" label="递交人" width="80" />
+              <el-table-column prop="expensesFee" label="医疗总费用" width="80" />
+              <el-table-column prop="compensated" label="已赔付医药费用" width="100" />
             </el-table>
             <pagination
               v-show="occupationalDatatotal>0"
@@ -1090,18 +1111,20 @@
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="100">
                 <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="editLaborTrouble(scope.row)">编辑</el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'laborTroubleDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button type="text" size="small" @click="editLaborTrouble(scope.row)">编辑</el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'laborTroubleDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editLaborTrouble(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'laborTroubleDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="arbitrationId" label="" />
-              <el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
-              <el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
+              <el-table-column prop="arbitrationDate" label="仲裁日期" width="100" />
+              <el-table-column prop="arbitrationDate" label="仲裁日期" width="100" />
               <el-table-column prop="arbitrationType" label="仲裁类型">
                 <template slot-scope="scope">
                   {{ scope.row.arbitrationType === '01' ? '劳资纠纷': '' }}
@@ -1109,17 +1132,17 @@
                   {{ scope.row.arbitrationType === '03' ? '合同纠纷': '' }}
                 </template>
               </el-table-column>
-              <el-table-column prop="arbitrationReason" label="仲裁事由" width="180" />
-              <el-table-column prop="reporter" label="报备人" width="180" />
-              <el-table-column prop="remark" label="备注" width="180" />
+              <el-table-column prop="arbitrationReason" label="仲裁事由" />
+              <el-table-column prop="reporter" label="报备人" width="100" />
+              <el-table-column prop="remark" label="备注" />
               <el-table-column prop="arbitrationPay" label="仲裁赔付(元)" width="180" />
-              <el-table-column prop="arbitrationStatus" label="状态">
+              <el-table-column prop="arbitrationStatus" label="状态" width="100">
                 <template slot-scope="scope">
                   {{ scope.row.arbitrationStatus === 0 ? '未结案': '' }}
                   {{ scope.row.arbitrationStatus === 1 ? '已结案': '' }}
                 </template>
               </el-table-column>
-              <el-table-column prop="settleDate" label="案结日期" width="180" />
+              <el-table-column prop="settleDate" label="案结日期" width="100" />
             </el-table>
             <pagination
               v-show="laborTroubleDatatotal>0"
@@ -1150,25 +1173,27 @@
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="100">
                 <template slot-scope="scope">
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="editBadRecord(scope.row)"
-                  >编辑
-                  </el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'onbadRecordDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="editBadRecord(scope.row)"-->
+                  <!--                  >编辑-->
+                  <!--                  </el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'onbadRecordDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editBadRecord(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'onbadRecordDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="badId" label="" />
               <el-table-column prop="badDate" label="不良记录日期" width="180" />
-              <el-table-column prop="badContent" label="不良记录描述" width="180" />
+              <el-table-column prop="badContent" label="不良记录描述" />
               <el-table-column prop="reporter" label="汇报人" width="180" />
-              <el-table-column prop="remark" label="备注" width="180" />
+              <el-table-column prop="remark" label="备注" />
             </el-table>
             <pagination
               v-show="badRecordDatatotal>0"
@@ -1199,18 +1224,20 @@
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="100">
                 <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="editRemarkInfo(scope.row)">编辑</el-button>
-                  <el-button
-                    type="text"
-                    size="small"
-                    @click="singleDelete(scope.row, 'onremarkInfoDataselection')"
-                  >删除
-                  </el-button>
+                  <!--                  <el-button type="text" size="small" @click="editRemarkInfo(scope.row)">编辑</el-button>-->
+                  <!--                  <el-button-->
+                  <!--                    type="text"-->
+                  <!--                    size="small"-->
+                  <!--                    @click="singleDelete(scope.row, 'onremarkInfoDataselection')"-->
+                  <!--                  >删除-->
+                  <!--                  </el-button>-->
+                  <span class="table-button" @click="editRemarkInfo(scope.row)">编辑</span>
+                  <span class="table-button" @click="singleDelete(scope.row, 'onremarkInfoDataselection')">删除</span>
                 </template>
               </el-table-column>
               <el-table-column v-if="fsnumShow" prop="remarkId" label="" />
               <el-table-column prop="remarkDate" label="备注日期" width="180" />
-              <el-table-column prop="remarkContent" label="备注信息" width="400" />
+              <el-table-column prop="remarkContent" label="备注信息" />
             </el-table>
             <pagination
               v-show="remarkInfoDatatotal>0"
@@ -5472,30 +5499,49 @@
     flex: 1;
     padding: 10px;
     font-size: 16px;
-    height: 600px;
+    height: 100vh;
     overflow-y: scroll;
     .jbxxTitle{
-      padding: 0px 10px 10px 10px;
+      height: 30px;
+      line-height: 30px;
+      padding-left: 15px;
+      border-left: 4px solid #a00515;
+      margin: 60px 0 20px;
+      color: #000;
+      font-weight: 700;
+      position: relative;
+    }
+    .jbxxTitle::after {
+
+      content: '';
+      position: absolute;
+      left: 100px;
+      top: 50%;
+      display: inline-block;
+      width: 80%;
+      height: 1px;
+      border: 1px dashed #ccc;
     }
     .el-table__header{
       width: 100%;
     }
-    .jbxx{
-      /deep/.el-form-item{
-        display: flex;
-      }
-      /deep/.el-form-item__label{
-        white-space: nowrap;
-        width: 100px!important;
-      }
-      /deep/.el-form-item__content{
-        margin-left: 0px!important;
-      }
-      .formjbxx{
-        display: flex;
-        flex-wrap: wrap;
-      }
-    }
+    //.jbxx{
+    //  /deep/.el-form-item{
+    //    display: flex;
+    //  }
+    //  /deep/.el-form-item__label{
+    //    white-space: nowrap;
+    //    width: 100px!important;
+    //  }
+    //  /deep/.el-form-item__content{
+    //    margin-left: 10px!important;
+    //    width: 80%!important;
+    //  }
+    //  .formjbxx{
+    //    display: flex;
+    //    flex-wrap: wrap;
+    //  }
+    //}
 
   }
 }
@@ -5644,4 +5690,11 @@
   width: 100px;
   height: 100px;
 }
+.table-button {
+  color: #a00515;display: inline-block;width: 50%;cursor: pointer;
+}
+.filter-item {
+  margin-bottom: 10px;
+}
 </style>
+

--
Gitblit v1.8.0