el-table动态列vue3动态列-批量录入体温-修订版2022-02-07

<!--作者：dingwangjun-->
<!--
 界面描述：批量录入界面动态列表,
 增加键盘跳转下一个单元格，增加fixed固定列-->
<template>
    <div class="dwjBatchInput">
        <div class="batch_heard_div">
            <div class="div-inline">
                <div class="div-inline" style="margin-top: -8px">体温标准时间</div>
                <div class="div-inline" style="margin-left: 15px;">
                    <el-checkbox-group v-model="timePoint" size="mini" @change="tiWenTimeChange">
                        <el-checkbox v-for="item in normTime"
                                     :key="item.itemCode"
                                     :label="item.itemCode">
                            {
  {item.itemName}}
                        </el-checkbox>
                    </el-checkbox-group>
                </div>
                <div class="div-inline" style="width: 50px"></div>
                <div class="div-inline" style="margin-top: -6px">血压标准时间</div>
                <div class="div-inline" style="margin-left: 15px;">
                    <el-checkbox-group v-model="timePoint" size="mini" @change="tiWenTimeChange">
                        <el-checkbox v-for="item in xueYaTime"
                                     :key="item.itemCode"
                                     :label="item.itemCode">
                            {
  {item.itemName}}
                        </el-checkbox>
                    </el-checkbox-group>
                </div>
            </div>
            <div class="div-inline" style="float: right;margin-right: 20px">
                <el-button size="mini" type="primary" icon="el-icon-collection" @click="saveBatchSign">保存</el-button>
            </div>
        </div>
        <div style="background: #ffd591">
            <el-table
                    size="small"
                    ref="batch_tb"
                    v-loading="loading"
                    height="600"
                    :data="batchList"
                    border empty-text=" "
                    :cell-style="{padding: '0px'}"
                    @row-click="clickRowColor"
                    :row-class-name="tableRowClassName"
                    :header-cell-style="tableHeaderCellStyle">
                <el-table-column width="305" label="批量选择人员" align="center" fixed>
                    <el-table-column width="50" prop="ch" label="床号" align="center" fixed></el-table-column>
                    <el-table-column width="110" prop="xm" label="姓名" align="center" fixed></el-table-column>
                    <el-table-column width="50" prop="xb" label="性别" align="center" fixed></el-table-column>
                    <el-table-column width="95" prop="zyhErbs" label="患者ID" align="center" fixed></el-table-column>
                </el-table-column>
                <!-- 动态列 -->