表单

src/project/biaopin/AppAiInput/formEdit.vue

@@ -61,7 +61,7 @@
           <span>{{ $dict.getLabel('nation', info.nation) || '请选择'}}</span>
         </div>
       </div>
-      <div class="item pad-b">
+      <div class="item">
         <div class="label">
           <span>家庭人口数</span>
           <div class="edit" @click="editHouseholdNumber=true">
@@ -73,6 +73,18 @@
           <span v-else>{{info.householdNumber || '请输入'}}</span>
         </div>
       </div>
+      <div class="item pad-b">
+        <div class="label">
+          <span>我要上报的事情</span>
+          <div class="edit" @click="editReportThing=true">
+            <img src="./img/edit.png" alt="">修改
+          </div>
+        </div>
+        <div class="value">
+          <u-input type="textarea" placeholder="请输入" :height="300" input-align="center" v-model="info.reportThing" :clearable="false" maxlength="500" v-if="editReportThing"></u-input>
+          <span v-else>{{info.reportThing || '请输入'}}</span>
+        </div>
+      </div>
     </div>
     <div class="bottom-btn">
       <div class="confirm" @click="toConfirm">确认使用</div>
@@ -100,6 +112,7 @@ export default {
       editName: false,
       editPhone: false,
       editHouseholdNumber: false,
+      editReportThing: false
     }
   },
   computed: {
@@ -222,7 +235,6 @@ uni-page-body {
         }
       }
       .value {
-        width: calc(100% - 150px);
         .u-input, span{
           display: inline-block;
           width: 100%;
@@ -233,7 +245,8 @@ uni-page-body {
           font-weight: 500;
           line-height: 60px;
         }
-        ::v-deep .uni-input-input {
+        ::v-deep .uni-input-input,
+        ::v-deep .uni-textarea-textarea{
           color: #3975c6;
           font-size: 40px;
           font-family: PingFangSC;