<style>
  .schedulFanke {
    margin: 20px;
  }

  .schedulFanke .baseInfo_Item {
    margin-bottom: 20px;
  }

  .schedulFanke .EmpList {
    background-color: #F7F7F7;
    min-height: 70px;
    margin-right: 15px;
    border-radius: 3px;
    padding: 15px;
  }

  .schedulFanke .normalName {
    color: #999999;
    font-size: 12px;
  }

  .schedulFanke .normalInner {
    color: #111111;
    font-weight: bold;
    font-size: 13px;
    margin-top: 5px;
  }

  .schedulFanke .role_Line {
    width: 3px;
    height: 11px;
    margin-right: 10px;
    background-color: #3FC4FF;
    display: inline-block;
  }

</style>
<template>
  <q-dialog v-model="persistent" maximized full-height seamless position="right" @hide="closeFangkeForm">
    <q-card style="margin-top:61px;width:700px" class="no-border-radius classinfo_Dialog">
      <div class="schedulFanke">
        <div class="baseInfo_Item">
          <span class="role_Line"></span>访客信息
        </div>
        <div class="row baseInfo_Item">
          <div class="col EmpList">
            <div class="normalName">姓名</div>
            <div class="normalInner">{{saveObj.Name}}</div>
          </div>
          <div class="col EmpList">
            <div class="normalName">兴趣课程</div>
            <div class="normalInner">{{saveObj.CourseName}}</div>
          </div>
          <div class="col EmpList">
            <div class="normalName">学习时间</div>
            <div class="normalInner">{{saveObj.StudyTime}}</div>
          </div>
          <div class="col EmpList">
            <div class="normalName">当前水平</div>
            <div class="normalInner">{{saveObj.LevelType}}</div>
          </div>
        </div>
        <div class="row baseInfo_Item">
          <div class="col EmpList">
            <div class="normalName">关联人员</div>
            <div class="normalInner">{{saveObj.CreateByName}}</div>
          </div>
          <div class="col EmpList">
            <div class="normalName">状态</div>
            <div class="normalInner">{{saveObj.VisitorStatusStr}}</div>
          </div>
          <div class="col EmpList">
            <div class="normalName">到访时间</div>
            <div class="normalInner">{{saveObj.CreateTimeStr}}</div>
          </div>
          <div class="col EmpList">
            <div class="normalName">到访次数</div>
            <div class="normalInner">{{saveObj.VisitTimes}}</div>
          </div>
        </div>
        <div class="row baseInfo_Item">
          <div class="col EmpList">
            <div class="normalName">电话</div>
            <div class="normalInner">{{saveObj.Tel}}</div>
          </div>
          <div class="col EmpList">
            <div class="normalName">微信</div>
            <div class="normalInner">{{saveObj.WeChatNum}}</div>
          </div>
        </div>
        <div class="row baseInfo_Item">
          <div class="col EmpList">
            <div class="normalName">意向评估</div>
            <div class="normalInner" style="line-height:22px;">{{saveObj.Evaluate}}</div>
          </div>
        </div>
        <div class="row baseInfo_Item">
          <div class="col EmpList">
            <div class="normalName">备注</div>
            <div class="normalInner" style="line-height:22px;">{{saveObj.Remark}}</div>
          </div>
        </div>
      </div>
    </q-card>
    <div class="dialog-out-close" @click="closeFangkeForm"
      style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
      <q-icon name="iconfont icon-jujue1" size="26px" />
    </div>
  </q-dialog>
</template>

<script>
  export default {
    props: {
      saveObj: {
        type: Object,
        default: null
      },
    },
    data() {
      return {
        persistent: true,
      }
    },
    created() {

    },
    mounted() {
    
    },
    methods: {
      closeFangkeForm() {
        this.persistent = false;
        this.$emit('close');
      },
    }
  }

</script>
