From 8527b19d2b64db40db7b152ac9dcb207784a1b64 Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期四, 11 一月 2024 16:07:05 +0800
Subject: [PATCH] 	modified:   src/api/plan/manufacturingorder.js 	new file:   src/views/common/processinspect-part.vue 	modified:   src/views/plan/manufacturingorder/productorder-form.vue 	modified:   src/views/quality/processInspect/processInspect-form.vue 	modified:   src/views/technology/routing/routing-form.vue 	modified:   vue.config.js

---
 src/views/plan/manufacturingorder/productorder-form.vue |  149 +++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 125 insertions(+), 24 deletions(-)

diff --git a/src/views/plan/manufacturingorder/productorder-form.vue b/src/views/plan/manufacturingorder/productorder-form.vue
index 05becf2..e825e10 100644
--- a/src/views/plan/manufacturingorder/productorder-form.vue
+++ b/src/views/plan/manufacturingorder/productorder-form.vue
@@ -65,6 +65,7 @@
             </el-col>
             <el-col :span="6">
               <el-form-item label="闆朵欢" prop="partId">
+                <el-tooltip class="item" effect="dark" :content="partStr" >
                 <el-input v-model="partStr" placeholder="" readonly>
                   <el-button
                     v-if="!this.dataForm.id"
@@ -73,11 +74,12 @@
                     @click="openRoutingDialog()"
                   ></el-button>
                 </el-input>
+                </el-tooltip>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="10">
-            <el-col :span="3">
+            <el-col :span="4">
               <el-form-item label="闇�姹傛暟閲�" prop="qtyRequired">
                 <el-input
                   v-model="dataForm.qtyRequired"
@@ -86,7 +88,7 @@
                 ></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="3">
+            <el-col :span="4">
               <el-form-item label="瀹屾垚鏁伴噺" prop="qtyFinished">
                 <el-input-number
                   style= "width: 90%"
@@ -126,12 +128,15 @@
                 ></el-input>
               </el-form-item>
             </el-col> -->
-             <el-col :span="6">
+             <el-col :span="5">
               <el-form-item label="澶囨敞" prop="remark">
-                <el-input v-model="dataForm.remark" placeholder=""></el-input>
+                <el-tooltip class="item" effect="dark" :content="dataForm.remark">
+                <el-input v-model="dataForm.remark" placeholder="">
+                </el-input>
+                </el-tooltip>
               </el-form-item>
             </el-col>
-            <el-col :span="6">
+            <el-col :span="5">
               <el-form-item label="鍒堕�犲睘鎬�" prop="manufactureAttr">
                 <el-select
                   v-model="dataForm.manufactureAttr"
@@ -204,7 +209,7 @@
                 </el-switch>
               </el-form-item>
             </el-col> -->
-         
+
         </div>
         <div class="productorder-detail">
           <el-card class="productorder-list">
@@ -252,11 +257,22 @@
                         </el-form-item>
                       </el-col>
                     </el-row>
-
                     <el-row>
                       <el-col :span="24" class="productorder-operates-col">
-                        <el-card class="productorder-operates">
-                          <el-table
+                        <el-card class="productorder-operates" >
+                          <el-row>
+                            <el-col :span="2" class="frame1">搴忓彿
+                            </el-col>
+                            <el-col :span="4" class="frame1">宸ュ簭鍙�
+                            </el-col>
+                            <el-col :span="5" class="frame1">宸ュ簭鎻忚堪
+                            </el-col>
+                            <el-col :span="9" class="frame1">闆朵欢
+                            </el-col>
+                            <el-col :span="3" class="frame1">鎿嶄綔
+                            </el-col>
+                          </el-row>
+                          <!-- <el-table
                             ref="operationTable"
                             :data="operations"
                             style="width: 100%;"
@@ -304,10 +320,56 @@
                                 </el-button>
                               </template>
                             </el-table-column>
-                          </el-table>
+                          </el-table> -->
+                          <zttdraggable
+                            :forceFallback="true"
+                            :list="operations"
+                            :animation="200"
+                            fallbackClass="fallbackStyle"
+                            ghostClass="item_ghost"
+                            @end="dragEnd"
+                          >
+                            <div
+                              :class="{ dragItem: true, active: x.active }"
+                              v-for="(x, i) in operations"
+                              :key="i"
+                            >
+                              <!-- <div class="dragBody">
+                                <div class="info">{{ x.operationNo }}</div>
+                                <div class="info">{{ x.operationName }}</div>
+                                <div class="info">{{ x.partName }}</div>
+                              </div> -->
+                              <el-row>
+                                <el-col :span="2" class="frame">{{ i+1 }}
+                                </el-col>
+                                <el-col :span="4" class="frame">{{ x.operationNo  }}
+                                </el-col>
+                                <el-col :span="5" class="frame">{{ x.operationName }}
+                                </el-col>
+                                <el-col :span="9" class="frame">{{ x.partName }}
+                                </el-col>
+                                <el-col :span="3" class="frame">
+                                    <el-button
+                                      type="text"
+                                      size="mini"
+                                      @click="openOrderOperation(x)"
+                                      >缂栬緫
+                                    </el-button>
+                                </el-col>
+                              </el-row>
+                            </div>
+                          </zttdraggable>
                         </el-card>
                       </el-col>
                     </el-row>
