计件员工加班费/员工日工资计时时数等数据优化

src/view/performance/14-overTimePayVerification/index.vue

@@ -86,7 +86,7 @@
             >
               <el-table-column
                 type="selection"
-                width="55"
+                width="40"
               />
               <!-- 使用 v-for 循环渲染每一列 -->
               <el-table-column
@@ -118,7 +118,7 @@
             >
               <el-table-column
                 type="selection"
-                width="55"
+                width="40"
               />
               <!-- 使用 v-for 循环渲染每一列 -->
               <el-table-column
@@ -168,41 +168,41 @@ getSideData()
 
 // =========== 表格控制部分 ===========
 const tableCols1 = [
-  { label: '员工编号', prop: 'bh', width: '100' },
-  { label: '员工姓名', prop: '员工姓名', width: '100' },
-  { label: '工资表类别', prop: '工资表类别', width: '150' },
-  { label: '聘用日期', prop: '聘用日期', width: '150' },
-  { label: '法定天数', prop: '法定天数', width: '100' },
-  { label: '当月定额', prop: '当月定额', width: '100' },
-  { label: '月度合计产量', prop: '月度合计产量', width: '150' },
-  { label: '个人计件工资', prop: '个人计件工资', width: '150' },
-  { label: '个人加班工资', prop: '个人加班工资', width: '150' },
-  { label: '月计时时数', prop: '月计时时数', width: '150' },
-  { label: '计时补差', prop: '计时补差', width: '150' },
+  { label: '员工编号', prop: 'bh', width: '105' },
+  { label: '员工姓名', prop: '员工姓名', width: '105' },
+  { label: '工资表类别', prop: '工资表类别', width: '120' },
+  { label: '聘用日期', prop: '聘用日期', width: '105' },
+  { label: '法定天数', prop: '法定天数', width: '105' },
+  { label: '当月定额', prop: '当月定额', width: '105' },
+  { label: '月度合计产量', prop: '月度合计产量', width: '135' },
+  { label: '个人计件工资', prop: '个人计件工资', width: '135' },
+  { label: '个人加班工资', prop: '个人加班工资', width: '135' },
+  { label: '月计时时数', prop: '月计时时数', width: '120' },
+  { label: '计时补差', prop: '计时补差', width: '120' },
 ]
 const tableCols2 = [
-  { label: '日期', prop: 'sczl_rq', width: '100' },
-  { label: '工单编号', prop: 'sczl_gdbh', width: '100' },
-  { label: '成品名称', prop: 'Gd_cpmc', width: '300' },
-  { label: '印件及工序', prop: 'sczl_type', width: '300' },
-  { label: '车头产量', prop: '班组车头产量', width: '100' },
-  { label: '机台编号', prop: 'sczl_jtbh', width: '100' },
-  { label: '产量系数', prop: '产量系数', width: '100' },
-  { label: '计件产量', prop: '计件产量', width: '100' },
-  { label: '补产产量', prop: '补产产量', width: '100' },
-  { label: '核算产量', prop: '核算产量', width: '100' },
-  { label: '日定额', prop: '日定额', width: '100' },
-  { label: '达标定额', prop: '达标定额', width: '100' },
-  { label: '千件工价', prop: '千件工价', width: '100' },
-  { label: '补产标准', prop: '补产标准', width: '100' },
-  { label: '个人计件工资', prop: '个人计件工资', width: '120' },
-  { label: '个人加班工资', prop: '个人加班工资', width: '120' },
-  { label: '个人比例', prop: '个人比例', width: '100' },
-  { label: '装版工时', prop: '装版工时', width: '100' },
-  { label: '保养工时', prop: '保养工时', width: '100' },
-  { label: '打样工时', prop: '打样工时', width: '100' },
-  { label: '分摊计时', prop: '分摊计时', width: '100' },
-  { label: '计时补差', prop: '计时补差', width: '100' },
+  { label: '日期', prop: 'sczl_rq', width: '105' },
+  { label: '工单编号', prop: 'sczl_gdbh', width: '105' },
+  { label: '成品名称', prop: 'Gd_cpmc', width: '150' },
+  { label: '印件及工序', prop: 'sczl_type', width: '150' },
+  { label: '车头产量', prop: '班组车头产量', width: '105' },
+  { label: '机台编号', prop: 'sczl_jtbh', width: '105' },
+  { label: '产量系数', prop: '产量系数', width: '105' },
+  { label: '计件产量', prop: '计件产量', width: '105' },
+  { label: '补产产量', prop: '补产产量', width: '105' },
+  { label: '核算产量', prop: '核算产量', width: '105' },
+  { label: '日定额', prop: '日定额', width: '91' },
+  { label: '达标定额', prop: '达标定额', width: '105' },
+  { label: '千件工价', prop: '千件工价', width: '105' },
+  { label: '补产标准', prop: '补产标准', width: '105' },
+  { label: '个人计件工资', prop: '个人计件工资', width: '135' },
+  { label: '个人加班工资', prop: '个人加班工资', width: '135' },
+  { label: '个人比例', prop: '个人比例', width: '105' },
+  { label: '装版工时', prop: '装版工时', width: '105' },
+  { label: '保养工时', prop: '保养工时', width: '105' },
+  { label: '打样工时', prop: '打样工时', width: '105' },
+  { label: '分摊计时', prop: '分摊计时', width: '105' },
+  { label: '计时补差', prop: '计时补差', width: '105' },
 ]
 const tableData1 = reactive([])
 const tableData2 = reactive([])

