<template>
     <div>
         <!-- 单个名医介绍 -->
                    <div class="scroll"  style="padding:15px 4%;">

                        <div class="doctorInfo">
                              <div class="doctorhead">
                                  <img :src="doctors.dochead" style="width:100%;height:100%">
                              </div>
                              <div class="doctorname">
                                  姓名:{{doctors.doc_name}}
                              </div>
                              <div class="doctorposition">
                                职位:{{doctors.doc_postion}}
                              </div>
                        </div>
                         <div class="doctorintroduction">医生简介:</div>
                         <div class="doctorintro" v-html="doctors.docintroduction"></div>
                    </div>
            </div>
</template>

<script>
     import { singleDoctorInfo } from "@/api/micro/micro"
    export default {
        name: "docdetail",
        data(){
          return{
              doctors:[],
          }
        },
        methods:{
            singleDoctorInfo(id,orgid){
                singleDoctorInfo(id,orgid).then(response=>{
                    if(response.data.state ==1){
                     var editdoctor = response.data.data.editdoctor;
                     console.log("editdoctor",editdoctor)
                     this.doctors = editdoctor;
                    }
                })
            }
        },
        created(){
           const id = this.$route.query.id;
           const orgid = this.$route.query.orgid;
           console.log("id是多少",id)
            console.log("orgid是多少",orgid)
            this.singleDoctorInfo(id,orgid)
        }
    }
</script>

<style scoped>
    .doctorInfo{
     width: 100%;
     height: 100px;
     /* border: solid 1px red; */
   }

   .doctorhead{
     position: absolute;
     width: 80px;
     height: 80px;
     /* border: solid 1px red; */
     margin-left: 10px;
     margin-top: 10px;
   }

   .doctorname{
     position: absolute;
     min-width: 100px;
     height: 20px;
     /* border: solid 1px red; */
     margin-left: 100px;
     margin-top: 20px;
     font-size: 14px;
   }
   .doctorposition{
     position: absolute;
     min-width: 100px;
     height: 20px;
     /* border: solid 1px red; */
     margin-left: 100px;
     margin-top: 45px;
     font-size: 14px;
   }

   .doctorintroduction{
     /* position: absolute; */
     min-width: 100px;
     min-height: 20px;
     margin-left: 10px;
     /* border:solid 1px red; */
     font-size: 14px;
   }
   .doctorintro{
     /* position: absolute; */
     width: 100%;
     min-height: 200px;
     /* border:solid 1px red; */
     font-size: 14px;
     /* margin-left: 10px; */
   }
</style>
