| @@ -137,7 +137,7 @@ | |||||
| <div class="table_main"> | <div class="table_main"> | ||||
| <div class="head_wrap"> | <div class="head_wrap"> | ||||
| <div class="project_name">项目名称</div> | <div class="project_name">项目名称</div> | ||||
| <div class="unit_count">计数单位</div> | |||||
| <div class="unit_count">单位</div> | |||||
| <div class="numerical_value">数值</div> | <div class="numerical_value">数值</div> | ||||
| </div> | </div> | ||||
| <div class="thead_wrap"> | <div class="thead_wrap"> | ||||
| @@ -158,7 +158,9 @@ | |||||
| <div class="subclass">{{val.projectName}}</div> | <div class="subclass">{{val.projectName}}</div> | ||||
| <div class="unit_munt">{{val.measuringUnit}}</div> | <div class="unit_munt">{{val.measuringUnit}}</div> | ||||
| <div class="number_value"> | <div class="number_value"> | ||||
| <van-stepper v-model="val.currentYearNumber" min="0"/> | |||||
| <!-- <van-stepper v-model="val.currentYearNumber" min="0"/> | |||||
| <input type=""> --> | |||||
| <van-field v-model="val.currentYearNumber" type="number" /> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -170,7 +172,8 @@ | |||||
| <div class="type_project">{{data.projectName}}</div> | <div class="type_project">{{data.projectName}}</div> | ||||
| <div class="unit_munt">{{data.measuringUnit}}</div> | <div class="unit_munt">{{data.measuringUnit}}</div> | ||||
| <div class="number_value"> | <div class="number_value"> | ||||
| <van-stepper v-model="data.currentYearNumber" min="0" /> | |||||
| <!-- <van-stepper v-model="data.currentYearNumber" min="0" /> --> | |||||
| <van-field v-model="data.currentYearNumber" type="number" /> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -599,7 +602,7 @@ export default { | |||||
| } | } | ||||
| .table_main{ | .table_main{ | ||||
| padding:20px 0 0 24px; | |||||
| padding:0px 24px 0 24px; | |||||
| div{ | div{ | ||||
| box-sizing: border-box; | box-sizing: border-box; | ||||
| } | } | ||||
| @@ -619,17 +622,18 @@ export default { | |||||
| justify-content: center; | justify-content: center; | ||||
| } | } | ||||
| .project_name{ | .project_name{ | ||||
| width: 314px; | |||||
| width: 359px; | |||||
| background: #2facfe; | background: #2facfe; | ||||
| color: #fff; | color: #fff; | ||||
| border-radius: 8px; | border-radius: 8px; | ||||
| } | } | ||||
| .unit_count{ | .unit_count{ | ||||
| width: 173px; | |||||
| width: 140px; | |||||
| border-right: 1px solid #0469ab; | border-right: 1px solid #0469ab; | ||||
| } | } | ||||
| .numerical_value{ | .numerical_value{ | ||||
| width: 239px; | |||||
| width: 204px; | |||||
| border-right: 1px solid #0469ab; | |||||
| } | } | ||||
| } | } | ||||
| @@ -673,7 +677,7 @@ export default { | |||||
| } | } | ||||
| .type_project{ | .type_project{ | ||||
| width: 251px; | |||||
| width: 296px; | |||||
| font-size: 28px; | font-size: 28px; | ||||
| background: #aad8f6; | background: #aad8f6; | ||||
| padding:0 14px; | padding:0 14px; | ||||
| @@ -681,13 +685,21 @@ export default { | |||||
| border-right: 1px solid #0469ab; | border-right: 1px solid #0469ab; | ||||
| } | } | ||||
| .unit_munt{ | .unit_munt{ | ||||
| width: 173px; | |||||
| width: 140px; | |||||
| font-size: 28px; | font-size: 28px; | ||||
| border-right: 1px solid #0469ab; | border-right: 1px solid #0469ab; | ||||
| } | } | ||||
| .number_value{ | .number_value{ | ||||
| width: 239px; | |||||
| width: 204px; | |||||
| border-right: 1px solid #0469ab; | |||||
| .van-cell { | |||||
| padding:20px 16px; | |||||
| background: none; | |||||
| } | |||||
| } | } | ||||
| @@ -791,8 +803,12 @@ export default { | |||||
| font-size: 30px; | font-size: 30px; | ||||
| color: #2facfe; | color: #2facfe; | ||||
| } | } | ||||
| .van-field__control{ | |||||
| text-align: center; | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| </style> | </style> | ||||