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/AppAiInput.vue
+++ b/src/apps/AppAiInput/AppAiInput.vue
@@ -0,0 +1,139 @@
+<template>
+  <div class="AppAiInput">
+    <div class="content-info">我排查的人名叫沈浩</div>
+    <div class="problem-list">
+      <p class="title">请一句话告诉我这些信息：</p>
+      <div class="list-content">
+        <p>“您排查的户主姓名”</p>
+        <p>“户主的性别”</p>
+        <p>“户主的联系电话”</p>
+        <p>“户主的出生日期”</p>
+        <p>“户主的民族”</p>
+        <p>“户主家里的家庭人口数”</p>
+      </div>
+    </div>
+    <div class="microphone-info">
+      <div class="microphone-img">
+        <img src="./img/microphone.png" alt="">
+      </div>
+      <p class="text">松开结束说话</p>
+      <p class="cancel">取消</p>
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: 'AppAiInput',
+  appName: '百度AI输入',
+  data() {
+    return {
+
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  created() {
+    
+  },
+  onShow() {
+    document.title = '婚姻家庭纠纷入户登记表'
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  min-height: 100%;
+  // height: 100vh;
+  padding-top: 32px;
+  background: #fff;
+}
+.AppAiInput {
+  .content-info {
+    margin: 0 0 32px 32px;
+    width: 686px;
+    height: 272px;
+    background-image: linear-gradient(157deg, #F7FAFD 2%, #EDF6FF 99%);
+    border-radius: 16px;
+    padding: 24px 28px 28px 28px;
+    font-family: PingFangSC-Regular;
+    font-size: 28px;
+    color: #222;
+    box-sizing: border-box;
+    overflow-y: scroll;
+  }
+  .problem-list {
+    margin: 0 0 32px 32px;
+    width: 686px;
+    height: 520px;
+    background: #F5F6F8;
+    border-radius: 16px;
+    padding: 28px;
+    box-sizing: border-box;
+    .title {
+      line-height: 44px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 32px;
+      color: #6C768A;
+      text-align: center;
+      margin-bottom: 28px;
+    }
+    .list-content {
+      width: 630px;
+      height: 392px;
+      background: #FFF;
+      border-radius: 12px;
+      overflow-y: scroll;
+      padding: 28px;
+      text-align: center;
+      box-sizing: border-box;
+      p {
+        font-family: PingFangSC-Regular;
+        font-size: 28px;
+        color: #222;
+        line-height: 56px;
+      }
+    }
+  }
+  .microphone-info {
+    position: fixed;
+    bottom: 48px;
+    left: 0;
+    width: 100%;
+    text-align: center;
+    .microphone-img {
+      width: 216px;
+      height: 216px;
+      border-radius: 50%;
+      background-image: linear-gradient(180deg, #0262F2 25%, #148AFF 99%);
+      text-align: center;
+      margin-left: 272px;
+      margin-bottom: 20px;
+      img {
+        width: 68px;
+        height: 96px;
+        margin-top: 62px;
+      }
+    }
+    .text {
+      font-family: PingFangSC-Regular;
+      font-size: 36px;
+      color: #222;
+      margin-bottom: 64px;
+    }
+    .cancel {
+      font-family: PingFangSC-Regular;
+      font-size: 36px;
+      color: #999;
+    }
+  }
+}
+</style>