17358629955
/
slope-manage-service


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
							<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
        		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
        		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
	<!-- <div class="title-box">
    			<div class="title">www.saas.com</div>
    		</div>
-->
    		<div class="content">
    			<div class="content-box">
    				<div class="top-box">
    					<div class="top-img">
    						<img src="https://kaiwu-saas.oss-cn-chengdu.aliyuncs.com/kll/uploads/20231208/96d6f2e7e1f705ab5e59c84a6dc009b21702019251237.png" alt=""/>
    					</div>
    					<div class="top-text">
						<div class="text-title">设备数值告警通知</div>
						<div class="p1">发件人：四川开物信息有限公司</div>
					</div>
				</div>
				<div class="content-c">
<!--					<div class="content-c-title">正文</div>-->
					<div class="text-box-title">尊敬的开物云ECO用户</div>
					<div class="text-p">
                        <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->在北京时间的<b>{time}</b>，监控到了
                        <b>{level}</b>告警，告警类型为<b>{type}。</b>
					</div>
					<div class="text-p">告警设备名称:<b>{name};</b></div>
					<div class="text-p">设备所属项目:<b>{project};</b></div>
					<div class="text-p">触发告警内容:<b>{element};</b></div>
					<div class="text-p">触发告警值:<b>{value};</b></div>
					<div class="text-p">
						请在收到邮件后尽快处理，或者查阅操作手册文档，确认告警和通知相关信息，以避免制造成相关损失。
					</div>
                    <div class="text-p2">
<!--						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
                        <b>{createTime}</b>
					</div>
				</div>
			</div>
		</div>
		<style>
			body {
				margin: 0;
				box-sizing: border-box;
			}
			.title-box {
				width: 100%;
				height: 40px;
				background-color: #000;
				text-align: right;
				font-size: 16px;
				color: #fff;
				line-height: 40px;
			}
			.title {
				margin-right: 20px;
			}
			.content {
				width: 100%;
				background-color: #f2f2f2;
				border: 1px solid #a6a6a6;
				position: relative;
			}
			.content-box {
				margin: 20px auto;
				width: 500px;
				height: 600px;
				padding: 10px;
				border: 1px solid #797979;
			}
			.top-box {
				display: flex;
				width: 100%;
			}
			.top-img {
				width: 100px;
				height: 100px;
			}
			.top-img img {
				width: 100%;
				height: 100%;
			}
			.top-text {
				width: calc(100% - 100px);
				height: 100px;
				padding-left: 20px;
			}
			.top-text .text-title {
				font-size: 20px;
				font-weight: bold;
				text-align: center;
				margin-bottom: 20px;
			}
			.top-text .p1 {
				font-size: 16px;
				line-height: 30px;
			}
			.content-c {
			}
			.content-c-title {
				width: 100%;
				padding: 20px;
				border-bottom: 1px solid #e3e3e3;
				margin-bottom: 20px;
			}
			.text-box-title {
				margin-bottom: 20px;
			}
			.text-p {
				margin-left: 20px;
                text-indent: 2em;
			}
            .text-p2 {
				margin-left: 20px;
                text-indent: 20em;
               <!--color: red;-->
			}
            /*.text-p b{*/
			/*	color: red;*/
			/*}*/
		</style>
	</body>
</html>