使用原生html<table>构造复杂table表

      <table border data-sort="sortDisabled" align="center" class="table"><tbody><tr class="textarea1"><td rowspan="1" colspan="2" class="background-gray"><label>日期</label></td><td rowspan="1" colspan="4" class="inputcolor"><el-form-item prop="saveTime" class="saveTime"><el-date-picker v-model="form.saveTime" type="datetime" placeholder="选择日期时间" format="yyyy-MM-dd HH:mm" :clearable="false"></el-date-picker></el-form-item></td><td rowspan="1" colspan="1" class="background-gray"><label style="color: red"> * </label><label>带班主任</label></td><td rowspan="1" colspan="3" class="inputcolor"><el-form-item prop="managerDaiban" class="textarmanagerDaibaneaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.}}</div><el-input type="textarea" maxlength="10" v-model="form.managerDaiban" v-if="!isPdf"></el-input></el-form-item></td><td rowspan="1" colspan="1" class="background-gray"><label style="color: red"> * </label><label>检查人</label></td><td rowspan="1" colspan="3" class="inputcolor"><el-form-item prop="checkMan" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.checkMan}}</div><el-input type="textarea" maxlength="7" v-model="form.checkMan" v-if="!isPdf"></el-input></el-form-item></td></tr><tr class="textarea2"><td rowspan="2" colspan="2" class="background-gray"><label style="color: red"> * </label><label>班组成员</label></td><td rowspan="2" colspan="12" class="inputcolor"><el-form-item prop="members" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.members}}</div><el-input type="textarea" maxlength="100" v-model="form.members" v-if="!isPdf"></el-input></el-form-item></td></tr><tr></tr><tr><td rowspan="5" colspan="2" class="background-gray"><label>运行提醒</label></td><td rowspan="2" colspan="12" class="background-gray"><label>早班重要信息:机场关闭、设备故障、跑道状态、危险天气、炮射信息、通航计划、重要保障计划等</label><br /><label>(前一日晚班人员填写,当日早班人员确认后打√)</label></td></tr><tr></tr><tr><td rowspan="3" colspan="11" class="textarea2"><el-form-item prop="hint" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.hint}}</div><el-input type="textarea" maxlength="100" v-model="form.hint" v-if="!isPdf"></el-input></el-form-item></td><td rowspan="3" colspan="1" class="textarea1"><el-form-item prop="hintOK" class="textareaSub"><el-checkbox v-model="form.hintOK" style="margin: auto"></el-checkbox></el-form-item></td></tr><tr></tr><tr></tr><tr><td rowspan="20" colspan="1" class="background-gray"><label>设备检查</label></td><td rowspan="1" colspan="1" class="background-gray"><label>设备名称</label></td><td rowspan="1" colspan="8" class="background-gray"><label>检查方法及步骤</label></td><td rowspan="1" colspan="4" class="background-gray"><label>检查结果(正常打√不正常文字描述)</label></td></tr><tr><td rowspan="4" colspan="1" class="background-gray"><label>主用雷达自动化</label></td><td rowspan="1" colspan="8" class="background-gray"><label>A.各席位检查雷达信号、显示、操作是否正常</label></td><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="mainRadarOK" class="textareaSub">正常<el-checkbox v-model="form.mainRadarOK" style="margin: auto"></el-checkbox></el-form-item></td></tr><tr><td rowspan="1" colspan="8" class="background-gray"><label>B.各席位查看昌北、生米单模式是否正常</label></td><td rowspan="3" colspan="4" class="textarea2"><el-form-item prop="mainRadar" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.mainRadar}}</div><el-input type="textarea" maxlength="54" v-model="form.mainRadar" v-if="!isPdf"></el-input></el-form-item></td></tr><tr><td rowspan="1" colspan="8" class="background-gray"><label>C.将信号模式设置为SYSTEM,并对视频显示调整至正常工作设置</label></td></tr><tr><td rowspan="1" colspan="8" class="background-gray"><label>D.设置气压基准面为QNH HEIGHT;检查QNH值与双振筒气压仪数据是否一致</label></td></tr><tr><td rowspan="2" colspan="1" class="background-gray"><label>备用雷达</label></td><td rowspan="1" colspan="8" class="background-gray"><label>A.检查备用雷达自动化雷达信号、显示、操作是否正常</label></td><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="bakRadarOK" class="textareaSub">正常<el-checkbox v-model="form.bakRadarOK" style="margin: auto"></el-checkbox></el-form-item></td></tr><tr><td rowspan="1" colspan="8" class="background-gray"><label>B.将备用雷达自动化视频显示调整至正常工作设置</label></td><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="bakRadar" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.bakRadar}}</div><el-input type="textarea" maxlength="36" v-model="form.bakRadar" v-if="!isPdf"></el-input></el-form-item></td></tr><tr><td rowspan="3" colspan="1" class="background-gray"><label>甚高频</label></td><td rowspan="1" colspan="8" class="background-gray"><label>A.检查甚高频的频率设置(各席位的朱永频率处于接收喝发射状态,带班、协调、监控席备用和应急频率处于接收状态并至于扬声器外放且音量设置至少60%)</label></td><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="shengaopinOK" class="textareaSub">正常<el-checkbox v-model="form.shengaopinOK" style="margin: auto"></el-checkbox></el-form-item></td></tr><tr><td rowspan="1" colspan="8" class="background-gray"><label>B.分别选取RS及OTE,对各频点进行通话测试</label></td><td rowspan="2" colspan="4" class="textarea2"><el-form-item prop="shengaopin" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.shengaopin}}</div><el-input type="textarea" maxlength="54" v-model="form.shengaopin" v-if="!isPdf"></el-input></el-form-item></td></tr><tr><td rowspan="1" colspan="8" class="background-gray"><label>C.将各频点发射位调至OTE或RS</label></td></tr><tr><td rowspan="2" colspan="1" class="background-gray"><label>遥控盒</label></td><td rowspan="1" colspan="8" class="background-gray"><label>A.检查遥控盒频点设置是否正确;</label></td><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="remoteBoxOK" class="textareaSub">正常<el-checkbox v-model="form.remoteBoxOK" style="margin: auto"></el-checkbox></el-form-item></td></tr><tr><td rowspan="1" colspan="8" class="background-gray"><label>B.进行通话测试,检测频率</label></td><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="remoteBox" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.remoteBox}}</div><el-input type="textarea" maxlength="36" v-model="form.remoteBox" v-if="!isPdf"></el-input></el-form-item></td></tr><tr><td rowspan="2" colspan="1" class="background-gray"><label>塔台电子进</label></td><td rowspan="2" colspan="8" class="background-gray"><label>检查显示是否正常</label></td><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="twrAppOK" class="textareaSub">正常<el-checkbox v-model="form.twrAppOK" style="margin: auto"></el-checkbox></el-form-item></td></tr><tr><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="twrApp" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.twrApp}}</div><el-input type="textarea" maxlength="54" v-model="form.twrApp" v-if="!isPdf"></el-input></el-form-item></td></tr><tr><td rowspan="2" colspan="1" class="background-gray"><label>管制电话</label></td><td rowspan="2" colspan="8" class="background-gray"><label>A.检查各席位内话系统(触屏)是否正常</label><br /><label>B.检查各席位程控电话是否正常</label></td><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="telOK" class="textareaSub">正常<el-checkbox v-model="form.telOK" style="margin: auto"></el-checkbox></el-form-item></td></tr><tr><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="tel" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.tel}}</div><el-input type="textarea" maxlength="36" v-model="form.tel" v-if="!isPdf"></el-input></el-form-item></td></tr><tr><td rowspan="2" colspan="1" class="background-gray"><label>进程单打印</label></td><td rowspan="2" colspan="8" class="background-gray"><label>进行进程单打印测试,判断进程单打印机是否正常</label></td><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="formOK" class="textareaSub">正常<el-checkbox v-model="form.formOK" style="margin: auto"></el-checkbox></el-form-item></td></tr><tr><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="form" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.form}}</div><el-input type="textarea" maxlength="36" v-model="form.form" v-if="!isPdf"></el-input></el-form-item></td></tr><tr><td rowspan="2" colspan="1" class="background-gray"><label>其他设备</label></td><td rowspan="2" colspan="8" class="background-gray"><label>ATIS系统、气象显示设备、ATS系统、计划集中处理系统等</label></td><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="otherOK" class="textareaSub">正常<el-checkbox v-model="form.otherOK" style="margin: auto"></el-checkbox></el-form-item></td></tr><tr><td rowspan="1" colspan="4" class="textarea1"><el-form-item prop="other" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.other}}</div><el-input type="textarea" maxlength="36" v-model="form.other" v-if="!isPdf"></el-input></el-form-item></td></tr><tr class="textarea4"><td rowspan="4" colspan="3" class="background-gray"><label>运行信息</label></td><td rowspan="1" colspan="7" class="background-gray"><label>查看飞行计划系统,了解飞行计划及动态情况</label></td><td rowspan="1" colspan="4" class="inputcolor"><el-form-item prop="operation1" class="textareaSub">确认<el-checkbox v-model="form.operation1"></el-checkbox></el-form-item></td></tr><tr class="textarea4"><td rowspan="1" colspan="7" class="background-gray"><label>查看值班日志,掌握流控及相关限制要求等</label></td><td rowspan="1" colspan="4" class="inputcolor"><el-form-item prop="operation2" class="textareaSub">确认<el-checkbox v-model="form.operation2"></el-checkbox></el-form-item></td></tr><tr class="textarea4"><td rowspan="1" colspan="7" class="background-gray"><label>查看航行通告记录,掌握有关的航行通告</label></td><td rowspan="1" colspan="4" class="inputcolor"><el-form-item prop="operation3" class="textareaSub">确认<el-checkbox v-model="form.operation3"></el-checkbox></el-form-item></td></tr><tr class="textarea4"><td rowspan="1" colspan="7" class="background-gray"><label>查看气象自动观测系统,了解天气情况,有必要时向气象预报室询问天气变化趋势</label></td><td rowspan="1" colspan="4" class="inputcolor"><el-form-item prop="operation4" class="textareaSub">确认<el-checkbox v-model="form.operation4"></el-checkbox></el-form-item></td></tr><tr class="textarea1"><td rowspan="1" colspan="3" class="background-gray"><label>科室</label></td><td rowspan="1" colspan="7" class="background-gray"><label>前一日保障架次通报飞行服务报告室</label></td><td rowspan="1" colspan="4" class="inputcolor"><el-form-item prop="department" class="textareaSub">确认<el-checkbox v-model="form.department"></el-checkbox></el-form-item></td></tr><tr class="textarea1"><td rowspan="2" colspan="3" class="background-gray"><label>协同</label></td><td rowspan="2" colspan="2" class="background-gray"><label>与南昌塔台管制室核实使用跑道及进近方式</label></td><td rowspan="2" colspan="2" class="inputcolor"><el-form-item prop="cooperationILS" style="display: inline-block"><el-radio v-model="form.cooperationILS" label="1">ILS</el-radio><el-radio v-model="form.cooperationILS" label="2">VOR</el-radio></el-form-item></td><td rowspan="2" colspan="2" class="background-gray"><label>其他</label></td><td rowspan="2" colspan="2" class="inputcolor"><el-form-item prop="cooperationOther" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.cooperationOther}}</div><el-input type="textarea" maxlength="9" v-model="form.cooperationOther" v-if="!isPdf"></el-input></el-form-item></td><td rowspan="2" colspan="4"><el-form-item prop="cooperation03"><el-radio v-model="form.cooperation03" label="1">03</el-radio><el-radio v-model="form.cooperation03" label="2">21</el-radio></el-form-item></td></tr><tr></tr><tr class="textarea2"><td rowspan="2" colspan="2" class="background-gray"><label>备注</label></td><td rowspan="2" colspan="12" class="inputcolor"><el-form-item prop="remark" class="textareaSub"><div v-if="isPdf" class="pdf-textarea-div">{{form.remark}}</div><el-input type="textarea" maxlength="100" v-model="form.remark" v-if="!isPdf"></el-input></el-form-item></td></tr></tbody></table>

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

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

