mailAlarm.html 50 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="en">
  3. <head>
  4. <meta content="width=device-width, initial-scale=1.0" name="viewport">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <style type="text/css">
  7. /*** BMEMBF Start ***/
  8. /* CMS V4 Editor Test */
  9. [name=bmeMainBody] {
  10. min-height: 1000px;
  11. }
  12. @media only screen and (max-width: 480px) {
  13. table.blk, table.tblText, .bmeHolder, .bmeHolder1, table.bmeMainColumn {
  14. width: 100% !important;
  15. }
  16. }
  17. @media only screen and (max-width: 480px) {
  18. .bmeImageCard table.bmeCaptionTable td.tblCell {
  19. padding: 0px 20px 20px 20px !important;
  20. }
  21. }
  22. @media only screen and (max-width: 480px) {
  23. .bmeImageCard table.bmeCaptionTable.bmeCaptionTableMobileTop td.tblCell {
  24. padding: 20px 20px 0 20px !important;
  25. }
  26. }
  27. @media only screen and (max-width: 480px) {
  28. table.bmeCaptionTable td.tblCell {
  29. padding: 10px !important;
  30. }
  31. }
  32. @media only screen and (max-width: 480px) {
  33. table.tblGtr {
  34. padding-bottom: 20px !important;
  35. }
  36. }
  37. @media only screen and (max-width: 480px) {
  38. td.blk_container, .blk_parent, .bmeLeftColumn, .bmeRightColumn, .bmeColumn1, .bmeColumn2, .bmeColumn3, .bmeBody {
  39. display: table !important;
  40. max-width: 600px !important;
  41. width: 100% !important;
  42. }
  43. }
  44. @media only screen and (max-width: 480px) {
  45. table.container-table, .bmeheadertext, .container-table {
  46. width: 95% !important;
  47. }
  48. }
  49. @media only screen and (max-width: 480px) {
  50. .mobile-footer, .mobile-footer a {
  51. font-size: 13px !important;
  52. line-height: 18px !important;
  53. }
  54. .mobile-footer {
  55. text-align: center !important;
  56. }
  57. table.share-tbl {
  58. padding-bottom: 15px;
  59. width: 100% !important;
  60. }
  61. table.share-tbl td {
  62. display: block !important;
  63. text-align: center !important;
  64. width: 100% !important;
  65. }
  66. }
  67. @media only screen and (max-width: 480px) {
  68. td.bmeShareTD, td.bmeSocialTD {
  69. width: 100% !important;
  70. }
  71. }
  72. @media only screen and (max-width: 480px) {
  73. td.tdBoxedTextBorder {
  74. width: auto !important;
  75. }
  76. }
  77. @media only screen and (max-width: 480px) {
  78. th.tdBoxedTextBorder {
  79. width: auto !important;
  80. }
  81. }
  82. @media only screen and (max-width: 480px) {
  83. table.blk, table[name=tblText], .bmeHolder, .bmeHolder1, table[name=bmeMainColumn] {
  84. width: 100% !important;
  85. }
  86. }
  87. @media only screen and (max-width: 480px) {
  88. .bmeImageCard table.bmeCaptionTable td[name=tblCell] {
  89. padding: 0px 20px 20px 20px !important;
  90. }
  91. }
  92. @media only screen and (max-width: 480px) {
  93. .bmeImageCard table.bmeCaptionTable.bmeCaptionTableMobileTop td[name=tblCell] {
  94. padding: 20px 20px 0 20px !important;
  95. }
  96. }
  97. @media only screen and (max-width: 480px) {
  98. table.bmeCaptionTable td[name=tblCell] {
  99. padding: 10px !important;
  100. }
  101. }
  102. @media only screen and (max-width: 480px) {
  103. table[name=tblGtr] {
  104. padding-bottom: 20px !important;
  105. }
  106. }
  107. @media only screen and (max-width: 480px) {
  108. td.blk_container, .blk_parent, [name=bmeLeftColumn], [name=bmeRightColumn], [name=bmeColumn1], [name=bmeColumn2], [name=bmeColumn3], [name=bmeBody] {
  109. display: table !important;
  110. max-width: 600px !important;
  111. width: 100% !important;
  112. }
  113. }
  114. @media only screen and (max-width: 480px) {
  115. table[class=container-table], .bmeheadertext, .container-table {
  116. width: 95% !important;
  117. }
  118. }
  119. @media only screen and (max-width: 480px) {
  120. .mobile-footer, .mobile-footer a {
  121. font-size: 13px !important;
  122. line-height: 18px !important;
  123. }
  124. .mobile-footer {
  125. text-align: center !important;
  126. }
  127. table[class="share-tbl"] {
  128. padding-bottom: 15px;
  129. width: 100% !important;
  130. }
  131. table[class="share-tbl"] td {
  132. display: block !important;
  133. text-align: center !important;
  134. width: 100% !important;
  135. }
  136. }
  137. @media only screen and (max-width: 480px) {
  138. td[name=bmeShareTD], td[name=bmeSocialTD] {
  139. width: 100% !important;
  140. }
  141. }
  142. @media only screen and (max-width: 480px) {
  143. td[name=tdBoxedTextBorder] {
  144. width: auto !important;
  145. }
  146. }
  147. @media only screen and (max-width: 480px) {
  148. th[name=tdBoxedTextBorder] {
  149. width: auto !important;
  150. }
  151. }
  152. @media only screen and (max-width: 480px) {
  153. .bmeImageCard table.bmeImageTable {
  154. height: auto !important;
  155. width: 100% !important;
  156. padding: 20px !important;
  157. clear: both;
  158. float: left !important;
  159. border-collapse: separate;
  160. }
  161. }
  162. @media only screen and (max-width: 480px) {
  163. .bmeMblInline table.bmeImageTable {
  164. height: auto !important;
  165. width: 100% !important;
  166. padding: 10px !important;
  167. clear: both;
  168. }
  169. }
  170. @media only screen and (max-width: 480px) {
  171. .bmeMblInline table.bmeCaptionTable {
  172. width: 100% !important;
  173. clear: both;
  174. }
  175. }
  176. @media only screen and (max-width: 480px) {
  177. table.bmeImageTable {
  178. height: auto !important;
  179. width: 100% !important;
  180. padding: 10px !important;
  181. clear: both;
  182. }
  183. }
  184. @media only screen and (max-width: 480px) {
  185. table.bmeCaptionTable {
  186. width: 100% !important;
  187. clear: both;
  188. }
  189. }
  190. @media only screen and (max-width: 480px) {
  191. table.bmeImageContainer {
  192. width: 100% !important;
  193. clear: both;
  194. float: left !important;
  195. }
  196. }
  197. @media only screen and (max-width: 480px) {
  198. table.bmeImageTable td {
  199. padding: 0px !important;
  200. height: auto;
  201. }
  202. }
  203. @media only screen and (max-width: 480px) {
  204. img.mobile-img-large {
  205. width: 100% !important;
  206. height: auto !important;
  207. }
  208. }
  209. @media only screen and (max-width: 480px) {
  210. img.bmeRSSImage {
  211. max-width: 320px;
  212. height: auto !important;
  213. }
  214. }
  215. @media only screen and (min-width: 640px) {
  216. img.bmeRSSImage {
  217. max-width: 600px !important;
  218. height: auto !important;
  219. }
  220. }
  221. @media only screen and (max-width: 480px) {
  222. .trMargin img {
  223. height: 10px;
  224. }
  225. }
  226. @media only screen and (max-width: 480px) {
  227. div.bmefooter, div.bmeheader {
  228. display: block !important;
  229. }
  230. }
  231. @media only screen and (max-width: 480px) {
  232. .tdPart {
  233. width: 100% !important;
  234. clear: both;
  235. float: left !important;
  236. }
  237. }
  238. @media only screen and (max-width: 480px) {
  239. table.blk_parent1, table.tblPart {
  240. width: 100% !important;
  241. }
  242. }
  243. @media only screen and (max-width: 480px) {
  244. .tblLine {
  245. min-width: 100% !important;
  246. }
  247. }
  248. @media only screen and (max-width: 480px) {
  249. .bmeMblCenter img {
  250. margin: 0 auto;
  251. }
  252. }
  253. @media only screen and (max-width: 480px) {
  254. .bmeMblCenter, .bmeMblCenter div, .bmeMblCenter span {
  255. text-align: center !important;
  256. text-align: -webkit-center !important;
  257. }
  258. }
  259. @media only screen and (max-width: 480px) {
  260. .bmeNoBr br, .bmeImageGutterRow, .bmeMblStackCenter .bmeShareItem .tdMblHide {
  261. display: none !important;
  262. }
  263. }
  264. @media only screen and (max-width: 480px) {
  265. .bmeMblInline table.bmeImageTable, .bmeMblInline table.bmeCaptionTable, .bmeMblInline {
  266. clear: none !important;
  267. width: 50% !important;
  268. }
  269. }
  270. @media only screen and (max-width: 480px) {
  271. .bmeMblInlineHide, .bmeShareItem .trMargin {
  272. display: none !important;
  273. }
  274. }
  275. @media only screen and (max-width: 480px) {
  276. .bmeMblInline table.bmeImageTable img, .bmeMblShareCenter.tblContainer.mblSocialContain, .bmeMblFollowCenter.tblContainer.mblSocialContain {
  277. width: 100% !important;
  278. }
  279. }
  280. @media only screen and (max-width: 480px) {
  281. .bmeMblStack > .bmeShareItem {
  282. width: 100% !important;
  283. clear: both !important;
  284. }
  285. }
  286. @media only screen and (max-width: 480px) {
  287. .bmeShareItem {
  288. padding-top: 10px !important;
  289. }
  290. }
  291. @media only screen and (max-width: 480px) {
  292. .tdPart.bmeMblStackCenter, .bmeMblStackCenter .bmeFollowItemIcon {
  293. padding: 0px !important;
  294. text-align: center !important;
  295. }
  296. }
  297. @media only screen and (max-width: 480px) {
  298. .bmeMblStackCenter > .bmeShareItem {
  299. width: 100% !important;
  300. }
  301. }
  302. @media only screen and (max-width: 480px) {
  303. td.bmeMblCenter {
  304. border: 0 none transparent !important;
  305. }
  306. }
  307. @media only screen and (max-width: 480px) {
  308. .bmeLinkTable.tdPart td {
  309. padding-left: 0px !important;
  310. padding-right: 0px !important;
  311. border: 0px none transparent !important;
  312. padding-bottom: 15px !important;
  313. height: auto !important;
  314. }
  315. }
  316. @media only screen and (max-width: 480px) {
  317. .tdMblHide {
  318. width: 10px !important;
  319. }
  320. }
  321. @media only screen and (max-width: 480px) {
  322. .bmeShareItemBtn {
  323. display: table !important;
  324. }
  325. }
  326. @media only screen and (max-width: 480px) {
  327. .bmeMblStack td {
  328. text-align: left !important;
  329. }
  330. }
  331. @media only screen and (max-width: 480px) {
  332. .bmeMblStack .bmeFollowItem {
  333. clear: both !important;
  334. padding-top: 10px !important;
  335. }
  336. }
  337. @media only screen and (max-width: 480px) {
  338. .bmeMblStackCenter .bmeFollowItemText {
  339. padding-left: 5px !important;
  340. }
  341. }
  342. @media only screen and (max-width: 480px) {
  343. .bmeMblStackCenter .bmeFollowItem {
  344. clear: both !important;
  345. align-self: center;
  346. float: none !important;
  347. padding-top: 10px;
  348. margin: 0 auto;
  349. }
  350. }
  351. @media only screen and (max-width: 480px) {
  352. .tdPart > table {
  353. width: 100% !important;
  354. }
  355. }
  356. @media only screen and (max-width: 480px) {
  357. .tdPart > table.bmeLinkContainer {
  358. width: auto !important;
  359. }
  360. }
  361. @media only screen and (max-width: 480px) {
  362. .tdPart.mblStackCenter > table.bmeLinkContainer {
  363. width: 100% !important;
  364. }
  365. }
  366. .blk_parent:first-child, .blk_parent {
  367. float: left;
  368. }
  369. .blk_parent:last-child {
  370. float: right;
  371. }
  372. /*** BMEMBF END ***/
  373. </style>
  374. <!--[if gte mso 9]>
  375. <xml>
  376. <o:OfficeDocumentSettings>
  377. <o:AllowPNG/>
  378. <o:PixelsPerInch>96</o:PixelsPerInch>
  379. </o:OfficeDocumentSettings>
  380. </xml>
  381. <![endif]-->
  382. </head>
  383. <body topmargin="0" leftmargin="0"
  384. style="height: 100% !important; margin: 0; padding: 0; width: 100% !important;min-width: 100%;">
  385. <style type="text/css">
  386. body {
  387. height: 100%;
  388. margin: 0;
  389. padding: 0;
  390. }
  391. .blk_img_drop_link a {
  392. color: #16a7e0;
  393. cursor: pointer;
  394. font-weight: 600;
  395. margin-left: 5px;
  396. text-decoration: underline;
  397. text-transform: lowercase;
  398. }
  399. .blk_img_drop_link a:hover {
  400. color: #72c2a1;
  401. }
  402. .blk_img_drop_link.no-dd span {
  403. display: none;
  404. }
  405. .blk_img_drop_link.no-dd a {
  406. font-size: 14px;
  407. display: inline-block;
  408. margin-left: 0;
  409. padding: 0;
  410. }
  411. .ie8 .blk_img_drop_link.no-dd a {
  412. padding-top: 20px;
  413. }
  414. @media screen {
  415. @media (min-width: 0px) {
  416. }
  417. }
  418. </style>
  419. <table width="100%" cellspacing="0" cellpadding="0" border="0" name="bmeMainBody"
  420. style="background-color: rgb(230, 230, 232);" bgcolor="#e6e6e8">
  421. <tbody>
  422. <tr>
  423. <td width="100%" valign="top" align="center">
  424. <table cellspacing="0" cellpadding="0" border="0" name="bmeMainColumnParentTable">
  425. <tbody>
  426. <tr>
  427. <td name="bmeMainColumnParent" style="border-collapse: separate;">
  428. <table name="bmeMainColumn" class="bmeHolder bmeMainColumn"
  429. style="max-width: 600px; overflow: visible;" cellspacing="0" cellpadding="0" border="0"
  430. align="center">
  431. <tbody>
  432. <tr id="section_1" class="flexible-section" data-columns="1"
  433. data-section-type="bmePreHeader">
  434. <td width="100%" class="blk_container bmeHolder" name="bmePreHeader" valign="top"
  435. align="center"
  436. style="color: rgb(56, 56, 56); background-color: rgb(230, 230, 232); "
  437. bgcolor="#e6e6e8">
  438. <div id="dv_10" class="blk_wrapper" style="">
  439. <table width="600" cellspacing="0" cellpadding="0" border="0" class="blk"
  440. name="blk_boxtext">
  441. <tbody>
  442. <tr>
  443. <td align="center" name="bmeBoxContainer"
  444. style="padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px;">
  445. <table cellspacing="0" cellpadding="0" width="100%" name="tblText"
  446. class="tblText" border="0">
  447. <tbody>
  448. <tr>
  449. <td valign="top" align="left"
  450. style="padding: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: rgb(56, 56, 56); border-width: 1px; border-style: solid; border-color: rgb(225, 225, 225); border-collapse: collapse; word-break: break-word;"
  451. name="tblCell" class="tblCell">
  452. <div style="line-height: 150%; text-align: center;">
  453. <span style="color: #a666ed; font-size: 30px; line-height: 150%;"><strong>TANCLOUD</strong></span>
  454. </div>
  455. </td>
  456. </tr>
  457. </tbody>
  458. </table>
  459. </td>
  460. </tr>
  461. </tbody>
  462. </table>
  463. </div>
  464. </td>
  465. </tr>
  466. <tr>
  467. <td width="100%" class="bmeHolder" valign="top" align="center"
  468. name="bmeMainContentParent"
  469. style="border-color: rgb(128, 128, 128); border-radius: 5px; border-collapse: separate; border-spacing: 0px;">
  470. <table name="bmeMainContent"
  471. style="border-radius: 5px; border-collapse: separate;border-spacing: 0px; overflow: hidden;"
  472. width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  473. <tbody>
  474. <tr id="section_2" class="flexible-section" data-columns="1">
  475. <td width="100%" class="blk_container bmeHolder" name="bmeHeader"
  476. valign="top" align="center"
  477. style="background-color: rgb(255, 255, 255); " bgcolor="#ffffff">
  478. </td>
  479. </tr>
  480. <tr id="section_3" class="flexible-section" data-columns="1">
  481. <td width="100%" class="blk_container bmeHolder bmeBody" name="bmeBody"
  482. valign="top" align="center"
  483. style="color: rgb(56, 56, 56); background-color: rgb(255, 255, 255); "
  484. bgcolor="#ffffff">
  485. <div id="dv_1" class="blk_wrapper" style="">
  486. <table class="blk" name="blk_text" width="600" border="0"
  487. cellpadding="0" cellspacing="0">
  488. <tbody>
  489. <tr>
  490. <td>
  491. <table cellpadding="0" cellspacing="0" border="0"
  492. width="100%" class="bmeContainerRow">
  493. <tbody>
  494. <tr>
  495. <th valign="top" align="center" class="tdPart"
  496. style="">
  497. <table name="tblText" style="float: left;"
  498. align="left" border="0"
  499. cellpadding="0" cellspacing="0"
  500. class="tblText" width="600">
  501. <tbody>
  502. <tr>
  503. <td name="tblCell"
  504. style="padding: 20px; font-size: 14px; font-weight: 400; font-family: Arial, Helvetica, sans-serif; color: rgb(56, 56, 56); text-align: left; word-break: break-word;"
  505. align="left" valign="top"
  506. class="tblCell">
  507. <div style="line-height: 150%;">
  508. <span style="font-size: 30px; line-height: 150%;"><strong>告警通知</strong></span>
  509. </div>
  510. </td>
  511. </tr>
  512. </tbody>
  513. </table>
  514. </th>
  515. </tr>
  516. </tbody>
  517. </table>
  518. </td>
  519. </tr>
  520. </tbody>
  521. </table>
  522. </div>
  523. <div id="dv_3" class="blk_wrapper" style="">
  524. <table class="blk" name="blk_text" width="600" border="0"
  525. cellpadding="0" cellspacing="0">
  526. <tbody>
  527. <tr>
  528. <td>
  529. <table cellpadding="0" cellspacing="0" border="0"
  530. width="100%" class="bmeContainerRow">
  531. <tbody>
  532. <tr>
  533. <th valign="top" align="center" class="tdPart"
  534. style="background-color: rgba(0, 0, 0, 0);">
  535. <table name="tblText"
  536. style="float: left; background-color: rgba(0, 0, 0, 0);"
  537. align="left" border="0"
  538. cellpadding="0" cellspacing="0"
  539. class="tblText" width="600">
  540. <tbody>
  541. <tr>
  542. <td name="tblCell"
  543. style="padding: 20px; font-size: 14px; font-weight: 400; font-family: Arial, Helvetica, sans-serif; color: rgb(56, 56, 56); text-align: left; word-break: break-word;"
  544. align="left" valign="top"
  545. class="tblCell">
  546. <div style="line-height: 200%; font-size: 14px;">
  547. <table>
  548. <tr>
  549. <td align="right"
  550. style="padding-right: 10px; color: #817878; font-weight: 500;">
  551. 告警目标对象:
  552. </td>
  553. <td><span
  554. th:text="${target}"></span>
  555. </td>
  556. </tr>
  557. <tr>
  558. <td align="right"
  559. style="padding-right: 10px; color: #817878; font-weight: 500;">
  560. 所属监控ID:
  561. </td>
  562. <td>
  563. <span th:text="${monitorId}"></span>
  564. </td>
  565. </tr>
  566. <tr>
  567. <td align="right"
  568. style="padding-right: 10px; color: #817878; font-weight: 500;">
  569. 所属监控名称:
  570. </td>
  571. <td>
  572. <span th:text="${monitorName}"></span>
  573. </td>
  574. </tr>
  575. <tr>
  576. <td align="right"
  577. style="padding-right: 10px; color: #817878; font-weight: 500;">
  578. 告警级别:
  579. </td>
  580. <td><span
  581. th:text="${priority}"></span>
  582. </td>
  583. </tr>
  584. </table>
  585. <br><span
  586. th:text="${content}"></span>
  587. </div>
  588. </td>
  589. </tr>
  590. </tbody>
  591. </table>
  592. </th>
  593. </tr>
  594. </tbody>
  595. </table>
  596. </td>
  597. </tr>
  598. </tbody>
  599. </table>
  600. </div>
  601. <div id="dv_4" class="blk_wrapper" style="">
  602. <table class="blk" name="blk_button" width="600" border="0"
  603. cellpadding="0" cellspacing="0">
  604. <tbody>
  605. <tr>
  606. <td width="20"></td>
  607. <td align="center">
  608. <table width="100%" cellspacing="0" cellpadding="0"
  609. border="0" class="tblContainer">
  610. <tbody>
  611. <tr>
  612. <td height="10"></td>
  613. </tr>
  614. <tr>
  615. <td align="left">
  616. <table cellspacing="0" cellpadding="0"
  617. border="0" align="left"
  618. class="bmeButton"
  619. style="border-collapse: separate;">
  620. <tbody>
  621. <tr>
  622. <td class="bmeButtonText"
  623. style="border-radius: 5px; border-width: 0px; border-style: none; border-color: transparent; background-color: rgb(166, 102, 237); text-align: center; padding: 20px 40px; font-weight: bold; word-break: break-word;">
  624. <span style="font-family:Arial, Verdana; font-size:14px;color:#FFFFFF;"><a
  625. target="_blank"
  626. style="color:#FFFFFF;text-decoration:none;"
  627. th:href="${consoleUrl}"
  628. data-link-type="web">登入控制台</a></span>
  629. </td>
  630. </tr>
  631. </tbody>
  632. </table>
  633. </td>
  634. </tr>
  635. <tr>
  636. <td height="10"></td>
  637. </tr>
  638. </tbody>
  639. </table>
  640. </td>
  641. <td width="20"></td>
  642. </tr>
  643. </tbody>
  644. </table>
  645. </div>
  646. </td>
  647. </tr>
  648. <tr id="section_4" class="flexible-section" data-columns="1">
  649. <td width="100%" class="blk_container bmeHolder" name="bmePreFooter"
  650. valign="top" align="center"
  651. style="background-color: rgb(255, 255, 255); " bgcolor="#ffffff">
  652. <div id="dv_5" class="blk_wrapper">
  653. <table cellspacing="0" cellpadding="0" border="0" name="blk_divider"
  654. width="600" class="blk">
  655. <tbody>
  656. <tr>
  657. <td style="padding-top:10px; padding-bottom:10px;padding-left:20px;padding-right:20px;"
  658. class="tblCellMain">
  659. <table width="100%" cellspacing="0" cellpadding="0"
  660. border="0"
  661. style="border-top: 1px solid rgb(225, 225, 225); min-width: 1px;"
  662. class="tblLine">
  663. <tbody>
  664. <tr>
  665. <td><span></span></td>
  666. </tr>
  667. </tbody>
  668. </table>
  669. </td>
  670. </tr>
  671. </tbody>
  672. </table>
  673. </div>
  674. <div id="dv_6" class="blk_wrapper" style="">
  675. <table cellspacing="0" cellpadding="0" border="0" style=""
  676. name="blk_social_follow" width="600" class="blk">
  677. <tbody>
  678. <tr>
  679. <td class="tblCellMain"
  680. style="padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px;">
  681. <table class="tblContainer mblSocialContain"
  682. cellspacing="0" cellpadding="0" border="0"
  683. align="left" style="">
  684. <tbody>
  685. <tr>
  686. <td class="tdItemContainer">
  687. <table cellspacing="0" cellpadding="0"
  688. border="0" class="mblSocialContain"
  689. style="table-layout: auto;">
  690. <tbody>
  691. <tr>
  692. <td valign="top" name="bmeSocialTD">
  693. <!--[if gte mso 6]></td>
  694. <td align="left" valign="top">
  695. <![endif]-->
  696. <table cellspacing="0"
  697. cellpadding="0"
  698. border="0"
  699. class="bmeFollowItem"
  700. type="website"
  701. style="float:left;"
  702. align="left">
  703. <tbody>
  704. <tr>
  705. <td align="left"
  706. valign="middle"
  707. class="bmeFollowItemText"
  708. style="padding-right:10px;font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left;">
  709. <a href="https://clt1416649.bmetrack.com/c/l?u=D77E008&amp;e=13E20B0&amp;c=159DC9&amp;t=1&amp;l=77D3334A&amp;email=JYL7PF5c87g0WhC3NaLnunzBjzlZ2TJR&amp;seq=2"
  710. target="_blank"
  711. style="text-decoration:none;">
  712. <div style="font-family:Arial, Verdana; font-size:14px; font-weight:400; font-style:normal; text-decoration:none solid rgb(150,63,250);color:rgb(150,63,250);">
  713. 探云
  714. tancloud.cn
  715. </div>
  716. </a></td>
  717. </tr>
  718. </tbody>
  719. </table>
  720. <!--[if gte mso 6]></td>
  721. <td align="left" valign="top">
  722. <![endif]-->
  723. <table cellspacing="0"
  724. cellpadding="0"
  725. border="0"
  726. class="bmeFollowItem"
  727. type="website"
  728. style="float:left;"
  729. align="left">
  730. <tbody>
  731. <tr>
  732. <td align="left"
  733. valign="middle"
  734. class="bmeFollowItemText"
  735. style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left;">
  736. <a href="https://clt1416649.bmetrack.com/c/l?u=D77E009&amp;e=13E20B0&amp;c=159DC9&amp;t=1&amp;l=77D3334A&amp;email=JYL7PF5c87g0WhC3NaLnunzBjzlZ2TJR&amp;seq=2"
  737. target="_blank"
  738. style="text-decoration:none;">
  739. <div style="font-family:Arial, Verdana; font-size:14px; font-weight:400; font-style:normal; text-decoration:none solid rgb(150,63,250);color:rgb(150,63,250);">
  740. 赫兹跳动
  741. hertzbeat.com
  742. </div>
  743. </a></td>
  744. </tr>
  745. </tbody>
  746. </table>
  747. </td>
  748. </tr>
  749. </tbody>
  750. </table>
  751. </td>
  752. </tr>
  753. </tbody>
  754. </table>
  755. </td>
  756. </tr>
  757. </tbody>
  758. </table>
  759. </div>
  760. </td>
  761. </tr>
  762. </tbody>
  763. </table>
  764. </td>
  765. </tr>
  766. <tr id="section_5" class="flexible-section" data-columns="1" data-section-type="bmeFooter">
  767. <td width="100%" class="blk_container bmeHolder" name="bmeFooter" valign="top"
  768. align="center"
  769. style="color: rgb(102, 102, 102); background-color: rgb(230, 230, 232); "
  770. bgcolor="#e6e6e8">
  771. <div id="dv_7" class="blk_wrapper" style="">
  772. <table width="600" cellspacing="0" cellpadding="0" border="0" class="blk"
  773. name="blk_permission" style="">
  774. <tbody>
  775. <tr>
  776. <td name="tblCell" class="tblCell"
  777. style="padding: 20px; word-break: break-word;" valign="top"
  778. align="left">
  779. <table cellpadding="0" cellspacing="0" border="0" width="100%">
  780. <tbody>
  781. <tr>
  782. <td name="bmePermissionText" style="text-align:left;"
  783. align="left"><span
  784. style="font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px;line-height: 140%;">
  785. <br>如果您不想再接收TanCloud的「告警通知」邮件,或者需要设置其他人接收,<a target="_new" style="color:#16a7e0;"
  786. href="https://console.tancloud.cn/alert/notice">点此设置订阅</a>。 If you do not wish to receive any more emails, you can <a
  787. target="_new" style="color:#16a7e0;"
  788. href="https://console.tancloud.cn/alert/notice">unsubscribe here</a>.</span>
  789. </td>
  790. </tr>
  791. </tbody>
  792. </table>
  793. </td>
  794. </tr>
  795. </tbody>
  796. </table>
  797. </div>
  798. </td>
  799. </tr>
  800. </tbody>
  801. </table>
  802. </td>
  803. </tr>
  804. </tbody>
  805. </table>
  806. </td>
  807. </tr>
  808. </tbody>
  809. </table>
  810. </body>
  811. </html>