登录校验

src/project/fengdu/AppNewFarmerBank/integralAdd.vue

@@ -2,9 +2,12 @@
   <div class="integralAdd">
     <div class="item">
       <div class="left">事件类型</div>
-      <!-- <div class="right"> -->
-        <AiSelect class="right" dict="clapEventStatus" v-model="form.type"></AiSelect>
-      <!-- </div> -->
+      <AiSelect class="right" dict="clapEventStatus" v-model="form.type"></AiSelect>
+    </div>
+    <div class="items">
+      <p>详情描述</p>
+      <textarea v-model="form.content" :maxlength="300" placeholder="请输入详细描述..."></textarea>
+      <div class="tips">{{ form.content.length }}/300</div>
     </div>
   </div>
 </template>
@@ -17,6 +20,7 @@ export default {
     return {
       form: {
         type: 0,
+        content: '',
       }
     }
   },
@@ -34,6 +38,8 @@ export default {
     justify-content: space-between;
     background: #FFF;
     padding: 24px 32px;
+    box-sizing: border-box;
+    margin-top: 24px;
     .left {
       width: 250px;;
     }
@@ -41,6 +47,37 @@ export default {
       width: calc(100% - 200px);
       text-align: right;
     }
+    ::v-deep .AiSelect {
+      float: right;
+    }
+  }
+  .items {
+    width: 100%;
+    background: #FFF;
+    margin-top: 24px;
+    p {
+      padding: 24px 32px;
+      box-sizing: border-box;
+      border: 1px solid #EEEEEE;
+    }
+    textarea {
+      padding: 24px 32px;
+      box-sizing: border-box;
+    }
+    ::v-deep .el-textarea__inner::placeholder {
+      color: #f56c6c;
+      font-size: 12px;
+      line-height: 1;
+    }
+
+    .tips {
+      padding: 12px 32px;
+      box-sizing: border-box;
+      text-align: right;
+      color: #999999;
+      font-size: 24px;
+      font-weight: 400;
+    }
   }
 }
 </style>