1、所属小类选择器 el-select 清空内容时,前端通过事件设置为空字符串

@clear="handleSmallCategoryClear"

【所属小类选择器】只能选择,不能输入信息

<script setup lang="ts" name="QualityFileInfoDialog">
......
// 所属小类选择器清空内容
const handleSmallCategoryClear = () => {// 所属小类设置为空字符串qualityFileForm.value.smallCategory = "";
};
......
</script><template>
......<el-selectv-model="qualityFileForm.smallCategory"placeholder="请选择"clearable@clear="handleSmallCategoryClear"><el-option v-for="item in fileSmallCategoryList" :label="item.label" :value="item.value" /></el-select>
......
</template>

2、发布部门选择器 el-select 清空内容时,前端通过属性设置为空字符串

:value-on-clear="``"

注意:这里一定要使用:,

:value-on-clear="``",这样才是空字符串

value-on-clear="``",这样是``

【发布部门选择器】可以输入信息,支持新增选项,支持过滤,按回车默认选择第一个选项

<script setup lang="ts" name="QualityFileInfoDialog">
............
</script><template>
......<el-selectv-model="qualityFileForm.issueDept"placeholder="请选择"clearablefilterableallow-createdefault-first-option:value-on-clear="``"><el-option v-for="item in departmentList" :label="item.deptName" :value="item.deptName" /></el-select>
......
</template>

3、所属类别选择器 el-select 清空内容时,后端设置为~NULL~标识

【所属类型选择器】可以输入信息,支持过滤,按回车默认选择第一个选项

<script setup lang="ts" name="QualityFileInfoDialog">
............
</script><template>
......<el-selectv-model="qualityFileForm.detailCategory"placeholder="请选择"clearablefilterabledefault-first-option><el-option v-for="item in fileDetailCategoryList" :label="item.label" :value="item.label" /></el-select>
......
</template>

后端处理:spring boot + mybatis

            // 所属类别,下拉选项支持可以更新为 null// 处理 null 的情况if (qualityFile.getDetailCategory() == null) {// 先标识为 ~NULL~,然后在Mybatis中再进行特殊处理qualityFile.setDetailCategory("~NULL~");}// 处理非 null 的情况else {if (storeQualityFile.getDetailCategory() != null &&storeQualityFile.getDetailCategory().equals(qualityFile.getDetailCategory())) {qualityFile.setDetailCategory(null);}}