src/view/performance/yuangongrigongzi.vue

@@ -50,15 +50,16 @@
               highlight-current-row="true" border @selection-change="handleSelectionChange" :show-overflow-tooltip="true"
 			   :row-style="{ height: '20px' }" 
 			   :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
-			   :header-cell-style="{ padding: '0px' }" @row-click="ontable" @row-dblclick="doubleClick">
-              <el-table-column type="selection" width="55" />
-			  <el-table-column align="left" sortable label="员工编号" prop="bh" width="120"/>
-              <el-table-column align="left" sortable label="员工姓名" prop="员工姓名" width="120"/>
-              <el-table-column align="left" sortable label="日期" prop="sczl_rq" width="120"/>
-              <el-table-column align="left" sortable label="计件工资" prop="计件工资" width="120"/>
-              <el-table-column align="left" sortable label="加班工资" prop="加班工资" width="160"/>
-			  <el-table-column align="left" sortable label="计时时数" prop="计时" width="160"/>
-              <el-table-column align="left" sortable label="计时工资" prop="计时工资" width="160"/>
+			   :header-cell-style="{ padding: '0px' }" 
+			   @row-click="ontable" @row-dblclick="doubleClick">
+              <el-table-column type="selection" width="40" />
+			  <el-table-column align="left" sortable label="员工编号" prop="bh" width="105"/>
+              <el-table-column align="left" sortable label="员工姓名" prop="员工姓名" width="105"/>
+              <el-table-column align="left" sortable label="日期" prop="sczl_rq" width="105"/>
+              <el-table-column align="left" sortable label="计件工资" prop="计件工资" width="105"/>
+              <el-table-column align="left" sortable label="加班工资" prop="加班工资" width="105"/>
+			  <el-table-column align="left" sortable label="计时时数" prop="计时时数" width="105"/>
+              <el-table-column align="left" sortable label="计时工资" prop="计时工资" width="105"/>
               <el-table-column align="left" sortable label="日工资合计" prop="日工资合计" width="120"/>
             </el-table>
             <!-- 分页 -->
@@ -72,31 +73,37 @@
 		  
 		  <div class="gva-table-box">
 		    <!-- 数据展示 -->
-		    <el-table ref="multipleTable" style="width: 100%" tooltip-effect="dark" :data="tableData2" row-key="ID"
-		      highlight-current-row="true" border @selection-change="handleSelectionChange" :show-overflow-tooltip="true" @row-dblclick="doubleClick">
-		      <el-table-column type="selection" width="55" />
-		  	  <el-table-column align="left" sortable label="日期" prop="sczl_rq" width="120"/>
-		      <el-table-column align="left" sortable label="工单编号" prop="sczl_gdbh" width="120"/>
+		    <el-table ref="multipleTable" style="width: 100%;height: 40vh;" tooltip-effect="dark" :data="tableData2" row-key="ID"
+		      highlight-current-row="true" border 
+			  :row-style="{ height: '20px' }"
+			  :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
+			  :header-cell-style="{ padding: '0px' }"
+			  @selection-change="handleSelectionChange" 
+			  :show-overflow-tooltip="true" 
+			  @row-dblclick="doubleClick">
+		      <el-table-column type="selection" width="40" />
+		  	  <el-table-column align="left" sortable label="日期" prop="sczl_rq" width="105"/>
+		      <el-table-column align="left" sortable label="工单编号" prop="sczl_gdbh" width="105"/>
 		      <el-table-column align="left" sortable label="产品名称" prop="Gd_cpmc" width="120"/>
 		      <el-table-column align="left" sortable label="印件及工序" prop="sczl_type" width="120"/>
