136 lines
6.0 KiB
Plaintext
136 lines
6.0 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<%@ include file="/WEB-INF/include/include-header.jspf" %>
|
|
|
|
<style type="text/css">
|
|
body {
|
|
height: 100vh;
|
|
background: url("/svg/sample.svg") no-repeat center/cover;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Wallboard Test</title>
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid">
|
|
<div class="row gx-5">
|
|
<div class="col" style=" text-align: center;font-size: 3vw;">웰스</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col"></div>
|
|
<div class="col" style="text-align: center;">
|
|
<span class="align-middle" style="font-size: 5vw; font-weight : 900; line-height: 1.2;">센터전체현황</span>
|
|
</div>
|
|
<div class="col" style=" font-size: 3vw;text-align: right;line-height: 1.2;">2021년 1월 22일(월) 19:12:59</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<table style="width: 100%;">
|
|
<tr>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
평균통화시간
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
00분 00초
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
평균고객포기시간
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
00분 00초
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
대기고객
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
10000
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
연결요청호
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
10000
|
|
</td>
|
|
</tr>
|
|
<!-- tr>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
대기상담사
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
10000
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
응대호
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
10000
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="alert-primary align-middle" rowspan="2" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
최장대기시간
|
|
</td>
|
|
<td class="alert-primary align-middle" rowspan="2" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
00분 00초
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
평균작업시간
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
00분 00초
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
평균이석시간
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
00분 00초
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
응대율
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
100.0%
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
서비스레벨
|
|
</td>
|
|
<td class="alert-primary align-middle" style="text-align: center;height: 7vw;opacity: 0.5;font-size: 3.5vw; font-weight : 700; border:0.5vw solid transparent;">
|
|
100.0%
|
|
</td>
|
|
</tr-->
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="row g-2">
|
|
<div class="col-6">
|
|
<div class="p-3 border bg-light">Custom column padding</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="p-3 border bg-light">Custom column padding</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="p-3 border bg-light">Custom column padding</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="p-3 border bg-light">Custom column padding</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|