AI表单

2023-12-19 16:17:25 +08:00
parent e77b525c1d
commit 230d170e51
6 changed files with 420 additions and 0 deletions
--- a/src/apps/AppAiInput/formEdit.vue
+++ b/src/apps/AppAiInput/formEdit.vue
@@ -0,0 +1,144 @@
+<template>
+  <div class="formEdit">
+    <div class="title">
+      <span></span>请确认并校准您输入的内容：
+    </div>
+    <div class="list">
+      <div class="item">
+        <div class="label">
+          户主姓名
+          <div class="edit">
+            <img src="./img/edit.png" alt="">修改
+          </div>
+        </div>
+        <div class="value">沈浩</div>
+      </div>
+      <div class="item">
+        <div class="label">
+          性别
+          <div class="edit">
+            <img src="./img/edit.png" alt="">修改
+          </div>
+        </div>
+        <div class="value">男</div>
+      </div>
+    </div>
+    <div class="bottom-btn">
+      <div class="confirm">确认使用</div>
+      <div class="cancel">取消输入</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: 'formEdit',
+  data() {
+    return {
+
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  created() {
+    
+  },
+  onShow() {
+    document.title = '婚姻家庭纠纷入户登记表'
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  min-height: 100%;
+  // height: 100vh;
+  background: #fff;
+  padding-top: 26px;
+}
+.formEdit {
+  .title {
+    padding-left: 32px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 32px;
+    color: #000;
+    line-height: 48px;
+    margin-bottom: 22px;
+    span {
+      display: inline-block;
+      width: 6px;
+      height: 28px;
+      background: #3399FF;
+      border-radius: 3px;
+      margin-right: 18px;
+    }
+  }
+  .list {
+    padding-bottom: 272px;
+    .item {
+      text-align: center;
+      margin-bottom: 32px;
+      .label {
+        color: #999;
+        font-size: 40px;
+        font-family: PingFangSC;
+        font-weight: 500;
+        line-height: 60px;
+        text-align: center;
+        .edit {
+          display: inline-block;
+          font-family: PingFangSC-Regular;
+          font-size: 28px;
+          color: #3072F5;
+          img {
+            width: 28px;
+            height: 28px;
+            margin: 0 12px 0 32px;
+            vertical-align: middle;
+          }
+        }
+      }
+      .value {
+        color: #3975c6;
+        font-size: 40px;
+        font-family: PingFangSC;
+        font-weight: 500;
+        line-height: 60px;
+      }
+    }
+  }
+  .bottom-btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    background-color: #fff;
+    div {
+      margin-left: 32px;
+      width: 686px;
+      height: 88px;
+      border-radius: 44px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 34px;
+      text-align: center;
+      line-height: 86px;
+      margin-bottom: 32px;
+    }
+    .confirm {
+      background: #3975C6;
+      color: #fff;
+    }
+    .cancel {
+      color: #666;
+      border: 1px solid #CCC;
+    }
+  }
+}
+</style>