<template>
<div class="bl-flex" h100 items-center column
  :rst-bg-color="putIsAbnormal">
  <div size-lg bold color-des padding-top-xl>请出示给门诊员工</div>
  <div size-lg padding-top-xl>
    <div class="bl-flex abnormal" items-center color-success v-if="!putIsAbnormal">
      <i class="font-ileads ileads-icon-gouxuan1 icon" size-xl margin-right-sm></i>
      <span bold>未见异常</span>
    </div>
    <div class="bl-flex abnormal" items-center color-error v-else>
      <i class="font-ileads ileads-icon-guanbi1 icon" size-xl margin-right-sm></i>
      <span bold>发现异常</span>
    </div>
  </div>
  <div w100 size-sm padding-lg padding-top-xl>
    <div class="bl-flex" between margin-top-md margin-bottom-md
      v-for="(item, index) in data.result.slice(0, 4)"
      :key="index">
      <div color-des>{{ item.title }}</div>
      <div>{{ item.val }}</div>
    </div>
    <div class="bl-flex" between margin-top-md margin-bottom-md
      :color-warning="putTemperature === 37.3"
      :color-error="putTemperature > 37.3"
      :color-success="putTemperature < 37.3">
      <div color-des>当日体温</div>
      <div v-if="putTemperature !== true">{{ putTemperature }}°C</div>
      <div v-else color-error>温度错误</div>
    </div>
    <div class="bl-flex" between margin-top-md margin-bottom-md color-error
      v-for="(item, index) in putAbnormalList"
      :key="'a' + index">
      <div>{{ item.title }}</div>
      <div>{{ item.val }}</div>
    </div>
    <div class="bl-flex" between margin-top-md margin-bottom-md>
      <div color-des>提交时间</div>
      <div>{{ data.created }}</div>
    </div>
  </div>
  <div class="bl-flex" padding-bottom-lg v-if="putOrgName">
    <div size-xl>{{ putOrgName }}</div>
  </div>
  <div w100 padding-lg v-if="!putIsAbnormal">
    <div class="btn primary" @click="btnLinkBack()">回到小程序首页</div>
  </div>
</div>
</template>

<script>
import mixins from './mixins';
export default {
  mixins: [mixins]
}
</script>

<style lang="scss" scoped>
@import './style.scss';
</style>
