<template>
|
<div style="margin-bottom: 40px">
|
<table class="table112 table113">
|
<thead>
|
<tr>
|
<th>环节名称</th>
|
<th>保育要求</th>
|
<th>具体内容</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>
|
<input
|
v-model="chapter001.table113.name1"
|
@blur="onBlurChangeTable113('name1')"
|
/>
|
</td>
|
<td>
|
<input
|
v-model="chapter001.table113.demand1"
|
@blur="onBlurChangeTable113('demand1')"
|
/>
|
</td>
|
<td>
|
<input
|
v-model="chapter001.table113.content1"
|
@blur="onBlurChangeTable113('content1')"
|
/>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<input
|
v-model="chapter001.table113.name2"
|
@blur="onBlurChangeTable113('name2')"
|
/>
|
</td>
|
<td>
|
<input
|
v-model="chapter001.table113.demand2"
|
@blur="onBlurChangeTable113('demand2')"
|
/>
|
</td>
|
<td>
|
<input
|
v-model="chapter001.table113.content2"
|
@blur="onBlurChangeTable113('content2')"
|
/>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<input
|
v-model="chapter001.table113.name3"
|
@blur="onBlurChangeTable113('name3')"
|
/>
|
</td>
|
<td>
|
<input
|
v-model="chapter001.table113.demand3"
|
@blur="onBlurChangeTable113('demand3')"
|
/>
|
</td>
|
<td>
|
<input
|
v-model="chapter001.table113.content3"
|
@blur="onBlurChangeTable113('content3')"
|
/>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<input
|
v-model="chapter001.table113.name4"
|
@blur="onBlurChangeTable113('name4')"
|
/>
|
</td>
|
<td>
|
<input
|
v-model="chapter001.table113.demand4"
|
@blur="onBlurChangeTable113('demand4')"
|
/>
|
</td>
|
<td>
|
<input
|
v-model="chapter001.table113.content4"
|
@blur="onBlurChangeTable113('content4')"
|
/>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<input
|
v-model="chapter001.table113.name5"
|
@blur="onBlurChangeTable113('name5')"
|
/>
|
</td>
|
<td>
|
<input
|
v-model="chapter001.table113.demand5"
|
@blur="onBlurChangeTable113('demand5')"
|
/>
|
</td>
|
<td>
|
<input
|
v-model="chapter001.table113.content5"
|
@blur="onBlurChangeTable113('content5')"
|
/>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
chapter001: {
|
table113: {
|
name1: "",
|
name2: "",
|
name3: "",
|
name4: "",
|
name5: "",
|
demand1: "",
|
demand2: "",
|
demand3: "",
|
demand4: "",
|
demand5: "",
|
content1: "",
|
content2: "",
|
content3: "",
|
content4: "",
|
content5: "",
|
},
|
},
|
};
|
},
|
methods: {
|
onBlurChange(row) {
|
console.log("Edited row:", row);
|
},
|
},
|
};
|
</script>
|
