PC-application/component/statistics/PersonInfo/index.html

<!-- 样式写在component/common/jtbc.css里 -->
<el-dialog :visible.sync="visible" :title="title" @close="closeDialog" width="800px">
  <div class="patient-box">
    <img :src="setImg(patientInfo.photo)" alt="" class="info-avatar" />
    <div>
      <div style="margin-bottom: 6px">
        {{patientInfo.name}} {{patientInfo.sex}} {{patientInfo.age}}岁 {{patientInfo.idcardStr}}
        <el-button type="primary" size="mini" @click="copyToClipboard(patientInfo.idcard)">复制证件号码</el-button>
      </div>
      <div v-if="patientInfo.label">
        <el-tag size="medium" style="margin-right: 4px" v-for="(item,index) in patientInfo&&patientInfo.label&&patientInfo.label.split(',')" :key="index">{{item}}</el-tag>
        <!-- <el-tag size="medium" style="margin-right: 4px">高血压</el-tag> -->
      </div>
    </div>
  </div>
  <el-tabs v-model="type" type="card" v-if="!rehabilitationDetailVisible" v-loading="loading" @tab-click="handleClick">
    <el-tab-pane :label="'评估'+'('+patientInfo.assessNum+')'" name="1" class="scollY">
      <div class="year-item" v-for="item in assessment">
        <div class="year">
          <div class="time-label">{{item.year}}</div>
          <div class="year-circle"></div>
        </div>
        <div class="year-content">
          <div class="record-item" v-for="el in item.children">
            <div class="time-label">
              <div>{{el.date}}</div>
              <div>{{el.time}}</div>
            </div>
            <div class="time-circle"></div>
            <div class="record-detail-item">
              <div>
                <div class="risk">{{el.screenResult}}</div>
                <div>评估医生：{{el.doctorName}} &ensp; 评估状态：{{el.status}}</div>
              </div>
              <el-button type="primary" size="medium" @click="goAssessment(el.code)">评估详情</el-button>
            </div>
          </div>
        </div>
      </div>
    </el-tab-pane>
    <el-tab-pane :label="'上转'+'('+patientInfo.turnUpNum+')'" name="2" class="scollY">
      <div class="year-item" v-for="item in turnup">
        <div class="year">
          <div class="time-label">{{item.year}}</div>
          <div class="year-circle"></div>
        </div>
        <div class="year-content">
          <div class="record-item" v-for="el in item.children">
            <div class="time-label">
              <div>{{el.date}}</div>
              <div>{{el.time}}</div>
            </div>
            <div class="time-circle"></div>
            <div class="record-detail-item">
              <div>
                <div class="risk">{{el.orgName}}</div>
                <div>预约科室：{{el.deptName}} &ensp; 预约医生：{{el.doctorName}}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </el-tab-pane>
    <el-tab-pane :label="'就诊'+'('+patientInfo.visitNum+')'" name="3" class="scollY">
      <div class="year-item" v-for="item in jzList">
        <div class="year">
          <div class="time-label">{{item.year}}</div>
          <div class="year-circle"></div>
        </div>
        <div class="year-content">
          <div class="record-item" v-for="el in item.children">
            <div class="time-label">
              <div>{{el.date}}</div>
              <div>{{el.time}}</div>
            </div>
            <div class="time-circle"></div>
            <div class="record-detail-item">
              <div>
                <div class="risk">
                  {{el.orgName}}
                  <el-tag size="small" style="margin-left: 6px">{{el.outpatientType==1?'门诊':'住院'}}</el-tag>
                </div>
                <div>预约科室：{{el.outpatientDeptName}} &ensp; 诊断名称：{{el.icd10Name}}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </el-tab-pane>
    <el-tab-pane :label="'下转'+'('+patientInfo.turnDownNum+')'" name="4" class="scollY">
      <div class="year-item" v-for="item in turnDown">
        <div class="year">
          <div class="time-label">{{item.year}}</div>
          <div class="year-circle"></div>
        </div>
        <div class="year-content">
          <div class="record-item" v-for="el in item.children">
            <div class="time-label">
              <div>{{el.date}}</div>
              <div>{{el.time}}</div>
            </div>
            <div class="time-circle"></div>
            <div class="record-detail-item">
              <div>
                <div class="risk">
                  {{el.hospitalName}}
                  <el-tag size="small" style="margin-left: 6px">{{el.eventType}}</el-tag>
                </div>
                <div>接收社区医院：{{el.orgName}}</div>
              </div>
              <div>
                <div>下转医生：{{el.hospitalDoctor}}</div>
                <div>接收医生：{{el.doctorName}}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </el-tab-pane>
    <el-tab-pane :label="'康复计划'+'('+patientInfo.rehabilitationNum+')'" name="5" class="scollY">
      <div class="year-item" v-for="item in rehabilitation">
        <div class="year">
          <div class="time-label">{{item.year}}</div>
          <div class="year-circle"></div>
        </div>
        <div class="year-content">
          <div class="record-item" v-for="el in item.children">
            <div class="time-label">
              <div>{{el.date}}</div>
              <div>{{el.time}}</div>
            </div>
            <div class="time-circle"></div>
            <div class="record-detail-item" style="cursor: pointer" @click="toRehabilitationDetail(el)">
              <div>
                <div class="risk">
                  {{el.hospitalName}}
                  <el-tag size="small" style="margin-left: 6px">{{el.eventType}}</el-tag>
                </div>
                <div>接收社区医院：{{el.orgName}} &ensp;接收医生：{{el.doctorName}}</div>
              </div>
              <i class="el-icon-arrow-right"></i>
            </div>
          </div>
        </div>
      </div>
    </el-tab-pane>
  </el-tabs>
  <div v-else>
    <div class="between" style="margin-bottom: 10px">
      <span>{{currentPlan.hospitalName}}</span>
      <span>{{currentPlan.createTime.substring(0,10)}}</span>
    </div>
    <div class="service-item">
      <div class="between">
        <div class="c-409eff">康复随访</div>
        <div class="complete-situation" v-if="sfList.lenght">
          完成情况：
          <span class="c-ff6600">{{sfNumObj.compeletTotal}}/{{sfNumObj.total}}</span>
        </div>
      </div>
      <div class="sf-box">
        <div class="sf-item" v-for="(item,index) in sfList" :key="index">
          <div class="sf-time">
            <div>{{item.create_time.substring(0,10)}}</div>
            <div>{{item.create_time.substring(11)}}</div>
          </div>
          <div class="time-circle"></div>
          <div class="sf-doctor">{{item.doctor_name}}</div>
          <div class="sf-hospital">{{item.hospital_name}}</div>
          <div class="sf-status">{{item.status == '0'?'未完成':'已完成'}}</div>
          <el-button type="primary" @click="toDetail(item)" size="mini" v-if="item.status == '1'">查看详情</el-button>
        </div>
      </div>
    </div>
    <div class="service-item between" v-for="(item,index) in PlanDetailItems" :key="index">
      <div class="c-409eff">{{item.name}}</div>
      <div class="complete-situation">
        完成情况：
        <span class="c-ff6600" v-if="item.code!=2&&item.code!=3">{{item.compeletTotal}}/{{item.total}}</span>
        <span class="c-ff6600" v-else>{{item.compeletTotal}}次</span>
      </div>
    </div>
    <div class="bottom-box">
      <el-button @click="back" type="primary">返回康复计划</el-button>
    </div>
  </div>
  <el-dialog title="消息提醒" :visible.sync="messageVisible" @close="closeMessageDialog" width="540px" append-to-body>
    <div v-html="messInfo"></div>
    <span slot="footer" class="dialog-footer">
      <el-button @click="messageVisible = false">取消</el-button>
    </span>
  </el-dialog>
</el-dialog>