优化名字缩写

src/view/performance/Dayreports.vue

@@ -1,30 +1,11 @@
 <template>
   <div>
     <!-- 左侧树形结构 -->
-    <el-container>
-      <!-- <el-aside width="250px">
-        <div class="JKWTree-tree">
-          <h3>机台生产日报表维护</h3>
-          <el-tree :data="treeData" :props="defaultProps" highlight-current="true"
-            @node-click="handleNodeClick"></el-tree>
-        </div>
-      </el-aside> -->
-
-       <layout-sider
-          :resize-directions="['right']"
-          :width="220"
-          style="margin-right: 10px;"
-        >
-          <div
-            class="JKWTree-tree"
-            style="height: 70vh;"
-          >
+    <el-container>
+       <layout-sider :resize-directions="['right']" :width="220" style="margin-right: 10px;">
+          <div class="JKWTree-tree" style="height: 70vh;" >
             <h3>机台生产日报表维护</h3>
-            <el-tree
-              :data="treeData"
-              highlight-current
-              @node-click="handleNodeClick"
-            />
+            <el-tree :data="treeData" highlight-current  @node-click="handleNodeClick" />
           </div>
         </layout-sider>
 
@@ -294,34 +275,34 @@
              <el-row :gutter="22" style="margin-top: 10px;">
 				 <el-col :span="2"><span>班组成员</span></el-col>
                 <el-col :span="2">
-                  <el-input v-model="formData.sczl_bh1" id="sczl_bh1" @blur="GetYg($event, '1')" @keydown="getGxMcsubmit($event, '1')" />
+                  <el-input v-model="formData.sczl_bh1" id="sczl_bh1" @blur="GetYg($event, '1')" @keyup.enter.native="getbzyg($event, '1')" @keydown="getGxMcsubmit($event, '1')" />
                 </el-col>
                 <el-col :span="2">
-                  <el-input v-model="formData.sczl_bh2" id="sczl_bh2" @blur="GetYg($event, '2')" @keydown="getGxMcsubmit($event, '2')"  />
+                  <el-input v-model="formData.sczl_bh2" id="sczl_bh2" @blur="GetYg($event, '2')" @keyup.enter.native="getbzyg($event, '2')" @keydown="getGxMcsubmit($event, '2')"  />
                 </el-col>
                 <el-col :span="2">
-                  <el-input v-model="formData.sczl_bh3" id="sczl_bh3" @blur="GetYg($event, '3')" @keydown="getGxMcsubmit($event, '3')"  />
+                  <el-input v-model="formData.sczl_bh3" id="sczl_bh3" @blur="GetYg($event, '3')" @keyup.enter.native="getbzyg($event, '3')" @keydown="getGxMcsubmit($event, '3')"  />
                 </el-col>
                 <el-col :span="2">
-                  <el-input v-model="formData.sczl_bh4" id="sczl_bh4" @blur="GetYg($event, '4')" @keydown="getGxMcsubmit($event, '4')"  />
+                  <el-input v-model="formData.sczl_bh4" id="sczl_bh4" @blur="GetYg($event, '4')" @keyup.enter.native="getbzyg($event, '4')" @keydown="getGxMcsubmit($event, '4')"  />
                 </el-col>
                 <el-col :span="2">
-                  <el-input v-model="formData.sczl_bh5" id="sczl_bh5" @blur="GetYg($event, '5')" @keydown="getGxMcsubmit($event, '5')"  />
+                  <el-input v-model="formData.sczl_bh5" id="sczl_bh5" @blur="GetYg($event, '5')" @keyup.enter.native="getbzyg($event, '5')" @keydown="getGxMcsubmit($event, '5')"  />
                 </el-col>
 				<el-col :span="2">
-				  <el-input v-model="formData.sczl_bh6" id="sczl_bh6" @blur="GetYg($event, '6')" @keydown="getGxMcsubmit($event, '6')"  />
+				  <el-input v-model="formData.sczl_bh6" id="sczl_bh6" @blur="GetYg($event, '6')" @keyup.enter.native="getbzyg($event, '6')" @keydown="getGxMcsubmit($event, '6')"  />
 				</el-col>
 				<el-col :span="2">
-				  <el-input v-model="formData.sczl_bh7" id="sczl_bh7" @blur="GetYg($event, '7')" @keydown="getGxMcsubmit($event, '7')"  />
+				  <el-input v-model="formData.sczl_bh7" id="sczl_bh7" @blur="GetYg($event, '7')" @keyup.enter.native="getbzyg($event, '7')" @keydown="getGxMcsubmit($event, '7')"  />
 				</el-col>
 				<el-col :span="2">
-				  <el-input v-model="formData.sczl_bh8" id="sczl_bh8" @blur="GetYg($event, '8')" @keydown="getGxMcsubmit($event, '8')"  />
+				  <el-input v-model="formData.sczl_bh8" id="sczl_bh8" @blur="GetYg($event, '8')" @keyup.enter.native="getbzyg($event, '8')" @keydown="getGxMcsubmit($event, '8')"  />
 				</el-col>
 				<el-col :span="2">
-				  <el-input v-model="formData.sczl_bh9" id="sczl_bh9" @blur="GetYg($event, '9')" @keydown="getGxMcsubmit($event, '9')"  />
+				  <el-input v-model="formData.sczl_bh9" id="sczl_bh9" @blur="GetYg($event, '9')" @keyup.enter.native="getbzyg($event, '9')" @keydown="getGxMcsubmit($event, '9')"  />
 				</el-col>
 				<el-col :span="2">
