叫号 大屏 人名脱敏

eight

2024-09-18 ecb0aa4e41f5485b72014dfc7c287efcbc00eab3

 src/views/ecg/callingscreen/bigscreen.vue

@@ -89,6 +89,21 @@
    return false
}

const nameDesensitize = (patName) => {
  if (patName.length == 2) {
    //截取name 字符串截取第一个字符，
    return patName.substring(0, 1) + '*';
  } else if (patName.length == 3) {
    //截取第一个和第三个字符
    return patName.substring(0, 1) + '*' + patName.substring(2, 3);
  } else if (patName.length > 3) {
    //截取第一个和大于第4个字符
    return (
        patName.substring(0, 1) + '*' + '*' + patName.substring(3, patName.length)
    );
  }
}

</script>

<template>
@@ -110,7 +125,11 @@
          <el-table-column
              prop="patName"
              label="患者姓名"
              width="80"/>
              width="80">
            <template #default="scope">
              {{ nameDesensitize(scope.row.patName) }}
            </template>
          </el-table-column>
          <el-table-column label="状态" align="center" prop="status" width="80">
            <template #default="scope">
              {{ statusMap.get(scope.row.status) }}
@@ -126,13 +145,13 @@
        <el-main style="padding: 0 0 ">
          <el-header height="30px" style="background-color: #98b8e5; line-height: 30px;">等候区</el-header>
          <span v-for="(waitingItem, index) in listWaiting" :key="index">
            {{waitingItem.patName + "&nbsp;&nbsp;&nbsp;&nbsp;"}}
            {{nameDesensitize(waitingItem.patName) + "&nbsp;&nbsp;&nbsp;&nbsp;"}}
          </span>
        </el-main>
        <el-footer height="100px" style="padding: 0 0">
          <el-header height="30px" style="background-color: #98b8e5; line-height: 30px;">过号区</el-header>
          <span v-for="(passedItem, index) in listPassed" :key="index">
            {{passedItem.patName + "&nbsp;&nbsp;&nbsp;&nbsp;"}}
            {{nameDesensitize(passedItem.patName) + "&nbsp;&nbsp;&nbsp;&nbsp;"}}
          </span>
        </el-footer>
      </el-container>