+                  
+                  
+                  
+                  
+                  
+                  
+                  
+                  
                   </el-col>
                   <el-col :span="16">
                     <el-tabs type="card" ref="paramTabs">
@@ -476,7 +538,7 @@
                           </el-table>
                         </el-card>
                       </el-tab-pane>
-                      <el-tab-pane
+                     <!--  <el-tab-pane
                         label="妫�娴嬫爣鍑�"
                         key="tb1"
                         id="tb1"
@@ -489,7 +551,7 @@
                           :moRoutingOperationId="moRoutingOperationId"
                           @refreshTestStandardInfo="refreshTestStandardInfo"
                         ></testStandardTable>
-                      </el-tab-pane>
+                      </el-tab-pane> -->
                       <!-- <el-tab-pane
                         label="鎶芥瑙勫垯"
                         key="tb2"
@@ -690,13 +752,13 @@
                       label="鍗曚綅"
                     />
 
-                    <el-table-column
+                    <!-- <el-table-column
                       prop="discNum"
                       width="150"
                       header-align="center"
                       align="center"
                       label="鐩樻暟(鐩�)"
-                    />
+                    /> -->
 
                     <!-- <el-table-column
                       prop="version"
@@ -913,7 +975,27 @@
     />
   </div>
 </template>
-<style>
+<style lang="scss">
+.frame{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100px;
+    // border-width: 1px;
+    // border-color: rgb(129, 129, 129);
+    // border-style: solid;
+    font-size: 15px;
+}
+.frame1{
+  display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 50px;
+    // border-width: 1px;
+    // border-color: rgb(129, 129, 129);
+    // border-style: solid;
+    font-size: 15px;
+}
 .productorder-basic {
   background-color: #fff;
   height: 150px;
@@ -952,6 +1034,7 @@
 .productorder-operates {
   height: 605px;
   border: 1px solid #ddd;
+  overflow: auto;
 }
 
 .productorder-params-template {
@@ -1003,7 +1086,8 @@
   addRoutingTemplateParamLedForOrder,
   updateMoBom,
   delMoBom,
-  bomSelectChange
+  bomSelectChange,
+  changeOrder,
 } from '@/api/plan/manufacturingorder'
 import { qryMoSamplingRule, delMoSamplingRule } from '@/api/plan/mosamplingrule'
 import {
@@ -1033,7 +1117,7 @@
 import spotCheckRule from './orderSpotCheckRule'
 import spotCheckRuleEdit from './orderSpotCheckRuleEdit'
 import { mapGetters } from 'vuex'
-
+import zttdraggable from 'vuedraggable'
 export default {
   components: {
     CustomerOrder,
@@ -1049,7 +1133,8 @@
     operationDialog,
     insertOperationDialog,
     spotCheckRule,
-    spotCheckRuleEdit
+    spotCheckRuleEdit,
+    zttdraggable
   },
 
   data() {
@@ -1216,7 +1301,6 @@
     this.getBomTypeDbOptions()
     this.getManufactureAttrs('manufacture_attr_type')
     this.getSysParam(sysParam.IS_REPORT_OPERATION)
-    // console.log(this.components);
   },
   watch: {
     'dataForm.partId'(newValue, oldValue) {
@@ -1231,9 +1315,6 @@
       }
     },
     components(newVal,oldVal){
-      console.log("鏂�",newVal);
-      console.log("鑰�",oldVal);
-      console.log(this.components);
     },
     currentRouting(newValue, oldValue) {
       if (newValue && newValue.id) {
@@ -1284,7 +1365,6 @@
       if (newValue && newValue.id) {
         // 鏌ヨ浜у搧缁撴瀯瀵瑰簲鐨勭粍浠�
         getBom(newValue.id).then((response) => {
-          console.log("鏌�",this.components);
           // this.components = [response.data.data.tree]
         })
       }
@@ -1319,6 +1399,28 @@
     }
   },
   methods: {
+    dragEnd(e){
+      this.operations.forEach((e, i) => {
+        e.index = i + 1
+        e.operationOrder = i+1
+      })
+      console.log(this.operations,"鎷栨嫿缁撴潫kk");
+      this.dragEndstart()
+    },
+    dragEndstart(){
+        let data = this.operations.map(el =>{
+            return {
+              id:el.id,
+              operationOrder:el.operationOrder,
+            }
+        })
+      console.log(data,"id");
+        changeOrder(data).then((res) =>{
+            console.log(res,"鍥炶皟");
+        }).catch(error => {
+					console.error(error)
+				});
+    },
     getSysParam(paramKey) {
       getSysParam(paramKey).then((response) => {
         var paramVal = response.data.data
@@ -2088,7 +2190,6 @@
     },
     // 鏂板宸ュ簭
     addOperation(operation) {
-      console.log('operation', operation)
     },
     insertOperation(operation) {},
     structSelectionChange(val) {

--
Gitblit v1.9.3