-		      <el-table-column align="left" sortable label="机台编号" prop="sczl_jtbh" width="160"/>
-		      <el-table-column align="left" sortable label="班组车头产量" prop="班组车头产量" width="160"/>
-		      <el-table-column align="left" sortable label="班组换算产量" prop="班组换算产量" width="120"/>
-			  <el-table-column align="left" sortable label="工序难度系数" prop="工序难度系数" width="120"/>
-			  <el-table-column align="left" sortable label="个人计件工资" prop="个人计件工资" width="120"/>
-			  <el-table-column align="left" sortable label="个人加班工资" prop="个人加班工资" width="120"/>
-			  <el-table-column align="left" sortable label="装版工时" prop="装版工时" width="120"/>
-			  <el-table-column align="left" sortable label="保养工时" prop="保养工时" width="160"/>
-			  <el-table-column align="left" sortable label="打样工时" prop="打样工时" width="160"/>
-			  <el-table-column align="left" sortable label="异常停机工时" prop="异常停机工时" width="120"/>
-			  <el-table-column align="left" sortable label="车头产量占用机时" prop="车头产量占用机时" width="120"/>
-			  <el-table-column align="left" sortable label="日定额" prop="日定额" width="120"/>
-			  <el-table-column align="left" sortable label="达标定额" prop="达标定额" width="120"/>
-			  <el-table-column align="left" sortable label="千件工价" prop="千件工价" width="120"/>
-			  <el-table-column align="left" sortable label="补产标准" prop="补产标准" width="160"/>
-			  <el-table-column align="left" sortable label="员工编号" prop="bh" width="160"/>
-			  <el-table-column align="left" sortable label="姓名" prop="xm" width="120"/>
-			  <el-table-column align="left" sortable label="比例" prop="Rate" width="120"/>
+		      <el-table-column align="left" sortable label="机台编号" prop="sczl_jtbh" width="105"/>
+		      <el-table-column align="left" sortable label="班组车头产量" prop="班组车头产量" width="135"/>
+		      <el-table-column align="left" sortable label="班组换算产量" prop="班组换算产量" width="135"/>
+			  <el-table-column align="left" sortable label="工序难度系数" prop="工序难度系数" width="135"/>
+			  <el-table-column align="left" sortable label="个人计件工资" prop="个人计件工资" width="135"/>
+			  <el-table-column align="left" sortable label="个人加班工资" prop="个人加班工资" width="135"/>
+			  <el-table-column align="left" sortable label="装版工时" prop="装版工时" width="105"/>
+			  <el-table-column align="left" sortable label="保养工时" prop="保养工时" width="105"/>
+			  <el-table-column align="left" sortable label="打样工时" prop="打样工时" width="105"/>
+			  <el-table-column align="left" sortable label="异常停机工时" prop="异常停机工时" width="135"/>
+			  <el-table-column align="left" sortable label="车头产量占用机时" prop="车头产量占用机时" width="165"/>
+			  <el-table-column align="left" sortable label="日定额" prop="日定额" width="91"/>
+			  <el-table-column align="left" sortable label="达标定额" prop="达标定额" width="105"/>
+			  <el-table-column align="left" sortable label="千件工价" prop="千件工价" width="105"/>
+			  <el-table-column align="left" sortable label="补产标准" prop="补产标准" width="105"/>
+			  <el-table-column align="left" sortable label="员工编号" prop="bh" width="105"/>
+			  <el-table-column align="left" sortable label="姓名" prop="xm" width="105"/>
+			  <el-table-column align="left" sortable label="比例" prop="Rate" width="78"/>
 		    </el-table>
 		    <!-- 分页 -->
 		    <!-- <div class="gva-pagination">