<!--
@ 作者: 秦东
@ 时间: 2025-08-11 14:11:11
@ 备注: 公司值班
-->
<script lang="ts" setup></script>
<template>
  <div class="comBox">
    <el-card shadow="always">
      <template #header>
        <div class="card_header">
          <div>山东荣信集团</div>
          <div>2025年7月公司值班表</div>
          <div>
            <el-button type="primary">添加值班信息</el-button>
          </div>
        </div>
      </template>
      <div class="deep_card__body">
        <table>
          <tr>
            <td></td>
            <td align="center">1日</td>
            <td align="center">2</td>
            <td align="center">3</td>
            <td align="center">4</td>
            <td align="center">5</td>
            <td align="center">6</td>
            <td align="center">7</td>
            <td align="center">8</td>
            <td align="center">9</td>
            <td align="center">10</td>
            <td align="center">11</td>
            <td align="center">12</td>
            <td align="center">13</td>
            <td align="center">14</td>
            <td align="center">15</td>
            <td align="center">16</td>
            <td align="center">17</td>
            <td align="center">18</td>
            <td align="center">19</td>
            <td align="center">20</td>
            <td align="center">21</td>
            <td align="center">22</td>
            <td align="center">23</td>
            <td align="center">24</td>
            <td align="center">25</td>
            <td align="center">26</td>
            <td align="center">27</td>
            <td align="center">28</td>
            <td align="center">29</td>
            <td align="center">30</td>
            <td align="center">31</td>
          </tr>
          <tr>
            <td>公司领导</td>
            <td>公司领导、公司领导、公司领导</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
            <td>9</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
            <td>13</td>
            <td>14</td>
            <td>15</td>
            <td>16</td>
            <td>17</td>
            <td>18</td>
            <td>19</td>
            <td>20</td>
            <td>21</td>
            <td>22</td>
            <td>23</td>
            <td>24</td>
            <td>25</td>
            <td>26</td>
            <td>27</td>
            <td>28</td>
            <td>29</td>
            <td>30</td>
            <td>31</td>
          </tr>
        </table>
      </div>
    </el-card>
  </div>
</template>
<style lang="scss" scoped>
.comBox {
  padding: 10px 20px 0 20px;
  :deep .el-card__header {
    padding: 10px 15px;
  }
  .deep_card__body {
    width: 100%;
    overflow: auto;
  }
  .card_header {
    display: flex;
    justify-content: space-between;
    image-rendering: cs;
    align-items: center;
  }
  .tableBox {
  }
  :deep table {
    width: 100%;
    border-collapse: collapse;
    th,
    td {
      border: 1px solid #ddd;
      padding: 10px;
    }
    th {
      background-color: #2196f3;
      color: white;
      font-weight: bold;
    }
    td {
      min-width: 120px;
      color: #555;
    }
  }
}
</style>
