langTab.html 16 KB

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