楼层号按顺序进行筛选,且不重复的方法(优化版)

宾馆客房管理系统-vue前端开发 文章目录项目简介需求分析项目搭建vue使用教程项目创建安装依赖项 项目简介   随着宾馆规模的不断扩大,客房数量的急剧增加,有关客房的各种信息量也在不断成倍增长。面对庞大的信息量,就需要有宾馆客房管理系统来提高宾馆管理工作的效率。传统手工的管理方式,管理过程繁琐而复杂,执行效率低,并且易于出错。通过这样的系统,我们可以做到信息的规范管理和快速查询,实现了客房信息管理的系统化、规范化和自动化,这样不仅减少了管理工作量,还提高了管理效率,降低了管理成本。 需求分析   宾馆客房管理系统包含三种操作人员,管理员、 阅读详情

上次的方法不适合大量添加,且不适合一次性添加多个在选择,这次通过使用优化的方法进行判断,功能强大了。

 <div id="app">
      <div>
        <ul>
          <li v-for="(item,index) in floorlist" :key="index">
            <span>{{item.floor}}</span>
            <select
              v-model="item.floor"
              :disabled="index === 0 || index === floorlist.length - 1"
            >
              <option
                v-for="items in vilidarFloor(floorlist, index, floors)"
                :key="items.label"
                :label="items.label"
                :value="items.value"
              ></option>
            </select>
            <button @click="del(index)">删除一行</button>
            <button @click="add(index)">添加一行</button>
          </li>
        </ul>
      </div>
    </div>
    <script src="vue.js"></script>
    <script>
      const vm = new Vue({
        el: '#app',
        data: {
          floors: [1, 2, 3, 4, 5, 6, 7, 8, 9, 12, 34],
          floorlist: []
        },
        created() {
          this.floorlist = [
            { id: 1, floor: this.floors[this.floors.length - 1] },
            { id: 2, floor: this.floors[0] }
          ];
        },
        methods: {
          add(index) {
            this.floorlist.splice(index + 1, 0, {
              id: Math.random(),
              floor: ''
            });
            console.log(this.floorlist);
          },
          del(index) {
            this.floorlist.splice(index, 1);
          },
          vilidarFloor(floorlist, index, floors) {
            floors = floors.map(item => {
              return { value: item, label: item };
            });
            const floorlimit = {};
            //遍历上层区
            for (let i = index - 1; i >= 0; i--) {
              const floorNo = floorlist[i].floor;
              if (floorNo) {
                floorlimit.higher = floorNo;
                break;
              }
            }
            //遍历下层区
            for (let i = index + 1; i <= floorlist.length - 1; i++) {
              const floorNo = floorlist[i].floor;
              if (floorNo) {
                floorlimit.lower = floorNo;
                break;
              }
            }
            // console.log('lim', floorlimit);
            let result = {};
            if (index === 0 || index === floorlist.length - 1) {
              result = floors;
            } else {
              result = floors.filter(
                item =>
                  item.value > floorlimit.lower &&
                  item.value < floorlimit.higher
              );
            }
            return result.reverse();
          }
        }
      });
    </script>

之间cv大法进行看效果:

CAD效率革命:自动编号插件在工程制图中的20种高阶应用场景 本文深入探讨了CAD自动编号插件在工程制图中的20种高阶应用场景,涵盖建筑、机械设计等多个领域。通过智能BOM表生成、管线系统标注、模具零件编号等实例,展示了自动递增编号技术如何大幅提升设计效率与准确性。文章特别解析了C#开发的插件核心功能,为工程师提供实用解决方案。 阅读详情

相关推荐

Unity多人游戏开发:Mirror框架下Multiple Additive Scenes场景管理与网络优化详解

在Unity多人游戏开发中,场景管理与网络同步是核心挑战。通过场景分割与兴趣管理机制,开发者可以将大型游戏世界划分为多个独立区域,每个区域拥有独立的物理模拟与游戏逻辑。这种基于场景分区的技术方案,能有效减少不必要的网络消息广播,显著提升服务器性能与客户端运行效率。其原理在于利用Mirror框架的Scene Interest Management组件,确保玩家仅接收其所在场景内的实体状态更新,实现网络流量的精准控制。这一技术对于构建多人在线游戏、大型多人在线角色扮演游戏等复杂项目具有重要价值,能够支撑从房间制

weixin_30621959的博客 367

【Java】——list中快速进行数据筛选

