迁移防返贫

2021-12-16 17:10:43 +08:00
parent 81c6e9ce04
commit 6ed973c0fc
19 changed files with 49 additions and 98 deletions
--- a/src/apps/AppPovertyAlleviation/povertyMonitorForm.vue
+++ b/src/apps/AppPovertyAlleviation/povertyMonitorForm.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="form">
+    <div class="form-type">
+      <h2>处理方式</h2>
+      <span>解除风险</span>
+    </div>
+    <div class="form-item form-item__textarea">
+      <div class="form-item__title">
+        <h2>帮扶结果</h2>
+      </div>
+      <textarea :maxlength="-1" v-model="result" placeholder="请详细说明跟进情况"></textarea>
+    </div>
+    <div class="form-item form-item__imgs">
+      <div class="form-item__title">
+        <h2>图片</h2>
+        <i>（最多9张）</i>
+      </div>
+      <div>
+        <AiUploader :limit="9" multiple></AiUploader>
+      </div>
+    </div>
+    <div class="btn">提交</div>
+  </div>
+</template>
+
+<script>
+import AiUploader from '@/components/AiUploader'
+
+export default {
+  data() {
+    return {
+      result: '',
+
+    }
+  },
+
+  components: {
+    AiUploader
+  }
+}
+</script>
+
+<style lang="scss">
+.form {
+  padding-bottom: 120px;
+
+  div {
+    margin-bottom: 16px;
+    background: #fff;
+  }
+
+  .form-item {
+    padding: 32px;
+
+    .form-item__title {
+      display: flex;
+      align-items: center;
+      margin-bottom: 34px;
+
+      h2 {
+        color: #333333;
+        font-weight: normal;
+        font-size: 32px;
+      }
+
+      i {
+        color: #999999;
+        font-size: 28px;
+        font-style: normal;
+      }
+    }
+
+    textarea {
+      width: 100%;
+    }
+  }
+
+  .form-type {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 112px;
+    padding: 0 32px;
+
+    h2 {
+      font-weight: normal;
+      color: #333333;
+      font-size: 32px;
+    }
+
+    span {
+      color: #999999;
+      font-size: 28px;
+    }
+  }
+
+  .btn {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    z-index: 11;
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    margin: 0;
+    text-align: center;
+    color: #FFFFFF;
+    font-size: 32px;
+    background: #3192F4;
+  }
+}
+</style>