langTab.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
  1. <!doctype html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>afaa</title>
  8. <link rel="stylesheet" type="text/css" href="css/normalize.css"/>
  9. <link rel="stylesheet" type="text/css" href="css/default.css">
  10. <link rel="stylesheet" href="css/style.css">
  11. <link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  12. <link href="css/bootstrap.min.css" rel="stylesheet">
  13. <script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
  14. <script src="js/jquery.min.js"></script>
  15. <script src="js/bootstrap.min.js"></script>
  16. <script src="js/jquery_cookie_min.js"></script>
  17. <script src="js/scripts.js"></script>
  18. <script src="js/jqhttpsdk.js"></script>
  19. <script src="js/jkcor.js"></script>
  20. <script src="js/pages.js"></script>
  21. </head>
  22. <body>
  23. <div class="clear-backend">
  24. <div class="avatar">
  25. <div>
  26. <a href="#" target="_blank">
  27. <img src="img/admin.png" alt="">
  28. </a>
  29. </div>
  30. </div>
  31. <input type="radio" class="tab-1" name="tab" onclick="location.href='index.html'">
  32. <span>Home</span><i class="fa fa-home"></i>
  33. <input type="radio" class="tab-5" name="tab" onclick="location.href='avss_index.html'">
  34. <span>AVSS</span><i class="fa fa-language"></i>
  35. <input type="radio" class="tab-2" name="tab" checked="checked">
  36. <span>Lang</span><i class="fa fa-medium"></i>
  37. <input type="radio" class="tab-3" name="tab" onclick="location.href='userTab.html'">
  38. <span>Users</span><i class="fa fa-user"></i>
  39. <input type="radio" class="tab-4" name="tab" onclick="location.href='imgTab.html'">
  40. <span>Azimg</span><i class="fa fa-image"></i>
  41. <!-- tab-top-bar -->
  42. <div class="top-bar">
  43. <ul>
  44. <li>
  45. <a href="login.html" title="Log Out">
  46. <i class="fa fa-sign-out"></i>
  47. </a>
  48. </li>
  49. <!--
  50. <li>
  51. <a href="" title="Messages">
  52. <i class="fa fa-envelope"></i>
  53. </a>
  54. </li>
  55. <li>
  56. <a href="" title="Edit">
  57. <i class="fa fa-edit"></i>
  58. </a>
  59. </li>
  60. -->
  61. </ul>
  62. </div>
  63. <!-- tab-content -->
  64. <div class="tab-content" style="overflow: auto">
  65. <section class="tab-item-2" style="height: 100%;width: 100%">
  66. <div class="container-fluid">
  67. <div class="row">
  68. <div class="col-md-12">
  69. <form role="form">
  70. <div class="form-group">
  71. <label for="InputLangArea">
  72. 语种
  73. </label>
  74. <input type="text" class="form-control" id="InputLangArea"/>
  75. </div>
  76. <button type="submit" class="btn btn-primary" onclick="subLangAre();return false;">
  77. 添加语种
  78. </button>
  79. </form>
  80. </div>
  81. </div>
  82. </div>
  83. <hr>
  84. <div class="container-fluid">
  85. <div class="row">
  86. <div class="col-md-12">
  87. <table class="table table-bordered table-hover">
  88. <thead id="tabLangHead">
  89. <tr>
  90. <th>编号</th>
  91. <th>语言</th>
  92. <th>操作</th>
  93. </tr>
  94. </thead>
  95. <tbody id="tabLangBody"></tbody>
  96. </table>
  97. </div>
  98. </div>
  99. </div>
  100. <!--模态框start-->
  101. <div class="container-fluid">
  102. <div class="row">
  103. <div class="col-md-12">
  104. <div class="modal fade" id="modal-container-edit" role="dialog"
  105. aria-labelledby="myModalLabel"
  106. aria-hidden="true">
  107. <div class="modal-dialog" role="document">
  108. <div class="modal-content">
  109. <div class="modal-header">
  110. <h5 class="modal-title" id="myModalLabel">
  111. EDIT
  112. </h5>
  113. <button type="button" class="close" data-dismiss="modal">
  114. <span aria-hidden="true">×</span>
  115. </button>
  116. </div>
  117. <div class="modal-body">
  118. <div class="form-group" id="edit_model_form">
  119. </div>
  120. </div>
  121. <div class="modal-footer">
  122. <button type="button" class="btn btn-primary editRowSaveBtn"
  123. onclick="editRow(this);return false;">
  124. Save changes
  125. </button>
  126. <button type="button" class="btn btn-secondary" data-dismiss="modal">
  127. Close
  128. </button>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. <!--模态框end-->
  137. </section>
  138. </div>
  139. </div>
  140. <script type="text/javascript">
  141. let lang_data
  142. $(function () {
  143. let post_data = {
  144. 'token': $.cookie('access_token'),
  145. };
  146. $.postJSON(
  147. http_ip_prot + 'langArea/query', JSON.stringify(post_data),
  148. function (data) {
  149. if (data['code'] == 0) {
  150. console.log(data)
  151. lang_data = data['res']
  152. addLangAreaTable(data['res'])
  153. } else {
  154. alert(data['msg'])
  155. }
  156. }
  157. );
  158. });
  159. function addLangAreaTable(data) {
  160. let body_html = ''
  161. $.each(data.reverse(), function (idx, obj) {
  162. let edit_btn = '<a href="#" title="Edit" onclick="editFunc(\'' + obj['id'] + '\')"><i class="fa fa-edit"></i></a>';
  163. let del_btn = '<a href="#" title="Delete" onclick="delArea(\'' + obj['id'] + '\')"><i class="fa fa-ban"></i></a>';
  164. let idw_btn = 'IOS:<a href="#" title="ios" onclick="dlFunc(\'' + obj['id'] + '\',1)"><i class="fa fa-download"></i></a>';
  165. let adw_btn = '安卓:<a href="#" title="android" onclick="dlFunc(\'' + obj['id'] + '\',2)"><i class="fa fa-download"></i></a>';
  166. let avssw_btn = 'AVSS:<a href="#" title="avss" onclick="dlFunc(\'' + obj['id'] + '\',3)"><i class="fa fa-download"></i></a>';
  167. let np = '&nbsp;&nbsp;&nbsp;&nbsp;'
  168. body_html += '<tr><td>' + obj['id'] + '</td><td>' + obj['lang'] + '</td><td>' + edit_btn + np + del_btn + np + idw_btn + np + adw_btn + avssw_btn +'</td></tr>'
  169. })
  170. $('#tabLangBody').html(body_html)
  171. }
  172. function subLangAre() {
  173. let access_token = $.cookie('access_token')
  174. let langArea = $('#InputLangArea').val()
  175. let post_data = {
  176. 'token': access_token,
  177. 'lang': langArea,
  178. }
  179. console.log(post_data)
  180. $.postJSON(
  181. http_ip_prot + 'langArea/add',
  182. JSON.stringify(post_data),
  183. function (data) {
  184. if (data['code'] == 0) {
  185. alert(data['msg'])
  186. window.location.reload();
  187. } else {
  188. alert(data['msg'])
  189. }
  190. }
  191. );
  192. }
  193. function delArea(id) {
  194. let post_data = {
  195. 'token': $.cookie('access_token'),
  196. 'id': id
  197. }
  198. let cr = confirm('delete it ?')
  199. if (cr) {
  200. $.postJSON(
  201. http_ip_prot + 'langArea/delete', JSON.stringify(post_data),
  202. function (data) {
  203. if (data['code'] == 0) {
  204. console.log(data)
  205. // alert(data['msg'])
  206. window.location.reload()
  207. } else {
  208. alert(data['msg'])
  209. }
  210. }
  211. );
  212. }
  213. }
  214. function editFunc(lang_id) {
  215. // alert(langKey)
  216. console.log(lang_data)
  217. $('#modal-container-edit').modal('show')
  218. let html_edit = ''
  219. $.each(lang_data, function (idx, obj) {
  220. if (lang_id == obj['id']) {
  221. html_edit = '<input type="text" class="form-control" id="editDataInput" value="' + obj['lang'] + '" lid="' + lang_id + '">'
  222. }
  223. });
  224. $('#edit_model_form').html(html_edit)
  225. return
  226. // let post_data = {'token': $.cookie('access_token')};
  227. // let html_per = '<label for="lang_key_edit">KEY</label><input class="form-control" type="text" id="lang_key_edit" oldkey="' + langKey + '" value="' + langKey + '"> '
  228. // $.each(la_list, function (idx, obj) {
  229. // console.log(obj);
  230. // html_per += ('<label for="InputLangArea">' + obj['lang'] + ':</label>' +
  231. // '<input type="text" class="form-control" lang="' + obj['lang'] + '" value="' + (lw_data[langKey][obj['lang']] ? lw_data[langKey][obj['lang']] : '') + '"/>')
  232. // });
  233. // // console.log(html_per)
  234. // $('#edit_model_form').html(html_per)
  235. }
  236. function editRow() {
  237. let lang_id = $('#editDataInput').attr('lid')
  238. let lang_area = $('#editDataInput').val()
  239. if (lang_id && lang_area) {
  240. let post_data = {
  241. 'token': $.cookie('access_token'),
  242. 'id': lang_id,
  243. 'lang': lang_area
  244. }
  245. $.postJSON(
  246. http_ip_prot + 'langArea/update', JSON.stringify(post_data),
  247. function (data) {
  248. if (data['code'] == 0) {
  249. console.log(data)
  250. // alert(data['msg'])
  251. window.location.reload()
  252. } else {
  253. alert(data['msg'])
  254. }
  255. }
  256. );
  257. } else {
  258. alert('none')
  259. }
  260. }
  261. function dlFunc(id, type) {
  262. let post_type = ''
  263. if (type == 1) {
  264. post_type = 'ios'
  265. } else if (type == 2) {
  266. post_type = 'android'
  267. }else if(type == 3){
  268. post_type = 'avss'
  269. }
  270. let post_data = {
  271. 'token': $.cookie('access_token'),
  272. 'id': id
  273. }
  274. window.location.href = http_ip_prot + 'langArea/export?id=' + id + '&token=' + post_data['token'] + '&type=' + post_type
  275. return
  276. window.location.href = 'http://192.168.136.40:7724/exportLang'
  277. return
  278. let cr = confirm('export it ?')
  279. if (cr) {
  280. $.postJSON(
  281. http_ip_prot + 'langArea/export', JSON.stringify(post_data),
  282. function (data) {
  283. if (data['code'] == 0) {
  284. console.log(data)
  285. // alert(data['msg'])
  286. // window.location.reload()
  287. } else {
  288. alert(data['msg'])
  289. }
  290. }
  291. );
  292. }
  293. }
  294. </script>
  295. </body>
  296. </html>