小编最近的项目中经常需要多个list拼接成一个,才能进行之后的操作,如何保证多个list拼接是一条数据呢?大家都知道list不能根据唯一标识进行筛选,那岂不成需要循环依次遍历,考虑系统处理的数据量,这个执行起来那是相当影响程序的执行效率了,不能这样将就啊,所以肯定能寻找到更好的方法!       记得看疯狂Java的时候集合和Map是放到同一章节的,而且Map最擅长就是检索,所以小编转换了一下

漫漫长途,终有回转;余味苦涩,终有回甘 2万+

[LaTeX] 使用natbib宏包实现参考文献的“作者-年份”引用格式及常见编译错误排查

本文详细介绍了在LaTeX中使用natbib宏包实现参考文献“作者-年份”引用格式的完整流程。从宏包配置、.bib文件准备到标准编译步骤,重点解析了常见的“Bibliography not compatible with author-year”错误成因,并提供了彻底清理辅助文件等解决方案,帮助用户高效排版符合学术规范的参考文献。

moon9的博客 481

一次排查页面重复请求的经历

前段时间重构一个页面,页面中存在通过第三方JavaScript代码插入的动态广告(正常的产品需求),上线后发现第三方的广告资源存在重复请求的问题。由于控制广告插入的JavaScript代码由第三方提供,我们只负责按照他们要求的方式引入即可,所以对JavaScript代码内容并不了解,在这种情况下开始了艰难的排查过程。虽困难重重,但最终还是...

weixin_33725515的博客 606

直击痛点:VS2015离线安装报错“安装包丢失或损坏”的根源分析与精准修复

本文深入剖析了Visual Studio 2015离线安装时出现“安装包丢失或损坏”报错的根本原因,指出问题核心在于安装程序固化的临时路径查找逻辑。文章提供了一步到位的精准修复方案,通过将ISO镜像中的完整packages文件夹复制到安装程序指定的临时路径,即可无需联网、无需操作证书直接解决问题,并对比分析了其他常见方法的局限性。

weixin_27734811的博客 357

解密m3u8视频合并:从猫抓插件到本地文件修改全流程

本文详细解析了m3u8视频合并的全流程,特别针对加密视频片段提供了解决方案。从使用猫抓插件捕获m3u8文件地址,到利用N_m3u8DL-CLI工具自动下载、解密并合并ts片段,手把手教你处理AES-128加密等常见问题,最终生成完整的本地MP4文件,适合需要备份或处理流媒体资源的用户。

weixin_29290947的博客 1360

access查找楼号为01_二级ACCESS模拟001

二级ACCESS模拟一、基本操作题请在“答题”菜单下选择相应命令,并按照题目要求完成下面的操作,具体要求如下。在考生文件夹下,“samp1.accdb”数据库文件中已创建两个表对象“员工表”和“部门表”及一个窗体对象“fEmp”。试按以下要求顺序,完成表及窗体的各种操作。1、对表对象“员工表”操作,按照员工性别不同,为编号字段值增补前置字符,男性员工编号前增补字符“8”,女性员工编号前增补字符“6...

weixin_39724362的博客 2647

feko金属球远场RCS双站

feko金属球远场RCS双站

a264672的博客 6910

mysql 楼层_mysql语法

1.时间类的语法//这里是将日期格式化 ,其作用可以按这个时间分组。从而统计每天的信息DATE_FORMAT(t1.end_time,'%Y-%m-%d %h:%i:%s') days,2.将字符串类型结果转为数值型//mysql查询结果 字符串转int select 字段+0 例如select MAX(menu_id+0) MID FROM sys_menu3.如果为空则用其他值...

weixin_39616222的博客 377

大整数因数分解工具——yafu

可以将大整数放在一个新建文件中——data.txt,最后面一定要换行,不然会出现eof;done processing batchfile,运行命令。2.点击设置——系统——系统信息——高级系统设置——环境变量——点击PATH(上下都可以)——新建 添加yafu-x64.exe 所在路径——点击确定。,如果整数数过长,会出现错误mismatched parens;1.找到yafu-x64.exe 所在的文件路径。如果出现以下图像,说明配置成功。3.打开cmd,输入。

l2ohvef的博客 6156

ASPICE标准快速掌握「2.1. 过程能力概览」

一个项目的质量流程是否做的好最终会需要由一个指标来确定,ASPICE将其称为过程能力(Process capability),过程能力是一个综合的判定概念。而为了实现这个概念,ASPICE建立了一套完整的过程评估模型(Process Assessment Model),通过这套评估模型最终就能得出过程能力的最终得分。项目组根据这个得分不断改进和优化得分不足的方面,从而约束整个流程的各个方面来间接提升项目的最终质量。这里有三个关键术语:其中最主要的就是PAM,即过程评估模型,由ASPICE给出,该模型可以看成

雪云飞星的博客 1183

