12345市长热线标准版-前端

email.html 8.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>邮件列表</title>
  6. <link rel="stylesheet" href="../css/init.css" />
  7. <link href="../css/Table/table1.css" rel="stylesheet" />
  8. <script src="../Script/Common/huayi.load.js"></script>
  9. <script src="../Script/Common/huayi.config.js"></script>
  10. <script src="../css/laydate/laydate.js"></script>
  11. <style>
  12. .treeTable {
  13. height: 400px;
  14. /*overflow-y: auto;*/
  15. }
  16. .content {
  17. width: 270px;
  18. height: 100%;
  19. overflow: hidden;
  20. white-space: nowrap;
  21. text-overflow: ellipsis;
  22. text-align: left;
  23. cursor: pointer;
  24. }
  25. .mytable {
  26. table-layout: fixed;
  27. }
  28. .mytable tbody tr td {
  29. overflow: hidden;
  30. text-overflow: ellipsis;
  31. white-space: nowrap;
  32. }
  33. /*弹出框*/
  34. .emailDetail {
  35. width: 100%;
  36. border: 1px solid #e5e5e5;
  37. text-align: center;
  38. padding: 15px;
  39. }
  40. .emailDetail .con_title {
  41. font-weight: bold;
  42. color: #000;
  43. }
  44. .emailDetail .con_message {
  45. border-bottom: 1px solid #e5e5e5;
  46. padding: 5px;
  47. margin-bottom: 15px;
  48. }
  49. .emailDetail .con_content {
  50. text-align: left;
  51. text-indent: 2em;
  52. }
  53. .cjr,.wid,.time{
  54. margin-right: 20px;
  55. }
  56. .fieURL{
  57. cursor: pointer;
  58. }
  59. button:disabled{
  60. background-color: #999999;
  61. }
  62. </style>
  63. </head>
  64. <body class="gray-bg">
  65. <div class="container-fluid wrapper-content animated fadeInRight">
  66. <div class="daoHang clearfix">
  67. <div class="dhLeft">
  68. <sapn><i class="syIcon"></i>位置:<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">网站后台</a>&gt;<a href="" class="nowPosition">邮件列表</a></sapn>
  69. </div>
  70. <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
  71. </div>
  72. <div class="Content_box">
  73. <div class="complain Shows">
  74. <ul class="nav nav-tabs ul_tab" role="tablist">
  75. <li class="active">
  76. <a href="#import_from_file" role="tab" data-toggle="tab">未审核</a>
  77. </li>
  78. <li>
  79. <a href="#import_from_hmd" role="tab" data-toggle="tab">已审核</a>
  80. </li>
  81. </ul>
  82. <div class="tab-content">
  83. <div class="tab-pane fade active in" id="import_from_file">
  84. <div class="toolBar clearfix" style="display: none;">
  85. <div class="toolLeft">
  86. 主题:<input class="photo x-color" type="text" id="emailTheme_0" placeholder="请输入主题"/>
  87. 时间:<input id="start_0" class="photo x-color laydate-icon" type="text" placeholder="请选择时间"/>
  88. 审核状态:
  89. <select name="" id="auditingNameType_0" class="photo">
  90. <option value="">全部</option>
  91. <option value="1">已审核</option>
  92. <option value="0">未审核</option>
  93. </select>
  94. 工单状态:
  95. <select name="" id="addNameType_0" class="photo">
  96. <option value="">全部</option>
  97. <option value="1">已添加</option>
  98. <option value="0">未添加</option>
  99. </select>
  100. <a class="btns" id="sc_btns_0">搜索</a>
  101. </div>
  102. </div>
  103. <!--table-->
  104. <div style="width: 100%;padding: 10px;">
  105. <table id="tableEmail0" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  106. <thead>
  107. <tr>
  108. <!--<th data-field="state" data-checkbox="true" data-align="center"></th> 不要删除-->
  109. <th data-align="center" data-formatter="setCode" data-width="6%">编号</th>
  110. <th data-field="E_Title" data-align="center" data-width="20%">主题</th>
  111. <th data-field="E_Content" align="left" data-width="30%">内容</th>
  112. <th data-field="E_Address" data-align="center" data-width="14%">邮件地址</th>
  113. <th data-field="E_EmailTime" data-align="center" data-width="14%">时间</th>
  114. <th data-field="E_Email" data-align="center" data-width="10%">发件人</th>
  115. <th data-field="E_IsAudit" data-align="center" data-formatter="auditingType" data-width="10%">审核状态</th>
  116. <th data-field="E_IsWorkOrder" data-align="center" data-formatter="addType" data-width="10%">工单状态</th>
  117. <!--<th data-field="E_AttachmentsUrl" data-align="center">附件</th>-->
  118. <th data-align="center" data-formatter="emailDetail" data-width="6%">操作</th>
  119. <!--data-field="W_Url"-->
  120. </tr>
  121. </thead>
  122. </table>
  123. <p style="margin-top: 20px; display: none;"><button class="btns allDel0">批量删除</button></p>
  124. </div>
  125. </div>
  126. <div class="tab-pane fade" id="import_from_hmd">
  127. <div class="toolBar clearfix" style="display: none;">
  128. <div class="toolLeft">
  129. 主题:<input class="photo x-color" type="text" id="emailTheme_1" placeholder="请输入主题"/>
  130. 时间:<input id="start_1" class="photo x-color laydate-icon" type="text" placeholder="请选择时间"/>
  131. 审核状态:
  132. <select name="" id="auditingNameType_1" class="photo">
  133. <option value="">全部</option>
  134. <option value="1">已审核</option>
  135. <option value="0">未审核</option>
  136. </select>
  137. 工单状态:
  138. <select name="" id="addNameType_1" class="photo">
  139. <option value="">全部</option>
  140. <option value="1">已添加</option>
  141. <option value="0">未添加</option>
  142. </select>
  143. <a class="btns" id="sc_btns_1">搜索</a>
  144. </div>
  145. </div>
  146. <!--table-->
  147. <div style="width: 100%;padding: 10px;">
  148. <table id="tableEmail1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  149. <thead>
  150. <tr>
  151. <!--<th data-field="state" data-checkbox="true" data-align="center"></th>-->
  152. <th data-align="center" data-formatter="setCode" data-width="6%">编号</th>
  153. <th data-field="E_Title" data-align="center" data-width="20%">主题</th>
  154. <th data-field="E_Content" align="left" data-width="30%">内容</th>
  155. <th data-field="E_Address" data-align="center" data-width="14%">邮件地址</th>
  156. <th data-field="E_EmailTime" data-align="center" data-width="14%">时间</th>
  157. <th data-field="E_Email" data-align="center" data-width="10%">发件人</th>
  158. <th data-field="E_IsAudit" data-align="center" data-formatter="auditingType" data-width="10%">审核状态</th>
  159. <th data-field="E_IsWorkOrder" data-align="center" data-formatter="addType" data-width="10%">工单状态</th>
  160. <!--<th data-field="E_AttachmentsUrl" data-align="center">附件</th>-->
  161. <th data-align="center" data-formatter="emailDetail" data-width="6%">操作</th>
  162. <!--data-field="W_Url"-->
  163. </tr>
  164. </thead>
  165. </table>
  166. <p style="margin-top: 20px; display: none;"><button class="btns allDel1">批量删除</button></p>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. <script src="../js/email.js"></script>
  174. </body>
  175. </html>