langTab.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391
  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="js/jquery.min.js"></script>
  14. <script src="js/bootstrap.min.js"></script>
  15. <script src="js/jquery_cookie_min.js"></script>
  16. <script src="js/scripts.js"></script>
  17. <script src="js/jqhttpsdk.js"></script>
  18. <script src="js/jkcor.js"></script>
  19. <script src="js/pages.js"></script>
  20. </head>
  21. <body>
  22. <div class="clear-backend">
  23. <div class="avatar">
  24. <div>
  25. <a href="#" target="_blank">
  26. <img src="img/admin.png" alt="">
  27. </a>
  28. </div>
  29. </div>
  30. <div id="zosi" class="menu">
  31. <input type="radio" class="tab-1" name="tab" onclick="location.href='index.html'">
  32. <span>APP</span><i class="fa fa-home"></i>
  33. </div>
  34. <div id="avss" class="menu">
  35. <input type="radio" class="tab-5" name="tab" onclick="location.href='avss_index.html'">
  36. <span>AVSS</span><i class="fa fa-language"></i>
  37. </div>
  38. <div id="zosi_link" class="menu">
  39. <input type="radio" class="tab-6" name="tab" onclick="location.href='zosi_link_index.html'">
  40. <span>Zosi Link</span><i class="fa fa-language"></i>
  41. </div>
  42. <div class="menu">
  43. <input type="radio" class="tab-7" name="tab" onclick="location.href='new_searchTool.html'">
  44. <span> New Search Tool</span><i class="fa fa-language"></i>
  45. </div>
  46. <div class="menu">
  47. <input type="radio" class="tab-8" name="tab" onclick="location.href='old_searchTool.html'">
  48. <span>Old Search Tool</span><i class="fa fa-language"></i>
  49. </div>
  50. <div class="menu">
  51. <input type="radio" class="tab-2" name="tab" checked="checked">
  52. <span>Lang</span><i class="fa fa-medium"></i>
  53. </div>
  54. <div class="menu">
  55. <input type="radio" class="tab-3" name="tab" onclick="location.href='userTab.html'">
  56. <span>Users</span><i class="fa fa-user"></i>
  57. </div>
  58. <div class="menu">
  59. <input type="radio" class="tab-4" name="tab" onclick="location.href='imgTab.html'">
  60. <span>Azimg</span><i class="fa fa-image"></i>
  61. </div>
  62. <!-- tab-top-bar -->
  63. <div class="top-bar">
  64. <ul>
  65. <li>
  66. <a href="login.html" title="Log Out">
  67. <i class="fa fa-sign-out"></i>
  68. </a>
  69. </li>
  70. <!--
  71. <li>
  72. <a href="" title="Messages">
  73. <i class="fa fa-envelope"></i>
  74. </a>
  75. </li>
  76. <li>
  77. <a href="" title="Edit">
  78. <i class="fa fa-edit"></i>
  79. </a>
  80. </li>
  81. -->
  82. </ul>
  83. </div>
  84. <!-- tab-content -->
  85. <div class="tab-content" style="overflow: auto">
  86. <section class="tab-item-2" style="height: 100%;width: 100%;display: block">
  87. <div class="container-fluid">
  88. <div class="row">
  89. <div class="col-md-12">
  90. <form role="form">
  91. <div class="form-group">
  92. <label for="InputLangArea">
  93. 语种
  94. </label>
  95. <input type="text" class="form-control" id="InputLangArea"/>
  96. </div>
  97. <button type="submit" class="btn btn-primary" onclick="subLangAre();return false;">
  98. 添加语种
  99. </button>
  100. </form>
  101. </div>
  102. </div>
  103. </div>
  104. <hr>
  105. <div class="container-fluid">
  106. <div class="row">
  107. <div class="col-md-12">
  108. <table class="table table-bordered table-hover">
  109. <thead id="tabLangHead">
  110. <tr>
  111. <th>编号</th>
  112. <th>语言</th>
  113. <th>操作</th>
  114. </tr>
  115. </thead>
  116. <tbody id="tabLangBody"></tbody>
  117. </table>
  118. </div>
  119. </div>
  120. </div>
  121. <!--模态框start-->
  122. <div class="container-fluid">
  123. <div class="row">
  124. <div class="col-md-12">
  125. <div class="modal fade" id="modal-container-edit" role="dialog"
  126. aria-labelledby="myModalLabel"
  127. aria-hidden="true">
  128. <div class="modal-dialog" role="document">
  129. <div class="modal-content">
  130. <div class="modal-header">
  131. <h5 class="modal-title" id="myModalLabel">
  132. EDIT
  133. </h5>
  134. <button type="button" class="close" data-dismiss="modal">
  135. <span aria-hidden="true">×</span>
  136. </button>
  137. </div>
  138. <div class="modal-body">
  139. <div class="form-group" id="edit_model_form">
  140. </div>
  141. </div>
  142. <div class="modal-footer">
  143. <button type="button" class="btn btn-primary editRowSaveBtn"
  144. onclick="editRow(this);return false;">
  145. Save changes
  146. </button>
  147. <button type="button" class="btn btn-secondary" data-dismiss="modal">
  148. Close
  149. </button>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. <!--模态框end-->
  158. </section>
  159. </div>
  160. </div>
  161. <script type="text/javascript">
  162. let lang_data
  163. $(function () {
  164. hideProject()
  165. let post_data = {
  166. 'token': $.cookie('access_token'),
  167. };
  168. $.postJSON(
  169. http_ip_prot + 'langArea/query', JSON.stringify(post_data),
  170. function (data) {
  171. if (data['code'] == 0) {
  172. console.log(data)
  173. lang_data = data['res']
  174. addLangAreaTable(data['res'])
  175. } else {
  176. alert(data['msg'])
  177. }
  178. }
  179. );
  180. });
  181. function addLangAreaTable(data) {
  182. let body_html = ''
  183. $.each(data.reverse(), function (idx, obj) {
  184. let edit_btn = '<a href="#" title="Edit" onclick="editFunc(\'' + obj['id'] + '\')"><i class="fa fa-edit"></i></a>';
  185. let del_btn = '<a href="#" title="Delete" onclick="delArea(\'' + obj['id'] + '\')"><i class="fa fa-ban"></i></a>';
  186. let idw_btn = 'IOS:<a href="#" title="ios" onclick="dlFunc(\'' + obj['id'] + '\',1)"><i class="fa fa-download"></i></a>';
  187. let adw_btn = '安卓:<a href="#" title="android" onclick="dlFunc(\'' + obj['id'] + '\',2)"><i class="fa fa-download"></i></a>';
  188. let avssw_btn = 'AVSS:<a href="#" title="avss" onclick="dlFunc(\'' + obj['id'] + '\',3)"><i class="fa fa-download"></i></a>';
  189. let link_ios_tbn = 'Link IOS:<a href="#" title="zosi_link_ios" onclick="dlFunc(\'' + obj['id'] + '\',4)"><i class="fa fa-download"></i></a>';
  190. let link_android_btn = 'Link 安卓:<a href="#" title="zosi_link_android" onclick="dlFunc(\'' + obj['id'] + '\',5)"><i class="fa fa-download"></i></a>';
  191. let new_searchTool_btn = 'New Search Tool:<a href="#" title="new_searchTool" onclick="dlFunc(\'' + obj['id'] + '\',6)"><i class="fa fa-download"></i></a>';
  192. let old_searchTool_btn = 'Old Search Tool:<a href="#" title="new_searchTool" onclick="dlFunc(\'' + obj['id'] + '\',7)"><i class="fa fa-download"></i></a>';
  193. let flutter_btn = 'flutter:<a href="#" title="flutter" onclick="dlFunc(\'' + obj['id'] + '\',8)"><i class="fa fa-download"></i></a>';
  194. let np = '&nbsp;&nbsp;&nbsp;'
  195. body_html += '<tr><td>' + obj['id'] + '</td><td>' + obj['lang'] + '</td><td>' + edit_btn + np + del_btn
  196. + np + idw_btn + np + adw_btn + np + avssw_btn + np + link_ios_tbn + np + link_android_btn + np + new_searchTool_btn + np + old_searchTool_btn + np + flutter_btn + '</td></tr>'
  197. })
  198. $('#tabLangBody').html(body_html)
  199. }
  200. function subLangAre() {
  201. let access_token = $.cookie('access_token')
  202. let langArea = $('#InputLangArea').val()
  203. let post_data = {
  204. 'token': access_token,
  205. 'lang': langArea,
  206. }
  207. console.log(post_data)
  208. $.postJSON(
  209. http_ip_prot + 'langArea/add',
  210. JSON.stringify(post_data),
  211. function (data) {
  212. if (data['code'] == 0) {
  213. alert(data['msg'])
  214. window.location.reload();
  215. } else {
  216. alert(data['msg'])
  217. }
  218. }
  219. );
  220. }
  221. function delArea(id) {
  222. let post_data = {
  223. 'token': $.cookie('access_token'),
  224. 'id': id
  225. }
  226. let cr = confirm('delete it ?')
  227. if (cr) {
  228. $.postJSON(
  229. http_ip_prot + 'langArea/delete', JSON.stringify(post_data),
  230. function (data) {
  231. if (data['code'] == 0) {
  232. console.log(data)
  233. // alert(data['msg'])
  234. window.location.reload()
  235. } else {
  236. alert(data['msg'])
  237. }
  238. }
  239. );
  240. }
  241. }
  242. function editFunc(lang_id) {
  243. // alert(langKey)
  244. console.log(lang_data)
  245. $('#modal-container-edit').modal('show')
  246. let html_edit = ''
  247. $.each(lang_data, function (idx, obj) {
  248. if (lang_id == obj['id']) {
  249. html_edit = '<input type="text" class="form-control" id="editDataInput" value="' + obj['lang'] + '" lid="' + lang_id + '">'
  250. }
  251. });
  252. $('#edit_model_form').html(html_edit)
  253. return
  254. // let post_data = {'token': $.cookie('access_token')};
  255. // let html_per = '<label for="lang_key_edit">KEY</label><input class="form-control" type="text" id="lang_key_edit" oldkey="' + langKey + '" value="' + langKey + '"> '
  256. // $.each(la_list, function (idx, obj) {
  257. // console.log(obj);
  258. // html_per += ('<label for="InputLangArea">' + obj['lang'] + ':</label>' +
  259. // '<input type="text" class="form-control" lang="' + obj['lang'] + '" value="' + (lw_data[langKey][obj['lang']] ? lw_data[langKey][obj['lang']] : '') + '"/>')
  260. // });
  261. // // console.log(html_per)
  262. // $('#edit_model_form').html(html_per)
  263. }
  264. function editRow() {
  265. let lang_id = $('#editDataInput').attr('lid')
  266. let lang_area = $('#editDataInput').val()
  267. if (lang_id && lang_area) {
  268. let post_data = {
  269. 'token': $.cookie('access_token'),
  270. 'id': lang_id,
  271. 'lang': lang_area
  272. }
  273. $.postJSON(
  274. http_ip_prot + 'langArea/update', JSON.stringify(post_data),
  275. function (data) {
  276. if (data['code'] == 0) {
  277. console.log(data)
  278. // alert(data['msg'])
  279. window.location.reload()
  280. } else {
  281. alert(data['msg'])
  282. }
  283. }
  284. );
  285. } else {
  286. alert('none')
  287. }
  288. }
  289. function dlFunc(id, type) {
  290. let post_type = ''
  291. if (type == 1) {
  292. post_type = 'ios'
  293. } else if (type == 2) {
  294. post_type = 'android'
  295. }else if(type == 3){
  296. post_type = 'avss'
  297. }else if(type == 4){
  298. post_type = 'link_ios'
  299. }else if(type == 5){
  300. post_type = 'link_android'
  301. }else if(type == 6){
  302. post_type = 'new_searchTool'
  303. }else if(type == 7){
  304. post_type = 'old_searchTool'
  305. }else if(type == 8){
  306. post_type = 'flutter'
  307. }
  308. let post_data = {
  309. 'token': $.cookie('access_token'),
  310. 'id': id
  311. }
  312. window.location.href = http_ip_prot + 'langArea/export?id=' + id + '&token=' + post_data['token'] + '&type=' + post_type
  313. return
  314. window.location.href = 'http://192.168.136.40:7724/exportLang'
  315. return
  316. let cr = confirm('export it ?')
  317. if (cr) {
  318. $.postJSON(
  319. http_ip_prot + 'langArea/export', JSON.stringify(post_data),
  320. function (data) {
  321. if (data['code'] == 0) {
  322. console.log(data)
  323. // alert(data['msg'])
  324. // window.location.reload()
  325. } else {
  326. alert(data['msg'])
  327. }
  328. }
  329. );
  330. }
  331. }
  332. function hideProject() {
  333. let project_perm = JSON.parse($.cookie('project_perm'));
  334. console.log('project_perm is ' + project_perm);
  335. if (project_perm && project_perm.length > 0) {
  336. let zosiFlag = $.inArray(1, project_perm);
  337. console.log('zosiFlag is ' + zosiFlag);
  338. if (zosiFlag >= 0) {
  339. $("#zosi").show();
  340. } else {
  341. $("#zosi").hide();
  342. }
  343. let avssFlag = $.inArray(2, project_perm);
  344. console.log('avssFlag is ' + avssFlag);
  345. if (avssFlag >= 0) {
  346. $("#avss").show();
  347. } else {
  348. $("#avss").hide();
  349. }
  350. let zosiLinkFlag = $.inArray(3, project_perm);
  351. console.log('zosiLinkFlag is ' + zosiLinkFlag);
  352. if (zosiLinkFlag >= 0) {
  353. $("#zosi_link").show();
  354. } else {
  355. $("#zosi_link").hide();
  356. }
  357. }
  358. }
  359. </script>
  360. </body>
  361. </html>