CRMEB 多商户PHP版 v3.1正式发布

CRMEB 多商户PHP版商城系统,致力于为商场、商圈、垂直行业电商、综合性电商提供商家入驻线上线下一体化平台管理运营解决方案。此次CRMEB多商户PHP版 v3.1正式发布,带来商户后台代客下单、商户分组管理、商品详情页DIY设计、商品规格管理升级与配货单打印等多项功能,从用户转化、商户分区管理到精细化运营,v3.1版本以更灵活的功能配置、更可靠的技术支撑,助力本地商圈实现“流量聚合-服务响应-用户留存”的闭环生态,打造「本地生活服务新基建」,赋能本地商圈数字化升级!新增功能。

crmebyyy的博客 867

PCL 提取两片点云的非重叠部分【2025最新版】

PCL 提取两片点云的非重叠部分。博客长期更新,本文最近一次更新时间为:2025年9月1日。

点云侠的博客 36万+

游戏引擎开发:碰撞检测系统的优化与实现

传统碰撞检测仅使用tMin表示最早碰撞时间,现在新增tMax来表示可穿越区域的最远距离。这种改进使得系统能同时处理阻挡型实体和可穿越区域,实现了类似CSG(构造实体几何)的效果。tMax初始值为0,在循环中动态更新,最终形成完整的碰撞时空判定。我尝试将修改后的逻辑部署为可交互示例,实时调整参数观察物理反馈,这种即时验证的方式大大加快了调试效率。调试时发现某些情况下会错误接受不合理的tMax值,通过重置为当前最佳值修复。实体添加顺序影响穿越结果,逆向穿越失败的问题通过调整检测逻辑解决。

LapisLion88的博客 681

ardupilot 日志分析《xKF1信息》

ardupilot 日志分析系列将会把ardupilot所有的日志文档进行分析,为我们分析无人机的运行状态,炸鸡原因,传感器状态,电机状态,控制信息,滤波信息做准备。本节主要分析xKF1日志信息,欢迎批评指正。学习好ardupilot必须会分析飞行日志,从飞行日志中我们可以学到很多无人机的知识。无人机是综合知识的体现,涵盖:导航、控制、滤波、算法、协议等各种知识,只有更全面的学习,才能在无人机的道路上越走越远。

陌城烟雨 1225

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

AhabAssistantLimbusCompany:边狱巴士PC端自动化助手,让你告别重复刷本的烦恼!

还在为《Limbus Company》里每天重复的刷本、领奖励、管理资源而烦恼吗?AhabAssistantLimbusCompany(简称AALC)就是你一直在寻找的PC端自动化助手!这款开源智能脚本工具通过先进的图像识别技术,帮你自动化完成游戏中的日常任务、镜牢挑战和资源管理,让你可以专注于游戏的剧情和策略战斗,而不是枯燥的重复操作。 ## 🎮 从手动刷本到智能自动化:你的游戏体验革命

gitblog_00356的博客 609

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

NGA论坛优化脚本终极指南:3个简单步骤打造你的专属浏览体验

你是否曾在NGA论坛中感到信息过载?面对杂乱的页面布局、无效的回复内容和混乱的视觉体验,是否渴望一个更清爽、更高效的浏览环境?NGA-BBS-Script正是为解决这些痛点而生的开源脚本工具,它通过模块化设计和智能优化,为你提供完全不同的论坛浏览体验。 ## 问题:为什么你需要NGA论坛优化脚本? 每天在NGA论坛上花费数小时,却常常感到效率低下?问题可能出在这些地方: - **视觉疲劳**

gitblog_00237的博客 161

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

Sapling 中的 Raw Mononoke-SCS Rust Client Library:零抽象的 Thrift 客户端库解析与实战

