优化

src/view/yunyin/shengchanguanli/components/print.vue

@@ -1,6 +1,6 @@
 <template>
   <!--订单打印【弹窗】-->
-  <el-dialog v-model="visibie" title="生产订单打印" style="width: 40%">
+  <el-dialog v-model="visibie" title="生产订单打印" style="margin-top: 40px" height="500px" width="800px" destroy-on-close>
     <el-row>
       <el-form-item label="订单号:" prop="currentProcess" class="mab">
         <el-input v-model="form['gdbh']"  @keydown="cp_print_ProductValue" style="width: 200px" />
@@ -43,7 +43,7 @@
     </el-row> -->
     <div class="dialog-footer" style="text-align: right; margin-top: 30px;">
       <el-button @click="() => visibie = false">取消</el-button>
-      <el-button type="primary"  @click="cp_print_handleConfirm">确认</el-button>
+      <el-button type="primary"  @click="cp_print_handleConfirm">打印</el-button>
     </div>
 
   </el-dialog>

src/view/yunyin/shengchanguanli/shengchanpaichan.vue

@@ -241,23 +241,27 @@
             </div>
           </el-dialog>
           <!-- 排产-->
-            <el-dialog v-model="add_gdyjdialogFormVisible" :before-close="add_gdyjcloseDialog" style="width: 60%;" :title="'车缝小烫排产'" destroy-on-close>
+            <el-dialog v-model="add_gdyjdialogFormVisible" :before-close="add_gdyjcloseDialog" style="width: 50%;" :title="'车缝小烫排产'" destroy-on-close>
               <el-form label-width="100px" :model="add_yjzlformdata">
                 <div style="display: flex; gap: 0px;">
                   <el-form-item label="订单子编号:" class="mab" prop="keyOrder">
-                    <el-input v-model="add_yjzlformdata.ddzbh" style="width: 100px;" id="cpsl" @keydown="add_gdzlyjent($event, 'zzmc4', 'cpsl', 'pztl')"/>
+                    <el-input v-model="add_yjzlformdata.ddzbh" style="width: 100px;margin-bottom: 12px; " id="ddzbh" @keydown="add_gdzlent($event, 'zzmc4', 'ddzbh', 'ys')"/>
                   </el-form-item>
                   <el-form-item label="颜色:" class="mab" prop="keyOrder">
-                    <el-input v-model="add_yjzlformdata.ys" style="width: 100px;" id="pztl" @keydown="add_gdzlyjent($event, 'cpsl', 'pztl', 'klgg')"/>
+                    <el-input v-model="add_yjzlformdata.ys" style="width: 100px;margin-bottom: 12px;" id="ys" @keydown="add_gdzlent($event, 'ddzbh', 'ys', '尺码规格')"/>
                   </el-form-item>
-                </div>
-                <div style="display: flex; gap: 0px;">
                   <el-form-item label="尺码规格:" prop="joinDate" >
-                    <el-select v-model="add_yjzlformdata.cmgg" style="width: 150px;" id="尺码规格">
+                    <el-select v-model="add_yjzlformdata.cmgg" style="width: 150px;" id="尺码规格" @keydown="add_gdzlent($event, 'ys', '尺码规格', '工作中心')">
                       <el-option label="32~46" value="32~46"></el-option>
                       <el-option label="S~XXL" value="47~52"></el-option>
                     </el-select>
                   </el-form-item>
+                  <el-form-item label="工作中心:" prop="joinDate" >
+                    <el-select v-model="add_yjzlformdata.gzzx" style="width: 150px;" id="工作中心" @keydown="add_gdzlent($event, '尺码规格', '工作中心', 'zdsl')">
+                      <el-option label="二分厂" value="32~46"></el-option>
+                      <el-option label="大分厂" value="47~52"></el-option>
+                    </el-select>
+                  </el-form-item>
                 </div>
                 <div style="display: flex; gap: 0px;">
                   <el-form-item label="尺码:" class="mab" prop="keyOrder">
@@ -274,15 +278,15 @@
                 </div>
                 <div style="display: flex; gap: 0px;">
                   <el-form-item label="制单数:" class="mab" prop="keyOrder">
