From a1c54e1c1610c96ea5c6c81f371c47c323bc3ff5 Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期一, 15 一月 2024 12:58:26 +0800
Subject: [PATCH] 	modified:   src/page/wel.vue 	modified:   src/views/equipment/equipment/index.vue

---
 src/views/plan/manufacturingorder/productorder-form.vue |  144 +++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 129 insertions(+), 15 deletions(-)

diff --git a/src/views/plan/manufacturingorder/productorder-form.vue b/src/views/plan/manufacturingorder/productorder-form.vue
index 6ff61e4..0fb9e74 100644
--- a/src/views/plan/manufacturingorder/productorder-form.vue
+++ b/src/views/plan/manufacturingorder/productorder-form.vue
@@ -154,6 +154,14 @@
                 </el-select>
               </el-form-item>
             </el-col>
+            <el-col :span="10">
+              <el-form-item label="宸ヨ壓鏂囦欢" prop="technologyDocumentName">
+                 <el-tooltip class="item" effect="dark" :content="dataForm.technologyDocumentName">
+                  <el-input v-model="dataForm.technologyDocumentName" placeholder="">
+                </el-input>
+                </el-tooltip>
+              </el-form-item>
+            </el-col>
           </el-row>
             <!-- <el-col
               :span="2"
@@ -257,11 +265,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%;"
@@ -309,10 +328,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">
@@ -918,7 +983,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;
@@ -957,6 +1042,7 @@
 .productorder-operates {
   height: 605px;
   border: 1px solid #ddd;
+  overflow: auto;
 }
 
 .productorder-params-template {
@@ -1008,7 +1094,8 @@
   addRoutingTemplateParamLedForOrder,
   updateMoBom,
   delMoBom,
-  bomSelectChange
+  bomSelectChange,
+  changeOrder,
 } from '@/api/plan/manufacturingorder'
 import { qryMoSamplingRule, delMoSamplingRule } from '@/api/plan/mosamplingrule'
 import {
@@ -1038,7 +1125,7 @@
 import spotCheckRule from './orderSpotCheckRule'
 import spotCheckRuleEdit from './orderSpotCheckRuleEdit'
 import { mapGetters } from 'vuex'
-
+import zttdraggable from 'vuedraggable'
 export default {
   components: {
     CustomerOrder,
@@ -1054,7 +1141,8 @@
     operationDialog,
     insertOperationDialog,
     spotCheckRule,
-    spotCheckRuleEdit
+    spotCheckRuleEdit,
+    zttdraggable
   },
 
   data() {
@@ -1113,7 +1201,9 @@
         endDate: null,
         manufactureAttr: 'N',
         isReportOperation: false,
-        outPutBatchList: []
+        outPutBatchList: [],
+        technologyDocumentId: null,
+        technologyDocumentName: null,
       },
       currentRow: [],
       currentRouting: {}, // 褰撳墠閫夋嫨鐨勫伐鑹�
@@ -1124,6 +1214,9 @@
       operationTemplateList: [], // 鍙傛暟闆�
       templateParamList: [], // 鍙傛暟
       dataRule: {
+        technologyDocumentName:[
+          { required: true, message: '宸ヨ壓鏂囦欢涓嶈兘涓虹┖', trigger: 'blur' }
+        ],
         workshopTypeCode: [
           { required: true, message: '杞﹂棿璁㈠崟绫诲瀷涓嶈兘涓虹┖', trigger: 'blur' }
         ],
@@ -1319,6 +1412,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
@@ -1420,13 +1535,7 @@
       checkPart(value, this.dataForm.workshopTypeCode)
         .then((response) => {
           const manufacturingOrderDTO = response.data.data
-          /* this.dataForm.routingList = manufacturingOrderDTO.routingList.filter(
-            (e) => e.bomTypeDb === this.dataForm.workshopTypeCode
-          ) */
           this.dataForm.routingList = manufacturingOrderDTO.routingList
-          /* this.dataForm.bomList = manufacturingOrderDTO.bomList.filter(
-            (e) => e.bomTypeDb === this.dataForm.workshopTypeCode
-          ) */
           this.dataForm.bomList = manufacturingOrderDTO.bomList
           this.dataForm.technologyRoutingId =
             manufacturingOrderDTO.technologyRoutingId
@@ -1562,10 +1671,13 @@
       this.showRouting = true
     },
     selectRouting(param) {
+      console.log(param);
       if (param) {
         this.dataForm.partNo = param.partNo
         this.dataForm.partName = param.partName
         this.dataForm.partId = param.partId
+        this.dataForm.technologyDocumentId = param.id
+        this.dataForm.technologyDocumentName = param.name
         this.$refs.dataForm.validateField('partId', (valid) => {})
       }
     },
@@ -1585,6 +1697,8 @@
       })
     },
     // 2.tabs-宸ヨ壓璺嚎
+    //宸ヨ壓鏂囦欢閫夋嫨
+    
     // 宸ヨ壓璺嚎閫夋嫨
     routingSelectChanged(routingId) {
       this.currentRouting = this.dataForm.routingList.find(

--
Gitblit v1.9.3