update

gaoshp

2024-06-11 e87012567c674cd69f7a8f87df7202eac60a8208

 src/views/console/product-process/process-route/workmanship.vue

@@ -2,7 +2,7 @@
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-05-24 11:25:26
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-05-24 15:05:44
 * @LastEditTime: 2024-05-28 11:09:17
 * @FilePath: /src/views/console/product-process/process-route/workmanship.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
@@ -11,45 +11,89 @@
      <div class="main-content-left">
         <div class="info-top-title">工艺路线</div>
         <div style="margin-bottom: 12px;">
            <el-button type="primary">新增</el-button>
            <el-button type="primary" v-if="isCustomization">定版</el-button>
            <el-button disabled>并序</el-button>
            <el-button type="primary" @click="table_open">新增</el-button>
            <el-button type="primary" v-if="isCustomization" @click="determineVersion">定版</el-button>
            <el-button :disabled="mergeDisabled" @click="mergeBtn">并序</el-button>
         </div>
         <el-table ref="multipleTableRef0" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="HandleSelectionChange">
            <el-table-column type="selection" width="55" />
            <el-table-column prop="name" label="工序顺序"></el-table-column>
            <el-table-column prop="code" label="工序编号"></el-table-column>
            <el-table-column prop="typeName" label="工序名称"></el-table-column>
         <el-table ref="multipleTableRef0" :data="tableData" row-key="id" border :tree-props="{ children: 'children', hasChildren: 'has' }" style="width: 100%" class="multipleTableRef" @selection-change="HandleSelectionChange" @row-click="rowClick" default-expand-all>
            <el-table-column type="selection" :selectable="setSelectable" width="55" />
            <el-table-column prop="index" label="工序顺序">
               <template #default="scope">
                  <span>{{scope.row.index || "-"}}</span>
               </template>
            </el-table-column>
            <el-table-column prop="processCode" label="工序编号"></el-table-column>
            <el-table-column prop="processName" label="工序名称"></el-table-column>
            <el-table-column fixed="right" label="操作" width="200px">
               <template #default="scope">
                  <!-- <el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
                  <el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">刷新</el-button>
                  <el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">删除</el-button> -->
                  <el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
                  <el-button text type="primary" size="small" @click="table_del(scope.row, scope.$index)" v-if="scope.row.index">删除</el-button>
                  <el-button text type="primary" size="small" @click="table_remove(scope.row, scope.$index)" v-if="!scope.row.index">移除</el-button>
               </template>
            </el-table-column>
         </el-table>
      </div>
      <div class="main-content-right">
         <div class="main-info-title">工序信息</div>
         <div class="addWorking" @click="table_open">添加工序</div>
         <!-- <ul>
         <div class="addWorking" @click="table_open" v-if="!isCustomization">添加工序</div>
         <ul v-if="isCustomization">
            <li>工序编号<span></span></li>
            <li>工序名称<span></span></li>
            <li>工序顺序<span></span></li>
         </ul> -->
         </ul>
      </div>
   </div>
   <save-dialog v-if="dialog.save" ref="saveDialog" @success="addRouteSuccess" @closed="dialog.save=false"></save-dialog>
   <el-drawer v-model="drawer" title="添加工序" direction="rtl" :before-close="handleClose" size="60%" modal-class="viewData">
      <!-- 新增路线 -->
      <div class="addworkmanship">
         <add-workmanship ref="addworkmanship" @success="handleSuccess" :isClear="isClear" :craftId="craftId"></add-workmanship>
      </div>
   </el-drawer>
   <!-- 并序弹窗 -->
   <el-dialog title="并序" v-model="mergeVisible" :width="500" destroy-on-close>
      <el-form :inline="true" ref="mergeVisibleData" :model="mergeVisibleData" :rules="mergeVisibleRules" label-width="80px">
         <el-row>
            <el-col :span="24">
               <el-form-item label="工序编号" prop="processCode" style="width: 100%">
                  <el-input v-model="mergeVisibleData.processCode" placeholder="请输入工序编号" clearable></el-input>
               </el-form-item>
            </el-col>
            <el-col :span="24">
               <el-form-item label="工序名称" prop="processName" style="width: 100%">
                  <el-input v-model="mergeVisibleData.processName" placeholder="请输入工序名称" clearable></el-input>
               </el-form-item>
            </el-col>
         </el-row>
      </el-form>
      <template #footer>
         <el-button @click="cencelMerge" >取消</el-button>
         <el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="mergeSubmit">确定</el-button>
      </template>
   </el-dialog>
</template>

