车间报工

src/view/performance/chejianbaogong.vue

@@ -588,10 +588,10 @@
 
 
 <!--          组员及分配比例-->
-          <el-dialog v-model="blModel" :before-close="() => blModel = false">
+          <el-dialog v-model="blModel" :before-close="() => blModel = false" style="width: 20%">
             <el-form>
               <div>
-                <el-table :data="employeeData" border  @row-click="tablebllickHandler($event)">
+                <el-table :data="employeeData" border :show-overflow-tooltip="true" :cell-class-name="blplanUsageCellClass"  @row-click="tablebllickHandler($event)">
                   <el-table-column prop="员工编号" label="员工编号"></el-table-column>
                   <el-table-column prop="ygxm" label="员工姓名"></el-table-column>
                 </el-table>
@@ -2879,43 +2879,8 @@ const tablebllickHandler = async (row, column, event) => {
     clicked.value = false;
   }, 300); // 300毫秒内再次点击将不会触发事件，你可以根据需要调整这个延迟时间
 
-  // 这里添加你的tablebllick函数的逻辑
 };
 
-
-// const tablebllick = async (row) => {
-//   console.log(row.员工编号)
-//   console.log(row.ygxm)
-//   // formDatas.value['code1']=row.ygxm
-//   // formDatas.value['name1']=row.员工编号
-//   // 寻找下一个空的代码和名称字段
-//   let nextIndex = 1;
-//   while (formDatas.value[`code${nextIndex}`] !== '' && formDatas.value[`name${nextIndex}`] !== '') {
-//     nextIndex++;
-//     if (nextIndex > 8) {
-//       // 如果所有字段都已经填满，则不做任何事情并退出函数
-//       return;
-//     }
-//   }
-//   // 将选定的值分配给下一个空的代码和名称字段
-//   formDatas.value[`code${nextIndex}`] = row.ygxm;
-//   formDatas.value[`name${nextIndex}`] = row.员工编号;
-//   blModel.value = false;
-// };
-// const getbzyg = async (value,key) => {
-//   let bzyg=''
-//   bzyg=`code${key}`
-//   let bzxm=''
-//   bzxm=`name${key}`
-//   const response = await getYg({sczl_bh:formDatas.value[bzyg]});
-//   console.log(response)
-//   if (response.code === 0) {
-//     blModel.value = true;
-//     formDatas.value[bzxm]=response.data[0].ygxm
-// 	  formDatas.value[bzyg]=response.data[0].员工编号
-//   }
-// }
-
 const getxunchayg = async (value) => {
   const response = await getYg({sczl_bh:xunchaData.value.sczl_bh});
   if (response.code === 0) {
@@ -5046,6 +5011,11 @@ const bzryplanUsageCellClass = ({row, column, rowIndex, columnIndex}) =>{
     return 'back-color-row';
   }
 }
+const blplanUsageCellClass = ({row, column, rowIndex, columnIndex}) =>{
+  if (column.property === '员工编号' || column.property === 'ygxm') {
+    return 'plan-usage-low';
+  }
+}
 
 </script>
 
@@ -5108,7 +5078,7 @@ const bzryplanUsageCellClass = ({row, column, rowIndex, columnIndex}) =>{
   color: red !important;
 }
 
-/* 选中某行时的背景色*/font-weight: bold;
+/*!* 选中某行时的背景色*!font-weight: bold;*/
 :deep(.el-table__body tr.current-row)>td {
   background: #ff80ff !important;
 }
@@ -5126,7 +5096,11 @@ const bzryplanUsageCellClass = ({row, column, rowIndex, columnIndex}) =>{
   font-weight: bold;
 
 }
-
+:deep(.plan-usage-low div) {
+  color: blue !important;
+  font-size: 16px;
+  font-weight: bold;
+}