new_searchTool.html 36 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006
  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" href="css/style.css">
  10. <link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  11. <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
  12. <link rel="stylesheet" type="text/css" href="css/default.css">
  13. <link href="css/toastr.min.css" rel="stylesheet">
  14. <script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
  15. <script src="js/jquery.min.js"></script>
  16. <script src="js/toastr.min.js"></script>
  17. <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  18. <script src="js/jquery_cookie_min.js"></script>
  19. <script src="js/scripts.js"></script>
  20. <script src="js/jqhttpsdk.js"></script>
  21. <script src="js/jkcor.js"></script>
  22. <script src="js/pages.js"></script>
  23. <script src="js/datachange.js"></script>
  24. <style>
  25. html {
  26. font-family: sans-serif;
  27. line-height: 1.15;
  28. -ms-text-size-adjust: 100%;
  29. -webk_idit-text-size-adjust: 100%;
  30. background-color: #ffffff;
  31. }
  32. td {
  33. white-space: nowrap;
  34. }
  35. #in_button:hover{
  36. background: #000000;
  37. color: #ffffff;
  38. }
  39. body {
  40. font-family :-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <div class="clear-backend">
  46. <div class="avatar">
  47. <div>
  48. <a href="javascript:void(0);" target="_blank">
  49. <img src="img/admin.png" alt="">
  50. </a>
  51. </div>
  52. </div>
  53. <!-- tab-menu -->
  54. <div id="zosi" class="menu">
  55. <input type="radio" class="tab-1" name="tab" onclick="location.href='index.html'">
  56. <span>APP</span><i class="fa fa-home"></i>
  57. </div>
  58. <div id="avss" class="menu">
  59. <input type="radio" class="tab-5" name="tab" onclick="location.href='avss_index.html'">
  60. <span>AVSS</span><i class="fa fa-language"></i>
  61. </div>
  62. <div id="zosi_link" class="menu">
  63. <input type="radio" class="tab-6" name="tab" onclick="location.href='zosi_link_index.html'">
  64. <span>Zosi Link</span><i class="fa fa-language"></i>
  65. </div>
  66. <div class="menu">
  67. <input type="radio" class="tab-7" name="tab" checked="checked">
  68. <span> New Search Tool</span><i class="fa fa-language"></i>
  69. </div>
  70. <div class="menu">
  71. <input type="radio" class="tab-8" name="tab" onclick="location.href='old_searchTool.html'">
  72. <span>Old Search Tool</span><i class="fa fa-language"></i>
  73. </div>
  74. <div class="menu">
  75. <input type="radio" class="tab-2" name="tab" onclick="location.href='langTab.html'">
  76. <span>Lang</span><i class="fa fa-medium"></i>
  77. </div>
  78. <div class="menu">
  79. <input type="radio" class="tab-3" name="tab" onclick="location.href='userTab.html'">
  80. <span>Users</span><i class="fa fa-user"></i>
  81. </div>
  82. <div class="menu">
  83. <input type="radio" class="tab-4" name="tab" onclick="location.href='imgTab.html'">
  84. <span>Azimg</span><i class="fa fa-image"></i>
  85. </div>
  86. <!-- tab-content -->
  87. <div class="tab-content" style="overflow: auto">
  88. <section class="tab-item-1" style="height: 100%;width: 100%;display: block">
  89. <ul id="myTab" class="nav nav-tabs">
  90. <li class="active">
  91. <a href="#mokuai" data-toggle="tab">模块</a>
  92. </li>
  93. <li><a href="#message" data-toggle="tab">消息</a></li>
  94. </ul>
  95. <div class="tab-pane fade in active" id="mokuai">
  96. <div class="container-fluid">
  97. <div class="row">
  98. <div id="mokuaisearchCheckBox" class="col-md-8"></div>
  99. <div class="col-md-4">
  100. <input type="text" class="form-group form-control" id="mokuaisearchInput"
  101. style="width: 300px;display: inline"/>
  102. <button class="btn btn-danger form-inline" style="margin-bottom: 5px"
  103. onclick="searchMoKuaiAction()">搜索
  104. </button>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="container-fluid">
  109. <div class="row">
  110. <!--add-->
  111. <div class="col-md-12">
  112. <table class="table table-bordered table-hover">
  113. <thead id="mokuaiHead"></thead>
  114. <tbody id="mokuaiBody"></tbody>
  115. </table>
  116. </div>
  117. </div>
  118. <div id="mokuaipagination"></div>
  119. </div>
  120. </div>
  121. <div class="tab-pane fade" id="message">
  122. <div class="container-fluid">
  123. <div class="row">
  124. <div id="messagesearchCheckBox" class="col-md-8"></div>
  125. <div class="col-md-4">
  126. <input type="text" class="form-group form-control" id="messagesearchInput"
  127. style="width: 300px;display: inline"/>
  128. <button class="btn btn-danger form-inline" style="margin-bottom: 5px"
  129. onclick="searchMessageAction()">搜索
  130. </button>
  131. </div>
  132. </div>
  133. </div>
  134. <div class="container-fluid">
  135. <div class="row">
  136. <!--add-->
  137. <div class="col-md-12">
  138. <table class="table table-bordered table-hover">
  139. <thead id="messageHead"></thead>
  140. <tbody id="messageBody"></tbody>
  141. </table>
  142. </div>
  143. </div>
  144. <div id="messagepagination"></div>
  145. </div>
  146. </div>
  147. <!---->
  148. <div class="container-fluid">
  149. <div class="row">
  150. <div class="col-md-12">
  151. <div class="modal fade" id="modal-container-593541" role="dialog" aria-labelledby="myModalLabel"
  152. aria-hidden="true">
  153. <div class="modal-dialog" role="document">
  154. <div class="modal-content">
  155. <div class="modal-header">
  156. <h5 class="modal-title" id="myModalLabel">
  157. EDIT
  158. </h5>
  159. <button type="button" class="close" data-dismiss="modal">
  160. <span aria-hidden="true">×</span>
  161. </button>
  162. </div>
  163. <div class="modal-body">
  164. <div class="form-group" id="edit_model_form">
  165. <!--<label for="InputLangArea">-->
  166. <!--langArea-->
  167. <!--</label>-->
  168. <!--<input type="text" class="form-control" id="InputLangArea"/>-->
  169. </div>
  170. </div>
  171. <div class="modal-footer">
  172. <button type="button" class="btn btn-primary editRowSaveBtn"
  173. onclick="editRow(this);return false;">
  174. Save changes
  175. </button>
  176. <button type="button" class="btn btn-secondary" data-dismiss="modal">
  177. Close
  178. </button>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. <div class="container-fluid">
  187. <div class="row">
  188. <div class="col-md-12">
  189. <div class="modal fade" id="message_Modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  190. <div class="modal-dialog" role="document">
  191. <div class="modal-content">
  192. <div class="modal-header">
  193. <h5 class="modal-title" id="roleTitle">消息内容增加/修改</h5>
  194. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  195. <span aria-hidden="true">&times;</span>
  196. </button>
  197. </div>
  198. <div class="modal-body">
  199. <div class="form-group">
  200. <label for="name">模块名</label>
  201. <select id ="queryDevice" class="selectpicker" style="width: 70%"></select>
  202. </div>
  203. <div class="form-group">
  204. <label for="name">位置</label>
  205. <input type="text" class="form-control" id="location" name ="location"/>
  206. <label for="remark">行数</label>
  207. <input type="text" class="form-control" id="line" name = "line" />
  208. <label for="remark">来源</label>
  209. <input type="text" class="form-control" id="source" name ="source" />
  210. <label for="remark">翻译</label>
  211. <input type="text" class="form-control" id="translation" name ="translation"/>
  212. </div>
  213. </div>
  214. <div class="modal-footer" id = "footerbutton">
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. </section>
  223. </div>
  224. </div>
  225. <script type="text/javascript">
  226. var orderByupdate = 0
  227. var page = 1
  228. var line = 10
  229. var initData
  230. var IndexFlat = 0
  231. var queryUrl ;
  232. var tagTableHead = $('#mokuaiHead');
  233. var tagTableBody = $('#mokuaiBody');
  234. let searchKey ;
  235. let searchVal ;
  236. var optionsRadios ;
  237. var searchCheckBox ;
  238. var bodykey ;
  239. var tagpagination;
  240. var searchtype = "0" ;
  241. $(function(){
  242. initQueryUrl();
  243. initTagTable();
  244. $("#myTab a").click(function(e){
  245. e.preventDefault();
  246. $(this).tab("show");
  247. initQueryUrl();
  248. initTagTable();
  249. let post_data = {
  250. 'token': $.cookie('access_token'),
  251. 'page': 1,
  252. 'line': line,
  253. 'orderByupdate': orderByupdate,
  254. 'type': searchtype
  255. };
  256. InitIndex(post_data=post_data,is_search = 1);
  257. //IndexTable();
  258. });
  259. })
  260. function initQueryUrl(){
  261. var tabtext = getCurrentTabText();
  262. if (!tabtext) {
  263. queryUrl = "searchtool/query";
  264. }
  265. if(tabtext == "模块"){
  266. queryUrl = "searchtool/query";
  267. }
  268. if(tabtext == "消息"){
  269. queryUrl = "searchtool/query_message";
  270. }
  271. }
  272. function initTagTable(){
  273. var tabtext = getCurrentTabText();
  274. $('#mokuai').hide();
  275. $('#message').hide();
  276. IndexFlat = 0;
  277. if (!tabtext) {
  278. tagTableHead = $('#mokuaiHead');
  279. tagTableBody = $('#mokuaiBody');
  280. optionsRadios= "mokuaioptionsRadios";
  281. searchKey = $('input[name="'+optionsRadios+'"]:checked')[0];
  282. searchVal = $('#mokuaisearchInput').val(null);
  283. bodykey = "mokuaikey";
  284. searchCheckBox = $('#mokuaisearchCheckBox');
  285. tagpagination = $('#mokuaipagination');
  286. $('#mokuai').show();
  287. $('#message').show();
  288. }
  289. if(tabtext == "模块"){
  290. tagTableHead = $('#mokuaiHead');
  291. tagTableBody = $('#mokuaiBody');
  292. optionsRadios= "mokuaioptionsRadios";
  293. searchKey = $('input[name="'+optionsRadios+'"]:checked')[0];
  294. searchVal = $('#mokuaisearchInput').val(null);
  295. bodykey = "mokuaikey";
  296. tagpagination = $('#mokuaipagination');
  297. searchCheckBox = $('#mokuaisearchCheckBox');
  298. $('#mokuai').show();
  299. }
  300. if(tabtext == "消息"){
  301. tagTableHead = $('#messageHead');
  302. tagTableBody = $('#messageBody');
  303. optionsRadios= "messageoptionsRadios";
  304. searchKey = $('input[name="'+optionsRadios+'"]:checked')[0];
  305. searchVal = $('#messagesearchInput').val(null);
  306. bodykey = "messagekey";
  307. tagpagination = $('#messagepagination');
  308. searchCheckBox = $('#messagesearchCheckBox');
  309. $('#message').show();
  310. }
  311. //getsearch();
  312. }
  313. function getsearch(){
  314. var tabtext = getCurrentTabText();
  315. if (!tabtext) {
  316. searchKey = $('input[name="'+optionsRadios+'"]:checked').val();
  317. searchVal = $('#mokuaisearchInput').val();
  318. }
  319. if(tabtext == "模块"){
  320. searchKey = $('input[name="'+optionsRadios+'"]:checked').val();
  321. searchVal = $('#mokuaisearchInput').val();
  322. }
  323. if(tabtext == "消息"){
  324. searchKey = $('input[name="'+optionsRadios+'"]:checked').val();
  325. searchVal = $('#messagesearchInput').val();
  326. }
  327. }
  328. /*function initPostData(page,line,orderByupdate,type){
  329. let post_data = {
  330. 'token': $.cookie('access_token'),
  331. 'page': page,
  332. 'line': line,
  333. 'orderByupdate': orderByupdate,
  334. 'type': type
  335. };
  336. }*/
  337. $(function () {
  338. toastr.options = {
  339. "closeButton": true,
  340. "debug": false,
  341. "newestOnTop": false,
  342. "progressBar": true,
  343. "positionClass": "toast-top-right",
  344. "preventDuplicates": false,
  345. "onclick": null,
  346. "showDuration": "300",
  347. "hideDuration": "500",
  348. "timeOut": "5000",
  349. "extendedTimeOut": "1000",
  350. "showEasing": "swing",
  351. "hideEasing": "linear",
  352. "showMethod": "fadeIn",
  353. "hideMethod": "fadeOut"
  354. }
  355. var page = GetUrlParam('page')
  356. if (!page) {
  357. page = 1
  358. }
  359. let post_data = {
  360. 'token': $.cookie('access_token'),
  361. 'page': page,
  362. 'line': line,
  363. 'orderByupdate': orderByupdate,
  364. 'type': searchtype
  365. };
  366. InitIndex(post_data)
  367. });
  368. function orderByUpdateTimeFunc(status) {
  369. if (status === 1) {
  370. orderByupdate = 0
  371. } else {
  372. orderByupdate = 1
  373. }
  374. var page = GetUrlParam('page')
  375. if (!page) {
  376. page = 1
  377. }
  378. let post_data = {
  379. 'token': $.cookie('access_token'),
  380. 'page': page,
  381. 'line': 10,
  382. 'orderByupdate': orderByupdate,
  383. 'type': searchtype
  384. };
  385. InitIndex(post_data)
  386. }
  387. function InitIndex(post_data, is_search = 0) {
  388. $.postJSON(
  389. http_ip_prot + queryUrl, JSON.stringify(post_data),
  390. function (data) {
  391. if (data['code'] == 0) {
  392. // console.log(data['res'])
  393. console.log(data)
  394. addTable(data['res'])
  395. let count_page = Math.ceil(data['res']['count'] / line)
  396. var current_page = GetUrlParam('page');
  397. if(is_search === 1){
  398. current_page = 1;
  399. }
  400. tagpagination.pagination({
  401. pages: count_page, //总页数
  402. // pages: 10000, //总页数
  403. edges: 2,
  404. cssStyle: 'pagination', //按纽大小pagination-lg或写入自定义css
  405. displayedPages: 5, //显示几个
  406. currentPage: current_page,
  407. onPageClick: function (pageNumber, event) {
  408. //点击时调用
  409. // alert(pageNumber);
  410. queryData(pageNumber)
  411. },
  412. onInit: function (getid) {
  413. //刷新时或初始化调用
  414. // alert(getid);
  415. }
  416. });
  417. } else {
  418. window.location.href = "http://" + domain + ":7724/web/login.html";
  419. alert(data['msg'])
  420. }
  421. }
  422. );
  423. }
  424. let la_list
  425. let lw_data
  426. function queryData(page) {
  427. var post_data = {}
  428. getsearch();
  429. if (searchVal) {
  430. post_data = {
  431. 'token': $.cookie('access_token'),
  432. 'page': page,
  433. 'line': 10,
  434. 'orderByupdate': orderByupdate,
  435. 'searchKey': searchKey,
  436. 'searchVal': searchVal,
  437. 'type': searchtype
  438. };
  439. } else {
  440. post_data = {
  441. 'token': $.cookie('access_token'),
  442. 'page': page,
  443. 'line': 10,
  444. 'orderByupdate': orderByupdate,
  445. 'type': searchtype
  446. };
  447. }
  448. $.postJSON(
  449. http_ip_prot + queryUrl, JSON.stringify(post_data),
  450. function (data) {
  451. if (data['code'] == 0) {
  452. // console.log(data['res'])
  453. console.log(data)
  454. addTable(data['res'])
  455. } else {
  456. alert(data['msg'])
  457. }
  458. }
  459. );
  460. }
  461. function addTable(data) {
  462. // body部详细语言
  463. let body_data = data['la_list'];
  464. lw_data = body_data
  465. let search_tab = '' ;
  466. let head_html ;
  467. //头部标签添加
  468. var tabtext = getCurrentTabText();
  469. var headkey = ["位置","行数","来源","翻译"];
  470. var headval = ["location","line","source","translation"];
  471. if(tabtext == "模块"){
  472. head_html = '<tr><th width="180px"><a href="javascript:void(0);" onclick="addRow()">add</a></th>';
  473. head_html += ('<th>模块名</th>')
  474. search_tab += '&nbsp;&nbsp;&nbsp;<label><input type="radio" name='+optionsRadios+' value="name" checked>模块名</label></th>'
  475. }
  476. if(tabtext == "消息"){
  477. head_html = '<tr><td width="180px"><button class="btn btn-primary btn-sm" data-toggle="modal" onclick="saveOrEditMessage()"> add</button></td>'
  478. head_html += ('<th>模块名</th>')
  479. search_tab += '&nbsp;&nbsp;&nbsp;<label><input type="radio" name='+optionsRadios+' value="bk_name" checked>模块名</label>'
  480. for(var i=0;i<4;i++){
  481. head_html += ('<th>' + headkey[i] + '</th>')
  482. search_tab += '&nbsp;&nbsp;&nbsp;<label><input type="radio" name='+optionsRadios+' value="' + headval[i] + '">' + headkey[i] + '</label>'
  483. }
  484. }
  485. head_html += ('<th><a href="javascript:void(0);" onclick="orderByUpdateTimeFunc(' + orderByupdate + ')">udpateTime &nbsp;<i class="fa ' + (orderByupdate == 1 ? 'fa-arrow-up' : 'fa-arrow-down') + '" aria-hidden="true"></i></a></td></tr>');
  486. // search_tab += '<td width="180px"><button class="btn-primary btn">搜索</button></td></tr>';
  487. if (IndexFlat == 0) {
  488. searchCheckBox.html(search_tab)
  489. IndexFlat = 1
  490. }
  491. let body_html = '';
  492. console.log('--------');
  493. $.each(body_data, function (idx, obj) {
  494. if(tabtext == "模块"){
  495. let edit_btn = '<a href="javascript:void(0);" title="Edit" onclick="editFunc(this)"><i class="fa fa-edit"></i></a>';
  496. let del_btn = '<a href="javascript:void(0);" title="Delete" onclick="deleteFunc(this)"><i class="fa fa-ban"></i></a>';
  497. body_html += '<tr><td>' + edit_btn + '&nbsp;&nbsp;&nbsp;' + del_btn + '</td>';
  498. body_html += ('<td >' + obj['name'] + '</td>');
  499. body_html += ('<td style="display:none" >' + obj['id'] + '</td>');
  500. }
  501. if(tabtext == "消息"){
  502. let edit_btn = '<a href="javascript:void(0);" title="Edit" onclick="saveOrEditMessage('+idx+')"><i class="fa fa-edit"></i></a>';
  503. let del_btn = '<a href="javascript:void(0);" title="Delete" onclick="deleteMessage('+idx+')"><i class="fa fa-ban"></i></a>';
  504. body_html += '<tr><td>' + edit_btn + '&nbsp;&nbsp;&nbsp;' + del_btn + '</td>';
  505. body_html += ('<td >' + obj['name'] + '</td>');
  506. for(var i=0;i<4;i++){
  507. body_html += ('<td >' + obj[headval[i]] + '</td>');
  508. }
  509. body_html += ('<td style="display:none" >' + obj['id'] + '</td>');
  510. }
  511. let updTime = $.DateChange.UnixToDate(obj['updTime'], true, 8);
  512. body_html += ('<td>' + updTime + '<span class="arrow dsc"></td></tr>');
  513. });
  514. tagTableHead.empty().html(head_html);
  515. tagTableBody.empty().html(body_html);
  516. addDelFunc()
  517. }
  518. function addRow() {
  519. let save_btn = '<a href="javascript:void(0);" title="Save" class="save_row"><i class="fa fa-check-circle-o"></i></a>';
  520. let del_btn = '<a href="javascript:void(0);" title="Delete" class="del_row"><i class="fa fa-ban"></i></a>';
  521. let newRow = '<tr><td>' + save_btn + '&nbsp;&nbsp;&nbsp;' + del_btn + '</td><td><input class="form-control" type="text" id="newRow_name"></td>'
  522. newRow += '<td></td></tr>'
  523. tagTableBody.prepend(newRow)
  524. addDelFunc()
  525. addSaveFunc()
  526. }
  527. function saveOrEditMessage(messageid = null) {
  528. let post_data = {
  529. 'token': $.cookie('access_token')
  530. }
  531. post_data['messageid'] = messageid
  532. post_data['type'] = searchtype
  533. $.postJSON(
  534. http_ip_prot + 'searchtool/query_saveOrEditMessage', JSON.stringify(post_data),
  535. function (data) {
  536. if (data['code'] == 0) {
  537. var message_list = data['res']['la_list'];
  538. var mokuai_list = data['res']['lw_dict'];
  539. if (message_list) {
  540. $.each(message_list, function (idx, obj) {
  541. var deviceStr="" ;
  542. for(var i=0; i<mokuai_list.length; i++){
  543. if (obj.bk_id == mokuai_list[i].id ){
  544. deviceStr+='<option value="'+mokuai_list[i].id+'" selected>'+mokuai_list[i].name+'</option>';
  545. }else {
  546. deviceStr+='<option value="'+mokuai_list[i].id+'" >'+mokuai_list[i].name+'</option>';
  547. }
  548. }
  549. $("#queryDevice").html("");
  550. $('#queryDevice').append(deviceStr);
  551. $('#message_Modal').modal('show')
  552. $('#location').val(obj.location);
  553. $('#line').val(obj.line);
  554. $('#source').val(obj.source);
  555. $('#translation').val(obj.translation);
  556. var buttonstr = '<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" onclick="saveOrExitMsg('+idx+');">保存</button>';
  557. $("#footerbutton").html("");
  558. $('#footerbutton').append(buttonstr);
  559. $('#message_Modal').modal('show')
  560. })
  561. }else {
  562. var deviceStr="" ;
  563. for(var i=0; i<mokuai_list.length; i++){
  564. deviceStr+='<option value="'+mokuai_list[i].id+'" >'+mokuai_list[i].name+'</option>';
  565. }
  566. var buttonstr = '<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" onclick="saveOrExitMsg();">保存</button>';
  567. $("#footerbutton").html("");
  568. $('#footerbutton').append(buttonstr);
  569. $("#queryDevice").html("");
  570. $('#queryDevice').append(deviceStr);
  571. $('#message_Modal').modal('show')
  572. }
  573. } else {
  574. alert(data['msg'])
  575. }
  576. }
  577. )
  578. }
  579. function addDelFunc() {
  580. $(".del_row").bind("click", function () {
  581. let trRow = $(this).parent().parent()
  582. trRow.remove()
  583. });
  584. }
  585. function addSaveFunc() {
  586. $(".save_row").bind("click", function () {
  587. let post_data = {
  588. 'token': $.cookie('access_token')
  589. }
  590. trRow = $(this)
  591. post_data['name'] = $('#newRow_name').val()
  592. post_data['type'] = searchtype
  593. console.log(post_data)
  594. $.postJSON(
  595. http_ip_prot + 'searchtool/add', JSON.stringify(post_data),
  596. function (data) {
  597. if (data['code'] == 0) {
  598. // console.log(data['res'])
  599. window.location.reload();
  600. console.log(data)
  601. } else {
  602. alert(data['msg'])
  603. }
  604. }
  605. )
  606. })
  607. }
  608. function saveOrExitMsg(messageid = null) {
  609. var selectedvar = $('#queryDevice').find('option:selected').val();
  610. var id =messageid;
  611. let post_data = {
  612. 'token': $.cookie('access_token')
  613. }
  614. post_data['bk_id'] = selectedvar
  615. post_data['location'] = $('#location').val()
  616. post_data['line'] = $('#line').val()
  617. post_data['source'] = $('#source').val()
  618. post_data['translation'] = $('#translation').val()
  619. post_data['type'] = searchtype
  620. post_data['id'] = id
  621. console.log(post_data)
  622. $.postJSON(
  623. http_ip_prot + 'searchtool/saveOrExitMsg', JSON.stringify(post_data),
  624. function (data) {
  625. if (data['code'] == 0) {
  626. // console.log(data['res'])
  627. let post_data = {
  628. 'token': $.cookie('access_token'),
  629. 'page': 1,
  630. 'line': line,
  631. 'orderByupdate': orderByupdate,
  632. 'type': searchtype
  633. };
  634. if (id) {
  635. $('#message_Modal').modal('hide')
  636. }
  637. alert(data['msg']);
  638. InitIndex(post_data=post_data,is_search = 1);
  639. } else {
  640. alert(data['msg'])
  641. }
  642. }
  643. )
  644. }
  645. // 编辑模态框
  646. function editFunc($this) {
  647. var mokuainame = $($this).parent().parent().children().eq(1).text()
  648. var mokuaiid = $($this).parent().parent().children().eq(2).text()
  649. $('#modal-container-593541').modal('show')
  650. let html_per = '<label for="lang_key_edit">模块名</label><div id="mokuaiid" style="display:none">'+mokuaiid+'</div><input class="form-control" type="text" id="mokuainame_edit" oldkey="' + mokuainame + '" value="' + mokuainame + '"> '
  651. $('#edit_model_form').html(html_per)
  652. }
  653. function deleteFunc($this) {
  654. var mokuaiid = $($this).parent().parent().children().eq(2).text()
  655. var r = confirm("Press a button")
  656. if (r) {
  657. let post_data = {
  658. 'token': $.cookie('access_token'),
  659. 'id': mokuaiid
  660. }
  661. console.log(post_data)
  662. $.postJSON(
  663. http_ip_prot + 'searchtool/delete', JSON.stringify(post_data),
  664. function (data) {
  665. if (data['code'] == 0) {
  666. // console.log(data['res'])
  667. console.log(data);
  668. alert(data['msg']);
  669. window.location.reload();
  670. } else {
  671. alert(data['msg'])
  672. }
  673. }
  674. )
  675. }
  676. }
  677. function deleteMessage(messageid = null) {
  678. var r = confirm("Press a button")
  679. if (r) {
  680. let post_data = {
  681. 'token': $.cookie('access_token'),
  682. 'id': messageid
  683. }
  684. console.log(post_data)
  685. $.postJSON(
  686. http_ip_prot + 'searchtool/deletemessage', JSON.stringify(post_data),
  687. function (data) {
  688. if (data['code'] == 0) {
  689. // console.log(data['res'])
  690. console.log(data);
  691. alert(data['msg']);
  692. // console.log(data['res'])
  693. let post_data = {
  694. 'token': $.cookie('access_token'),
  695. 'page': 1,
  696. 'line': line,
  697. 'orderByupdate': orderByupdate,
  698. 'type': searchtype
  699. };
  700. InitIndex(post_data=post_data,is_search = 1);
  701. } else {
  702. alert(data['msg'])
  703. }
  704. }
  705. )
  706. }
  707. }
  708. function editRow($this) {
  709. let post_data = {
  710. 'token': $.cookie('access_token')
  711. }
  712. post_data['name'] = $('#mokuainame_edit').val()
  713. post_data['type'] = searchtype
  714. post_data['id'] = $('#mokuaiid').text();
  715. $.postJSON(
  716. http_ip_prot + 'searchtool/update', JSON.stringify(post_data),
  717. function (data) {
  718. if (data['code'] == 0) {
  719. // console.log(data['res'])
  720. console.log(data)
  721. toastr["success"](data['msg'])
  722. $('#modal-container-593541').modal('hide')
  723. IndexTable()
  724. //window.location.reload();
  725. } else {
  726. alert(data['msg'])
  727. }
  728. }
  729. )
  730. // $('.editRowSaveBtn').bind('click', function () {
  731. // console.log('adjslkfjsdalkfj')
  732. // })
  733. }
  734. function IndexTable() {
  735. var page = GetUrlParam('page')
  736. if (!page) {
  737. page = 1
  738. }
  739. let post_data = {
  740. 'token': $.cookie('access_token'),
  741. 'page': page,
  742. 'line': line,
  743. 'orderByupdate': orderByupdate,
  744. 'type': searchtype
  745. };
  746. $.postJSON(
  747. http_ip_prot + queryUrl, JSON.stringify(post_data),
  748. function (data) {
  749. if (data['code'] == 0) {
  750. // console.log(data['res'])
  751. console.log(data)
  752. addTable(data['res'])
  753. let count_page = Math.ceil(data['res']['count'] / line)
  754. queryData(page)
  755. } else {
  756. alert(data['msg'])
  757. }
  758. }
  759. );
  760. }
  761. function searchMoKuaiAction() {
  762. /*var page = GetUrlParam('page')
  763. if (!page) {
  764. page = 1
  765. }*/
  766. getsearch();
  767. let page = 1
  768. console.log('-------------------------------')
  769. console.log(searchKey)
  770. console.log(searchVal)
  771. console.log('-------------------------------')
  772. let post_data = {}
  773. if (searchVal && searchKey) {
  774. post_data = {
  775. 'token': $.cookie('access_token'),
  776. 'page': page,
  777. 'line': 10,
  778. 'searchKey': searchKey,
  779. 'searchVal': searchVal,
  780. 'type': searchtype
  781. };
  782. } else {
  783. post_data = {
  784. 'token': $.cookie('access_token'),
  785. 'page': page,
  786. 'line': 10,
  787. 'type': searchtype
  788. };
  789. }
  790. InitIndex(post_data, 1)
  791. }
  792. function searchMessageAction() {
  793. /*var page = GetUrlParam('page')
  794. if (!page) {
  795. page = 1
  796. }*/
  797. getsearch();
  798. let page = 1
  799. console.log('-------------------------------')
  800. console.log(searchKey)
  801. console.log(searchVal)
  802. console.log('-------------------------------')
  803. let post_data = {}
  804. if (searchVal && searchKey) {
  805. post_data = {
  806. 'token': $.cookie('access_token'),
  807. 'page': page,
  808. 'line': 10,
  809. 'searchKey': searchKey,
  810. 'searchVal': searchVal,
  811. 'type': searchtype
  812. };
  813. } else {
  814. post_data = {
  815. 'token': $.cookie('access_token'),
  816. 'page': page,
  817. 'line': 10,
  818. 'type': searchtype
  819. };
  820. }
  821. InitIndex(post_data, 1)
  822. }
  823. function onReset() {
  824. let role = $.cookie('role');
  825. if(role == 1){
  826. if(!confirm("如果你重置了语言状态,别的翻译者将无法查看到语言的相应状态!")){
  827. return;
  828. }
  829. }
  830. let post_data = {}
  831. var word_key = '';
  832. let table = tagTableBody.find('tr').each(function () {
  833. var value = $(this).find('td:eq(1)').text();
  834. word_key += value;
  835. word_key += ',';
  836. })
  837. word_key = word_key.substr(0, word_key.length - 1);
  838. post_data['word_key'] = word_key;
  839. post_data['token'] = $.cookie('access_token');
  840. $.postJSON(
  841. http_ip_prot + 'searchtool/reset', JSON.stringify(post_data),
  842. function (data) {
  843. if (data['code'] == 0) {
  844. // console.log(data['res'])
  845. console.log(data)
  846. toastr["success"](data['msg'])
  847. IndexTable()
  848. //window.location.reload();
  849. } else {
  850. toastr["error"](data['msg'])
  851. }
  852. }
  853. )
  854. }
  855. function getCurrentTabText(){
  856. var $tabs = $('#myTab').children( 'li' );
  857. var text;
  858. $tabs.each( function() {
  859. var $tab = $( this );
  860. if($tab.hasClass('active')){
  861. text = $tab[0].innerText;
  862. return false;
  863. }
  864. } );
  865. return text;
  866. }
  867. function messageclose(){
  868. $('#location').val(null);
  869. $('#line').val(null);
  870. $('#source').val(null);
  871. $('#translation').val(null);
  872. $("#queryDevice").html("");
  873. $('#message_Modal').modal('hide')
  874. }
  875. $('#message_Modal').on('hide.bs.modal', function () {
  876. $('#location').val(null);
  877. $('#line').val(null);
  878. $('#source').val(null);
  879. $('#translation').val(null);
  880. $("#queryDevice").html("");
  881. });
  882. </script>
  883. </body>
  884. </html>