ciyunindex.html 39 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Access-Control-Allow-Origin" content="*">
  5. <meta charset="utf-8" />
  6. <title>词云</title>
  7. <link rel="stylesheet" href="./layui/css/layui.css">
  8. <script src="./js/jquery-1.11.3.js"></script>
  9. <script type="text/javascript" src="./js/saveSvgAsPng.js"></script>
  10. <script type="text/javascript" src="./layer/layer.js"></script>
  11. <script type="text/javascript" src="./layui/layui.js"></script>
  12. <link rel="stylesheet" href="./css/common.css">
  13. <link rel="stylesheet" href="./css/jiaocai.css">
  14. <link rel="stylesheet" href="./css/font/font.css">
  15. <script src="../config.js"></script>
  16. <style type="text/css">
  17. #stop:hover {
  18. text-decoration: underline;
  19. color: #FF0000;
  20. }
  21. .shadow {
  22. position: absolute;
  23. width: 100%;
  24. height: 100%;
  25. left: 0;
  26. top: 0;
  27. background: rgba(0, 0, 0, 0.3);
  28. }
  29. .stop_word_table {
  30. width: 413px;
  31. position: fixed;
  32. top: 5%;
  33. left: 37%;
  34. background: #FFFFFF;
  35. border: 1px solid rgba(0, 0, 0, 0.1);
  36. padding: 24px;
  37. }
  38. .stop_word_table .title {
  39. display: flex;
  40. justify-content: space-between;
  41. align-items: center;
  42. font-weight: bold;
  43. font-size: 16px;
  44. color: #000000;
  45. padding-bottom: 16px;
  46. border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  47. }
  48. .stop_word_table .title img {
  49. width: 24px;
  50. height: 24px;
  51. cursor: pointer;
  52. }
  53. .stop_word_table .top {
  54. display: flex;
  55. align-items: center;
  56. margin-top: 16px;
  57. }
  58. .stop_word_table .top input {
  59. width: 278px;
  60. height: 40px;
  61. border: 1px solid #000000;
  62. outline: none;
  63. }
  64. .stop_word_table .top button {
  65. width: 87px;
  66. height: 40px;
  67. background: #000000;
  68. text-align: center;
  69. font-weight: bold;
  70. font-size: 16px;
  71. line-height: 40px;
  72. color: #ffffff;
  73. cursor: pointer;
  74. border: none;
  75. }
  76. .stop_word_table .main {
  77. margin-top: 16px;
  78. max-height: 340px;
  79. overflow: hidden;
  80. overflow-y: scroll;
  81. }
  82. .stop_word_table .one {
  83. display: flex;
  84. justify-content: space-between;
  85. font-size: 16px;
  86. color: #000000;
  87. height: 34px;
  88. line-height: 34px;
  89. padding: 0 8px;
  90. }
  91. .stop_word_table .right span {
  92. cursor: pointer;
  93. }
  94. .stop_word_table .main> :nth-child(2n) {
  95. background: #ffffff;
  96. }
  97. .stop_word_table .main> :nth-child(2n-1) {
  98. background: #f8f8f8;
  99. }
  100. .stop_word_table .bottom {
  101. display: flex;
  102. justify-content: space-between;
  103. margin-top: 16px;
  104. }
  105. .stop_word_table .bottom button {
  106. width: 173.5px;
  107. height: 48px;
  108. font-weight: bold;
  109. font-size: 16px;
  110. border: none;
  111. cursor: pointer;
  112. }
  113. .stop_word_table .bottom .close {
  114. background: #ebebeb;
  115. color: #000000;
  116. }
  117. .stop_word_table .bottom .add {
  118. background: #000000;
  119. color: #ffffff;
  120. }
  121. </style>
  122. </head>
  123. <body>
  124. <div class="wrap">
  125. <div class="content">
  126. <div class="content-inner" style="padding: 0;">
  127. <div class="cloudDiv">
  128. <div class="cloud-copyright">Copyright © Jason Davies</div>
  129. <div class="cloud-con-div" id="cloudDiv"></div>
  130. </div>
  131. <form id="form">
  132. <div class="cloud-box">
  133. <!-- <div class="cloud-rule clear">
  134. <div class="rule-item fl">
  135. <p class="fl">规则:</p>
  136. <input type="text" hidden="" id="rule" value="1">
  137. <div class="rule-radio rule fl">
  138. <div name="radio" class="radio-con fl ruleType radio-active" value='1'><i
  139. class="radio-icon fl"></i>主题性
  140. </div>
  141. <div name="radio" class="radio-con fl ruleType" value='2'><i
  142. class="radio-icon fl"></i>频次</div>
  143. </div>
  144. </div>
  145. <div class="rule-item fl">
  146. <p class="fl">数据类型:</p>
  147. <input type="text" hidden="" id="dataType" value="Word">
  148. <select name="selectDataType" class="selectOp fl" id="dataTypeSel">
  149. <option value="Word">Word</option>
  150. <option value="Lemma">Lemma</option>
  151. </select>
  152. </div>
  153. <div class="rule-item fl">
  154. <div class="checkbox-con fl biglittle" style="margin-right: 0px;"><i
  155. class="checkbox-icon fl"></i></div>
  156. <div class="checkbox-con fl stopWordList"><span id="biglittle"
  157. style="color: #0079FF;">区分大小写</span></div>
  158. </div>
  159. </div> -->
  160. <div class="cloud-rule clear" style="border:0;">
  161. <div class="rule-item fl">
  162. <p class="fl">样式:</p>
  163. <input type="text" hidden="" id="spiral" value="archimedean">
  164. <div class="rule-radio styleType fl">
  165. <div name="radio" class="radio-con radio-active fl" value='archimedean'><i class="radio-icon fl"></i>螺线
  166. </div>
  167. <div name="radio" class="radio-con fl" value='rectangular'><i class="radio-icon fl"></i>矩形</div>
  168. </div>
  169. </div>
  170. <div class="rule-item fl">
  171. <p class="fl">字体:</p>
  172. <!-- 方正书宋 FZSS
  173. 兰亭黑 FZLTH
  174. 方正楷体 FZKT-GBK
  175. 方正拼音 FZPY
  176. -->
  177. <input type="radio" hidden="" id="font" value="">
  178. <select name="selectFont" class="selectOp fl" id="fontSel">
  179. <option value="Impact">Impact</option>
  180. <option value="Georgia">Georgia</option>
  181. <option value="Arial">Arial</option>
  182. <option value="Constantia">Constantia</option>
  183. <option value="Century">Century</option>
  184. <option value="Berlin Sans FB">Berlin Sans FB</option>
  185. <option value="Cooper Black">Cooper Black</option>
  186. <option value="Elephant">Elephant</option>
  187. <option value="FZSS">方正书宋</option>
  188. <option value="FZLTH">方正兰亭黑</option>
  189. <option value="FZKT-GBK">方正楷体</option>
  190. <option value="FZPY">方正拼音</option>
  191. </select>
  192. </div>
  193. <div class="rule-item fl">
  194. <p class="fl">文字方向:</p>
  195. <input type="text" hidden="" id="fontdir" value="1">
  196. <div class="rule-radio fontDriect fl">
  197. <div name="orientations" class="radio-con radio-active fl" value='1'><i class="radio-icon fl"></i>水平
  198. </div>
  199. <div name="orientations" class="radio-con fl" value='2'><i class="radio-icon fl"></i>垂直</div>
  200. <div name="orientations" class="radio-con fl" value='3'><i class="radio-icon fl"></i>垂直和水平</div>
  201. </div>
  202. </div>
  203. <div class="rule-item fl">
  204. <p class="fl">单位:</p>
  205. <input type="text" hidden="" id="danwei" value="zi">
  206. <div class="rule-radio danwei fl">
  207. <div name="danwei" class="radio-con radio-active fl" value='zi'><i class="radio-icon fl"></i>字
  208. </div>
  209. <div name="danwei" class="radio-con fl" value='ci'><i class="radio-icon fl"></i>词
  210. </div>
  211. </div>
  212. </div>
  213. <div id="angles" style="float: left" hidden="">
  214. <p>
  215. <input type="number" id="angle-count" value="5" min="1"><label for="angle-count">
  216. <font style="vertical-align: inherit;"></font>
  217. </label>
  218. <font style="vertical-align: inherit;"><label for="angle-from">
  219. <font style="vertical-align: inherit;">来自的</font>
  220. </label><label for="angle-count">
  221. <font style="vertical-align: inherit;">方向</font>
  222. </label></font><label for="angle-from">
  223. <font style="vertical-align: inherit;"></font>
  224. </label><input type="number" id="angle-from" value="0" min="-90" max="90">
  225. <font style="vertical-align: inherit;">
  226. <font style="vertical-align: inherit;">°
  227. </font>
  228. </font><label for="angle-to">
  229. <font style="vertical-align: inherit;">
  230. <font style="vertical-align: inherit;">到</font>
  231. </font>
  232. </label><input type="number" id="angle-to" value="0" min="-90" max="90">
  233. <font style="vertical-align: inherit;">
  234. <font style="vertical-align: inherit;"> °
  235. </font>
  236. </font>
  237. </p>
  238. </div>
  239. <div class="rule-item fl">
  240. <p class="fl">缩放:</p>
  241. <input type="text" hidden="" id="scale" value="sqrt">
  242. <div class="rule-radio scaleSel fl">
  243. <div name="radio" class="radio-con fl" value="log"><i class="radio-icon fl"></i>log n
  244. </div>
  245. <div name="radio" class="radio-con radio-active fl" value="sqrt"><i class="radio-icon fl"></i>✓n</div>
  246. <div name="radio" class="radio-con fl" value="linear"><i class="radio-icon fl"></i>n
  247. </div>
  248. </div>
  249. </div>
  250. <div class="rule-item fl">
  251. <p class="fl">下载:</p>
  252. <div class="download-type fl">
  253. <span class="dType" id="download-svg">SVG</span>
  254. <span class="line2">|</span>
  255. <span class="dType" id="download-png">PNG</span>
  256. </div>
  257. </div>
  258. <div class="rule-item fl">
  259. <!-- <div class="checkbox-con checkbox-active fl hide"><i class="checkbox-icon fl"></i>区分大小写 -->
  260. <!-- </div> -->
  261. <div class="checkbox-con fl stop" style="margin-right: 0px;"><i class="checkbox-icon fl"></i></div>
  262. <div class="checkbox-con fl stopWordList"><span id="stop" style="color: #0079FF;">停用词表</span></div>
  263. </div>
  264. </div>
  265. <textarea rows="" cols="" id="text" name="text" hidden=""></textarea>
  266. </div>
  267. <div class="cloud-footer">
  268. <button class="produce" type="submit" id="go">生成</button>
  269. </div>
  270. </form>
  271. </div>
  272. </div>
  273. <div class="shadow" id="shadow" style="display: none;">
  274. <div class="stop_word_table" id="wordTable">
  275. <div class="title">
  276. <span>停用词表</span>
  277. <img id="closeWord" src="./img/close.png" alt="">
  278. </div>
  279. <div class="top">
  280. <input type="" name="" value="" id="wordContent" />
  281. <button id="seekWordBtn">检索</button>
  282. </div>
  283. <p style="text-align: right; margin-top: 16px; font-size: 16px; color: #000000">
  284. 共
  285. <span id="allwordnumber"></span> 词
  286. </p>
  287. <div class="main" id="stop_word_table">
  288. <!-- <div class="one">
  289. <div>{{ item }}</div>
  290. <div class="right">
  291. <span style="margin-right: 24px" @click="edit(item)">编辑</span>
  292. <span @click="deleteOne(item, i)">删除</span>
  293. </div>
  294. </div> -->
  295. </div>
  296. <div class="bottom">
  297. <button class="close" id="emptyWord">清空</button>
  298. <button class="add" id="addWord">添加</button>
  299. </div>
  300. </div>
  301. <div class="stop_word_table" id="addwordDom" style="display: none;">
  302. <div class="title">
  303. <span>添加</span>
  304. <img id="closeWordadd" src="./img/close.png" alt="">
  305. </div>
  306. <div class="top">
  307. <input style="width: 100%;" type="" name="" value="" id="addwordContent" />
  308. </div>
  309. <div class="bottom">
  310. <button class="close" id="canceladd">取消</button>
  311. <button class="add" id="addSubmit">确定</button>
  312. </div>
  313. </div>
  314. <div class="stop_word_table" id="editwordDom" style="display: none;">
  315. <div class="title">
  316. <span>添加</span>
  317. <img id="closeWordedit" src="./img/close.png" alt="">
  318. </div>
  319. <div class="top">
  320. <input style="width: 100%;" type="" name="" value="" id="editwordContent" />
  321. </div>
  322. <div class="bottom">
  323. <button class="close" id="canceledit">取消</button>
  324. <button class="add" id="editSubmit">确定</button>
  325. </div>
  326. </div>
  327. </div>
  328. </div>
  329. <script src="./js/d3.min.js"></script>
  330. <script src="./js/cloud.min.js"></script>
  331. <script type="text/javascript">
  332. var stopWordList = null;
  333. var oldstopWordList = [];
  334. $(function() {
  335. initStopWords();
  336. jiekouData();
  337. })
  338. let query = location.href.split("?");
  339. let arr = query[1].split("&");
  340. var articleId = null;
  341. var searchType = null;
  342. var old_searchType = null
  343. var W_stopWordStatus = null
  344. arr.forEach((item) => {
  345. if (item.split("=")[0] == "articleId") {
  346. articleId = item.split("=")[1];
  347. }
  348. if (item.split("=")[0] == "searchType") {
  349. searchType = item.split("=")[1];
  350. old_searchType = item.split("=")[1];
  351. }
  352. });
  353. // 如果是词汇 默认选中词
  354. if (old_searchType == 2) {
  355. $(".danwei div").removeClass("radio-active");
  356. $(".danwei").find("div").eq(1).addClass("radio-active")
  357. }
  358. if (old_searchType == 0) {
  359. $("#font").attr("value", "FZPY");
  360. $(".danwei div").removeClass("radio-active");
  361. searchType = 3
  362. $(".danwei").find("div").eq(1).addClass("radio-active")
  363. for (let i = 0; i < $("#fontSel").children().length; i++) {
  364. if ($("#fontSel").children().eq(i)[0].value == "FZPY") {
  365. $("#fontSel").children().eq(i)[0].selected = true;
  366. } else {
  367. $("#fontSel").children().eq(i)[0].selected = false;
  368. }
  369. }
  370. } else {
  371. $("#font").attr("value", "FZKT-GBK");
  372. for (let i = 0; i < $("#fontSel").children().length; i++) {
  373. if ($("#fontSel").children().eq(i)[0].value == "FZKT-GBK") {
  374. $("#fontSel").children().eq(i)[0].selected = true;
  375. } else {
  376. $("#fontSel").children().eq(i)[0].selected = false;
  377. }
  378. }
  379. }
  380. function getdata() {
  381. let data = {
  382. type: 0,
  383. articleId: articleId,
  384. stopWordStatus: W_stopWordStatus,
  385. }
  386. $.ajax({
  387. url: window.location.href.substring(0, window.location.href.indexOf('/#/')) + "/GCLSTCServer/tools/TS/glossary/ciyun",
  388. // url: "/i21st-newspaper-management-test/api/article/detail/wordCloud",
  389. data: JSON.stringify(data),
  390. contentType: "application/json",
  391. dataType: "json",
  392. type: "post",
  393. success: function(res) {
  394. let str = ''
  395. res.data.result.forEach(item => {
  396. if (item.word.indexOf(" ") != -1) {
  397. item.word = item.word.replace(" ", "")
  398. }
  399. str += item.word + " "
  400. })
  401. ciyunData = res.data.result
  402. text = str
  403. $("#text").val(text);
  404. $("#go").trigger("click");
  405. console.log("2022-11-09 14点55分");
  406. }
  407. })
  408. }
  409. function initContent() {
  410. var dataType = $("#dataType").val();
  411. var ruleType = $("#rule").val();
  412. var fileId = "${fileId}";
  413. // $.ajax({
  414. // url: "${ctx}/bc/textKeyWords/wordCloud",
  415. // data: { "fileId": fileId, "ruleType": ruleType },
  416. // dataType: "JSON",
  417. // Type: "POST",
  418. // success: function (data) {
  419. let data = {
  420. count: 0,
  421. flag: true,
  422. jsonObject: null,
  423. listStr: [{
  424. frequency: 3,
  425. level: "L1",
  426. posStr: "[\"noun\"]",
  427. rate: "2762.15",
  428. word: "mine",
  429. }, {
  430. frequency: 2,
  431. level: "L0",
  432. posStr: "[\"adj\"]",
  433. rate: "996.51",
  434. word: "nice",
  435. }, {
  436. frequency: 3,
  437. level: "L0",
  438. posStr: "[\"noun\"]",
  439. rate: "340.09",
  440. word: "house",
  441. }, {
  442. frequency: 2,
  443. level: "L0",
  444. posStr: "[\"noun\"]",
  445. rate: "251.11",
  446. word: "friend",
  447. }],
  448. message: null,
  449. objects: null,
  450. userList: null,
  451. arr: ['5', '6', 'I', 'I', 'I', 'I', 'I', 'I', 'I', 'a', 'Hi', 'Is', 'It', 'My', 'am', 'is', 'I', 'I', 'I', 'I', 'I', 'I', 'I', 'my', 'my', 'my', 'my', 'my', 'my', 'Are', 'She', 'are', 'big', 'you', 'you', 'you', 'you', 'you', 'They', 'This', 'mine', 'mine', 'mine', 'name', 'nice', 'tall', 'than', 'than', 'than', 'than', 'than', 'than', 'than', 'than', 'than', 'than', 'very', 'very', 'very', 'very', 'you', 'you', 'you', 'you', 'you', 'Giant', 'Kendo', 'These', 'funny', 'house', 'house', 'house', 'nicer', 'think', 'think', 'three', 'yours', 'yours', 'yours', 'bigger', 'meters', 'school', 'school', 'taller', 'friends', 'funnier', 'teacher', 'teacher', 'younger', 'friendly', 'nineteen', 'friendlier', 'qinpeng']
  452. }
  453. if (data.flag) {
  454. var $stop = $(".stop");
  455. var stopFlag = $stop.hasClass("checkbox-active"); //选择了停用
  456. // if (!stopFlag) {
  457. // stopWordLists = null;
  458. // }
  459. // if (ruleType == 1) {
  460. // var themeList = data.listStr;
  461. // text = themeDeal(themeList, stopWordLists);
  462. // } else {
  463. // var object = data.jsonObject;
  464. // var words = "";
  465. // if (dataType == "Word") {
  466. // words = object['wordList'];
  467. // } else {
  468. // words = object['lemmaList'];
  469. // }
  470. let str = ''
  471. data.arr.forEach(item => {
  472. str += item + " "
  473. })
  474. // text = replaceStop(words, stopWordLists);
  475. // }
  476. text = str
  477. $("#text").val(text);
  478. $("#go").trigger("click");
  479. } else {
  480. layer.alert(data.message);
  481. }
  482. // }, error: function (jqXHR, textStatus, errorThrown) {
  483. // if (jqXHR.status == 401) {
  484. // var url = jqXHR.responseText;
  485. // layer.alert('会话已过期,请重新登陆。', function (index) {
  486. // layer.close(index);
  487. // location.reload();
  488. // });
  489. // } else {
  490. // layer.alert("网络异常,请稍后重试。(" + errorThrown + ")");
  491. // }
  492. // }
  493. // })
  494. }
  495. function initStopWords() {
  496. $.ajax({
  497. url: window.location.href.substring(0, window.location.href.indexOf('/#/')) + "/GCLSTCServer/tools/TS/stop/word/list",
  498. // url: "/i21st-newspaper-management-test/api/user/stopVocab/get",
  499. data: JSON.stringify({}),
  500. contentType: "application/json;charset=UTF-8",
  501. dataType: "json",
  502. type: "post",
  503. success: function(res) {
  504. let arr = []
  505. res.data.result.forEach(item => {
  506. arr.push(item.word)
  507. })
  508. oldstopWordList = JSON.parse(JSON.stringify(arr))
  509. stopWordList = JSON.parse(JSON.stringify(arr))
  510. $("#allwordnumber").text(oldstopWordList.length)
  511. changeWordData()
  512. },
  513. error: function(jqXHR, textStatus, errorThrown) {
  514. if (jqXHR.status == 401) {
  515. var url = jqXHR.responseText;
  516. layer.alert('会话已过期,请重新登陆。', function(index) {
  517. layer.close(index);
  518. location.reload();
  519. });
  520. } else {
  521. layer.alert("网络异常,请稍后重试。(" + errorThrown + ")");
  522. }
  523. }
  524. });
  525. }
  526. $(".rule div").click(function() {
  527. $(".rule div").removeClass("radio-active");
  528. $(this).addClass("radio-active");
  529. $("#rule").attr("value", $(this).attr("value"))
  530. initContent();
  531. })
  532. $(".styleType div").click(function() {
  533. $(".styleType div").removeClass("radio-active");
  534. $(this).addClass("radio-active");
  535. $("#spiral").attr("value", $(this).attr("value"));
  536. $("#go").trigger("click");
  537. })
  538. // 切换单位
  539. $(".danwei div").click(function() {
  540. $(".danwei div").removeClass("radio-active");
  541. $(this).addClass("radio-active");
  542. var value = $(this).attr("value");
  543. let newvalue = null
  544. if (old_searchType == 0) { //拼音
  545. if (value == 'zi') {
  546. newvalue = 0
  547. } else {
  548. newvalue = 3
  549. }
  550. } else if (old_searchType == 2) {
  551. if (value == 'zi') {
  552. newvalue = 1
  553. } else {
  554. newvalue = 2
  555. }
  556. } else {
  557. if (value == 'zi') {
  558. newvalue = 1
  559. } else {
  560. newvalue = 4
  561. }
  562. }
  563. searchType = newvalue
  564. getdata()
  565. })
  566. $(".fontDriect div").click(function() {
  567. $(".fontDriect div").removeClass("radio-active");
  568. $(this).addClass("radio-active");
  569. var value = $(this).attr("value");
  570. if (value == 1) {
  571. $("#angle-from").val(0);
  572. $("#angle-to").val(0);
  573. $("#angle-count").val(1);
  574. inChange();
  575. $("#go").click();
  576. $("#angles svg").remove();
  577. } else if (value == 2) {
  578. $("#angle-from").val(90)
  579. $("#angle-to").val(90)
  580. $("#angle-count").val(1);
  581. inChange();
  582. $("#go").click();
  583. $("#angles svg").remove();
  584. } else if (value == 3) {
  585. $("#angle-from").val(0)
  586. $("#angle-to").val(90)
  587. $("#angle-count").val(2);
  588. inChange();
  589. $("#go").click();
  590. $("#angles svg").remove();
  591. }
  592. })
  593. $(".scaleSel div").click(function() {
  594. $(".scaleSel div").removeClass("radio-active");
  595. $(this).addClass("radio-active");
  596. var value = $(this).attr("value");
  597. $("#scale").attr("value", value);
  598. $("#go").trigger("click");
  599. })
  600. $("#fontSel").change(function() {
  601. var value = $(this).children('option:selected').val();
  602. $("#font").attr("value", value);
  603. $("#go").trigger("click");
  604. })
  605. $("#download-png").click(function() {
  606. var el = d3.select("#cloudDiv").node().children[0];
  607. saveSvgAsPng(el, "词云.png");
  608. })
  609. // $(".stopWordList").click(function () {
  610. // var openy = layer.open({
  611. // title: '停用词表'
  612. // , title: false
  613. // , content: '${ctx}/bc/textKeyWords/stopWordListHtml?fileId=${fileId}'
  614. // , area: ['440px', '595px']
  615. // , type: 2
  616. // , closeBtn: 0
  617. // });
  618. // initStopWords();
  619. // })
  620. $("#dataTypeSel").change(function() {
  621. var selvalue = $(this).children('option:selected').val();
  622. // var ruleVlue = $("#rule").attr("value");
  623. // $("#dataType").attr("value", selvalue);
  624. // initContent();
  625. jiekouData()
  626. });
  627. $(".stop").click(function() {
  628. var $stop = $(".stop");
  629. if ($stop.hasClass("checkbox-active")) {
  630. $stop.removeClass("checkbox-active");
  631. } else {
  632. $stop.addClass("checkbox-active");
  633. }
  634. jiekouData()
  635. })
  636. $(".biglittle").click(function() {
  637. var $stop = $(".biglittle");
  638. if ($stop.hasClass("checkbox-active")) {
  639. $stop.removeClass("checkbox-active");
  640. } else {
  641. $stop.addClass("checkbox-active");
  642. }
  643. jiekouData()
  644. })
  645. function jiekouData() {
  646. var $biglittle = $(".biglittle");
  647. var $stop = $(".stop");
  648. let isSelectCaseSensitive = false
  649. let isSelectLemma = false
  650. let stopWordStatus = false
  651. if ($biglittle.hasClass("checkbox-active")) {
  652. isSelectCaseSensitive = true
  653. } else {
  654. isSelectCaseSensitive = false
  655. }
  656. if ($stop.hasClass("checkbox-active")) {
  657. stopWordStatus = 1
  658. } else {
  659. stopWordStatus = 0
  660. }
  661. var selvalue = $("#dataTypeSel").children('option:selected').val();
  662. if (selvalue == 'Lemma') {
  663. isSelectLemma = true;
  664. } else {
  665. isSelectLemma = false;
  666. }
  667. W_stopWordStatus = stopWordStatus
  668. getdata()
  669. }
  670. function replaceStop(words, stopWordList) {
  671. var text = "";
  672. var wordListLow = new Array();
  673. if (stopWordList != null) {
  674. for (var i = 0; i < stopWordList.length; i++) {
  675. wordListLow.push(stopWordList[i].toLowerCase());
  676. }
  677. }
  678. for (var i = 0; i < words.length; i++) {
  679. var wordList = words[i];
  680. var word = wordList[0];
  681. var count = wordList[1];
  682. if (wordListLow.indexOf(word) < 0) {
  683. for (var j = 0; j < count; j++) {
  684. text += word + " ";
  685. }
  686. }
  687. }
  688. return text;
  689. }
  690. function themeDeal(theme, stopWordList) {
  691. var text = "";
  692. var wordListLow = new Array();
  693. if (stopWordList != null) {
  694. for (var i = 0; i < stopWordList.length; i++) {
  695. wordListLow.push(stopWordList[i].toLowerCase());
  696. }
  697. }
  698. for (var i = 0; i < theme.length; i++) {
  699. var themeWord = theme[i];
  700. var word = themeWord['word'];
  701. var flag = false;
  702. if (wordListLow.indexOf(word.toLowerCase()) > -1) {
  703. flag = true;
  704. }
  705. if (!flag) {
  706. var rate = Math.round(themeWord['rate']);
  707. for (var j = 0; j < rate; j++) {
  708. text += word + " ";
  709. }
  710. }
  711. }
  712. return text;
  713. }
  714. // 停用词表
  715. $("#stop").click(function() {
  716. $("#shadow").show()
  717. changeWordData()
  718. })
  719. // 处理词表数据
  720. var editOldVal = ""
  721. function changeWordData(msg, arr) {
  722. if (arr) {
  723. stopWordList = JSON.parse(JSON.stringify(arr));
  724. } else {
  725. stopWordList = JSON.parse(JSON.stringify(oldstopWordList));
  726. }
  727. $("#stop_word_table").empty()
  728. for (let i = 0; i < stopWordList.length; i++) {
  729. let node = ` <div class="one">
  730. <div>${stopWordList[i]}</div>
  731. <div class="right">
  732. <span style="margin-right: 24px" id="edit${i}" @click="edit(item)">编辑</span>
  733. <span @click="deleteOne(item, i)" id="delete${i}">删除</span>
  734. </div>
  735. </div>`
  736. $("#stop_word_table").append(node)
  737. $(`#edit${i}`).click(function() {
  738. $("#editwordDom").show()
  739. $("#wordTable").hide()
  740. $("#editwordContent").val(stopWordList[i])
  741. editOldVal = stopWordList[i]
  742. })
  743. $(`#delete${i}`).click(function() {
  744. oldstopWordList.forEach((item, i) => {
  745. if (stopWordList[i] == item) {
  746. oldstopWordList.splice(i, 1)
  747. }
  748. })
  749. updatawordData()
  750. })
  751. }
  752. if (msg) {
  753. layer.msg("成功")
  754. }
  755. }
  756. function updatawordData() {
  757. let userStopVocab = JSON.parse(JSON.stringify(oldstopWordList));
  758. $.ajax({
  759. url: window.location.href.substring(0, window.location.href.indexOf('/#/')) + "/GCLSTCServer/tools/TS/stop/word/save",
  760. // url: "/i21st-newspaper-management-test/api/user/stopVocab/update",
  761. data: JSON.stringify({
  762. tenantId: "",
  763. wordList: userStopVocab
  764. }),
  765. contentType: "application/json;charset=UTF-8",
  766. dataType: "json",
  767. type: "post",
  768. success: function(data) {
  769. let val = $("#wordContent").val()
  770. if (val != "") {
  771. $("#seekWordBtn").click()
  772. } else {
  773. changeWordData("msg")
  774. }
  775. },
  776. error: function(jqXHR, textStatus, errorThrown) {
  777. if (jqXHR.status == 401) {
  778. var url = jqXHR.responseText;
  779. layer.alert('会话已过期,请重新登陆。', function(index) {
  780. layer.close(index);
  781. location.reload();
  782. });
  783. } else {
  784. layer.alert("网络异常,请稍后重试。(" + errorThrown + ")");
  785. }
  786. }
  787. })
  788. }
  789. // 搜索
  790. $("#seekWordBtn").click(function() {
  791. let val = $("#wordContent").val()
  792. let arr = []
  793. if (val == "") {
  794. stopWordList = JSON.parse(JSON.stringify(oldstopWordList))
  795. changeWordData("msg")
  796. } else {
  797. oldstopWordList.forEach((item, i) => {
  798. if (item.indexOf(val) != -1) {
  799. arr.push(item);
  800. }
  801. })
  802. // stopWordList = JSON.parse(JSON.stringify(arr))
  803. changeWordData("msg", arr)
  804. }
  805. })
  806. // 清空
  807. $("#emptyWord").click(function() {
  808. oldstopWordList = []
  809. updatawordData()
  810. })
  811. // 关闭
  812. $("#closeWord").click(function() {
  813. $("#shadow").hide()
  814. getdata()
  815. })
  816. // 新增 addWord
  817. $("#addWord").click(function() {
  818. $("#addwordDom").show()
  819. $("#wordTable").hide()
  820. $("#addwordContent").val("")
  821. })
  822. // 确定新增 addSubmit
  823. $("#addSubmit").click(function() {
  824. let val = $("#addwordContent").val()
  825. if (val == '') {
  826. layer.msg("请输入内容")
  827. return
  828. } else {
  829. let flag = false;
  830. oldstopWordList.forEach(item => {
  831. if (item == val) {
  832. flag = true
  833. }
  834. })
  835. if (flag) {
  836. layer.msg("该词已经存在,请勿重复添加")
  837. return
  838. }
  839. oldstopWordList.unshift(val)
  840. stopWordList.unshift(val)
  841. $("#wordTable").show()
  842. $("#addwordDom").hide()
  843. updatawordData()
  844. }
  845. })
  846. // 确定修改
  847. $('#editSubmit').click(function() {
  848. let val = $("#editwordContent").val()
  849. if (val == '') {
  850. layer.msg("请输入内容")
  851. return
  852. } else {
  853. let flag = false;
  854. oldstopWordList.forEach(item => {
  855. if (item == val) {
  856. flag = true
  857. }
  858. })
  859. if (flag) {
  860. layer.msg("该词已经存在,请勿重复添加")
  861. return
  862. }
  863. let arr = JSON.parse(JSON.stringify(oldstopWordList))
  864. let index = null
  865. arr.forEach((item, i) => {
  866. if (item == editOldVal) {
  867. index = i
  868. }
  869. })
  870. arr[index] = val
  871. oldstopWordList = JSON.parse(JSON.stringify(arr))
  872. stopWordList = JSON.parse(JSON.stringify(arr))
  873. $("#wordTable").show()
  874. $("#editwordDom").hide()
  875. updatawordData()
  876. }
  877. })
  878. // 关闭新增词
  879. $("#closeWordadd").click(function() {
  880. $("#wordTable").show()
  881. $("#addwordDom").hide()
  882. })
  883. $("#canceladd").click(function() {
  884. $("#wordTable").show()
  885. $("#addwordDom").hide()
  886. })
  887. // 关闭编辑
  888. $("#closeWordedit").click(function() {
  889. $("#wordTable").show()
  890. $("#editwordDom").hide()
  891. })
  892. $("#canceledit").click(function() {
  893. $("#wordTable").show()
  894. $("#editwordDom").hide()
  895. })
  896. </script>
  897. </body>
  898. </html>