本文围绕 [eden/mononoke/clients/scsc/raw_client_lib/README.md](https://link.gitcode.com/i/8b35bddc42c581442728a42b68373374) 所介绍的 **Raw Mononoke-SCS Rust Client Library(`scs_client_raw`)** 展开,讲解如何在 Rust 中直

gitblog_01169的博客 238

数据库期末不挂科!手把手带你用思维导图搞定SQL、事务与并发控制

本文提供数据库期末高效复习指南,通过思维导图法系统梳理SQL、事务与并发控制等核心考点。分享三级导图构建技巧、SQL实战解题模板、事务ACID特性记忆口诀及范式速判方法,帮助考生在短期内建立知识体系,攻克高频考题,实现成绩跃升。

weixin_30383279的博客 322

UE5多层静态网格体精准拾取:穿透遮挡交互系统实现与优化

在游戏开发与三维交互应用中,射线检测是基础且核心的交互技术,它通过从视点发射虚拟射线来检测与场景中物体的碰撞,从而确定用户操作的目标。其原理在于利用碰撞系统与几何计算,快速筛选出射线路径上的相交物体。这项技术的价值在于为虚拟世界提供了直观、实时的操作反馈,是构建沉浸式体验的基石。在建筑可视化、数字孪生、复杂装备拆解等应用场景中,当多个静态网格体相互堆叠遮挡时,传统的单层射线检测便无法满足精准选取深层物体的需求。本文聚焦于解决这一痛点,详细阐述了在Unreal Engine 5中实现多层穿透式射线检测的系统方

weixin_34192816的博客 309

《交叉验证:机器学习中模型性能评估的实用方法详解》

在机器学习中,它不仅是一种评估工具,更是一种思维方式:拒绝“一次性判断”,用统计方法量化模型的稳定性与泛化能力,从而在复杂的现实场景中,做出更可靠的决策。• 关键操作:确保每折数据的类别比例与整体一致(如K=5时,每折含2%正样本、18%负样本),避免某折因样本失衡导致评估偏差。3. 结果:随机森林的MSE均值(2.3万²)低于线性回归(3.8万²),且各折MSE方差更小,最终选择随机森林模型。• 操作:将数据随机分为训练集(如80%)和测试集(20%),训练后用测试集评估。

2501_91651544的博客 423

3个神奇功能让NGA论坛浏览效率提升300%的秘密武器

你是否经常在NGA论坛里迷失方向?面对密密麻麻的帖子列表,找不到想看的内容?刷帖时眼睛酸痛却停不下来?别担心,今天我要向你推荐一个改变游戏规则的工具——NGA-BBS-Script,它能彻底解决这些烦恼,让你享受前所未有的论坛浏览体验! ## 🎯 为什么你需要这个脚本? 想象一下,当你打开NGA论坛时,页面变得清爽整洁,重要信息一目了然,操作流畅如丝,这就是NGA-BBS-Script带来的

gitblog_00979的博客 336

AhabAssistantLimbusCompany:从手动刷取到智能管家的游戏自动化革命

你是否厌倦了每天重复点击相同的按钮,只为完成《Limbus Company》中的日常任务?想象一下,有一个智能管家能帮你处理所有繁琐的操作,让你专注于游戏的核心乐趣。AhabAssistantLimbusCompany(AALC)正是这样一个PC端自动化助手,它通过先进的图像识别技术,将你从重复性劳动中解放出来。 ## 一天的游戏自动化之旅:从零到全自动 ### 清晨:一键启动,解放双手 清

gitblog_00674的博客 752

攻克Archipack布尔运算痛点:从崩溃到丝滑的建筑建模解决方案

你是否曾在Blender中使用Archipack创建复杂建筑模型时,遭遇过布尔运算(Boolean Operation)失败、模型崩溃或性能骤降的问题?作为 Architects、室内设计师和3D可视化艺术家的必备工具,Archipack的布尔运算功能虽然强大,但在处理多层级楼层与组件(如门窗、家具)的交叉关系时,常常成为效率阻碍。本文将深入剖析Archipack布尔运算的底层机制,提供一套系统化...

gitblog_07050的博客 1076

Seraphine:英雄联盟战绩查询工具,从进游戏到出装全自动的免费开源助手

Seraphine 是一款基于英雄联盟官方 LCU API 构建的免费开源战绩查询工具,专为排位、匹配和大乱斗玩家解决"选人阶段信息不对称、操作重复繁琐"的痛点。它在你进入 BP 的瞬间自动拉取全队战绩,还能自动禁用、选人、换位、设置符文,全程无需手动触发,想提升排位胜率又懒得翻网页的召唤师可以直接上手。 [![Seraphine 战绩查询工具的应用头像,以英雄萨勒芬妮插画为主题](https:

gitblog_00494的博客 246

3步掌握Limbus Company自动助手:轻松解放游戏时间

AhabAssistantLimbusCompany(简称AALC)是一款专为《Limbus Company》(边狱巴士)玩家设计的PC端自动化助手软件。这款强大的游戏助手能够智能模拟玩家操作,自动完成游戏中各种重复性任务,让你告别枯燥的手动刷取,将宝贵时间专注于享受游戏的核心乐趣和精彩剧情。作为一款完全免费的Limbus Company自动化工具,AALC通过先进的图像识别技术,为玩家提供全方位

gitblog_00371的博客 1113
上一篇: 浮点数与百分比之间的转化(封装方法)
下一篇: 对象数组封装的去重方法,传入唯一值进行
飘走的落不离
博客等级 码龄7年 6粉丝 45原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值