ElementPlus实现页面,上部分是表单,下部分是表格

ops/2024/9/22 22:47:31/

效果

在这里插入图片描述

java"><template><el-dialog v-model="produceDialogFormVisible" draggable custom-class="dialog-title" :title="title" :close-on-click-modal="false"><el-form label-width="120px"><el-row :gutter="40"><el-col :span="12"><el-form-item label="需求单编号" ><el-input v-model="orderNo"/></el-form-item></el-col><el-col :span="12"><el-form-item label="预计交付时间"><el-date-pickerv-model="estimatedCompletionTime"type="date"placeholder="Pick a day"style="width: 200px"/></el-form-item></el-col></el-row></el-form><el-tableref="table"v-loading="listLoading":data="list"fithighlight-current-rowheader-cell-class-name="header-cell"><el-table-column type="selection" width="55" /><el-table-column type="index" width="50" /><el-table-column label="仓库" min-width="80px"><template #default="{row}"><span>{{ row.warehouseName }}</span></template></el-table-column><el-table-column label="产品名称" min-width="150px"><template #default="{row}">{{ getName(row.property) }}</template></el-table-column><el-table-column label="数量" min-width="200px"><template #default="{row}"><el-input-number v-model="row.number" :step="row.unitMinimum === '0' ? 0.01 : row.unitMinimum" step-strictly :min="0" :max="row.inventoryLimit" @change="handleChange"/><span style="line-height: 32px;margin-left: 5px">{{ row.unitName? row.unitName:'' }}</span></template></el-table-column><el-table-column label="单价" min-width="80px"><template #default="{row}"><span>{{ row.univalent }}</span></template></el-table-column><el-table-column label="小计" min-width="80px"><template #default="{row}"><span>{{ row.total }}</span></template></el-table-column><el-table-column label="操作" align="center" min-width="230" class-name="small-padding fixed-width"><template #default="{row}"><el-button size="small" plain icon="Delete" @click="handleDelete(row)">删除</el-button></template></el-table-column></el-table><template #footer><el-button @click="produceDialogFormVisible = false">取消</el-button><el-button v-permission="['biz:warningconfiguration:WarningConfiguration:update']" type="primary" :loading="loading" @click="createData()">确定</el-button></template><product-range-select ref="productRangeSelect" v-model="temp.productText" :range-option="rangeOption" /></el-dialog>
</template>

http://www.ppmy.cn/ops/104090.html

相关文章

笔记 12 : 彭老师课本第 6 章, PWM ,代码实践

&#xff08;85&#xff09; 驱动写多了&#xff0c;会发现&#xff0c;首先就是硬件的初始化&#xff0c;配置硬件。 &#xff08;86&#xff09;查看源代码组织&#xff1a; &#xff08;87&#xff09; 编译过程不变&#xff1a; &#xff08;88&#xff09; 运行同以前的步…

Datawhale X 李宏毅苹果书 AI夏令营(深度学习进阶)task3

批量归一化 其实归一化简单一点理解就类似于我们学过的数学中的每个数值减去平均值除以标准差。 神经网络中的批量归一化&#xff08;Batch Normalization&#xff0c;BN&#xff09;就是其中一个“把山铲平”的想法。不要小看优化这个问题&#xff0c;有时候就算误差表面是凸…

大数据-106 Spark Graph X 计算学习 案例:1图的基本计算、2连通图算法、3寻找相同的用户

点一下关注吧&#xff01;&#xff01;&#xff01;非常感谢&#xff01;&#xff01;持续更新&#xff01;&#xff01;&#xff01; 目前已经更新到了&#xff1a; Hadoop&#xff08;已更完&#xff09;HDFS&#xff08;已更完&#xff09;MapReduce&#xff08;已更完&am…

Local GAP - Financial Statement Version 【海外BS\PL报表】

业务场景&#xff1a; 基于海外IFRS等会计准则为客户定义一套BS\PL报表 BS - 从科目余额抓取 PL - 从利润中心报表抓取 会计报表版本的建立&#xff1a; 路径&#xff1a;IMG>财务会计&#xff08;新&#xff09;>总账会计核算&#xff08;新&#xff09;主数据>总…

JUC-指令有序性

指令重排 JVM 会在不影响正确性的前提下&#xff0c;可以调整语句的执行顺序&#xff0c;思考下面一段代码 static int i; static int j; // 在某个线程内执行如下赋值操作 i ...; j ...; 可以看到&#xff0c;至于是先执行 i 还是 先执行 j &#xff0c;对最终的结果不…

租用服务器都有哪些用途?

大部分的企业选择开展网络线上业务后&#xff0c;为了方便网络运行的更加顺畅&#xff0c;通常会选择租用或者托管服务器&#xff0c;那企业选择租用服务器都有哪些用途呢&#xff1f; 企业选择服务器租用可以进行网站托管服务&#xff0c;将个人或者是企业的网站部署在服务器上…

【Python】Python打包为.exe文件

如何将Python程序打包成.exe文件 将Python程序打包成.exe文件可以让用户不需要安装Python环境也能运行程序。下面是使用PyInstaller来完成这个任务的步骤: 准备工作 确保你的Python程序能正常运行。安装PyInstaller:pip install pyinstaller打包步骤 打开命令提示符或终端&a…

如何打造免费体育馆场地预约系统?php vue技术实现,简易操作指南

✍✍计算机编程指导师 ⭐⭐个人介绍&#xff1a;自己非常喜欢研究技术问题&#xff01;专业做Java、Python、微信小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。 ⛽⛽实战项目&#xff1a;有源码或者技术上的问题欢迎在评论区一起讨论交流&#xff01; ⚡⚡ Java实战 |…