首页 > 其他分享 >9.26

9.26

时间:2024-10-29 17:24:22浏览次数:1  
标签:productionMaterials product 9.26 formData activeStep type quantity

 

<template>   <div>     <el-card class="box-card">       <div slot="header" class="clearfix">         <span>生产计划流程</span>       </div>       <el-steps :active="activeStep" finish-status="success" align-center>         <el-step title="合同生成"></el-step>         <el-step title="生成总制令"></el-step>         <el-step title="生成分制令"></el-step>         <el-step title="生成子制令"></el-step>         <el-step title="生成批次二维码"></el-step>         <el-step title="确定投产数量"></el-step>         <el-step title="生产模式"></el-step>         <el-step title="计算投产数"></el-step>         <el-step title="生成生产计划"></el-step>       </el-steps>
      <template v-if="activeStep <= 8">         <el-form v-if="activeStep === 0">           <el-form-item label="合同编号">             <el-input v-model="formData.contractNumber" placeholder="请输入合同编号"></el-input>           </el-form-item>           <el-form-item label="是否生成二维码">             <el-switch v-model="formData.generateQRCode"></el-switch>           </el-form-item>         </el-form>
        <el-form v-if="activeStep === 1">           <el-form-item label="总制令">             <el-input v-model="formData.totalOrder" disabled></el-input>           </el-form-item>         </el-form>
        <el-form v-if="activeStep === 2">           <el-form-item label="分制令">             <el-input v-model="formData.subOrder" disabled></el-input>           </el-form-item>         </el-form>
        <el-form v-if="activeStep === 3">           <el-form-item label="子制令">             <el-input v-model="formData.childOrder" disabled></el-input>           </el-form-item>         </el-form>
        <el-form v-if="activeStep === 4">           <el-form-item label="生成批次二维码">             <el-input v-model="formData.batchQRCode" disabled></el-input>           </el-form-item>         </el-form>
        <el-form v-if="activeStep === 5">   <el-form-item label="产品类型和数量">     <el-table :data="formData.productTypes" style="width: 100%">       <el-table-column label="产品类型">         <template slot-scope="scope">           <el-select v-model="scope.row.type" placeholder="请选择产品类型">             <el-option               v-for="item in productOptions"               :key="item.value"               :label="item.label"               :value="item.value">             </el-option>           </el-select>         </template>       </el-table-column>       <el-table-column label="数量">         <template slot-scope="scope">           <el-input-number v-model="scope.row.quantity" :min="1"></el-input-number>         </template>       </el-table-column>       <el-table-column label="操作">         <template slot-scope="scope">           <el-button size="mini" @click="removeProductType(scope.$index)">删除</el-button>         </template>       </el-table-column>     </el-table>     <el-button type="primary" size="mini" @click="addProductType">添加产品类型</el-button>   </el-form-item> </el-form>         <el-form v-if="activeStep === 6">           <el-form-item label="生产模式">             <el-radio-group v-model="formData.productionMode">               <el-radio label="order">订单式</el-radio>               <el-radio label="consignment">寄售式</el-radio>             </el-radio-group>           </el-form-item>         </el-form>
        <el-form v-if="activeStep === 7">           <el-form-item label="产品类型和数量">             <el-table :data="formData.productTypes" style="width: 100%">               <el-table-column prop="type" label="产品类型"></el-table-column>               <el-table-column prop="quantity" label="数量"></el-table-column>             </el-table>           </el-form-item>           <el-form-item label="所需模具类型和数量">             <el-table :data="productionMaterials.moldTypes" style="width: 100%">               <el-table-column prop="type" label="模具类型"></el-table-column>               <el-table-column prop="quantity" label="模具数量"></el-table-column>             </el-table>           </el-form-item>           <el-form-item label="所需物料类型和数量">             <el-table :data="productionMaterials.materialTypes" style="width: 100%">               <el-table-column prop="type" label="物料类型"></el-table-column>               <el-table-column prop="quantity" label="物料数量"></el-table-column>             </el-table>           </el-form-item>         </el-form>
        <el-form v-if="activeStep === 8">           <el-form-item label="合同编号">             <el-input v-model="formData.contractNumber" disabled></el-input>           </el-form-item>           <el-form-item label="产品信息">             <el-input v-model="formData.productInfo" disabled></el-input>           </el-form-item>           <el-form-item label="总制令">             <el-input v-model="formData.totalOrder" disabled></el-input>           </el-form-item>           <el-form-item label="分制令">             <el-input v-model="formData.subOrder" disabled></el-input>           </el-form-item>           <el-form-item label="子制令">             <el-input v-model="formData.childOrder" disabled></el-input>           </el-form-item>           <el-form-item label="投产数量">             <el-input-number v-model="formData.productionQuantity" disabled></el-input-number>           </el-form-item>           <el-form-item label="生产模式">             <el-input v-model="formData.productionMode" disabled></el-input>           </el-form-item>           <el-form-item label="产品类型和数量">             <el-table :data="formData.productTypes" style="width: 100%">               <el-table-column prop="type" label="产品类型"></el-table-column>               <el-table-column prop="quantity" label="数量"></el-table-column>             </el-table>           </el-form-item>           <el-form-item label="所需模具类型和数量">             <el-table :data="productionMaterials.moldTypes" style="width: 100%">               <el-table-column prop="type" label="模具类型"></el-table-column>               <el-table-column prop="quantity" label="模具数量"></el-table-column>             </el-table>           </el-form-item>           <el-form-item label="所需物料类型和数量">             <el-table :data="productionMaterials.materialTypes" style="width: 100%">               <el-table-column prop="type" label="物料类型"></el-table-column>               <el-table-column prop="quantity" label="物料数量"></el-table-column>             </el-table>           </el-form-item>           <el-form-item>             <el-button style="margin-top: 20px;" @click="Submit">下达生产计划</el-button>           </el-form-item>         </el-form>       </template>
      <el-button style="margin-top: 20px;" @click="prevStep">上一步</el-button>       <el-button style="margin-top: 20px;" @click="nextStep">下一步</el-button>     </el-card>
    <el-card class="box-card" style="margin-top: 20px;">       <div slot="header" class="clearfix">         <span>生产计划管理</span>       </div>       <el-table :data="productionPlans" style="width: 100%">         <el-table-column prop="contractNumber" label="合同编号" />         <el-table-column prop="totalOrder" label="总制令" />         <el-table-column prop="subOrder" label="分制令" />         <el-table-column prop="childOrder" label="子制令" />         <el-table-column prop="productionQuantity" label="投产数量" />         <el-table-column prop="productionMode" label="生产模式" />         <el-table-column prop="status" label="状态" />         <el-table-column label="二维码">           <template slot-scope="scope">             <el-link v-if="scope.row.batchQRCode" :href="scope.row.batchQRCode" download>下载二维码</el-link>             <span v-else>无二维码</span>           </template>         </el-table-column>         <el-table-column label="产品类型和数量">           <template slot-scope="scope">             <div v-for="product in scope.row.productTypes" :key="product.type">               {{ product.type }} - {{ product.quantity }}             </div>           </template>         </el-table-column>         <el-table-column label="所需模具类型和数量">           <template slot-scope="scope">             <div v-for="mold in scope.row.productionMaterials.moldTypes" :key="mold.type">               {{ mold.type }} - {{ mold.quantity }}             </div>           </template>         </el-table-column>         <el-table-column label="所需物料类型和数量">           <template slot-scope="scope">             <div v-for="material in scope.row.productionMaterials.materialTypes" :key="material.type">               {{ material.type }} - {{ material.quantity }}             </div>           </template>         </el-table-column>       </el-table>     </el-card>   </div> </template>
