first commit

src/view/yunyin/shengchanguanli/gongdanziliao.vue

@@ -524,9 +524,9 @@
 		  </div>
 		  <br>
 			<div>
-				
 				<el-table ref="paichengRef"
 				          :show-overflow-tooltip="true"
+						  highlight-current-row="true"
 				          :row-style="{ height: '0px' }"
 				          :cell-style="{ padding: '0px' }" :header-row-style="{ height: '0px' }"
 				          :header-cell-style="{ padding: '0px' }"
@@ -537,73 +537,12 @@
 				    <el-table-column #default="{ row, column, $index }" align="left" :label="item.label" :width="item.width" >
 				      <div v-if="['物料名称', '计划用料', '定额用料', '裁床实际用料', '裁床领用面料', '裁床退回仓库面料', '备注'].includes(item.prop)">
 				        <el-input v-model="row[item.prop]" :clearable="false"
-				                  :id="`input${idx}${$index}`" @keyup="zjfpxs_handleKeyDown($event, idx, $index, item.prop)"/>
+				                  :id="`input${idx}${$index}`" @keyup="resbom_handleKeyDown($event, idx, $index, item.prop)"/>
 				      </div>
 				      <div v-else>{{ row[item.prop] }}</div>
 				    </el-table-column>
 				  </template>
 				</el-table>
-				
-				<!-- <el-table ref="table" highlight-current-row show-overflow-tooltip border
-				  :data="bomtableData"
-				  :row-style="{ height: '25px' }"
-				  :cell-style="{ padding: '0px' }"
-				  :header-row-style="{ height: '20px' }"
-				  :header-cell-style="{ padding: '0px' }"
-				  style="width: 100%;height: 60vh;"
-				  @selection-change="handleSelectionChange">
-				  <el-table-column type="selection" width="55"/>
-				  
-				 <el-table-column label="物料名称" width="150">
-					<template #default="{ row }">
-					  <el-input @keyup.enter="handleUpdate" v-model="row['物料名称']" />
-					</template>
-				  </el-table-column>
-				  
-				  <el-table-column label="投料单位" width="150">
-					<template #default="{ row }">
-					  <el-input @keyup.enter="handleUpdate" v-model="row['投料单位']" />
-					</template>
-				   </el-table-column>
-
-				 <el-table-column label="计划用料" width="150">
-					<template #default="{ row }">
-					  <el-input @keyup.enter="handleUpdate" v-model="row['计划用料']" />
-					</template>
-				  </el-table-column>
-				  
-				  <el-table-column label="定额用料" width="150">
-					<template #default="{ row }">
-					  <el-input @keyup.enter="handleUpdate" v-model="row['定额用料']" />
-					</template>
-				   </el-table-column>
-
-				 <el-table-column label="裁床实际用料" width="150">
-					<template #default="{ row }">
-					  <el-input @keyup.enter="handleUpdate" v-model="row['裁床实际用料']" />
-					</template>
-				  </el-table-column>
-				  
-				  <el-table-column label="裁床领用面料" width="150">
-					<template #default="{ row }">
-					  <el-input @keyup.enter="handleUpdate" v-model="row['裁床领用面料']" />
-					</template>
-				   </el-table-column>
-
-				 <el-table-column label="裁床退回仓库面料" width="150">
-					<template #default="{ row }">
-					  <el-input @keyup.enter="handleUpdate" v-model="row['裁床退回仓库面料']" />
-					</template>
-				  </el-table-column>
-				  
-				  <el-table-column label="备注" width="150">
-					<template #default="{ row }">
-					  <el-input @keyup.enter="handleUpdate" v-model="row['备注']" />
-					</template>
-				   </el-table-column>
-				  
-				  <el-table-column align="left" label="UNIQID" prop="UNIQID"  width="100"/>
-				</el-table> -->
 			</div>
 		</el-dialog>
 		
@@ -2155,13 +2094,13 @@ const resbomtableData = ref([]);
 const resbom_tableColumns = ref(
     [
       { label: '物料名称', prop: '物料名称', width: '170' },
-      { label: '投料单位', prop: '投料单位', width: '100' },
       { label: '计划用料', prop: '计划用料', width: '110' },
 	  { label: '定额用料', prop: '定额用料', width: '100' },
 	  { label: '裁床实际用料', prop: '裁床实际用料', width: '130' },
 	  { label: '裁床领用面料', prop: '裁床领用面料', width: '130' },
 	  { label: '裁床退回仓库面料', prop: '裁床退回仓库面料', width: '170' },
 	  { label: '备注', prop: '备注', width: '130' },
+	  { label: '投料单位', prop: '投料单位', width: '100' },
 	  { label: 'UNIQID', prop: 'UNIQID', width: '80' },
     ]
 )
@@ -2184,7 +2123,7 @@ const _TestCoefficient = async ()=>{
 	resbomtableData.value = orderBomListdata.data;
     const formattedData = orderBomListdata.data.map(item=>{
       item.物料名称 = item.物料名称;
-      item.计划用量 = item.计划用量;
+      item.计划用料 = item.计划用料;
 	  item.定额用料 = item.定额用料;
 	  item.裁床实际用料 = item.裁床实际用料;
 	  item.裁床领用面料 = item.裁床领用面料;
@@ -2197,9 +2136,40 @@ const _TestCoefficient = async ()=>{
     console.error(error);
   }
 }
+const resbom_handleKeyDown = (event, x, y, prop) => {
+  const currentElement = document.getElementById(`input${x}${y}`);
+  if (currentElement === null && currentElement === undefined) return
+  let move = 0
+  switch (event.keyCode) {
+    case 13: // Enter
+    case 40: // 向下箭头
+      if (y < resbomtableData.value.length )
+        document.getElementById(`input${x}${y + 1}`).focus();
+      break;
+    case 38: // 向上箭头
+      if ( y > 0) {
+        document.getElementById(`input${x}${y - 1}`).focus();
+      }
+      break;
+    case 39: // 向左箭头
+      if (x >= 0 && x <=6) {
+        move = x + 1
+      }
+      document.getElementById(`input${move}${y}`).focus();
+      break;
+    case 37: // 向右箭头
+      if (x = 0  && x <=6) {
+        move = x - 1
+      }
+      document.getElementById(`input${move}${y}`).focus();
+      break;
+    default:
+      break;
+  }
+}
 //质检废品系数颜色
 const scfjfpxsCellClass = ({row, column, rowIndex, columnIndex}) =>{
-  if (column.label === '备注' || column.label === '物料名称' || column.label === '计划用量' || column.label === '定额用料' || column.label === '裁床实际用料' || column.label === '裁床领用面料'  || column.label === '裁床退回仓库面料') {
+  if (column.label === '计划用料' || column.label === '备注' || column.label === '物料名称' || column.label === '计划用量' || column.label === '定额用料' || column.label === '裁床实际用料' || column.label === '裁床领用面料'  || column.label === '裁床退回仓库面料') {
     return 'background-plan-usage-low';
   }
 }