-				  <el-input v-model="formData.sczl_bh10" id="sczl_bh10" @blur="GetYg($event, '10')" @keydown="getGxMcsubmit($event, '10')"  />
+				  <el-input v-model="formData.sczl_bh10" id="sczl_bh10" @blur="GetYg($event, '10')" @keyup.enter.native="getbzyg($event, '10')" @keydown="getGxMcsubmit($event, '10')"  />
 				</el-col>
               </el-row>
             </el-form>
@@ -401,7 +382,23 @@
                 <el-button type="primary" @click="enterDialog">确 定</el-button>
               </div>
             </template>
-          </el-dialog>
+          </el-dialog>
+		  
+		  
+		  <!-- 组员及分配比例         -->
+		  <el-dialog v-model="blModel" :before-close="() => blModel = false" style="width: 20%">
+		    <el-form>
+		      <div>
+		        <el-table :data="employeeData" border :show-overflow-tooltip="true" :cell-class-name="blplanUsageCellClass" 
+				  highlight-current-row="true"
+				 @row-click="tablebllickHandler($event)">
+		          <el-table-column prop="员工编号" label="员工编号"></el-table-column>
+		          <el-table-column prop="ygxm" label="员工姓名"></el-table-column>
+		        </el-table>
+		      </div>
+		    </el-form>
+		  </el-dialog>
+		  
 
           <el-dialog
             v-model="GetDedhVisible"
@@ -1265,20 +1262,6 @@ const GetDedhhandleNodeClick = (nodeData, node, component) => {
 
 //员工编号回车事件
 const getGxMcsubmit = (event, inputName) => {
-	// const sczl_bh = document.getElementById('sczl_bh'+inputName).value
-	
-	// if(sczl_bh.length==7){
-	// 	getYg({sczl_bh:sczl_bh}).then(response=>{
-	// 		  if (response.code === 0) {
-	// 			  //设置比例
-	// 			  formData.value['sczl_bh'+inputName+'_name'] = response.data.ygxm;
-	// 			  //设置光标
-	// 			  document.getElementById('rate'+inputName).focus()
-	// 			  document.getElementById('rate'+inputName).select()
-	// 			  return false
-	// 		}
-	// 	})
-	// }
 	if(event.target.value!=''){
 		if (event.keyCode === 13 || event.keyCode === 40) { // Enter 或向下箭头
 			  //设置光标
@@ -1471,17 +1454,69 @@ const getGxMcsubmit = (event, inputName) => {
 const GetYg = (event,inputName) => {
 	if(formData.value['sczl_bh'+inputName]!=''){
 		getYg({sczl_bh:event.target.value}).then(response=>{
+			console.log(response)
 			if (response.code === 0) {
-				//设置比例
-				formData.value['sczl_bh'+inputName+'_name'] = response.data[0].ygxm;
-				formData.value['sczl_bh'+inputName] = response.data[0].员工编号;
-			}else{
-				formData.value['sczl_bh'+inputName+'_name'] = '';
+			  if(response.data.length === 1){
+			    formData.value[_name]= response.data[0].ygxm
+			    formData.value[sczl_bh]= response.data[0].员工编号
+			  }else{
+			    blModel.value = true;
+			    console.log(response.data)
+			    employeeData.value = response.data // 假设响应数据是数组
+			  }
 			}
 		})
 	}
-  
-}
+}
+const blModel = ref(false)
+const employeeData = ref('')
+const getbzyg = async (value,key) => {
+  let bzyg=''
+  bzyg=`sczl_bh${key}`
+  let bzxm=''
+  bzxm=`sczl_bh${key}_name`
+  const response = await getYg({sczl_bh:formData.value[bzyg]});
+  console.log(response)
+  if (response.code === 0) {
+    if(response.data.length === 1){
+      formData.value[bzxm]= response.data[0].ygxm
+      formData.value[bzyg]= response.data[0].员工编号
+    }else{
+      blModel.value = true;
+      console.log(response.data)
+      employeeData.value = response.data // 假设响应数据是数组
+    }
+  }
+}
+const clicked = ref(false);
+const tablebllickHandler = async (row, column, event) => {
+  if (clicked.value) {
+    // 如果已经点击过一次，则不再执行操作
+    return;
+  }
+  let nextIndex = 1;
+  while (formData.value[`sczl_bh${nextIndex}`] !== '' && formData.value[`sczl_bh${nextIndex}_name`] !== '') {
+    nextIndex++;
+    if (nextIndex > 8) {
+      // 如果所有字段都已经填满，则不做任何事情并退出函数
+      return;
+    }
+  }
+  // 将选定的值分配给下一个空的代码和名称字段
+  formData.value[`sczl_bh${nextIndex}`] = row.员工编号;
+  formData.value[`sczl_bh${nextIndex}_name`] = row.ygxm;
+  blModel.value = false;
+  clicked.value = true;
+  setTimeout(() => {
+    clicked.value = false;
+  }, 300); // 300毫秒内再次点击将不会触发事件，你可以根据需要调整这个延迟时间
+};
+const blplanUsageCellClass = ({row, column, rowIndex, columnIndex}) =>{
+  if (column.property === '员工编号' || column.property === 'ygxm') {
+    return 'plan-usage-low';
+  }
+}
+
 
 //比例失去焦点
 const rate = (event,inputName) => {
@@ -1548,8 +1583,8 @@ function onAdd() {
 		dialogFormVisible.value = true
 	}else{
 		  // GetInfo(table.value)
-		  console.log(['table_type'])
-		  console.log('此数据无法新增')
+		  // console.log(['table_type'])
+		  // console.log('此数据无法新增')
 		  dialogFormVisible.value = true
 	}  
 	
@@ -2082,5 +2117,10 @@ onMounted(async () => {
 }
 .mab{
   margin-bottom: 5px;
+}
+:deep(.plan-usage-low div) {
+  color: blue !important;
+  font-size: 16px;
+  font-weight: bold;
 }
 </style>