frontend-admin/src/features/invigilation/common/SummaryLine.vue

<template>
  <div class="summary-line">
    <p class="summary-line-item">
      <i class="icon icon-users"></i>
    </p>
    <p class="summary-line-item" v-for="item in paramList" :key="item.param">
      <el-popover
        placement="bottom-start"
        popper-class="warning-popover"
        width="300"
        trigger="hover"
        :content="item.content"
        v-if="item.desc"
      >
        <span class="line-name" slot="reference">{{ item.name }}：</span>
      </el-popover>
      <span class="line-name" v-else>{{ item.name }}</span>
      <span>{{ examPropData[item.param] }}{{ item.unit }}</span>
    </p>
  </div>
</template>

<script>
import summaryLineMixin from "./mixins/summaryLineMixin";
export default {
  name: "summary-line",
  mixins: [summaryLineMixin],
};
</script>