<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>