Fiddler抓取Https请求配置

官网&#xff1a;https://www.telerik.com/fiddler 配置抓取https包 1.Tools->Options->Https&#xff0c;勾选下面。 2.Actions ->Trust Root Certificate.安装证书到本地 3.在手机端设置代理&#xff1a;本机ip如&#xff1a;192.168.1.168 端口号:8888。 4.手机…

Vue中的自定义指令详解

文章目录 自定义指令自定义指令-指令的值&#xff08;给自定义指令传参数&#xff09;自定义指令- v-loading指令封装 自定义指令 自定义指令&#xff1a;自己定义的指令&#xff0c;可以封装一些dom 操作&#xff0c;扩展额外功能&#xff08;自动聚焦&#xff0c;自动加载&a…

@DateTimeFormat 和 @JsonFormat 的详细研究

关于这两个时间转化注解&#xff0c;先说结论 一、介绍 1、DateTimeFormat DateTimeFormat 并不会根据得到其属性 pattern 把前端传入的数据转换成自己想要的格式&#xff0c;而是将前端的String类型数据封装到Date类型&#xff1b;其次它的 pattern 属性是用来规范前端传入…

el-select 下拉框全选、多选的几种方式组件

组件一、基础多选 适用性较广的基础多选&#xff0c;用 Tag 展示已选项 <template><el-select v-model"value1" multiple placeholder"请选择"><el-optionv-for"item in options":key"item.value":label"item.la…

