<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>
|
<td class="zhong">秘密等级</td>
|
<td>
|
<select>
|
<option value="公开">公开</option>
|
<option value="保密">保密</option>
|
<option value="机密">机密</option>
|
<option value="绝密">绝密</option>
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td class="zuo">
|
数据1
|
</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>
|
<td class="zhong">紧急程度</td>
|
<td>
|
<select>
|
<option value="公开">公开</option>
|
<option value="保密">保密</option>
|
<option value="机密">机密</option>
|
<option value="绝密">绝密</option>
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td class="zuo">
|
收文字号
|
</td>
|
<td style="padding-right: 10px">
|
<input type="text" class="custom-input" />
|
</td>
|
<td class="zhong">来文单位</td>
|
<td colspan="3" style="padding-right: 10px">
|
<input type="text" class="custom-input" />
|
</td>
|
</tr>
|
<tr>
|
<td class="zuo">
|
主题词
|
</td>
|
<td colspan="5" style="padding-right: 10px">
|
<input type="text" class="custom-input" />
|
</td>
|
</tr>
|
<tr>
|
<td class="zuo">
|
文件标题
|
</td>
|
<td colspan="5" 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>
|
</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>
|