-                    <el-input v-model="zdsformdata.zds1" style="width: 80px;" id="pztl" @keydown="add_gdzlyjent($event, 'cpsl', 'pztl', 'klgg')"/>
-                    <el-input v-model="zdsformdata.zds2" style="width: 80px;" id="pztl" @keydown="add_gdzlyjent($event, 'cpsl', 'pztl', 'klgg')"/>
-                    <el-input v-model="zdsformdata.zds3" style="width: 80px;" id="pztl" @keydown="add_gdzlyjent($event, 'cpsl', 'pztl', 'klgg')"/>
-                    <el-input v-model="zdsformdata.zds4" style="width: 80px;" id="pztl" @keydown="add_gdzlyjent($event, 'cpsl', 'pztl', 'klgg')"/>
-                    <el-input v-model="zdsformdata.zds5" style="width: 80px;" id="pztl" @keydown="add_gdzlyjent($event, 'cpsl', 'pztl', 'klgg')"/>
-                    <el-input v-model="zdsformdata.zds6" style="width: 80px;" id="pztl" @keydown="add_gdzlyjent($event, 'cpsl', 'pztl', 'klgg')"/>
-                    <el-input v-model="zdsformdata.zds7" style="width: 80px;" id="pztl" @keydown="add_gdzlyjent($event, 'cpsl', 'pztl', 'klgg')"/>
-                    <el-input v-model="zdsformdata.zds8" style="width: 80px;" id="pztl" @keydown="add_gdzlyjent($event, 'cpsl', 'pztl', 'klgg')"/>
-                    <el-input v-model="zdsformdata.zds9" style="width: 80px;" id="pztl" @keydown="add_gdzlyjent($event, 'cpsl', 'pztl', 'klgg')"/>
+                    <el-input v-model="zdsformdata.zds1" style="width: 80px;" id="zdsl" @keydown="add_gdzlent($event, '工作中心', 'zdsl', 'zds2')"/>
+                    <el-input v-model="zdsformdata.zds2" style="width: 80px;" id="zds2" @keydown="add_gdzlent($event, 'zdsl', 'zds2', 'zds3')"/>
+                    <el-input v-model="zdsformdata.zds3" style="width: 80px;" id="zds3" @keydown="add_gdzlent($event, 'zds2', 'zds3', 'zds4')"/>
+                    <el-input v-model="zdsformdata.zds4" style="width: 80px;" id="zds4" @keydown="add_gdzlent($event, 'zds3', 'zds4', 'zds5')"/>
+                    <el-input v-model="zdsformdata.zds5" style="width: 80px;" id="zds5" @keydown="add_gdzlent($event, 'zds4', 'zds5', 'zds6')"/>
+                    <el-input v-model="zdsformdata.zds6" style="width: 80px;" id="zds6" @keydown="add_gdzlent($event, 'zds5', 'zds6', 'zds7')"/>
+                    <el-input v-model="zdsformdata.zds7" style="width: 80px;" id="zds7" @keydown="add_gdzlent($event, 'zds6', 'zds7', 'zds8')"/>
+                    <el-input v-model="zdsformdata.zds8" style="width: 80px;" id="zds8" @keydown="add_gdzlent($event, 'zds7', 'zds8', 'zds9')"/>
+                    <el-input v-model="zdsformdata.zds9" style="width: 80px;" id="zds9" @keydown="add_gdzlent($event, 'zds8', 'zds9', '车缝小烫小组1')"/>
                   </el-form-item>
                 </div>
                 <!-- 图片 -->
@@ -297,23 +301,16 @@
 								    </el-upload>
 								  </el-form-item>
                 </div>
-                <div style="display: flex; gap: 0px;">
-                  <el-form-item label="工作中心:" prop="joinDate" >
-                    <el-select v-model="add_yjzlformdata.gzzx" style="width: 150px;" id="尺码规格">
-                      <el-option label="二分厂" value="32~46"></el-option>
-                      <el-option label="大分厂" value="47~52"></el-option>
-                    </el-select>
-                  </el-form-item>
-                </div>
+
                 <div style="display: flex; gap: 0px;margin-left:30px ;">
                   <el-form-item label="车缝小烫小组:" prop="joinDate" ><br><br><br>
                     <div style="margin-left:-105px;margin-top: 25px;">
