You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
132 lines
3.2 KiB
132 lines
3.2 KiB
|
5 months ago
|
<!--
|
||
|
|
@ 作者: 秦东
|
||
|
|
@ 时间: 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>
|