<script>
   import addWorkmanship from './addWorkmanship'
   import saveDialog from './addWorking'
   export default {
      name: 'workmanship',
      components: {saveDialog},
      props: ["isCustomization"],
      components: {saveDialog,addWorkmanship},
      props: ["isCustomization","craftId"],
      data() {
         return {
            mergeVisibleData: {
               processCode: "",
               processName: ""
            },
            mergeVisibleRules: {
               processCode:[{required: true, message: '请输入工序编号'}],
               processName:[{required: true, message: '请输入工序名称'}]
            },
            mergeVisible: false,
            mergeDisabled: true,
            isClear: false,
            drawer: false,
            tableData: [],
            selection: [],
            dialog: {
@@ -58,16 +102,188 @@
         }
      },
      mounted(){
			
      },
      watch: {
         craftId(val) {
            if(val) {
               this.getcraftlList();
            }
         }
      },
      methods: {
         setSelectable(row,rowIndex) {
            return !row.children && row.index;
         },
         cencelMerge() {
            this.mergeVisible=false;
            this.mergeVisibleData = {
               processCode: "",
               processName: ""
            };
         },
         mergeSubmit() {
            var that = this;
            this.selection.forEach(item=> {
               item.versionProcessId = item.id;
            });
            var obj = {
               parallelVO: this.selection,
               processCode: this.mergeVisibleData.processCode,
               processName: this.mergeVisibleData.processName,
               sort: 1,
               versionId: this.craftId
            }
            this.$refs.mergeVisibleData.validate(async (valid) => {
               if (valid) {
                  that.$HTTP.post("/api/blade-cps/production-craft-process/save-parallel",obj).then(res=> {
                     if(res.code == 200) {
                        that.mergeVisible = false;
                        that.$message.success("操作成功");
                        that.getcraftlList();

                     }else {
                        that.$alert(res.message, "提示", {type: 'error'});
                     }
                  })
               }else{
                  return false;
               }
            })
         },
         mergeBtn() {
            this.mergeVisible = true;
         },
         handleSuccess(value) {
            this.drawer = false;
            this.isClear = false;
            this.getcraftlList();
         },
         getcraftlList() {
            // this.$HTTP.get(`/api/blade-cps/production-craft-version/detail/${this.craftId}`).then(res=> {
            //    if(res.code == 200) {
            //       res.data.processList.forEach((item,index)=> {
            //          item.index = index + 1;
            //       });
            //       this.tableData = res.data.processList;
            //    }
            // })
            this.$HTTP.get(`/api/blade-cps/production-craft-process/child-tree?versionId=${this.craftId}`).then(res=> {
               if(res.code == 200) {
                  res.data.forEach((item,index)=> {
                     if(item.children && item.children.length > 0) {
                        item.disabled = true;
                     }
                     item.index = index + 1;
                  })
                  this.tableData = res.data;
               }
            })
         },
         handleClose(done) {
            this.isClear = true;
            done();
         },
         determineVersion() {
            var that = this;
            this.$confirm(`工艺路线定版后，不支持编辑、删除、添加工序，请确认是否定版?`, '', {
               type: 'warning'
            }).then(() => {
               this.$HTTP.put(`/api/blade-cps/production-craft-version/fix-version/${this.craftId}`).then(res=> {
                  if(res.code == 200) {
                     that.$message.success("操作成功");
                  }else {
                     this.$message.error(res.msg);
                  }
               })
            }).catch(() => {

            })
         },
         rowClick(row, column, event) {
            // this.id = row.id;
            // this.getWorkDetail();
            // this.getPage1();
         },
         addRouteSuccess(selection) {
            selection.forEach((item,i)=> {
               item.index = i+1;
            })
            this.tableData = selection;
         },
         HandleSelectionChange(selection) {
            this.selection = selection;
            if(this.selection.length >= 2) {
               this.mergeDisabled = false;
            }else {
               this.mergeDisabled = true;
            }
         },
         table_open() {
            this.dialog.save = true
            this.$nextTick(() => {
               this.$refs.saveDialog.open();
            if(this.isCustomization) {  //首页的新建
               this.drawer = true;
            }else {  //版本步骤中的新建
               this.dialog.save = true
               this.$nextTick(() => {
                  this.$refs.saveDialog.open();
               })
            }
         },
         table_edit(row,index) {
            this.drawer = true;
            this.$nextTick(()=> {
               this.$refs.addworkmanship.setData(row);
            })
         },
         table_del(row,index) {
            var that = this;
            this.$confirm(`确认要删除此工序吗?`, '', {
               type: 'warning'
            }).then(() => {
               var obj = {
                  mainProcess: [],
                  normalProcess: that.tableData,
                  removeIds: [row.id],
                  versionId: that.craftId
               }
               this.$HTTP.post(`/api/blade-cps/production-craft-process/child-process-update`,obj).then(res=> {
                  if(res.code == 200) {
                     that.$message.success("操作成功");
                     that.getcraftlList();
                  }
               })
            }).catch(() => {

            })
         },
         table_remove(row,index) {
            var that = this;
            var tableData = [];
            this.tableData.forEach(item=> {
               if(item.children && item.children.lenght !=0) {
                  item.children.forEach(item1=> {
                     tableData.push(item1);
                  })
               }else {
                  tableData.push(item);
               }
            })
            this.$confirm(`此工序移除后，原并序将会转化为常规序。确定移除吗？`, '', {
               type: 'warning'
            }).then(() => {
               var obj = {
                  mainProcess: [],
                  normalProcess: tableData,
                  removeIds: [row.parentId],
                  versionId: that.craftId
               }
               this.$HTTP.post(`/api/blade-cps/production-craft-process/child-process-update`,obj).then(res=> {
                  if(res.code == 200) {
                     that.$message.success("操作成功");
                     that.getcraftlList();
                  }
               })
            }).catch(() => {

            })
         }
      }
@@ -89,7 +305,7 @@
    color: #333;
}
.main-content-left {
   width: 70%;
   width: 60%;
}
.main-content-right {
   flex: 1;
@@ -120,4 +336,7 @@
   font-size: 14px;
   cursor: pointer;
}
.addworkmanship {
   padding: 0 40px;
}
</style>