<script> export default {   data() {     return {     activeStep: 0,     formData: {       contractNumber: '',       generateQRCode: false,       totalOrder: 'ZL-20231001',       subOrder: 'FZL-20231001',       childOrder: 'ZZL-20231001',       batchQRCode: null,       productTypes: [{ type: '', quantity: 1 }],       productionMode: 'order',       productionQuantity: 0,     },     productionMaterials: {       moldTypes: [],       materialTypes: [],     },     productionPlans: [], // 保存生产计划的数据     productOptions: [       { value: 'V6发动机缸体蜡模', label: 'V6发动机缸体蜡模' },       { value: '涡轮叶片蜡模', label: '涡轮叶片蜡模' },       // 可以继续添加其他选项     ],   };   },   methods: {     nextStep() {       if (this.activeStep < 8) this.activeStep++;       if (this.activeStep === 7) this.calculateProductionMaterials();     },     prevStep() {       if (this.activeStep > 0) this.activeStep--;     },     addProductType() {       this.formData.productTypes.push({ type: '', quantity: 1 });     },     removeProductType(index) {       this.formData.productTypes.splice(index, 1);     },     calculateProductionMaterials() {       this.productionMaterials.moldTypes = this.formData.productTypes.map((product) => ({         type: `${product.type}模具`,         quantity: Math.ceil(product.quantity / 10),       }));       this.productionMaterials.materialTypes = this.formData.productTypes.map((product) => ({         type: `${product.type}材料`,         quantity: product.quantity * 2,       }));     },     Submit() {       const newPlan = {         ...this.formData,         productionMaterials: { ...this.productionMaterials },         status: '已生成',       };       this.productionPlans.push(newPlan);       this.activeStep = 0;       this.resetForm();     },     resetForm() {       this.formData = {         contractNumber: '',         generateQRCode: false,         totalOrder: 'ZL-20231001',         subOrder: 'FZL-20231001',         childOrder: 'ZZL-20231001',         batchQRCode: null,         productTypes: [{ type: '', quantity: 1 }],         productionMode: 'order',         productionQuantity: 0,       };       this.productionMaterials = {         moldTypes: [],         materialTypes: [],       };     },   }, }; </script>
<style scoped> .box-card {   margin-bottom: 20px; } </style>

标签:productionMaterials,product,9.26,formData,activeStep,type,quantity
From: https://www.cnblogs.com/wcy1111/p/18513973

相关文章

  • 2024.09.26
       上传的静态资源文件放到static文件夹下即可表单的enctype属性规定再发送到服务器之前该如何对表单数据进行编码默认情况下数据格式为key=value&key=value需要改成enctype="multipart/form-data"默认情况下限制了单次请求文件的大小单个文件不能超过1Mb所有文......
  • C/C++算法编程笔记(2024.9.26-9.30)
    一、并查集学习一:1、寻找根节点(两种)intfind(intx){if(x!=city[x]) city[x]=find(city[x]);returncity[x];}intfind(intx){ returnfa[x]==x?x:fa[x]=find(fa[x]);}2、合并不同集合voidmerge(intx,inty){inta=find(x);intb......
  • 2024.9.26(周四)
    <%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>设备信息</title><style>/*整体页面布局和样式*/......
  • KubeSphere 社区双周报|2024.09.13-09.26
    KubeSphere社区双周报主要整理展示新增的贡献者名单和证书、新增的讲师证书以及两周内提交过commit的贡献者,并对近期重要的PR进行解析,同时还包含了线上/线下活动和布道推广等一系列社区动态。本次双周报涵盖时间为:2024.09.13-09.26。贡献者名单新晋KubeSpherecontribu......
  • 9.26博客(动手动脑)
    阅读相应教材,或者使用互联网搜索引擎,弄清楚反码、补码跟原码这几个概念,然后编写示例程序,对正数、负数进行各种位操作,观察输出结果,与手工计算的结果进行比对,看看Java中的数是采用上述哪种码表示的。原码:在计算机中,用二进制表示数时,最高位是符号位(0表示正数,1表示负数),其余位表示数的......
  • 9.26总结
    今天终于把链表中线性表的一系列的操作已经弄得差不多了,理解了链表的定义,初始化,设立头节点,线性表的创建,插入,删除等一系列操作,这是我今天自己重新qiao的代码:includeusingnamespacestd;typedefstructLNode{intlength;intdata;LNodenext;}LNode,LinkedList;voidInitL......
  • 9.26
    今天下午学习了部署云服务器,因为参加一个大创项目,需要开创一个APP,前端项目是VUE和VITE项目搭建的,在阿里巴巴云服务器上部署前端时,一直报错,一开始是感觉有端口没开放或者代码有问题。后来感觉是vue中封装的一些utils类无法使用导致网页显示不出来,捣鼓了一下午才发现原来80端口一直......
  • 2024.9.26 ThreadLocal
    在使用ThreadLocal的情况下,并发量很高时不会产生冲突,原因如下:1.线程隔离:ThreadLocal为每个线程提供独立的存储空间。每个线程都可以安全地设置和获取其自己的变量值,而不会影响其他线程。即使在高并发环境下,线程间的数据是隔离的。2.并发安全:ThreadLocal本身是线程安......
  • 9.26每日总结
    给出SpringbootCloud的server:port:8084spring:application:name:user-serviceprofiles:active:devdatasource:url:jdbc:mysql://${hm.db.host}:3306/hm-user?useUnicode=true&characterEncoding=UTF-8&autoReconnect=true&serverTimezone=......
  • 2024.9.26 计划
    项目下午读论文,用gpt搞懂怎么实时生成热力图,以及如何叠加信号学习上午ROS学习下午-晚上DP总结ROS学习-进程通信(接昨天)遇到了问题:Invoking"makecmake_check_build_system"failed解决方式:功能包里不能有重复名称的节点,检查工作区中是否有其他CMakeLists.txt文......