BUG 25907

src/apps/AppServicePublic/Add.vue

@@ -3,7 +3,8 @@
     <div class="header-description">
       <u-form :model="forms" ref="uForm" label-width="auto">
         <u-form-item label="标题" prop="title" required label-position="top">
-          <u-input v-model="forms.title" placeholder="请输入标题(30字以内)" type="textarea" auto-height height="60" maxlength="30" />
+          <u-input v-model="forms.title" placeholder="请输入标题(30字以内)" type="textarea" auto-height height="60"
+                   maxlength="30"/>
         </u-form-item>
 
         <u-form-item label="类别" prop="status" required v-if="selectList.length">
@@ -12,7 +13,8 @@
             <span v-else>{{ selectList[forms.selectIndex].categoryName }}</span>
             <u-icon name="arrow-right" color="#CCCCCC" class="right-icon"></u-icon>
           </div>
-          <u-select v-model="showStstus" :list="selectList" value-name="selectIndex" label-name="categoryName" @confirm="selectStatus"></u-select>
+          <u-select v-model="showStstus" :list="selectList" value-name="selectIndex" label-name="categoryName"
+                    @confirm="selectStatus"></u-select>
         </u-form-item>
 
         <u-form-item label="发布地区" prop="areaId" required>
@@ -23,11 +25,12 @@
         </u-form-item>
 
         <u-form-item label="正文" prop="content" required label-position="top">
-          <u-input v-model="forms.content" placeholder="请输入活动详情(30字以内)" type="textarea" auto-height height="60" maxlength="500" />
+          <AiEditor v-model="forms.content" placeholder="请输入，最多500字" :maxlength="500"/>
         </u-form-item>
 
         <u-form-item label="图片(最多9张)" prop="files" class="avatars" label-position="top">
-          <AiUploader :def.sync="forms.files" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
+          <AiUploader :def.sync="forms.files" multiple placeholder="上传图片" :limit="9"
+                      action="/admin/file/add2"></AiUploader>
         </u-form-item>
       </u-form>
     </div>
@@ -80,7 +83,8 @@ export default {
     document.title = this.listName
   },
 
-  mounted() {},
+  mounted() {
+  },
   methods: {
     getDetail() {
       this.$http.post(`/app/appcontentinfo/queryDetailById?id=${this.id}`).then((res) => {
@@ -171,6 +175,7 @@ export default {
 <style lang="scss" scoped>
 .add {
   height: 100%;
+
   .header-description {
     ::v-deep .u-form {
       .u-form-item {
@@ -196,6 +201,7 @@ export default {
       }
     }
   }
+
   .pad-b112 {
     padding-bottom: 224px;
   }
@@ -217,16 +223,20 @@ export default {
   .right {
     width: 100%;
     text-align: right;
+
     .right-icon {
       vertical-align: middle;
       margin-left: 8px;
     }
+
     .area-right-icon {
       margin: -40px 0 0 8px;
     }
+
     ::v-deep .AiAreaPicker {
       display: inline-block;
       width: calc(100% - 50px);
+
       .areaSelector {
         div {
           width: 100%;
@@ -234,12 +244,14 @@ export default {
           box-sizing: border-box;
           text-align: right;
         }
+
         .fixedTop {
           text-align: left;
         }
       }
     }
   }
+
   .color-999 {
     color: #999;
   }