dataExport_excludeInput.html 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>排除词</title>
  8. <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/base.css?v={{Msg "seo" "version"}}">
  9. <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/iconfont/iconfont.css?v={{Msg "seo" "version"}}">
  10. <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/weui.min.css?v={{Msg "seo" "version"}}">
  11. <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/keyWord.css?v={{Msg "seo" "version"}}"3>
  12. <script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/rem.js"></script>
  13. {{include "/common/weixin.html"}}
  14. <script src="{{Msg "seo" "cdn"}}/wxswordfish/share.js?v={{Msg "seo" "version"}}"></script>
  15. </head>
  16. <style>
  17. .keyWord .enter .btn .save {
  18. float: right;
  19. }
  20. body{
  21. background: rgba(245,244,249,1);
  22. }
  23. </style>
  24. <body>
  25. <div class="keyWord">
  26. <p class="title">示例:运维(排除词)</p>
  27. <!-- 添加附加词 -->
  28. <div class="enter addkeyWord">
  29. <input type="text" class="enterOne" placeholder="请输入排除词" />
  30. <div class="btn">
  31. <button class="save" disabled>确认</button>
  32. <button class="close">取消</button>
  33. </div>
  34. </div>
  35. <!-- 添加附加词显示列表 -->
  36. <div class="showKeyWord">
  37. <ul>
  38. </ul>
  39. </div>
  40. <div class="addKeyWord">
  41. <i class="iconfont icon-tianjia"></i>
  42. </div>
  43. <div class="problem">
  44. 疑问解答 <i class="iconfont icon-wenhao"></i>
  45. </div>
  46. <!-- 疑难问题弹窗 -->
  47. <div class="problemPop">
  48. <div class="problemPopContent">
  49. <h3>疑问解答</h3>
  50. <ul>
  51. <li>
  52. <h4>·关键词</h4>
  53. <p>目标信息中的关键性词语,如“软件系统”</p>
  54. </li>
  55. <li>
  56. <h4>·附加词</h4>
  57. <p>与关键词形成一体/组合,便于查找准确信息,如“开发”</p>
  58. </li>
  59. <li>
  60. <h4>·排除词</h4>
  61. <p>与关键词互斥,可排除一部分非目标信息,如“运维”</p>
  62. </li>
  63. </ul>
  64. <button class="knowBtn">我知道了</button>
  65. </div>
  66. </div>
  67. </div>
  68. <script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/zepto.js?v={{Msg "seo" "version"}}"></script>
  69. <script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/weui.min.js?v={{Msg "seo" "version"}}"></script>
  70. <script>
  71. initShare({{.T.signature}},{{.T.openid}},2,"jy_wxmyorder",{{.T.nickname}},{{.T.avatar}});
  72. var keyWordArr = [];
  73. var keyWordsArr = [];
  74. var excludeArr = [];
  75. var url = location.href;
  76. var token = decodeURI(url.match(/=.*/)).replace("=", "");
  77. //
  78. if(sessionStorage.keyWord!==undefined && sessionStorage.keyWord!==""){
  79. if(localStorage.keyWord !== "" && localStorage.keyWord !== undefined){
  80. keyWordArr = JSON.parse(localStorage.keyWord);
  81. }
  82. keyWordsArr = JSON.parse(sessionStorage.keyWord);
  83. for(var x in keyWordsArr){
  84. excludeArr = keyWordsArr[x].exclude;
  85. }
  86. }else{
  87. if(localStorage.keyWord !== "" && localStorage.keyWord !== undefined) {
  88. var keyWord = localStorage.keyWord;
  89. keyWordArr = JSON.parse(keyWord);
  90. }
  91. for(var i in keyWordArr){
  92. var keyWords = keyWordArr[i].keyWord;
  93. var excludes = keyWordArr[i].exclude;
  94. if(keyWords === token){
  95. excludeArr = excludes;
  96. }
  97. }
  98. }
  99. $(function(){
  100. $('.knowBtn').on('click',function(){
  101. $(".problemPop").hide()
  102. });
  103. $(".problem").on('click',function(){
  104. $(".problemPop").css("display",'flex');
  105. });
  106. // 添加keyWords检查输入框内是否有文字,如果有才能点击添加按钮
  107. $('.addkeyWord input.enterOne').on('input', function() {
  108. if ($(this).val().length >= 100) {
  109. var s = $(this).val().slice(0,100);
  110. $(this).val(s);
  111. weui.toast('附加词不能超过100字', {
  112. duration: 2000,
  113. className: 'text-overflow100',
  114. callback: function(){ console.log('close') }
  115. });
  116. return
  117. }
  118. var buttonDOM = $(this).siblings().find('button')[0];
  119. if ($(this).val().length >= 1) {
  120. buttonDOM.style.opacity = 1;
  121. buttonDOM.removeAttribute("disabled")
  122. } else {
  123. buttonDOM.style.opacity = .5;
  124. buttonDOM.setAttribute("disabled", true)
  125. }
  126. });
  127. // 添加 按钮的点击事件
  128. $('.addkeyWord .btn button').on('click', function(){
  129. var exclude = $('.addkeyWord input.enterOne').val();
  130. if(excludeArr===undefined){
  131. excludeArr = [];
  132. }
  133. excludeArr.push(exclude);
  134. for(var i in keyWordArr){
  135. if(keyWordArr[i].keyWord === token){
  136. keyWordArr[i].exclude = excludeArr
  137. }
  138. }
  139. if(sessionStorage.keyWord!==undefined && sessionStorage.keyWord!==""){
  140. for(var m in keyWordsArr){
  141. if(keyWordsArr[m].keyWord === token){
  142. keyWordsArr[m].exclude = excludeArr
  143. }
  144. }
  145. keyWordArr.push(keyWordsArr[0]);
  146. for (var x = 0; x < keyWordArr.length; x++) {
  147. for (var j =x+1; j <keyWordArr.length; ) {
  148. if (keyWordArr[x].keyWord === keyWordArr[j].keyWord && keyWordArr[x].exclude === keyWordArr[j].exclude && keyWordArr[x].appended === keyWordArr[j].appended) {
  149. keyWordArr.splice(j, 1);
  150. }
  151. else j++;
  152. }
  153. }
  154. }
  155. sessionStorage.keyWord = JSON.stringify(keyWordArr);
  156. localStorage.keyWord = JSON.stringify(keyWordArr);
  157. window.history.back();
  158. });
  159. //去空格方法
  160. String.prototype.trim = function(){
  161. return this.replace(/(^\s*)|(\s*$)/g, ' ');
  162. };
  163. //附加词个数
  164. $('.modify span').keydown(function(){
  165. var olength = $(this).text().replace(/\s+/g,'').length;
  166. // console.log(olength)
  167. if(olength >= 100){
  168. $('.fontLength').show();
  169. var s = $(this).text().slice(0,100);
  170. $(this).text(s);
  171. weui.toast('附加词不能超过100字', {
  172. duration: 2000,
  173. className: 'text-overflow100',
  174. callback: function(){ console.log('close') }
  175. });
  176. }
  177. });
  178. $('.addkeyWord .btn .close').on('click', function () {
  179. window.history.back();
  180. });
  181. })
  182. </script>
  183. </body>
  184. </html>