/*** 更新质量体系文件** @param qualityFile 质量体系文件*/@Overridepublic void update(@NotNull QualityFile qualityFile) {if (qualityFile == null) return;QualityFile storeQualityFile = qualityFileMapper.selectByFileNo(qualityFile.getFileNo());if (storeQualityFile == null) return;// 两个对象的内容不相同,才进行更新if (!storeQualityFile.equals(qualityFile)) {// 只更新有修改过的属性,通过数据新旧值对比,如果数据没有变化,设置为 null,就不会进行更新// 序号if (storeQualityFile.getOrderNo() != null && qualityFile.getOrderNo() != null &&storeQualityFile.getOrderNo().equals(qualityFile.getOrderNo())) {qualityFile.setOrderNo(null);}// 文件编号,不能修改// 文件名称if (storeQualityFile.getFileName() != null && qualityFile.getFileName() != null &&storeQualityFile.getFileName().equals(qualityFile.getFileName())) {qualityFile.setFileName(null);}// 版本号if (storeQualityFile.getEdition() != null && qualityFile.getEdition() != null &&storeQualityFile.getEdition().equals(qualityFile.getEdition())) {qualityFile.setEdition(null);}// 修改记录if (storeQualityFile.getModifyRecord() != null && qualityFile.getModifyRecord() != null &&storeQualityFile.getModifyRecord().equals(qualityFile.getModifyRecord())) {qualityFile.setModifyRecord(null);}// 发布部门if (storeQualityFile.getIssueDept() != null && qualityFile.getIssueDept() != null &&storeQualityFile.getIssueDept().equals(qualityFile.getIssueDept())) {qualityFile.setIssueDept(null);}// 发布日期if (storeQualityFile.getIssueDate() != null && qualityFile.getIssueDate() != null &&storeQualityFile.getIssueDate().equals(qualityFile.getIssueDate())) {qualityFile.setIssueDate(null);}// 所属小类if (storeQualityFile.getSmallCategory() != null && qualityFile.getSmallCategory() != null &&storeQualityFile.getSmallCategory().equals(qualityFile.getSmallCategory())) {qualityFile.setSmallCategory(null);}// 所属类别,下拉选项支持可以更新为 null// 处理 null 的情况if (qualityFile.getDetailCategory() == null) {// 先标识为 ~NULL~,然后在Mybatis中再进行特殊处理qualityFile.setDetailCategory("~NULL~");}// 处理非 null 的情况else {if (storeQualityFile.getDetailCategory() != null &&storeQualityFile.getDetailCategory().equals(qualityFile.getDetailCategory())) {qualityFile.setDetailCategory(null);}}// 备注if (storeQualityFile.getRemark() != null && qualityFile.getRemark() != null &&storeQualityFile.getRemark().equals(qualityFile.getRemark())) {qualityFile.setRemark(null);}}qualityFileMapper.update(qualityFile);}

更新:

<!-- 更新质量体系文件 --><update id="update">update ControledFileMain<set><!-- 序号 --><if test="orderNo != null">Cfm_OrderID = #{orderNo},</if><!-- 文件编号,不能修改 --><!-- 文件名称 --><if test="fileName != null">Cfm_Name = #{fileName},</if><!-- 版本号 --><if test="edition != null">Cfm_Edition = #{edition},</if><!-- 修改记录 --><if test="modifyRecord != null">Cfm_ModifyRecord = #{modifyRecord},</if><!-- 所属小类 --><if test="smallCategory != null">Cfm_SmallType = #{smallCategory},</if><!-- 所属类别,下拉选项支持可以更新为 null --><if test="detailCategory != null"><if test="detailCategory == '~NULL~'">Cfm_SampleType = null,</if><if test="detailCategory != '~NULL~'">Cfm_SampleType = #{detailCategory},</if></if><!-- 发布部门 --><if test="issueDept != null">Cfm_Dept = #{issueDept},</if><!-- 发布日期 --><if test="issueDate != null">Cfm_IssueDate = #{issueDate},</if><!-- 备注 --><if test="remark != null">Cfm_Memo = #{remark},</if></set>where Cfm_ID = #{fileNo}</update>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/pingmian/93501.shtml
繁体地址,请注明出处:http://hk.pswp.cn/pingmian/93501.shtml
英文地址,请注明出处:http://en.pswp.cn/pingmian/93501.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【笔记】和各大AI大语言模型合作写项目—slirp.go

最近和各大AI大语言模型一起合作写了个小项目&#xff0c;让大家看看AI离取代人类还差多远。 开发大家都在一个共享环境下&#xff0c;连docker都不能运行&#xff0c;rootless也没有。不过好在linux环境&#xff0c;弄个proot能apt或者yum install自由&#xff0c;但是诸如pod…

国标:开展环境卫生满意度调查

随着社会的进步和人们生活水平的提高&#xff0c;&#xff08;满意度调查&#xff09;&#xff08;问卷调查&#xff09;&#xff08;第三方市场咨询公司&#xff09;对生活品质的追求以及对环境保护的重视已经成为了当下社会的主旋律。在这样的背景下&#xff0c;环境卫生问题…

【办公类-54-08】20250902 2025学年第一学期班级点名册模版(双休国定假涂成灰色、修改标题和页眉,批量导出PDF)根据新Excel模版,标题增加园区、空姓名行填充灰色

背景需求: 之前做了优化过的点名册 【办公类-54-07】20250901 2025学年第一学期班级点名册模版(双休国定假涂成灰色、修改标题和页眉,批量导出PDF)-CSDN博客文章浏览阅读984次,点赞27次,收藏29次。【办公类-54-07】20250901 202学年第一学期班级点名册模版(双休国定假…

【C++知识杂记1】智能指针及其分类

智能指针&#xff08;smart pointer&#xff09; 是 C11 引入的一类 模板类&#xff0c;用来封装原始指针&#xff0c;自动管理堆内存的生命周期&#xff0c;避免出现 内存泄漏 和 悬空指针&#xff08;野指针&#xff09; 的问题。 当智能指针对象离开作用域时&#xff0c;它会…

vue从入门到精通:搭建第一个vue项目

目录 Vue是什么 一、nodejs安装 二、安装Vue CLI 三、创建Vue项目 四、配置vue.config.js文件 五、创建第一个应用hello word Vue是什么 Vue是一款‌用于构建用户界面的 JavaScript 渐进式架构‌既可作为库(仅关注视图层)也可扩展为框架,支持从静态页面到复杂单页应用…

C# Queue源码分析

Queue<T> 是 .NET 中实现队列&#xff08;先进先出&#xff09;的一种泛型集合类。它基于数组实现&#xff0c;支持动态扩容、线程不安全&#xff0c;适用于大多数需要队列结构的场景。一、类结构与字段说明 public class Queue<T> : IEnumerable<T>, IColle…

微服务之注册中心与ShardingSphere关于分库分表的那些事

小伙伴们&#xff0c;你们好呀&#xff01;我是老寇&#xff01;跟我一起学习注册中心与ShardingSphere怎么一起使用 使用 nacos-shardingsphere例子&#xff0c;请点击我 注意&#xff1a;需要自己提前创建数据库和表 create database kcloud_platform_test;DROP TABLE IF…

python遇到异常流程

在 Python 中&#xff0c;程序遇到异常时的退出行为取决于是否对异常进行了捕获和处理&#xff1a;未捕获的异常&#xff1a; 如果异常发生后没有被 try-except 语句捕获&#xff0c;程序会立即终止&#xff0c;并返回一个非零的退出码&#xff08;通常是 1&#xff09;&#x…

【开源大模型和闭源大模型分别有哪些?两者的对比?部署私有化模型的必要性有哪些?】

以下是关于开源与闭源大模型的详细对比及私有化部署必要性的分析&#xff0c;结合最新行业动态和技术趋势&#xff1a;一、开源 vs 闭源大模型代表列表 1. 开源大模型&#xff08;2024年主流&#xff09;模型名称参数量机构特点LLaMA-38B-70BMeta商业使用需授权&#xff0c;多语…

SpringBoot--JWT

一、JWT 的简单了解1. 什么是 JWT&#xff1f;JWT&#xff08;JSON Web Token&#xff09;是一种开放标准&#xff08;RFC 7519&#xff09;&#xff0c;用于在 各方之间安全地传输信息。它基于 JSON 格式&#xff0c;信息通过 数字签名 的方式保证不可篡改&#xff0c;常用于 …

OpenTelemetry、Jaeger 与 Zipkin:分布式链路追踪方案对比与实践

OpenTelemetry、Jaeger 与 Zipkin&#xff1a;分布式链路追踪方案对比与实践 问题背景介绍 随着微服务架构的普及&#xff0c;服务之间调用链路变得异常复杂&#xff0c;单一服务故障或性能瓶颈往往牵一发动全身。分布式链路追踪&#xff08;Distributed Tracing&#xff09;能…

云原生俱乐部-RH124知识点总结(1)

RH124内容不是很多&#xff0c;但是也不知道多少能够写完&#xff0c;细节性的东西不会太多&#xff0c;但是确保每个都能够有印象能理解。本来是打算一篇文章写完的&#xff0c;但最后还是决定写一个系列。至于RH124和RH134的内容为什么放在了k8s系列的后面&#xff0c;那只是…

Redis面试精讲 Day 25:Redis实现分布式Session与购物车

【Redis面试精讲 Day 25】Redis实现分布式Session与购物车 在高并发、多节点的现代Web应用架构中&#xff0c;传统的本地Session存储方式已无法满足分布式系统的需求。如何实现跨服务、高可用、低延迟的用户状态管理&#xff0c;成为后端开发和面试中的高频考点。今天是“Redi…

本地文件上传到gitee仓库的详细步骤

本地文件上传到gitee仓库的详细步骤 &#x1f530; 一、前期准备 注册 Gitee 账号 访问 Gitee 官网完成注册并登录。 网址&#xff1a;https://gitee.com/ 安装 Git 下载 Git 官方客户端并完成安装。 下载网址&#xff1a;https://git-scm.com/downloads 配置 Git 全局信息&…

7 索引的监控

1. 查看索引的监控状态 GET /_cat/indices/log2?v&formatjson[{"health" : "yellow","status" : "open","index" : "log2","uuid" : "1OnzbVbJRn2grc5k198LlA","pri" : "…

【秋招笔试】2025.08.10米哈游秋招机考真题

📌 点击直达笔试专栏 👉《大厂笔试突围》 💻 春秋招笔试突围在线OJ 👉 笔试突围在线刷题 bishipass.com 米哈游 题目一:图书馆整理计划 1️⃣:贪心策略从左到右固定每个位置的最优元素 2️⃣:使用线段树维护区间最小值信息,支持单点更新和区间查询 3️⃣:每次选…

恒创科技:日本服务器 ping 不通?从排查到解决的实用指南

玩游戏、做跨境业务时&#xff0c;突然发现日本服务器 ping 不通&#xff0c;简直能让人瞬间焦虑 —— 这到底是网络崩了&#xff0c;还是服务器出问题了?在本文中&#xff0c;我们将探讨如何排除日本服务器 ping 请求故障&#xff0c;附带常见原因及解决办法。先搞清楚&#…

ThinkPHP的Controller获取request对象的几种方式

文章目录环境在Controller中获取Request对象构造器注入操作方法注入继承BaseController助手函数Facade参考环境 Windows 11 专业版XAMPP 8.2.12 PHP 8.2.12VSCode 1.103.0 在Controller中获取Request对象 要想在Controller中获取Request对象&#xff0c;有以下几种方式&…

week2-[循环结构]找出正数

week2-[循环结构]找出正数 题目描述 给定 NNN 个整数A1,A2,…,ANA_1,A_2,\ldots,A_NA1​,A2​,…,AN​。请求出这 NNN 个数中有多少个数是正数&#xff0c;并求出这些正数的平均值。如果 A1,A2,…,ANA_1,A_2,\ldots,A_NA1​,A2​,…,AN​ 不存在正数&#xff0c;那么输出 “Non…

Android平台RTSP播放器选型指南:从开源方案到跨平台低延迟专业SDK

1. 引言&#xff1a;Android RTSP 播放的三条路径 在 Android 平台实现 RTSP 播放&#xff0c;看似只是“能播起来”的问题&#xff0c;实际上是一个涉及延迟、稳定性、解码性能、协议兼容、工程可控性等多维指标的综合选型问题。 从安防监控、教育互动&#xff0c;到单兵指挥…