乡村相册

src/saas/AppCountryAlbum/ReportConfig.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="AttendanceFiexdTime">
+  <div class="report-config">
     <div class="form-group">
-      <div class="form-item" v-for="(item, index) in list" :key="index">
+      <div class="form-item" v-for="(item, index) in list" :key="index" :class="[item.type === 'textarea' ? 'textarea' : '']">
         <span>{{ item.label }}</span>
         <div class="form-item__right" v-if="item.type === 'text'">
           <input :placeholder="'请输入' + item.label" v-model="item.value">
@@ -11,6 +11,9 @@
           <span :style="{color: item.value ? '#333' : '#999'}">{{ item.value || '请选择' + item.label }}</span>
           <u-icon name="arrow-right" color="#E1E2E3" size="#E1E2E3"></u-icon>
         </div>
+        <div class="form-item__right" v-if="item.type === 'textarea'">
+          <textarea :placeholder="'请输入' + item.label" v-model="item.value" :maxlength="-1"></textarea>
+        </div>
       </div>
     </div>
     <div class="form-btn" hover-class="text-hover" @click="save">保存</div>
@@ -52,7 +55,7 @@
 </script>
 
 <style lang="scss" scoped>
-  .AttendanceFiexdTime {
+  .report-config {
     padding-bottom: 130px;
 
     * {
@@ -99,6 +102,18 @@
           margin-right: 20px;
         }
 
+        &.textarea {
+          display: block;
+          height: auto;
+          padding: 32px 0;
+
+          textarea {
+            width: 100%;
+            margin-top: 20px;
+            text-align: left;
+          }
+        }
+
         .form-item__right {
           display: flex;
           align-items: center;