<template>
  <div class="business">
    <div class="fileBox">
      <p class="title">建立屈光档案</p>
      <el-button type="primary" size="small" @click="sendFile">发送</el-button>
    </div>
    <div style="margin: 12px 0">
      状态：<span class="circle">已发送</span>
    </div>
    <div style="margin-bottom: 60px;">
      备注：
      <el-input v-model="remark" auto-complete="off" style="width: 420px" />
    </div>
    <div class="fileBox">
      <p class="title">预约激光治疗</p>
      <el-button type="primary" size="small" @click="sendTreat">发送</el-button>
    </div>
    <div style="margin: 12px 0">
      状态：<span class="circle">已发送</span>
    </div>
    <div>
      备注：
      <el-input v-model="treatRemark" auto-complete="off" style="width: 420px" />
    </div>
  </div>
</template>

<script>
import dialogjs from '@/mixins/dialog'

export default {
  components: {
  },
  mixins: [dialogjs],
  props: {
    platform: {
      type: String,
      default: ''
    },
    patientId: {
      type: String,
      default: ''
    },
    patientName: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      remark: '',
      treatRemark: '',
      jzNumber: ''
    }
  },
  watch: {

  },
  created() {

  },
  mounted() {
    this.jzNumber = window.localStorage.getItem('jzNumber')
  },
  methods: {
    // 建立屈光档案
    async sendFile() {
      // const params = {
      //   remark: this.treatRemark,
      //   jzNumber: this.jzNumber,
      //   platform: this.platform,
      //   patientName: this.patientName,
      //   patientId: this.patientId
      // }
      // const { data: res } = await this.$http.post('/appoint/sendInfo4Appoint', params)
      // if (res.code === 0) {
      //   this.$message.success('发送成功')
      // } else {
      //   this.$message.error(res.msg)
      // }
    },
    // 发送激光治疗
    async sendTreat() {
      const params = {
        remark: this.treatRemark,
        jzNumber: this.jzNumber,
        platform: this.platform,
        patientName: this.patientName,
        patientId: this.patientId
      }
      const { data: res } = await this.$http.post('/appoint/sendInfo4Appoint', params)
      if (res.code === 0) {
        this.$message.success('发送成功')
      } else {
        this.$message.error(res.msg)
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.business {
  width: 650px;
  padding: 16px;
  box-sizing: border-box;
  box-sizing: border-box;
  .fileBox{
    display: flex;
    justify-content: space-between;

    .title{
      color: rgba(0, 0, 0, 0.88);
      font-weight: 500;
      font-size: 16px;
      margin-top: 6px;
    }
  }
  .circle{
    &::before {
      content: '';
      width: 6px;
      height: 6px;
      margin:0 8px;
      display: inline-block;
      vertical-align: middle;
      background: #52C41A;
      border-radius: 50%;
    }
  }
}
</style>
