<template>
|
<div class="chapter01Table">
|
<table class="table112">
|
<thead>
|
<tr>
|
<th colspan="2">0-1岁日托班</th>
|
<th colspan="2">1-2岁日托班</th>
|
<th colspan="2">2-3岁日托班</th>
|
</tr>
|
<tr>
|
<th>时间</th>
|
<th>内容</th>
|
<th>时间</th>
|
<th>内容</th>
|
<th>时间</th>
|
<th>内容</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td><input v-model="chapter001.table112.cell1" @blur="onBlurChangeTable112('cell1')" /></td>
|
<td><input v-model="chapter001.table112.cell2" @blur="onBlurChangeTable112('cell2')" /></td>
|
<td><input v-model="chapter001.table112.cell3" @blur="onBlurChangeTable112('cell3')" /></td>
|
<td><input v-model="chapter001.table112.cell4" @blur="onBlurChangeTable112('cell4')" /></td>
|
<td><input v-model="chapter001.table112.cell5" @blur="onBlurChangeTable112('cell5')" /></td>
|
<td><input v-model="chapter001.table112.cell6" @blur="onBlurChangeTable112('cell6')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell7" @blur="onBlurChangeTable112('cell7')" /></td>
|
<td><input v-model="chapter001.table112.cell8" @blur="onBlurChangeTable112('cell8')" /></td>
|
<td><input v-model="chapter001.table112.cell9" @blur="onBlurChangeTable112('cell9')" /></td>
|
<td><input v-model="chapter001.table112.cell10" @blur="onBlurChangeTable112('cell10')" /></td>
|
<td><input v-model="chapter001.table112.cell11" @blur="onBlurChangeTable112('cell11')" /></td>
|
<td><input v-model="chapter001.table112.cell12" @blur="onBlurChangeTable112('cell12')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell13" @blur="onBlurChangeTable112('cell13')" /></td>
|
<td><input v-model="chapter001.table112.cell14" @blur="onBlurChangeTable112('cell14')" /></td>
|
<td><input v-model="chapter001.table112.cell15" @blur="onBlurChangeTable112('cell15')" /></td>
|
<td><input v-model="chapter001.table112.cell16" @blur="onBlurChangeTable112('cell16')" /></td>
|
<td><input v-model="chapter001.table112.cell17" @blur="onBlurChangeTable112('cell17')" /></td>
|
<td><input v-model="chapter001.table112.cell18" @blur="onBlurChangeTable112('cell18')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell19" @blur="onBlurChangeTable112('cell19')" /></td>
|
<td><input v-model="chapter001.table112.cell20" @blur="onBlurChangeTable112('cell20')" /></td>
|
<td><input v-model="chapter001.table112.cell21" @blur="onBlurChangeTable112('cell21')" /></td>
|
<td><input v-model="chapter001.table112.cell22" @blur="onBlurChangeTable112('cell22')" /></td>
|
<td><input v-model="chapter001.table112.cell23" @blur="onBlurChangeTable112('cell23')" /></td>
|
<td><input v-model="chapter001.table112.cell24" @blur="onBlurChangeTable112('cell24')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell25" @blur="onBlurChangeTable112('cell25')" /></td>
|
<td><input v-model="chapter001.table112.cell26" @blur="onBlurChangeTable112('cell26')" /></td>
|
<td><input v-model="chapter001.table112.cell27" @blur="onBlurChangeTable112('cell27')" /></td>
|
<td><input v-model="chapter001.table112.cell28" @blur="onBlurChangeTable112('cell28')" /></td>
|
<td><input v-model="chapter001.table112.cell29" @blur="onBlurChangeTable112('cell29')" /></td>
|
<td><input v-model="chapter001.table112.cell30" @blur="onBlurChangeTable112('cell30')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell31" @blur="onBlurChangeTable112('cell31')" /></td>
|
<td><input v-model="chapter001.table112.cell32" @blur="onBlurChangeTable112('cell32')" /></td>
|
<td><input v-model="chapter001.table112.cell33" @blur="onBlurChangeTable112('cell33')" /></td>
|
<td><input v-model="chapter001.table112.cell34" @blur="onBlurChangeTable112('cell34')" /></td>
|
<td><input v-model="chapter001.table112.cell35" @blur="onBlurChangeTable112('cell35')" /></td>
|
<td><input v-model="chapter001.table112.cell36" @blur="onBlurChangeTable112('cell36')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell37" @blur="onBlurChangeTable112('cell37')" /></td>
|
<td><input v-model="chapter001.table112.cell38" @blur="onBlurChangeTable112('cell38')" /></td>
|
<td><input v-model="chapter001.table112.cell39" @blur="onBlurChangeTable112('cell39')" /></td>
|
<td><input v-model="chapter001.table112.cell40" @blur="onBlurChangeTable112('cell40')" /></td>
|
<td><input v-model="chapter001.table112.cell41" @blur="onBlurChangeTable112('cell41')" /></td>
|
<td><input v-model="chapter001.table112.cell42" @blur="onBlurChangeTable112('cell42')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell43" @blur="onBlurChangeTable112('cell43')" /></td>
|
<td><input v-model="chapter001.table112.cell44" @blur="onBlurChangeTable112('cell44')" /></td>
|
<td><input v-model="chapter001.table112.cell45" @blur="onBlurChangeTable112('cell45')" /></td>
|
<td><input v-model="chapter001.table112.cell46" @blur="onBlurChangeTable112('cell46')" /></td>
|
<td><input v-model="chapter001.table112.cell47" @blur="onBlurChangeTable112('cell47')" /></td>
|
<td><input v-model="chapter001.table112.cell48" @blur="onBlurChangeTable112('cell48')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell49" @blur="onBlurChangeTable112('cell49')" /></td>
|
<td><input v-model="chapter001.table112.cell50" @blur="onBlurChangeTable112('cell50')" /></td>
|
<td><input v-model="chapter001.table112.cell51" @blur="onBlurChangeTable112('cell51')" /></td>
|
<td><input v-model="chapter001.table112.cell52" @blur="onBlurChangeTable112('cell52')" /></td>
|
<td><input v-model="chapter001.table112.cell53" @blur="onBlurChangeTable112('cell53')" /></td>
|
<td><input v-model="chapter001.table112.cell54" @blur="onBlurChangeTable112('cell54')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell55" @blur="onBlurChangeTable112('cell55')" /></td>
|
<td><input v-model="chapter001.table112.cell56" @blur="onBlurChangeTable112('cell56')" /></td>
|
<td><input v-model="chapter001.table112.cell57" @blur="onBlurChangeTable112('cell57')" /></td>
|
<td><input v-model="chapter001.table112.cell58" @blur="onBlurChangeTable112('cell58')" /></td>
|
<td><input v-model="chapter001.table112.cell58" @blur="onBlurChangeTable112('cell58')" /></td>
|
<td><input v-model="chapter001.table112.cell60" @blur="onBlurChangeTable112('cell60')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell61" @blur="onBlurChangeTable112('cell61')" /></td>
|
<td><input v-model="chapter001.table112.cell62" @blur="onBlurChangeTable112('cell62')" /></td>
|
<td><input v-model="chapter001.table112.cell63" @blur="onBlurChangeTable112('cell63')" /></td>
|
<td><input v-model="chapter001.table112.cell64" @blur="onBlurChangeTable112('cell64')" /></td>
|
<td><input v-model="chapter001.table112.cell65" @blur="onBlurChangeTable112('cell65')" /></td>
|
<td><input v-model="chapter001.table112.cell66" @blur="onBlurChangeTable112('cell66')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell67" @blur="onBlurChangeTable112('cell67')" /></td>
|
<td><input v-model="chapter001.table112.cell68" @blur="onBlurChangeTable112('cell68')" /></td>
|
<td><input v-model="chapter001.table112.cell69" @blur="onBlurChangeTable112('cell69')" /></td>
|
<td><input v-model="chapter001.table112.cell70" @blur="onBlurChangeTable112('cell70')" /></td>
|
<td><input v-model="chapter001.table112.cell72" @blur="onBlurChangeTable112('cell72')" /></td>
|
<td><input v-model="chapter001.table112.cell73" @blur="onBlurChangeTable112('cell73')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell74" @blur="onBlurChangeTable112('cell74')" /></td>
|
<td><input v-model="chapter001.table112.cell75" @blur="onBlurChangeTable112('cell75')" /></td>
|
<td><input v-model="chapter001.table112.cell76" @blur="onBlurChangeTable112('cell76')" /></td>
|
<td><input v-model="chapter001.table112.cell77" @blur="onBlurChangeTable112('cell77')" /></td>
|
<td><input v-model="chapter001.table112.cell78" @blur="onBlurChangeTable112('cell78')" /></td>
|
<td><input v-model="chapter001.table112.cell79" @blur="onBlurChangeTable112('cell79')" /></td>
|
</tr>
|
<tr>
|
<td><input v-model="chapter001.table112.cell80" @blur="onBlurChangeTable112('cell80')" /></td>
|
<td><input v-model="chapter001.table112.cell81" @blur="onBlurChangeTable112('cell81')" /></td>
|
<td><input v-model="chapter001.table112.cell82" @blur="onBlurChangeTable112('cell82')" /></td>
|
<td><input v-model="chapter001.table112.cell83" @blur="onBlurChangeTable112('cell83')" /></td>
|
<td><input v-model="chapter001.table112.cell84" @blur="onBlurChangeTable112('cell84')" /></td>
|
<td><input v-model="chapter001.table112.cell85" @blur="onBlurChangeTable112('cell85')" /></td>
|
</tr>
|
</tbody>
|
</table>
|
<textarea
|
class="textareaInput"
|
placeholder="您的评价:"
|
:rows="8"
|
v-model="textareaVal"
|
:maxlength="300"
|
></textarea>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
chapter001: {
|
table112: {
|
cell1: "",
|
cell2: "",
|
cell3: "",
|
cell4: "",
|
cell5: "",
|
cell6: "",
|
cell7: "",
|
cell8: "",
|
cell9: "",
|
cell10: "",
|
cell11: "",
|
cell12: "",
|
cell13: "",
|
cell14: "",
|
cell15: "",
|
cell16: "",
|
cell17: "",
|
cell18: "",
|
cell19: "",
|
cell20: "",
|
cell21: "",
|
cell22: "",
|
cell23: "",
|
cell24: "",
|
cell25: "",
|
cell26: "",
|
cell27: "",
|
cell28: "",
|
cell29: "",
|
cell30: "",
|
cell31: "",
|
cell32: "",
|
cell33: "",
|
cell34: "",
|
cell35: "",
|
cell36: "",
|
cell37: "",
|
cell38: "",
|
cell39: "",
|
cell40: "",
|
cell41: "",
|
cell42: "",
|
cell43: "",
|
cell44: "",
|
cell45: "",
|
cell46: "",
|
cell47: "",
|
cell48: "",
|
cell49: "",
|
cell50: "",
|
cell51: "",
|
cell52: "",
|
cell53: "",
|
cell54: "",
|
cell55: "",
|
cell56: "",
|
cell57: "",
|
cell58: "",
|
cell58: "",
|
cell60: "",
|
cell61: "",
|
cell62: "",
|
cell63: "",
|
cell64: "",
|
cell65: "",
|
cell66: "",
|
cell67: "",
|
cell68: "",
|
cell69: "",
|
cell70: "",
|
cell72: "",
|
cell73: "",
|
cell74: "",
|
cell75: "",
|
cell76: "",
|
cell77: "",
|
cell78: "",
|
cell79: "",
|
cell80: "",
|
cell81: "",
|
cell82: "",
|
cell83: "",
|
cell84: "",
|
cell85: "",
|
},
|
textareaVal: "",
|
},
|
};
|
},
|
methods: {
|
onBlurChange(row) {
|
console.log("Edited row:", row);
|
},
|
},
|
};
|
</script>
|