-                      <el-select v-model="add_yjzlformdata.cfxtxz1" style="width: 120px;" id="尺码规格">
+                      <el-select v-model="add_yjzlformdata.cfxtxz1" style="width: 120px;" id="车缝小烫小组1" @keydown="add_gdzlent($event, 'zds9', '车缝小烫小组1', '排产数量1')">
                         <el-option label="服装厂1组" value="32~46"></el-option>
                         <el-option label="服装厂11组" value="47~52" ></el-option>
                       </el-select>
                       <div >
-                      <el-select v-model="add_yjzlformdata.cfxtxz2" style="width: 120px;margin-top: 20px;" id="尺码规格">
+                      <el-select v-model="add_yjzlformdata.cfxtxz2" style="width: 120px;margin-top: 20px;" id="车缝小烫小组2" @keydown="add_gdzlent($event, '排产数量1', '车缝小烫小组2', '排产数量2')" >
                         <el-option label="服装厂11组" value="32~46"></el-option>
                         <el-option label="服装厂1组" value="47~52" ></el-option>
                       </el-select>  
@@ -321,12 +318,12 @@
                     </div>
                     <el-form-item label="排产数量:" prop="joinDate" ><br><br><br>
                     <div style="margin-left:-75px;margin-top: 25px;">
-                      <el-select v-model="add_yjzlformdata.pcsl1" style="width: 120px;" id="尺码规格">
+                      <el-select v-model="add_yjzlformdata.pcsl1" style="width: 120px;" id="排产数量1" @keydown="add_gdzlent($event, '车缝小烫小组1', '排产数量1', '车缝小烫小组2')">
                         <el-option label="50" value="32~46"></el-option>
                         <el-option label="40" value="47~52" ></el-option>
                       </el-select>
                       <div >
-                      <el-select v-model="add_yjzlformdata.pcsl2" style="width: 120px;margin-top: 20px;" id="尺码规格">
+                      <el-select v-model="add_yjzlformdata.pcsl2" style="width: 120px;margin-top: 20px;" id="排产数量2" @keydown="add_gdzlent($event, '车缝小烫小组2', '排产数量2', 'ddzbh')">
                         <el-option label="40" value="32~46"></el-option>
                         <el-option label="50" value="47~52" ></el-option>
                       </el-select>  
@@ -1597,6 +1594,36 @@ const add_gdyjenterDialog =  async  () => {
 const add_dyjcloseDialog = () => {
   add_gdyjdialogFormVisible.value = false
 }
+
+//新增工单资料弹窗 键盘input框跳转
+const add_gdzlent = async (event,id1,id2,id3,idx) => {
+  if(event.keyCode === 40){
+    if(id3!=''){
+      document.getElementById(id3).focus()
+    }
+  }else if (event.keyCode === 13) { // Enter 或向下箭头
+    if(id3!=''){
+      document.getElementById(id3).focus()
+    }
+  } else if (event.keyCode === 38) { // 向上箭头
+    if(id1!=''){
+      document.getElementById(id1).focus()
+    }
+  }else if (event.keyCode === 8) { // 删除箭头
+    if(id1!='' && document.getElementById(id2).value==''){
+      document.getElementById(id1).focus()
+    }
+  }else if (event.keyCode === 37) { // 向左箭头
+    if(id1!='' && document.getElementById(id2).selectionStart==0){
+      document.getElementById(id1).focus()
+    }
+  }else if (event.keyCode === 39) { // 向右箭头
+    if(id3!='' && document.getElementById(id2).selectionStart == document.getElementById(id2).value.length){
+      document.getElementById(id3).focus()
+    }
+  }
+}
+
 //工序状态更正按钮
 // const ongxztgzClick = () => {
 //   if(_Gd_gdbh.value == null){