<template>
|
<out-table title="某某科技有限公司员工请假单">
|
<table
|
class="biao"
|
style="
|
border: 1px solid black;
|
border-collapse: collapse;
|
display: inline-block;
|
"
|
>
|
<tbody>
|
<tr>
|
<td class="zuo">申请人</td>
|
<td style="padding-right: 10px">
|
<input type="text" class="custom-input" />
|
</td>
|
<td class="zhong">请假时间</td>
|
<td style="padding-right: 10px">
|
<input type="text" class="custom-input" />
|
</td>
|
</tr>
|
|
<tr>
|
<td class="zuo">请假原因</td>
|
<td colspan="5" style="padding: 20px 10px 20px 10px">
|
<input type="text" class="custom-input" style="height: 60px" />
|
</td>
|
</tr>
|
|
<tr>
|
<td class="zuo">部门意见</td>
|
<td colspan="5" style="padding: 20px 10px 20px 10px">
|
<input type="text" class="custom-input" style="height: 60px" />
|
</td>
|
</tr>
|
<tr>
|
<td class="zuo">单位意见</td>
|
<td colspan="5" style="padding: 20px 10px 20px 10px">
|
<input type="text" class="custom-input" style="height: 60px" />
|
</td>
|
</tr>
|
<tr>
|
<td class="zuo">人事意见</td>
|
<td colspan="5" style="padding: 20px 10px 20px 10px">
|
<input type="text" class="custom-input" style="height: 60px" />
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</out-table>
|
</template>
|
|
<script>
|
export default {};
|
</script>
|
|
<style lang="scss" scoped>
|
.zuo {
|
background-color: #b8a657;
|
width: 100px;
|
text-align: left;
|
color: red;
|
}
|
.zhong {
|
color: red;
|
font-size: 16px;
|
text-align: left;
|
width: 100px;
|
}
|
</style>
|
