<template>
  <div>
    <select-patient-date :show-code="false"
                            :days="0"
                            :show-navbar="false"
                            :show-date="false">
    </select-patient-date>

    <section class="info-item__box">
        
    </section>
  </div>
    
    
</template>
<script>
import { reactive } from 'vue'
import { route, store } from 'vue-helper'
import { axios } from 'axios'
import { SetView } from '@/utils/common-util.mjs'


export default {
  components: {
    'select-patient-date': VueConfig.vueLoader('@/components/patient/select-patient-date.vue')
  },
  setup(props) {
    let patientId = store.getters.getPatient.patientId
    getMedicalRecordList()
    function getMedicalRecordList(){
      axios.post('/wx/xbd/getMedicalRecordList',{patientId: patientId}).then((resp) => {
        console.log(resp)
      })
    }
    return {
      getMedicalRecordList
    }
  }
    
}
</script>
<style>
.info-item-time{
  text-align: center;
  justify-content: center;
  align-items: center;
}
.info-item_app{
  display: flex;            
  display: -webkit-flex;            
  justify-content: center;         
  flex-direction:column;   
  align-items: center; 
}
.info-item__box {
  max-width: 80%;
  margin: 10px 10px;
  border-radius: 6px;
  box-sizing: border-box;
}

.header-tip {
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  white-space: pre-wrap;
}
</style>