居民档案审批拒绝

src/apps/AppPeopleList.vue/Content.vue

@@ -0,0 +1,76 @@
+<template>
+  <div class="Content">
+    <div class="text-area">
+      <div class="title">不通过理由</div>
+      <textarea placeholder="请输入" maxlength="200"></textarea>
+    </div>
+    <div class="footer" @click="submit">
+      <div class="btn">保存</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Content",
+  data() {
+    return {
+      value: '',
+    };
+  },
+  onShow() {
+    document.title = '居民档案审核'
+  },
+  onLoad(option) {
+    // this.id = option.id
+  },
+  methods: {
+    submit() {
+
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.Content {
+  .text-area{
+    padding: 34px 32px;
+    background-color: #fff;
+    .title{
+      font-size: 32px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #333;
+      line-height: 44px;
+      margin-bottom: 32px;
+    }
+    textarea{
+      width: 100%;
+      height: 500px;
+      word-break: break-all;
+    }
+  }
+  .footer {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+  }
+  .btn {
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    text-align: center;
+    background: #3975C6;
+    font-size: 32px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+  }
+  .line-bg {
+    width: 100%;
+    height: 16px;
+    background: #F5F5F5;
+  }
+}
+</style>