<template>
|
<div>
|
<table border="1" style="background: #FFFFFF;width: 50%;">
|
<tr>
|
<td class="table_td" style="text-align: right;">自查人:</td>
|
<td><input class="input" style="line-height: 24px;height: 24px;"></td>
|
</tr>
|
<tr>
|
<td class="table_td" style="text-align: right;">自查时间:</td>
|
<td><input class="input" id="meeting" type="date" style="line-height: 24px;height: 24px;"/></td>
|
</tr>
|
<tr>
|
<td class="table_td" style="text-align: right;">备注:</td>
|
<td>
|
<textarea class="input" rows="7" cols="80">我是⼀个⽂本框,可以输⼊任意长度的⽂本
|
</textarea>
|
</td>
|
</tr>
|
<tr class="table_tr">
|
<td colspan="4" align="center">
|
<button class="btn">保存</button>
|
<button class="btn">关闭</button>
|
</td>
|
</tr>
|
</table>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "inspectionNotExist"
|
}
|
</script>
|
|
<style scoped>
|
table,table tr th, table tr td {
|
border:1px solid #ccc;
|
}
|
.table_td{
|
background: #e4edf4;
|
}
|
.table_tr{
|
background: #e4edf4;
|
line-height: 40px;
|
height: 40px;
|
}
|
table{
|
width: 400px;
|
border-collapse: collapse;
|
font-size: 14px;
|
}
|
.input{
|
background: #f9f9f9;
|
border-width: 1px;
|
margin: 5px 0;
|
}
|
.btn{
|
background: url(../../assets/btn.gif) no-repeat;
|
width: 76px;
|
height: 26px;
|
line-height: 26px;
|
font-size: 14px;
|
border: none;
|
color: #fff;
|
cursor: pointer;
|
overflow: visible;
|
}
|
</style>
|