完成发布需求关键词高亮

pages/releaseModule/index.js

@@ -20,6 +20,8 @@ Page({
         detailValue: "",
         saveLoading: false,
         businessCommunicationDemandId: null,
+        // 手动点击过选中标签
+        setTags: false,
     },
 
     /**
@@ -38,7 +40,8 @@ Page({
                 this.setData({
                     detailValue: listDetail.info,
                     selectedTag: listDetail.type,
-                    businessCommunicationDemandId: listDetail.businessCommunicationDemandId
+                    businessCommunicationDemandId: listDetail.businessCommunicationDemandId,
+                    setTags:true,
                 })
             })
         }
@@ -55,6 +58,35 @@ Page({
             detailValue: value
         })
     },
+    // 拾取焦点触发
+    textareaBlur() {
+        // let tags = this.data.tags;
+        let { detailValue, tags, setTags} = this.data;
+        let value = this.trimRight(detailValue);
+        // 如果手动选择过tag不再处理
+        if (setTags || !value) {
+            return
+        }
+        let selectedTag = [];
+        tags.forEach((el,inx)=>{
+            el.isActive = '';
+            el.needKeyword = el.keyword ? el.keyword.split(',') : [];
+            el.needKeyword.forEach(subel => {
+                if(value.indexOf(subel) != -1 && selectedTag.length < 3){
+                    selectedTag.push(el.typeName);
+                    el.isActive = 'active' + inx;
+                }
+            })
+        })
+        if(selectedTag.length < 1){
+            selectedTag.push(tags[tags.length - 1].typeName);
+            tags[tags.length - 1].isActive = 'active' + 0;
+        }
+        this.setData({
+            selectedTag,
+            tags,
+        })
+    },
     // tag选择切换
     tagSelectedChange(e) {
         let typename = e.currentTarget.dataset.typename;
@@ -84,7 +116,8 @@ Page({
         })
         this.setData({
             selectedTag,
-            tags
+            tags,
+            setTags: true
         })
         // console.log(this.data.selectedTag,'selectedTag');
         // console.log(this.data.tags,'tags');
@@ -122,7 +155,7 @@ Page({
                                     fail: function () { }, //失败后的回调；
                                     complete: function () { } //结束后的回调(成功，失败都会执行)
                                 })
-                            } else if (res1.cancel) { 
+                            } else if (res1.cancel) {
                                 let listDetail = res.data;
                                 that.clearData();
                                 wx.reLaunch({
@@ -213,7 +246,6 @@ Page({
                     tags: datas,
                 })
             }
-            console.log(this.data.tags, 'tags')
         }).catch(error => {
             console.log(error, 'error appletLogin')
         })

pages/releaseModule/index.wxml

@@ -6,7 +6,7 @@
     <view wx:else>
         <!-- 顶部 -->
         <view class="section">
-            <textarea class="section-textarea"  value="{{ detailValue }}" bindinput="textareaInput" maxlength="{{ max }}" placeholder="请输入你的需求详情~ " />
+            <textarea class="section-textarea"  value="{{ detailValue }}" bindinput="textareaInput" maxlength="{{ max }}" placeholder="请输入你的需求详情~ " bindblur="textareaBlur"/>
             <view class="limit">{{min}}/{{max}}</view>
         </view>
         <view class="tags-view">