You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.

feedback_bak.html 40 kB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603
  1. <!DOCTYPE html>
  2. <html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <!-- Tell the browser to be responsive to screen width -->
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10. <!-- Favicon icon -->
  11. <link rel="icon" type="image/png" sizes="16x16" href=" ../assets/images/favicon.png">
  12. <title>反馈建议·网络情报分析系统</title>
  13. <script th:src="@{/common/analyze-cloud.js}"></script>
  14. <!-- Custom CSS -->
  15. <link href=" ../dist/css/style.min.css" rel="stylesheet">
  16. <link href=" ../dist/css/custom.css" rel="stylesheet">
  17. <link href="../assets/libs/sweetalert2/dist/sweetalert2.min.css" rel="stylesheet">
  18. <link rel="stylesheet" type="text/css"
  19. href="../assets/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
  20. <!--<script src="//at.alicdn.com/t/font_1709263_w16payhc3l.js"></script>-->
  21. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  22. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  23. <!--[if lt IE 9]>
  24. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  25. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  26. <![endif]-->
  27. </head>
  28. <body>
  29. <!-- ============================================================== -->
  30. <!-- Preloader - style you can find in spinners.css -->
  31. <!-- ============================================================== -->
  32. <!-- <div class="preloader"> -->
  33. <!-- <div class="lds-ripple"> -->
  34. <!-- <div class="lds-pos"></div> -->
  35. <!-- <div class="lds-pos"></div> -->
  36. <!-- </div> -->
  37. <!-- </div> -->
  38. <!-- ============================================================== -->
  39. <!-- Main wrapper - style you can find in pages.scss -->
  40. <!-- ============================================================== -->
  41. <div id="main-wrapper">
  42. <!-- ============================================================== -->
  43. <!-- Topbar header - style you can find in pages.scss -->
  44. <!-- ============================================================== -->
  45. <!--<header class="topbar">-->
  46. <!--<nav class="navbar top-navbar navbar-expand-md navbar-dark">-->
  47. <!--<div class="navbar-header">-->
  48. <!--&lt;!&ndash; This is for the sidebar toggle which is visible on mobile only &ndash;&gt;-->
  49. <!--<a class="nav-toggler waves-effect waves-light d-block d-md-none" href="javascript:void(0)"><i-->
  50. <!--class="ti-menu ti-close"></i></a>-->
  51. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  52. <!--&lt;!&ndash; Logo &ndash;&gt;-->
  53. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  54. <!--<a class="navbar-brand navbar-bg" href="overview.html">-->
  55. <!--&lt;!&ndash; Logo icon &ndash;&gt;-->
  56. <!--<b class="logo-icon">-->
  57. <!--&lt;!&ndash;You can put here icon as well // <i class="wi wi-sunset"></i> //&ndash;&gt;-->
  58. <!--&lt;!&ndash; Dark Logo icon &ndash;&gt;-->
  59. <!--&lt;!&ndash; Light Logo icon &ndash;&gt;-->
  60. <!--<img src=" ../assets/images/favicon.png" alt="homepage" class="light-logo" />-->
  61. <!--</b>-->
  62. <!--&lt;!&ndash;End Logo icon &ndash;&gt;-->
  63. <!--&lt;!&ndash; Logo text &ndash;&gt;-->
  64. <!--<span class="logo-text">-->
  65. <!--&lt;!&ndash; dark Logo text &ndash;&gt;-->
  66. <!--&lt;!&ndash; Light Logo text &ndash;&gt;-->
  67. <!--<span class="light-logo logo-title">网络数据监测平台</span>-->
  68. <!--&lt;!&ndash; <img src=" ../assets/images/favicon.png" class="light-logo" alt="homepage" /> &ndash;&gt;-->
  69. <!--</span>-->
  70. <!--</a>-->
  71. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  72. <!--&lt;!&ndash; End Logo &ndash;&gt;-->
  73. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  74. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  75. <!--&lt;!&ndash; Toggle which is visible on mobile only &ndash;&gt;-->
  76. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  77. <!--<a class="topbartoggler d-block d-md-none waves-effect waves-light" href="javascript:void(0)"-->
  78. <!--data-toggle="collapse" data-target="#navbarSupportedContent"-->
  79. <!--aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i-->
  80. <!--class="ti-more"></i></a>-->
  81. <!--</div>-->
  82. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  83. <!--&lt;!&ndash; End Logo &ndash;&gt;-->
  84. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  85. <!--<div class="navbar-collapse collapse" id="navbarSupportedContent">-->
  86. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  87. <!--&lt;!&ndash; toggle and nav items &ndash;&gt;-->
  88. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  89. <!--<ul class="navbar-nav float-left mr-auto" id="thirdMenu">-->
  90. <!--<li class="nav-item d-none d-md-block"><a-->
  91. <!--class="nav-link sidebartoggler waves-effect waves-light" href="javascript:void(0)"-->
  92. <!--data-sidebartype="mini-sidebar"><i class="mdi mdi-menu font-24"></i></a></li>-->
  93. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  94. <!--&lt;!&ndash; mega menu &ndash;&gt;-->
  95. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  96. <!--<li class="nav-item dropdown hover-none">-->
  97. <!--<a class="nav-link dropdown-toggle waves-effect waves-dark" href="../overview.html">-->
  98. <!--<span class="d-none d-md-block"> <i class="fa fa-chart-bar"></i> 监测分析</span>-->
  99. <!--<span class="d-block d-md-none"><i class="mdi mdi-dialpad font-24"></i></span>-->
  100. <!--</a>-->
  101. <!--</li>-->
  102. <!--<li class="nav-item hover-none ">-->
  103. <!--<a class="nav-link dropdown-toggle waves-effect waves-dark" href="../monitor.html">-->
  104. <!--<span class="d-none d-md-block"> <i class="fa fa-crosshairs"></i> 数据监测</span>-->
  105. <!--<span class="d-block d-md-none"><i class="mdi mdi-dialpad font-24"></i></span>-->
  106. <!--</a>-->
  107. <!--</li>-->
  108. <!--<li class="nav-item dropdown hover-none">-->
  109. <!--<a class="nav-link dropdown-toggle waves-effect waves-dark"-->
  110. <!--href="../projectCenter/projectlist.html">-->
  111. <!--<span class="d-none d-md-block"> <i class="fa fa-list"></i> 监测管理</span>-->
  112. <!--<span class="d-block d-md-none"><i class="mdi mdi-dialpad font-24"></i></span>-->
  113. <!--</a>-->
  114. <!--</li>-->
  115. <!--<li class="nav-item dropdown hover-none">-->
  116. <!--<a class="nav-link dropdown-toggle waves-effect waves-dark" href="../volumeMonitor.html">-->
  117. <!--<span class="d-none d-md-block"> <i class="fa fa-rss"></i> 声量监测</span>-->
  118. <!--<span class="d-block d-md-none"><i class="mdi mdi-dialpad font-24"></i></span>-->
  119. <!--</a>-->
  120. <!--</li>-->
  121. <!--<li class="nav-item dropdown hover-none">-->
  122. <!--<a class="nav-link dropdown-toggle waves-effect waves-dark" href="../fullSearch.html">-->
  123. <!--<span class="d-none d-md-block"> <i class="fa fa-search"></i> 全文搜索</span>-->
  124. <!--<span class="d-block d-md-none"><i class="mdi mdi-dialpad font-24"></i></span>-->
  125. <!--</a>-->
  126. <!--</li>-->
  127. <!--<li class="nav-item dropdown hover-none">-->
  128. <!--<a class="nav-link dropdown-toggle waves-effect waves-dark" href="../reportList.html">-->
  129. <!--&lt;!&ndash; <i class="fa fa-chart-pie"></i> &ndash;&gt;-->
  130. <!--<span class="d-none d-md-block"> <i class="fa fa-tasks"></i> 分析报告</span>-->
  131. <!--<span class="d-block d-md-none"> <i class="mdi mdi-dialpad font-24"></i></span>-->
  132. <!--</a>-->
  133. <!--</li>-->
  134. <!--&lt;!&ndash; <li class="nav-item dropdown hover-none">-->
  135. <!--<a class="nav-link dropdown-toggle waves-effect waves-dark" href="javascript:void(0)" >-->
  136. <!--<span class="d-none d-md-block"> <i class="fa fa-user-md"></i> 用户管理</span>-->
  137. <!--<span class="d-block d-md-none"><i class="mdi mdi-dialpad font-24"></i></span>-->
  138. <!--</a>-->
  139. <!--</li> &ndash;&gt;-->
  140. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  141. <!--&lt;!&ndash; End mega menu &ndash;&gt;-->
  142. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  143. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  144. <!--&lt;!&ndash; create new &ndash;&gt;-->
  145. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  146. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  147. <!--&lt;!&ndash; Search &ndash;&gt;-->
  148. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  149. <!--&lt;!&ndash; <li class="nav-item search-box"> <a class="nav-link waves-effect waves-dark" href="javascript:void(0)"><i class="ti-search"></i></a>-->
  150. <!--<form class="app-search position-absolute">-->
  151. <!--<input type="text" class="form-control" placeholder="Search &amp; enter"> <a class="srh-btn"><i class="ti-close"></i></a>-->
  152. <!--</form>-->
  153. <!--</li> &ndash;&gt;-->
  154. <!--</ul>-->
  155. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  156. <!--&lt;!&ndash; Right side toggle and nav items &ndash;&gt;-->
  157. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  158. <!--<ul class="navbar-nav float-right">-->
  159. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  160. <!--&lt;!&ndash; create new &ndash;&gt;-->
  161. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  162. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  163. <!--&lt;!&ndash; Comment &ndash;&gt;-->
  164. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  165. <!--<li class="nav-item dropdown">-->
  166. <!--<a class="nav-link dropdown-toggle waves-effect waves-dark" href="javascript:void(0)"-->
  167. <!--data-toggle="dropdown">-->
  168. <!--&lt;!&ndash; <i class="far fa-bell font-24"></i> &ndash;&gt;-->
  169. <!--&lt;!&ndash; <i class="mdi mdi-bell font-24"></i> &ndash;&gt;-->
  170. <!--<svg class="icon font-18">-->
  171. <!--<use xlink:href="#icon-message"></use>-->
  172. <!--</svg>-->
  173. <!--</a>-->
  174. <!--<div class="dropdown-menu dropdown-menu-right mailbox animated bounceInDown message-box">-->
  175. <!--<span class="with-arrow"><span class="bg-primary"></span></span>-->
  176. <!--<ul class="list-style-none">-->
  177. <!--<li>-->
  178. <!--<div class="drop-title bg-primary text-white">-->
  179. <!--<h4 class="m-b-0 m-t-5">4 条新资讯</h4>-->
  180. <!--&lt;!&ndash; <span class="font-light">Notifications</span> &ndash;&gt;-->
  181. <!--</div>-->
  182. <!--</li>-->
  183. <!--<li>-->
  184. <!--<div class="message-center notifications">-->
  185. <!--&lt;!&ndash; Message &ndash;&gt;-->
  186. <!--<a href="javascript:void(0)" class="message-item">-->
  187. <!--<span class="btn btn-danger btn-circle"><i-->
  188. <!--class="fa fa-link"></i></span>-->
  189. <!--<div class="mail-contnet" style=" width: calc(100% - 50px);">-->
  190. <!--<h5 class="message-title">预计秋季小范围使用!Moderna新冠疫苗要来了</h5>-->
  191. <!--<span class="mail-desc">腾讯网</span>-->
  192. <!--<span class="time">9:40 AM</span>-->
  193. <!--</div>-->
  194. <!--</a>-->
  195. <!--&lt;!&ndash; Message &ndash;&gt;-->
  196. <!--<a href="javascript:void(0)" class="message-item">-->
  197. <!--<span class="btn btn-success btn-circle"><i-->
  198. <!--class="ti-calendar"></i></span>-->
  199. <!--<div class="mail-contnet" style=" width: calc(100% - 50px);">-->
  200. <!--<h5 class="message-title"> 广州各医院陆续恢复日常医疗服务 有医院“隔床”收治患者</h5>-->
  201. <!--<span class="mail-desc">广州各医院陆续恢复日常医疗服务-->
  202. <!--有医院“隔床”收治患者虽然新冠肺炎疫情得到有效控制,但是目前广州各大医院陆续恢复日常医疗服务的同时,依旧对门诊、住院、手术病人进行了极其严格的筛查和防</span>-->
  203. <!--<span class="time">9:10 AM</span>-->
  204. <!--</div>-->
  205. <!--</a>-->
  206. <!--&lt;!&ndash; Message &ndash;&gt;-->
  207. <!--<a href="javascript:void(0)" class="message-item">-->
  208. <!--<span class="btn btn-info btn-circle"><i class="ti-settings"></i></span>-->
  209. <!--<div class="mail-contnet" style=" width: calc(100% - 50px);">-->
  210. <!--<h5 class="message-title">欧美期指大跌:斯托克50指数期货跌超8% 道指、标普期货均跌逾4%</h5>-->
  211. <!--<span-->
  212. <!--class="mail-desc">美股10天第四次熔断。道指24天跌去10000点北京时间19日凌晨,美股又熔断了。北京时间19日0时56分,标普500指数大跌7%触发熔断机制,暂停</span>-->
  213. <!--<span class="time">2020-03-19 13:01:05</span>-->
  214. <!--</div>-->
  215. <!--</a>-->
  216. <!--&lt;!&ndash; Message &ndash;&gt;-->
  217. <!--<a href="javascript:void(0)" class="message-item">-->
  218. <!--<span class="btn btn-primary btn-circle"><i class="ti-user"></i></span>-->
  219. <!--<div class="mail-contnet" style=" width: calc(100% - 50px);">-->
  220. <!--<h5 class="message-title">工信部加快提升IPv6端到端贯通能力 4股有望受益</h5>-->
  221. <!--<span-->
  222. <!--class="mail-desc">特别提出要优化提升IPv6网络接入能力,全面扩大数据中心IPv6覆盖范围,到2020年底IPv6活跃连接数达到11.5亿。工信部提出,将通过优化提升IPv6网络接入能力、加快提升内容分发网络IPv6应用加速能力、大幅提升云服务平台IPv6业务承载能力、全面扩大数据</span>-->
  223. <!--<span class="time">08:15 AM</span>-->
  224. <!--</div>-->
  225. <!--</a>-->
  226. <!--</div>-->
  227. <!--</li>-->
  228. <!--<li>-->
  229. <!--<a class="nav-link text-center m-b-5 text-dark" href="javascript:void(0);">-->
  230. <!--<strong>查看更多</strong> <i class="fa fa-angle-right"></i> </a>-->
  231. <!--</li>-->
  232. <!--</ul>-->
  233. <!--</div>-->
  234. <!--</li>-->
  235. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  236. <!--&lt;!&ndash; End Comment &ndash;&gt;-->
  237. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  238. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  239. <!--&lt;!&ndash; Messages &ndash;&gt;-->
  240. <!--&lt;!&ndash; ============================================================== &ndash;&gt;-->
  241. <!--<li class="nav-item ">-->
  242. <!--<a class="nav-link waves-effect waves-dark" href="warning.html" id="2" data-toggle=""-->
  243. <!--aria-haspopup="true" aria-expanded="false">-->
  244. <!--&lt;!&ndash; <i class="font-24 far fa-sun "></i> &ndash;&gt;-->
  245. <!--&lt;!&ndash; <i class="font-24 mdi mdi-comment-processing"></i> &ndash;&gt;-->
  246. <!--<svg class="icon font-18" aria-hidden="true">-->
  247. <!--<use xlink:href="#icon-setting"></use>-->
  248. <!--</svg>-->
  249. <!--&lt;!&ndash; <i class="font-24 mdi mdi-comment-processing"></i> &ndash;&gt;-->
  250. <!--</a>-->
  251. <!--</li>-->
  252. <!--<li class="nav-item ">-->
  253. <!--<a class="nav-link waves-effect waves-dark" href="login.html" id="2" data-toggle=""-->
  254. <!--aria-haspopup="true" aria-expanded="false">-->
  255. <!--&lt;!&ndash; <i class="font-24 far fa-sun "></i> &ndash;&gt;-->
  256. <!--&lt;!&ndash; <i class="font-24 mdi mdi-comment-processing"></i> &ndash;&gt;-->
  257. <!--<svg class="icon font-18" aria-hidden="true">-->
  258. <!--<use xlink:href="#icon-exit"></use>-->
  259. <!--</svg>-->
  260. <!--&lt;!&ndash; <i class="font-24 mdi mdi-comment-processing"></i> &ndash;&gt;-->
  261. <!--</a>-->
  262. <!--</li>-->
  263. <!--</ul>-->
  264. <!--</div>-->
  265. <!--</nav>-->
  266. <!--</header>-->
  267. <div th:replace="common/header::header"></div>
  268. <!-- ============================================================== -->
  269. <!-- End Topbar header -->
  270. <!-- ============================================================== -->
  271. <!-- ============================================================== -->
  272. <!-- Left Sidebar - style you can find in sidebar.scss -->
  273. <!-- ============================================================== -->
  274. <!--<aside class="left-sidebar">-->
  275. <!--&lt;!&ndash; Sidebar scroll&ndash;&gt;-->
  276. <!--<div class="scroll-sidebar allleft-menu">-->
  277. <!--&lt;!&ndash; Sidebar navigation&ndash;&gt;-->
  278. <!--<nav class="sidebar-nav">-->
  279. <!--<ul id="sidebarnav">-->
  280. <!--<li class="sidebar-item ">-->
  281. <!--<a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)"-->
  282. <!--aria-expanded="false">-->
  283. <!--<i class="mdi mdi-bell-ring-outline"></i>-->
  284. <!--<span class="hide-menu">预警设置</span>-->
  285. <!--</a>-->
  286. <!--<ul aria-expanded="false" class="collapse">-->
  287. <!--<li class="sidebar-item">-->
  288. <!--<a href="warning.html" style="font-size: 13px; padding: 5px 15px 5px 55px;"-->
  289. <!--class="sidebar-link"> <span class="hide-menu"> 配置列表 </span> </a>-->
  290. <!--</li>-->
  291. <!--<li class="sidebar-item">-->
  292. <!--<a href="warningMessage.html" style="font-size: 13px; padding: 5px 15px 5px 55px;"-->
  293. <!--class="sidebar-link"> <span class="hide-menu"> 消息列表 </span> </a>-->
  294. <!--</li>-->
  295. <!--</ul>-->
  296. <!--</li>-->
  297. <!--<li class="sidebar-item">-->
  298. <!--<a class="sidebar-link waves-effect waves-dark " href="preference.html"-->
  299. <!--aria-expanded="false">-->
  300. <!--<i class="mdi mdi-filter-outline"></i>-->
  301. <!--<span class="hide-menu">偏好设置</span>-->
  302. <!--</a>-->
  303. <!--</li>-->
  304. <!--<li class="sidebar-item">-->
  305. <!--<a class="sidebar-link waves-effect waves-dark" href="userCenter.html"-->
  306. <!--aria-expanded="false">-->
  307. <!--<i class="mdi mdi-account-convert"></i>-->
  308. <!--<span class="hide-menu">账号管理</span>-->
  309. <!--</a>-->
  310. <!--</li>-->
  311. <!--<li class="sidebar-item">-->
  312. <!--<a class="sidebar-link waves-effect waves-dark active" href="feedback.html" aria-expanded="false">-->
  313. <!--<i class="mdi mdi-message-text-outline"></i>-->
  314. <!--<span class="hide-menu">反馈建议</span>-->
  315. <!--</a>-->
  316. <!--</li>-->
  317. <!--</ul>-->
  318. <!--</nav>-->
  319. <!--&lt;!&ndash; End Sidebar navigation &ndash;&gt;-->
  320. <!--</div>-->
  321. <!--&lt;!&ndash; End Sidebar scroll&ndash;&gt;-->
  322. <!--</aside>-->
  323. <div th:replace="common/setting_left::setting_left"></div>
  324. <!-- ============================================================== -->
  325. <!-- End Left Sidebar - style you can find in sidebar.scss -->
  326. <!-- ============================================================== -->
  327. <!-- Page wrapper -->
  328. <!-- ============================================================== -->
  329. <div class="page-wrapper">
  330. <div class="right-content p-0">
  331. <!-- nav start-->
  332. <div class="page-breadcrumb">
  333. <div class="row">
  334. <div class="col-lg-5 align-self-center">
  335. <div class="d-flex align-items-center">
  336. <nav aria-label="breadcrumb">
  337. <ol class="breadcrumb">
  338. <li class="breadcrumb-item">系统设置</li>
  339. <li class="breadcrumb-item">反馈建议</li>
  340. <li class="breadcrumb-item">用户反馈</li>
  341. </ol>
  342. </nav>
  343. </div>
  344. </div>
  345. </div>
  346. </div>
  347. <!-- nav end-->
  348. <div class="p-20">
  349. <div class="card">
  350. <div class="card-body">
  351. <div class="text-center over-load t2" id="loading1">
  352. <div class="spinner-border spinner-border text-info" role="status">
  353. <span class="sr-only">加载中...</span>
  354. </div>
  355. </div>
  356. <div class="card-title">用户反馈</div>
  357. <div class="chat-box" style="min-height: 200px;max-height:450px;padding-right: 20px;">
  358. <!--chat Row -->
  359. <ul class="chat-list">
  360. <!--chat Row -->
  361. <li class="chat-item">
  362. <div class="chat-img"><img src="../assets/images/users/1.jpg" alt="user">
  363. </div>
  364. <div class="chat-content">
  365. <h6 class="font-medium">系统管理员</h6>
  366. <div class="box bg-light-info">欢迎使用网络数据监测平台</div>
  367. </div>
  368. <div class="chat-time">10:56 am</div>
  369. </li>
  370. <!--chat Row -->
  371. <li class="chat-item">
  372. <div class="chat-img"><img src="../assets/images/users/1.jpg" alt="user">
  373. </div>
  374. <div class="chat-content">
  375. <h6 class="font-medium">系统管理员</h6>
  376. <div class="box bg-light-info">请描述您使用过程中遇到的问题,或想法</div>
  377. </div>
  378. <div class="chat-time">10:57 am</div>
  379. </li>
  380. <!--chat Row -->
  381. <li class="odd chat-item">
  382. <div class="chat-content">
  383. <div class="box">我想要报告定制的功能</div>
  384. <span class="m-l-10">我</span>
  385. <br>
  386. </div>
  387. <div class="chat-time">10:59 am</div>
  388. </li>
  389. <!--chat Row -->
  390. <li class="chat-item">
  391. <div class="chat-img"><img src="../assets/images/users/1.jpg" alt="user">
  392. </div>
  393. <div class="chat-content">
  394. <h6 class="font-medium">系统管理员</h6>
  395. <div class="box bg-light-info"> 感谢您的反馈</div>
  396. </div>
  397. <div class="chat-time">11:00 am</div>
  398. </li>
  399. <!--chat Row -->
  400. </ul>
  401. </div>
  402. </div>
  403. <div class="card-body border-top">
  404. <div class="row">
  405. <div class="col-lg-3">
  406. <div class="custom-file">
  407. <input type="file" class="custom-file-input" id="customFile">
  408. <label class="custom-file-label" for="customFile">上传图片</label>
  409. </div>
  410. </div>
  411. <div class="col-6">
  412. <div class="input-field m-t-0 m-b-0">
  413. <input id="textarea1" placeholder="请填写您遇到的问题或意见建议" class="form-control border-0" type="text">
  414. </div>
  415. </div>
  416. <div class="col-3">
  417. <a class="btn-circle btn-lg btn-cyan float-right text-white" href="javascript:void(0)">
  418. <i class="fas fa-paper-plane"></i>
  419. </a>
  420. </div>
  421. </div>
  422. </div>
  423. </div>
  424. </div>
  425. <!-- ============================================================== -->
  426. <!-- footer start -->
  427. <!-- ============================================================== -->
  428. <div class="page-footer">
  429. © 2014-<span id="currentyear"></span> 南京涌亿思信息技术有限公司 苏ICP备17066984号-1
  430. </div>
  431. <!-- ============================================================== -->
  432. <!-- footer end -->
  433. <!-- ============================================================== -->
  434. </div>
  435. </div>
  436. <!-- ============================================================== -->
  437. <!-- End Page wrapper -->
  438. <!-- ============================================================== -->
  439. </div>
  440. <!-- ============================================================== -->
  441. <!-- End Wrapper -->
  442. <!-- ============================================================== -->
  443. <!-- All Jquery -->
  444. <!-- ============================================================== -->
  445. <script src=" ../assets/libs/jquery/dist/jquery.min.js"></script>
  446. <!-- Bootstrap tether Core JavaScript -->
  447. <script src=" ../assets/libs/popper.js/dist/umd/popper.min.js"></script>
  448. <script src=" ../assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
  449. <!-- apps -->
  450. <script src=" ../dist/js/app.min.js"></script>
  451. <script src=" ../dist/js/app.init.light-sidebar.js"></script>
  452. <script src=" ../dist/js/app-style-switcher.js"></script>
  453. <!-- slimscrollbar scrollbar JavaScript -->
  454. <script src=" ../assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
  455. <script src=" ../assets/extra-libs/sparkline/sparkline.js"></script>
  456. <!--Wave Effects -->
  457. <script src=" ../dist/js/waves.js"></script>
  458. <!--Menu sidebar -->
  459. <script src=" ../dist/js/sidebarmenu.js"></script>
  460. <!--Custom JavaScript -->
  461. <script src=" ../dist/js/custom.min.js"></script>
  462. <!-- this pages -->
  463. <script src="../dist/js/projectlist.js"></script>
  464. <script src="../dist/js/pages.js"></script>
  465. <!-- 右上角提示 -->
  466. <script src="../assets/libs/block-ui/jquery.blockUI.js"></script>
  467. <script th:src="@{/dist/baidu/baidu_statistics.js}"></script>
  468. <script>
  469. $("#currentyear").text((new Date()).getFullYear());
  470. $('.navLi').click(function(){
  471. jumpNavLocation($(this).data('type'), null, null);
  472. })
  473. $(function () {
  474. var currentPage = 1
  475. var totalPages = 5
  476. $("#page").bootstrapPaginator({
  477. bootstrapMajorVersion: 3, //版本
  478. currentPage: currentPage, //当前页数
  479. numberOfPages: 20, //每次显示页数
  480. totalPages: totalPages, //总页数
  481. shouldShowPage: true, //是否显示该按钮
  482. useBootstrapTooltip: false,
  483. onPageClicked: function (event, originalEvent, type, page) {
  484. console.log("PAGE = " + page)
  485. }
  486. });
  487. });
  488. // loading
  489. setTimeout(() => {
  490. $("#loading1").hide()
  491. }, 1000);
  492. var prodata =
  493. [
  494. {
  495. "name": "国家高层",
  496. "keywords": "关键词[快讯]中国广核:2018、2019、2020三个财政年度民生教育(01569)4.2亿元人币购TCL教育网保持每股派息适度增长",
  497. "createtime": "2020-03-26",
  498. "id": 1
  499. },
  500. {
  501. "name": "中共中央",
  502. "keywords": "BB:区块链可以提高治理效率和相互问责,加密技术为我们提供透明价值存储",
  503. "createtime": "2020-03-26",
  504. "id": 22222
  505. },
  506. {
  507. "name": "中国人民",
  508. "keywords": "2019年ROE继续跑赢行业 中银证券实美股暴力反弹11%,A股修复反弹可期现持续稳健发展",
  509. "createtime": "2020-03-26",
  510. "id": 33333
  511. },
  512. {
  513. "name": "国家政党",
  514. "keywords": "Zoom年内股% 公司高管高位价已上涨超100% 公司% 公司高管高位高管高位大量% 公司高管高位减持Zoom年内股价已上涨超100% 公司高管高位大量减持",
  515. "createtime": "2020-03-26",
  516. "id": 44444
  517. },
  518. ]
  519. function createprolist(prodata) {
  520. var data = prodata
  521. var listtr = ''
  522. if (data == undefined) {
  523. data = []
  524. }
  525. for (var i = 0; i < data.length; i++) {
  526. listtr +=
  527. '<div class="table-hover d-flex project-list-box pro-bt">' +
  528. ' <div class="project-chb">' +
  529. ' <div class="custom-control custom-checkbox">' +
  530. ' <input type="checkbox" class="custom-control-input" id="cst' + (i + 1) + '">' +
  531. ' <label class="custom-control-label" for="cst' + (i + 1) + '"></label>' +
  532. ' </div>' +
  533. ' </div>' +
  534. ' <div class="project-name"><a href="projectlistDetail.html">' +
  535. data[i].name +
  536. ' </a></div>' +
  537. ' <div class="project-keywords text-over"><a href="projectlistDetail.html">' +
  538. data[i].keywords +
  539. ' </a></div>' +
  540. ' <div class="project-times">' +
  541. data[i].createtime +
  542. ' </div>' +
  543. ' <div class="project-edit-delete">' +
  544. ' <i class="fas fas fa-pencil-alt"onclick="proedit(' + data[i].id + ')" data-id="' + data[i].id + '"></i>' +
  545. ' <i class="fas fa-trash-alt" onclick="prodelete(' + data[i].id + ')" data-id="' + data[i].id + '"></i>' +
  546. ' </div>' +
  547. '</div>'
  548. }
  549. $("#projectlist").html(listtr)
  550. }
  551. createprolist(prodata)
  552. function prodelete(that) {
  553. console.log("删除方案id", that)
  554. showtips("删除方案的id" + that)
  555. }
  556. function proedit(id) {
  557. console.log(id)
  558. window.location.href = "editProject.html"
  559. }
  560. // Growl notification
  561. $('.growl').on('click', function () {
  562. $.blockUI({
  563. message: "这是页面的提示",
  564. fadeIn: 700,
  565. fadeOut: 700,
  566. timeout: 3000,
  567. showOverlay: false,
  568. centerY: false,
  569. css: {
  570. width: '250px',
  571. top: '20px',
  572. left: '',
  573. right: '20px',
  574. border: 'none',
  575. padding: '15px 5px',
  576. backgroundColor: '#000',
  577. '-webkit-border-radius': '10px',
  578. '-moz-border-radius': '10px',
  579. opacity: 0.9,
  580. color: '#fff'
  581. }
  582. });
  583. setTimeout(() => {
  584. window.location.href = "createProject.html"
  585. }, 100);
  586. });
  587. </script>
  588. </body>
  589. </html>

一款开源免费的舆情系统。 支持本地化部署,支持在线体验。 支持对海量舆情数据分析和挖掘。