深入理解C#中委托的使用及不同类型委托的应用示例

在C#中&#xff0c;委托是一种强大而灵活的机制&#xff0c;可以引用一个或多个方法&#xff0c;并允许以类似函数指针的方式进行调用。委托在事件处理、回调函数和多线程编程等场景中非常有用。本文将深入探讨C#中委托的使用&#xff0c;并介绍不同类型委托的应用示例。 目录…

基于改进莱维飞行和混沌映射的粒子群优化BP神经网络预测股票价格研究(Matlab代码实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

基于Java+SpringBoot+Vue3+Uniapp前后端分离考试学习一体机设计与实现2.0版本(视频讲解,已发布上线)

博主介绍&#xff1a;✌全网粉丝4W&#xff0c;全栈开发工程师&#xff0c;从事多年软件开发&#xff0c;在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战&#xff0c;博主也曾写过优秀论文&#xff0c;查重率极低&#xff0c;在这方面有丰富的经验…

ChatGPT降温背后:大模型发展迎来真正转折点?

作为目前AI领域的“神级产品”&#xff0c;ChatGPT的诞生&#xff0c;即吹响了AI革命的号角&#xff0c;随后包括谷歌、微软、Meta在内的国外科技公司&#xff0c;以及百度、华为、阿里、商汤科技、360、科大讯飞等在内的国内大厂&#xff0c;纷纷在短时间内推出了自家大模型产…

LLM-TAP随笔——大语言模型基础【深度学习】【PyTorch】【LLM】

文章目录 2.大语言模型基础2.1、编码器和解码器架构2.2、注意力机制2.2.1、注意力机制&#xff08;Attention&#xff09;2.2.2、自注意力机制&#xff08;Self-attention&#xff09;2.2.3、多头自注意力&#xff08;Multi-headed Self-attention&#xff09; 2.3、transforme…

Crypto:一眼就解密

题目 根据题目给出的信息可知&#xff0c;flag的为base64编码&#xff0c;数字后面的可以知道为base64编码&#xff0c;解码可得

oracle 根据分号分割为多个列

oracle 没有split 函数&#xff0c;因此没法直接使用&#xff0c;但是时间上会遇到需要分割的时候&#xff0c;可以使用正则表达式 SELECT REGEXP_SUBSTR(administration, [^;], 1, 1) AS SKILL1, REGEXP_SUBSTR(administration, [^;], 1, 2) AS SKILL2, REGEXP_SUBSTR(admini…

Cpp/Qt-day050921Qt

目录 实现使用数据库的登录注册功能 头文件&#xff1a; registrwidget.h: widget.h: 源文件&#xff1a; registrwidget.c: widget.h: 效果图&#xff1a; 思维导图 实现使用数据库的登录注册功能 头文件&#xff1a; registrwidget.h: #ifndef REGISTRWIDGET_H #de…

【Kafka系列】(二)Kafka的基本使用

有的时候博客内容会有变动&#xff0c;首发博客是最新的&#xff0c;其他博客地址可能会未同步,认准https://blog.zysicyj.top 首发博客地址[1] 文章更新计划[2] 系列文章地址[3] Kafka 线上集群部署方案怎么做 操作系统 先说结论&#xff0c;Kafka 部署在 Linux 上要比 Window…

[网鼎杯 2020 朱雀组]Nmap 通过nmap写入木马 argcmd过滤实现逃逸

这道题也很好玩 啊 原本以为是ssrf 或者会不会是rce 结果是通过nmap写入木马 我们来玩一下 传入木马 映入眼帘是nmap 我们首先就要了解nmap的指令 Nmap 相关参数-iL 读取文件内容&#xff0c;以文件内容作为搜索目标 -o 输出到文件-oN 标准保存-oX XML保存-oG Grep保存-oA…

北工大汇编——综合题(2)

题目要求 编写一个比赛得分程序。共有7 个评委&#xff0c;按百分制打分&#xff0c;计分 原则是去掉一个最高分和一个最低分&#xff0c;求平均值。要求&#xff1a; 评委的打分以十进制从键盘输入。成绩以十进制给出&#xff0c;并保留 1位小数。输入输出时屏幕上要有相应提…

分治算法求解:逆序对,Max Sum,棋盘覆盖,a-Good String——中山大学软件工程学院算法第四次实验课 必做+选做题

写英文注释不是要“秀英文”&#xff0c;而是因为鄙人正在准备雅思&#xff0c;顺手练习 逆序对 题目描述 完整代码 #include<iostream> using namespace std; int num[500010]; // input numbers int tmp[500010]; // sequence after merging left and right part lon…

鼠标不动了怎么办?3招解决问题!

“这是怎么回事呢&#xff1f;我的鼠标怎么会用着用着就突然不动了呢&#xff1f;现在有一些比较重要的工作要处理。请问有什么方法可以快速解决这个问题吗&#xff1f;” 随着电脑在我们日常生活和工作中的广泛应用&#xff0c;鼠标是我们操作电脑不可或缺的工具之一。但是&am…

WebGL 绘制圆形的点

目录 前言 如何实现圆形的点&#xff1f; 片元着色器内置变量&#xff08;gl_FragCoord、gl_PointCoord&#xff09; gl_PointCoord的含义 示例程序&#xff08;RoundedPoint.js&#xff09; 代码详解 前言 本文将讨论示例程序RoundedPoint&#xff0c;该程序绘制了圆…

Spring底层原理之 BeanFactory 与 ApplicationContext

&#x1f40c;个人主页&#xff1a; &#x1f40c; 叶落闲庭 &#x1f4a8;我的专栏&#xff1a;&#x1f4a8; c语言 数据结构 javaEE 操作系统 Redis 石可破也&#xff0c;而不可夺坚&#xff1b;丹可磨也&#xff0c;而不可夺赤。 Spring底层原理 一、 BeanFactory 与 Appli…

爬虫怎么批量采集完成任务

目录 一、了解网络爬虫 二、Python与网络爬虫 三、批量采集任务的实现 1.确定采集网站及关键词 2.安装相关库 3.发送请求并获取响应 4.解析HTML文档 5.提取文章内容 6.保存文章内容 7.循环采集多篇文章 8.增加异常处理机制 9.优化代码性能 四、注意事项 总结 在当…