|
|
@@ -6,11 +6,11 @@
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
<title>附加词</title>
|
|
|
- <link rel="stylesheet" href="../css/base.css">
|
|
|
- <link rel="stylesheet" href="../iconfont/iconfont.css">
|
|
|
- <link rel="stylesheet" href="../css/weui.min.css">
|
|
|
- <link rel="stylesheet" href="../css/keyWord.css">
|
|
|
- <script src="../js/rem.js"></script>
|
|
|
+ <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/base.css">
|
|
|
+ <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/iconfont/iconfont.css">
|
|
|
+ <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/weui.min.css">
|
|
|
+ <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/keyWord.css">
|
|
|
+ <script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/rem.js"></script>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
@@ -28,38 +28,7 @@
|
|
|
<!-- 添加附加词显示列表 -->
|
|
|
<div class="showKeyWord">
|
|
|
<ul>
|
|
|
- <li>
|
|
|
- <div class="one">
|
|
|
- <div>
|
|
|
- <span>
|
|
|
- <p class="key">abcde</p>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <button class="editKeyWord"><i class="iconfont icon-xiugai"></i> 修改</button>
|
|
|
- </div>
|
|
|
- <div class="modify">
|
|
|
- <span contentEditable="true">abcde</span>
|
|
|
- <button class="deleteKey">删除</button>
|
|
|
- <button class="ascertainKey">确定</button>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
-
|
|
|
- <li>
|
|
|
- <div class="one">
|
|
|
- <div>
|
|
|
- <span>
|
|
|
- <p class="key">abcde</p>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <button class="editKeyWord"><i class="iconfont icon-xiugai"></i> 修改</button>
|
|
|
- </div>
|
|
|
- <div class="modify">
|
|
|
- <span contentEditable="true">abcde</span>
|
|
|
- <button class="deleteKey">删除</button>
|
|
|
- <button class="ascertainKey">确定</button>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
-
|
|
|
+
|
|
|
</ul>
|
|
|
|
|
|
<div class="addKeyWord">
|
|
|
@@ -68,37 +37,175 @@
|
|
|
|
|
|
</div>
|
|
|
|
|
|
- <div class="problem">
|
|
|
- 疑问解答 <i class="iconfont icon-wenhao"></i>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/zepto.js"></script>
|
|
|
+ <script src="{{Msg "seo" "cdn"}}/wx_dataExport/js/weui.min.js"></script>
|
|
|
+ <script>
|
|
|
+ var winnerArr = [];
|
|
|
+ if(localStorage.winner !== "" && localStorage.winner !== undefined){
|
|
|
+ var winner = localStorage.winne.split(",");
|
|
|
+ winnerArr = winner;
|
|
|
+ var html = "";
|
|
|
+ for(var i in winner){
|
|
|
+ html +=
|
|
|
+ `<li>
|
|
|
+ <div class="one">
|
|
|
+ <div>
|
|
|
+ <span>
|
|
|
+ <p class="key">${ winner[i] }</p>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <button class="editKeyWord"><i class="iconfont icon-xiugai"></i> 修改</button>
|
|
|
+ </div>
|
|
|
+ <div class="modify">
|
|
|
+ <span contentEditable="true">${ winner[i] }</span>
|
|
|
+ <button class="deleteKey">删除</button>
|
|
|
+ <button class="ascertainKey">确定</button>
|
|
|
+ </div>
|
|
|
+ </li>`
|
|
|
+ }
|
|
|
+ $('.showKeyWord > ul').prepend(html);
|
|
|
+ }
|
|
|
+ $(function(){
|
|
|
|
|
|
- <!-- 疑难问题弹窗 -->
|
|
|
- <div class="problemPop">
|
|
|
- <div class="problemPopContent">
|
|
|
- <h3>疑问解答</h3>
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <h4>·关键词</h4>
|
|
|
- <p>目标信息中的关键性词语，如“软件系统”</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <h4>·附加词</h4>
|
|
|
- <p>与关键词形成一体/组合，便于查找准确信息，如“开发”</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <h4>·排除词</h4>
|
|
|
- <p>与关键词互斥，可排除一部分非目标信息，如“运维”</p>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <button class="knowBtn">我知道了</button>
|
|
|
- </div>
|
|
|
+ $('.knowBtn').on('click',function(){
|
|
|
+ $(".problemPop").hide()
|
|
|
+ })
|
|
|
+ $(".problem").on('click',function(){
|
|
|
+ $(".problemPop").css("display",'flex');
|
|
|
+ })
|
|
|
|
|
|
- </div>
|
|
|
+ function hasWords () {
|
|
|
+ var showKeyWordLength = $(".showKeyWord ul").find('li').length;
|
|
|
+ if(showKeyWordLength === 0){
|
|
|
+ $(".addkeyWord").show();
|
|
|
+ $(".showKeyWord").hide();
|
|
|
+ } else {
|
|
|
+ $(".addkeyWord").hide();
|
|
|
+ $(".showKeyWord").show();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ hasWords()
|
|
|
|
|
|
- </div>
|
|
|
- <script src="../js/zepto.js"></script>
|
|
|
- <script src="../js/weui.min.js"></script>
|
|
|
- <script src="../js/additionWord.js"></script>
|
|
|
+ // 添加按钮
|
|
|
+ $(".addKeyWord i").on('click',function(){
|
|
|
+ $(".addkeyWord").show();
|
|
|
+ $(".showKeyWord").hide();
|
|
|
+ })
|
|
|
+
|
|
|
+ // 添加keyWords检查输入框内是否有文字，如果有才能点击添加按钮
|
|
|
+ $('.addkeyWord input.enterOne').on('input', function() {
|
|
|
+ if ($(this).val().length >= 100) {
|
|
|
+ var s = $(this).val().slice(0,100)
|
|
|
+ $(this).val(s)
|
|
|
+
|
|
|
+ weui.toast('附加词不能超过100字', {
|
|
|
+ duration: 2000,
|
|
|
+ className: 'text-overflow100',
|
|
|
+ callback: function(){ console.log('close') }
|
|
|
+ });
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ var buttonDOM = $(this).siblings().find('button')[0]
|
|
|
+ if ($(this).val().length >= 1) {
|
|
|
+ buttonDOM.style.opacity = 1
|
|
|
+ buttonDOM.removeAttribute("disabled")
|
|
|
+ } else {
|
|
|
+ buttonDOM.style.opacity = .5
|
|
|
+ buttonDOM.setAttribute("disabled", true)
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ // 添加 按钮的点击事件
|
|
|
+ $('.addkeyWord .btn button').on('click', function(){
|
|
|
+ var keyWord = $('.addkeyWord input.enterOne').val()
|
|
|
+ winnerArr.push(keyWord);
|
|
|
+ localStorage.setItem("winner", winnerArr);
|
|
|
+ var html = `<li>
|
|
|
+ <div class="one">
|
|
|
+ <div>
|
|
|
+ <span>
|
|
|
+ <p class="key">${ keyWord }</p>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <button class="editKeyWord"><i class="iconfont icon-xiugai"></i> 修改</button>
|
|
|
+ </div>
|
|
|
+ <div class="modify">
|
|
|
+ <span contentEditable="true">${ keyWord }</span>
|
|
|
+ <button class="deleteKey">删除</button>
|
|
|
+ <button class="ascertainKey">确定</button>
|
|
|
+ </div>
|
|
|
+ </li>`
|
|
|
+ $('.showKeyWord > ul').prepend(html)
|
|
|
+
|
|
|
+ // 隐藏
|
|
|
+ $(".addkeyWord").hide();
|
|
|
+ $('.showKeyWord').show();
|
|
|
+ $('.enter.addkeyWord > input').val('')
|
|
|
+ var buttonDOM = $('.enter.addkeyWord .btn button')[0]
|
|
|
+ buttonDOM.style.opacity = .5
|
|
|
+ buttonDOM.setAttribute("disabled", true)
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+ // 编辑
|
|
|
+ $(".showKeyWord").on('click', '.editKeyWord',function(e){
|
|
|
+ $('.modify span').each(function(item){
|
|
|
+ $('.modify span')[0].contentEditable = true
|
|
|
+ })
|
|
|
+ // console.log($(this).parent().siblings().find('span').text())
|
|
|
+ $(this).parent().hide()
|
|
|
+ $(this).parent().siblings().css('display','block')
|
|
|
+ })
|
|
|
+
|
|
|
+ // 编辑 删除
|
|
|
+ $('.showKeyWord').on('click', '.deleteKey', function(e) {
|
|
|
+ var buyer = $(this).parent().prev().find('.key').text();
|
|
|
+ winnerArr.splice($.inArray(winner, winnerArr),1);
|
|
|
+ localStorage.winner = winnerArr.toString();
|
|
|
+ $(this).parents('li').remove();
|
|
|
+ hasWords()
|
|
|
+ // console.log('删除附加词:',$(this).parent().find('span').text())
|
|
|
+ })
|
|
|
+ // 编辑 确定
|
|
|
+ $('.showKeyWord').on('click', '.ascertainKey', function(e) {
|
|
|
+ var keyWord = $(this).siblings('span').text();
|
|
|
+ var winner = $(this).parent().prev().find('.key').text();
|
|
|
+ for(var i in winnerArr){
|
|
|
+ if(winnerArr[i] === winner){
|
|
|
+ winnerArr[i] = keyWord;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ localStorage.winner = winnerArr.toString();
|
|
|
+ $(this).parent().siblings().find('.key').text(keyWord)
|
|
|
+ $(this).parent().hide().siblings().show()
|
|
|
+ })
|
|
|
+
|
|
|
+ //去空格方法
|
|
|
+ String.prototype.trim = function(){
|
|
|
+ return this.replace(/(^\s*)|(\s*$)/g, ' ');
|
|
|
+ }
|
|
|
+
|
|
|
+ //附加词个数
|
|
|
+ $('.modify span').keydown(function(){
|
|
|
+ var olength = $(this).text().replace(/\s+/g,'').length;
|
|
|
+ // console.log(olength)
|
|
|
+ if(olength >= 100){
|
|
|
+ $('.fontLength').show();
|
|
|
+ var s = $(this).text().slice(0,100)
|
|
|
+ $(this).text(s)
|
|
|
+ weui.toast('附加词不能超过100字', {
|
|
|
+ duration: 2000,
|
|
|
+ className: 'text-overflow100',
|
|
|
+ callback: function(){ console.log('close') }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+ </script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
