• 使用原生html＜table＞构造复杂table表

    1.       "sortDisabled" align="center"class="table">
    2.         <tbody>
    3.           <tr class="textarea1">
    4.             <td rowspan="1" colspan="2" class="background-gray">
    5.               <label>日期label>
    6.             td>
    7.             <td rowspan="1" colspan="4" class="inputcolor">
    8.               <el-form-item prop="saveTime" class="saveTime">
    9.                 <el-date-picker v-model="form.saveTime" type="datetime" placeholder="选择日期时间" format="yyyy-MM-dd HH:mm" :clearable="false">
    10.                 el-date-picker>
    11.               el-form-item>
    12.             td>
    13.             <td rowspan="1" colspan="1" class="background-gray">
    14.               <label style="color: red"> * label><label>带班主任label>
    15.             td>
    16.             <td rowspan="1" colspan="3" class="inputcolor">
    17.               <el-form-item prop="managerDaiban" class="textarmanagerDaibaneaSub">
    18.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.}}div>
    19.                 <el-input type="textarea" maxlength="10" v-model="form.managerDaiban" v-if="!isPdf">el-input>
    20.               el-form-item>
    21.             td>
    22.             <td rowspan="1" colspan="1" class="background-gray">
    23.               <label style="color: red"> * label><label>检查人label>
    24.             td>
    25.             <td rowspan="1" colspan="3" class="inputcolor">
    26.               <el-form-item prop="checkMan" class="textareaSub">
    27.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.checkMan}}div>
    28.                 <el-input type="textarea" maxlength="7" v-model="form.checkMan" v-if="!isPdf">el-input>
    29.               el-form-item>
    30.             td>
    31.           tr>
    32.           <tr class="textarea2">
    33.             <td rowspan="2" colspan="2" class="background-gray">
    34.               <label style="color: red"> * label><label>班组成员label>
    35.             td>
    36.             <td rowspan="2" colspan="12" class="inputcolor">
    37.               <el-form-item prop="members" class="textareaSub">
    38.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.members}}div>
    39.                 <el-input type="textarea" maxlength="100" v-model="form.members" v-if="!isPdf">el-input>
    40.               el-form-item>
    41.             td>
    42.           tr>
    43.           <tr>tr>
    44.  
    45.           <tr>
    46.             <td rowspan="5" colspan="2" class="background-gray">
    47.               <label>运行提醒label>
    48.             td>
    49.             <td rowspan="2" colspan="12" class="background-gray">
    50.               <label>早班重要信息：机场关闭、设备故障、跑道状态、危险天气、炮射信息、通航计划、重要保障计划等label><br />
    51.               <label>(前一日晚班人员填写，当日早班人员确认后打√)label>
    52.             td>
    53.           tr>
    54.  
    55.           <tr>tr>
    56.           <tr>
    57.             <td rowspan="3" colspan="11" class="textarea2">
    58.               <el-form-item prop="hint" class="textareaSub">
    59.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.hint}}div>
    60.                 <el-input type="textarea" maxlength="100" v-model="form.hint" v-if="!isPdf">el-input>
    61.               el-form-item>
    62.             td>
    63.             <td rowspan="3" colspan="1" class="textarea1">
    64.               <el-form-item prop="hintOK" class="textareaSub">
    65.                 <el-checkbox v-model="form.hintOK" style="margin: auto">el-checkbox>
    66.               el-form-item>
    67.             td>
    68.           tr>
    69.           <tr>tr>
    70.           <tr>tr>
    71.  
    72.           <tr>
    73.             <td rowspan="20" colspan="1" class="background-gray">
    74.               <label>设备检查label>
    75.             td>
    76.             <td rowspan="1" colspan="1" class="background-gray">
    77.               <label>设备名称label>
    78.             td>
    79.             <td rowspan="1" colspan="8" class="background-gray">
    80.               <label>检查方法及步骤label>
    81.             td>
    82.             <td rowspan="1" colspan="4" class="background-gray">
    83.               <label>检查结果(正常打√不正常文字描述)label>
    84.             td>
    85.           tr>
    86.           <tr>
    87.             <td rowspan="4" colspan="1" class="background-gray">
    88.               <label>主用雷达自动化label>
    89.             td>
    90.             <td rowspan="1" colspan="8" class="background-gray">
    91.               <label>A.各席位检查雷达信号、显示、操作是否正常label>
    92.             td>
    93.             <td rowspan="1" colspan="4" class="textarea1">
    94.               <el-form-item prop="mainRadarOK" class="textareaSub">
    95.                 正常<el-checkbox v-model="form.mainRadarOK" style="margin: auto">el-checkbox>
    96.               el-form-item>
    97.             td>
    98.           tr>
    99.  
    100.           <tr>
    101.             <td rowspan="1" colspan="8" class="background-gray">
    102.               <label>B.各席位查看昌北、生米单模式是否正常label>
    103.             td>
    104.             <td rowspan="3" colspan="4" class="textarea2">
    105.               <el-form-item prop="mainRadar" class="textareaSub">
    106.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.mainRadar}}div>
    107.                 <el-input type="textarea" maxlength="54" v-model="form.mainRadar" v-if="!isPdf">el-input>
    108.               el-form-item>
    109.             td>
    110.           tr>
    111.  
    112.           <tr>
    113.             <td rowspan="1" colspan="8" class="background-gray">
    114.               <label>C.将信号模式设置为SYSTEM，并对视频显示调整至正常工作设置label>
    115.             td>
    116.           tr>
    117.  
    118.           <tr>
    119.             <td rowspan="1" colspan="8" class="background-gray">
    120.               <label>D.设置气压基准面为QNH HEIGHT;检查QNH值与双振筒气压仪数据是否一致label>
    121.             td>
    122.           tr>
    123.  
    124.           <tr>
    125.             <td rowspan="2" colspan="1" class="background-gray">
    126.               <label>备用雷达label>
    127.             td>
    128.             <td rowspan="1" colspan="8" class="background-gray">
    129.               <label>A.检查备用雷达自动化雷达信号、显示、操作是否正常label>
    130.             td>
    131.             <td rowspan="1" colspan="4" class="textarea1">
    132.               <el-form-item prop="bakRadarOK" class="textareaSub">
    133.                 正常<el-checkbox v-model="form.bakRadarOK" style="margin: auto">el-checkbox>
    134.               el-form-item>
    135.             td>
    136.           tr>
    137.  
    138.           <tr>
    139.             <td rowspan="1" colspan="8" class="background-gray">
    140.               <label>B.将备用雷达自动化视频显示调整至正常工作设置label>
    141.             td>
    142.             <td rowspan="1" colspan="4" class="textarea1">
    143.               <el-form-item prop="bakRadar" class="textareaSub">
    144.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.bakRadar}}div>
    145.                 <el-input type="textarea" maxlength="36" v-model="form.bakRadar" v-if="!isPdf">el-input>
    146.               el-form-item>
    147.             td>
    148.           tr>
    149.  
    150.           <tr>
    151.             <td rowspan="3" colspan="1" class="background-gray">
    152.               <label>甚高频label>
    153.             td>
    154.             <td rowspan="1" colspan="8" class="background-gray">
    155.               <label>A.检查甚高频的频率设置(各席位的朱永频率处于接收喝发射状态，带班、协调、监控席备用和应急频率处于接收状态并至于扬声器外放且音量设置至少60%)label>
    156.             td>
    157.             <td rowspan="1" colspan="4" class="textarea1">
    158.               <el-form-item prop="shengaopinOK" class="textareaSub">
    159.                 正常<el-checkbox v-model="form.shengaopinOK" style="margin: auto">el-checkbox>
    160.               el-form-item>
    161.             td>
    162.           tr>
    163.  
    164.           <tr>
    165.             <td rowspan="1" colspan="8" class="background-gray">
    166.               <label>B.分别选取RS及OTE，对各频点进行通话测试label>
    167.             td>
    168.             <td rowspan="2" colspan="4" class="textarea2">
    169.               <el-form-item prop="shengaopin" class="textareaSub">
    170.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.shengaopin}}div>
    171.                 <el-input type="textarea" maxlength="54" v-model="form.shengaopin" v-if="!isPdf">el-input>
    172.               el-form-item>
    173.             td>
    174.           tr>
    175.  
    176.           <tr>
    177.             <td rowspan="1" colspan="8" class="background-gray">
    178.               <label>C.将各频点发射位调至OTE或RSlabel>
    179.             td>
    180.           tr>
    181.  
    182.           <tr>
    183.             <td rowspan="2" colspan="1" class="background-gray">
    184.               <label>遥控盒label>
    185.             td>
    186.             <td rowspan="1" colspan="8" class="background-gray">
    187.               <label>A.检查遥控盒频点设置是否正确；label>
    188.             td>
    189.             <td rowspan="1" colspan="4" class="textarea1">
    190.               <el-form-item prop="remoteBoxOK" class="textareaSub">
    191.                 正常<el-checkbox v-model="form.remoteBoxOK" style="margin: auto">el-checkbox>
    192.               el-form-item>
    193.             td>
    194.           tr>
    195.  
    196.           <tr>
    197.             <td rowspan="1" colspan="8" class="background-gray">
    198.               <label>B.进行通话测试，检测频率label>
    199.             td>
    200.             <td rowspan="1" colspan="4" class="textarea1">
    201.               <el-form-item prop="remoteBox" class="textareaSub">
    202.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.remoteBox}}div>
    203.                 <el-input type="textarea" maxlength="36" v-model="form.remoteBox" v-if="!isPdf">el-input>
    204.               el-form-item>
    205.             td>
    206.           tr>
    207.  
    208.           <tr>
    209.             <td rowspan="2" colspan="1" class="background-gray">
    210.               <label>塔台电子进label>
    211.             td>
    212.             <td rowspan="2" colspan="8" class="background-gray">
    213.               <label>检查显示是否正常label>
    214.             td>
    215.             <td rowspan="1" colspan="4" class="textarea1">
    216.               <el-form-item prop="twrAppOK" class="textareaSub">
    217.                 正常<el-checkbox v-model="form.twrAppOK" style="margin: auto">el-checkbox>
    218.               el-form-item>
    219.             td>
    220.           tr>
    221.           
    222.           <tr>
    223.             <td rowspan="1" colspan="4" class="textarea1">
    224.               <el-form-item prop="twrApp" class="textareaSub">
    225.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.twrApp}}div>
    226.                 <el-input type="textarea" maxlength="54" v-model="form.twrApp" v-if="!isPdf">el-input>
    227.               el-form-item>
    228.             td>
    229.           tr>
    230.  
    231.           <tr>
    232.             <td rowspan="2" colspan="1" class="background-gray">
    233.               <label>管制电话label>
    234.             td>
    235.             <td rowspan="2" colspan="8" class="background-gray">
    236.               <label>A.检查各席位内话系统(触屏)是否正常label><br />
    237.               <label>B.检查各席位程控电话是否正常label>
    238.             td>
    239.             <td rowspan="1" colspan="4" class="textarea1">
    240.               <el-form-item prop="telOK" class="textareaSub">
    241.                 正常<el-checkbox v-model="form.telOK" style="margin: auto">el-checkbox>
    242.               el-form-item>
    243.             td>
    244.           tr>
    245.  
    246.           <tr>
    247.             <td rowspan="1" colspan="4" class="textarea1">
    248.               <el-form-item prop="tel" class="textareaSub">
    249.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.tel}}div>
    250.                 <el-input type="textarea" maxlength="36" v-model="form.tel" v-if="!isPdf">el-input>
    251.               el-form-item>
    252.             td>
    253.           tr>
    254.  
    255.           <tr>
    256.             <td rowspan="2" colspan="1" class="background-gray">
    257.               <label>进程单打印label>
    258.             td>
    259.             <td rowspan="2" colspan="8" class="background-gray">
    260.               <label>进行进程单打印测试，判断进程单打印机是否正常label>
    261.             td>
    262.             <td rowspan="1" colspan="4" class="textarea1">
    263.               <el-form-item prop="formOK" class="textareaSub">
    264.                 正常<el-checkbox v-model="form.formOK" style="margin: auto">el-checkbox>
    265.               el-form-item>
    266.             td>
    267.           tr>
    268.  
    269.           <tr>
    270.             <td rowspan="1" colspan="4" class="textarea1">
    271.               <el-form-item prop="form" class="textareaSub">
    272.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.form}}div>
    273.                 <el-input type="textarea" maxlength="36" v-model="form.form" v-if="!isPdf">el-input>
    274.               el-form-item>
    275.             td>
    276.           tr>
    277.  
    278.           <tr>
    279.             <td rowspan="2" colspan="1" class="background-gray">
    280.               <label>其他设备label>
    281.             td>
    282.             <td rowspan="2" colspan="8" class="background-gray">
    283.               <label>ATIS系统、气象显示设备、ATS系统、计划集中处理系统等label>
    284.             td>
    285.             <td rowspan="1" colspan="4" class="textarea1">
    286.               <el-form-item prop="otherOK" class="textareaSub">
    287.                 正常<el-checkbox v-model="form.otherOK" style="margin: auto">el-checkbox>
    288.               el-form-item>
    289.             td>
    290.           tr>
    291.  
    292.           <tr>
    293.             <td rowspan="1" colspan="4" class="textarea1">
    294.               <el-form-item prop="other" class="textareaSub">
    295.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.other}}div>
    296.                 <el-input type="textarea" maxlength="36" v-model="form.other" v-if="!isPdf">el-input>
    297.               el-form-item>
    298.             td>
    299.           tr>
    300.  
    301.           <tr class="textarea4">
    302.             <td rowspan="4" colspan="3" class="background-gray">
    303.               <label>运行信息label>
    304.             td>
    305.             <td rowspan="1" colspan="7" class="background-gray">
    306.               <label>查看飞行计划系统，了解飞行计划及动态情况label>
    307.             td>
    308.             <td rowspan="1" colspan="4" class="inputcolor">
    309.               <el-form-item prop="operation1" class="textareaSub">
    310.                 确认<el-checkbox v-model="form.operation1">el-checkbox>
    311.               el-form-item>
    312.             td>
    313.           tr>
    314.  
    315.           <tr class="textarea4">
    316.             <td rowspan="1" colspan="7" class="background-gray">
    317.               <label>查看值班日志，掌握流控及相关限制要求等label>
    318.             td>
    319.             <td rowspan="1" colspan="4" class="inputcolor">
    320.               <el-form-item prop="operation2" class="textareaSub">
    321.                 确认<el-checkbox v-model="form.operation2">el-checkbox>
    322.               el-form-item>
    323.             td>
    324.           tr>
    325.  
    326.           <tr class="textarea4">
    327.             <td rowspan="1" colspan="7" class="background-gray">
    328.               <label>查看航行通告记录，掌握有关的航行通告label>
    329.             td>
    330.             <td rowspan="1" colspan="4" class="inputcolor">
    331.               <el-form-item prop="operation3" class="textareaSub">
    332.                 确认<el-checkbox v-model="form.operation3">el-checkbox>
    333.               el-form-item>
    334.             td>
    335.           tr>
    336.           <tr class="textarea4">
    337.             <td rowspan="1" colspan="7" class="background-gray">
    338.               <label>查看气象自动观测系统，了解天气情况，有必要时向气象预报室询问天气变化趋势label>
    339.             td>
    340.             <td rowspan="1" colspan="4" class="inputcolor">
    341.               <el-form-item prop="operation4" class="textareaSub">
    342.                 确认<el-checkbox v-model="form.operation4">el-checkbox>
    343.               el-form-item>
    344.             td>
    345.           tr>
    346.           <tr class="textarea1">
    347.             <td rowspan="1" colspan="3" class="background-gray">
    348.               <label>科室label>
    349.             td>
    350.             <td rowspan="1" colspan="7" class="background-gray">
    351.               <label>前一日保障架次通报飞行服务报告室label>
    352.             td>
    353.             <td rowspan="1" colspan="4" class="inputcolor">
    354.               <el-form-item prop="department" class="textareaSub">
    355.                 确认<el-checkbox v-model="form.department">el-checkbox>
    356.               el-form-item>
    357.             td>
    358.           tr>
    359.  
    360.           <tr class="textarea1">
    361.             <td rowspan="2" colspan="3" class="background-gray">
    362.               <label>协同label>
    363.             td>
    364.             <td rowspan="2" colspan="2" class="background-gray">
    365.               <label>与南昌塔台管制室核实使用跑道及进近方式label>
    366.             td>
    367.             <td rowspan="2" colspan="2" class="inputcolor">
    368.               <el-form-item prop="cooperationILS" style="display: inline-block">
    369.                 <el-radio v-model="form.cooperationILS" label="1">ILSel-radio>
    370.                 <el-radio v-model="form.cooperationILS" label="2">VORel-radio>
    371.               el-form-item>
    372.             td>
    373.             <td rowspan="2" colspan="2" class="background-gray">
    374.               <label>其他label>
    375.             td>
    376.             <td rowspan="2" colspan="2" class="inputcolor">
    377.  
    378.               <el-form-item prop="cooperationOther" class="textareaSub">
    379.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.cooperationOther}}div>
    380.                 <el-input type="textarea" maxlength="9" v-model="form.cooperationOther" v-if="!isPdf">el-input>
    381.               el-form-item>
    382.             td>
    383.             <td rowspan="2" colspan="4">
    384.               <el-form-item prop="cooperation03">
    385.                 <el-radio v-model="form.cooperation03" label="1">03el-radio>
    386.                 <el-radio v-model="form.cooperation03" label="2">21el-radio>
    387.               el-form-item>
    388.             td>
    389.           tr>
    390.           
    391.           <tr>tr>
    392.           <tr class="textarea2">
    393.             <td rowspan="2" colspan="2" class="background-gray">
    394.               <label>备注label>
    395.             td>
    396.             <td rowspan="2" colspan="12" class="inputcolor">
    397.               <el-form-item prop="remark" class="textareaSub">
    398.                 <div v-if="isPdf" class="pdf-textarea-div">{{form.remark}}div>
    399.                 <el-input type="textarea" maxlength="100" v-model="form.remark" v-if="!isPdf">el-input>
    400.               el-form-item>
    401.             td>
    402.           tr>
    403.         tbody>
    404.       
      405.

  • 相关阅读:
    ALOS2 PALSAR2 数据ID命名规则
    如何创建一个自己的sphinx文档网站
    MVC，MVP，MVVM的理解和区别
    ABB GFD563A101 3BHE046836R0101ABB GFD563A101 3BHE046836R0101
    跟羽夏去实现协程
    在idea中创建spring 微服务（boot）的Gradle项目 讲的很详细的
    学习记忆——宫殿篇——记忆宫殿——数字编码——三十六计
    安卓最佳实践之内存优化
    Kubernetes（K8S）特性有哪些？
    一些RCE的汇总
  • 原文地址：https://blog.csdn.net/qq_42192641/article/details/133276368