feat: wx.app三级页添加标讯关注按钮

src/jfw/modules/app/src/web/staticres/jyapp/css/wxinfocontent.css

@@ -299,13 +299,13 @@ body .loading_ p span {
     display: flex;
     margin-top: 13px;
     align-items: center;
-    justify-content: flex-start;
+    justify-content: space-between;
 }
 
 .forecast {
-    position: absolute;
-    top: 20px;
-    right: -16px;
+    position: fixed;
+    top: 160px;
+    right: 0;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -836,7 +836,7 @@ pre {
     margin-top: 10px;
     display: flex;
     align-items: center;
-    justify-content: flex-start;
+    justify-content: space-between;
 }
 
 .fatNav {
@@ -1081,4 +1081,35 @@ ul {
 
 .download-list ul .downs {
     text-decoration: underline;
+}
+
+.right-container {
+    display: flex;
+    align-items: center;
+}
+.collec_star {
+    margin: 0 .26rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #9B9CA3;
+    font-size: .26rem;
+    line-height: .4rem;
+}
+.collec_star .icon-text {
+    margin-left: .1rem;
+}
+.collec_star .shoucang{
+    display: inline-block;
+    width: .32rem;
+    height: .32rem;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHRSURBVHgB1VVLTsMwEH1jCB8hpHICwpIVsASERE4CV+AEcARuAjdoJYTY0e4QbBpOQBGC8quH5/RD2jiti7rhSZNY8fjNmxnbAaaAVlFxNs2a+WmcEeECJhslmDX0Cod6Dc2M49B1JtQRgtPBeC43nkWATLHkVCuzCcwiLAODo8K3wCxkkgN3TYwFNL2TFokcoIbQAHpDsi9sU3FMW6fKWFfkEO+oyIf61qdkSPluMNgjS9fgupbs850PwHqecaKQsi5yerWn4UshL+pUh0FwIns47/bA4JLPVsFpKTeOBLpmoMsTq+o2QYtW61K7YN2UkkKQSEZVASsM5LIyY8iFvemVaeCWfTDYAbKaulNbDpZOK8YXJM2T9zUNC3CNtqiyFLFTOxau72/sTVu75Ibkuz2BZQH6QViGOksUdLHJm6Z41wK5g7eSmWMkKUJg1e2wlo/cYdxtuo1J+N26cZmLN4PPhwnkSuJX2vPgXFT0lgczNIDRuRhlcKqfSNweOdlt/z/C3wOrxQxEax1rE5InVJ0W5kvK5O2BMbqlgw2mjY7Vk2hz6FLb4I/nmG93vcQ9qd4SeWEfpGrvpfl9l5GMhQtEa9LqCIXWp/ux/3XN/8APC++o0hFQWAMAAAAASUVORK5CYII=) no-repeat;
+    background-size: contain;
+}
+.collec_star .weishoucang{
+    display: inline-block;
+    width: .32rem;
+    height: .32rem;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJESURBVHgB1VXRbdswEL2jqH5rg7gT1NnA3iAdIKmNxiqCfhSdQOkETb+M2goUxO13vEHcCapOEGUDfQaQyOsdYQV2ItdU/noATYt6994deUcBdLAsyyIZXXx0F3Bt9M3679DXR/kCp/PFgCc35vNs4OvnLaAREgQqAKgE1Imvn5dAE7218MUSfoMOWXgJhIjvJPo4Prl6peuLLlnsFZhOsx4BjSR6eR6Px2WXLPApmQp1H4h6WqkDwzMDBhx9GQTmUMgFJ6Vam+AOQZUsXijEvLb23oLJLUH5MR7nWwLf54tzxYe4rc3bAFggUm4N/JLt2XybposjC8BbBz3G8sCt/rBEnz9MTi5cHyDVS8Dgk4DY4W1V1fnZ2biAf9jp6fGSp2XzLFlVVXCECjMJDsmsZN2dQcwpkTXDddRf4QX28AARKJUIh3DF6216PGRZqCtzaMFCGIa3ch6+5IIN2Eex7ya5GLaDAwYrqKpquG+rNsmryjzDPytTARgGEthIhzqDPRaG+mYXeatAI4JcQeBnBQGWuzLd2WgE0OfxB/YYn9k9uFJtt1aB2Szrr0VWzZqU4fxykcxm16MtMDcZ/0Zp+vPAW0Ap3ZO5tnXhBC+vR5UJf7PiudR5mv64exQyxlWMdWXuKWDIugy4u6MZkyFh5q5q4g8NDynlRogwGLhskXptXK1ftADVG5KXqG/ZNRfSyeR4tQF5LVkRUcL3kGvMQOGBtwCTRxKx3KBP76DG4vdu/UqE2CHhFPrga10/7C/1+T/sL+2vJ0ALxXBYAAAAAElFTkSuQmCC) no-repeat;
+    background-size: contain;
 }

src/jfw/modules/app/src/web/templates/weixin/wxinfocontent.html

@@ -247,7 +247,13 @@
                                 }
                             }
                         </script>
-                        {{if .T.obj.hasSession}}{{if or .T.obj.projectname .T.obj.projectcode}}<div class="follow" style="top:1px !important;display: none">{{if .T.obj.followFlag}}<i class="glyphicon yiguanzhu"></i>已关注{{else}}<i class="glyphicon weiguanzhu"></i>关注项目{{end}}</div>{{end}}{{else}}<!--<a href="/swordfish/share/-1" style="text-decoration: none;color:#24C0D7;"><span class="follow"><i class="glyphicon weiguanzhu"></i></span>关注项目</a>-->{{end}}
+                        <div class="right-container">
+                            <div class="collec_star">
+                                <span class="icon weishoucang"></span>
+                                <span class="icon-text">收藏</span>
+                            </div>
+                            {{if .T.obj.hasSession}}{{if or .T.obj.projectname .T.obj.projectcode}}<div class="follow" style="top:1px !important;display: none">{{if .T.obj.followFlag}}<i class="glyphicon yiguanzhu"></i>已关注{{else}}<i class="glyphicon weiguanzhu"></i>关注项目{{end}}</div>{{end}}{{else}}<!--<a href="/swordfish/share/-1" style="text-decoration: none;color:#24C0D7;"><span class="follow"><i class="glyphicon weiguanzhu"></i></span>关注项目</a>-->{{end}}
+                        </div>
                     </div>
                 {{else}}
                     <!--非VIP-->
@@ -319,7 +325,13 @@
                                 }
                             }
                         </script>
-                        {{if .T.obj.hasSession}}{{if or .T.obj.projectname .T.obj.projectcode}}<span class="follow" style="display: none">{{if .T.obj.followFlag}}<i class="glyphicon yiguanzhu"></i>已关注{{else}}<i class="glyphicon weiguanzhu"></i>关注项目{{end}}</span>{{end}}{{else}}<!--<a href="/swordfish/share/-1" style="text-decoration: none;color:#24C0D7;"><span class="follow"><i class="glyphicon weiguanzhu"></i></span>关注项目</a>-->{{end}}
+                        <div class="right-container">
+                            <div class="collec_star">
+                                <span class="icon weishoucang"></span>
+                                <span class="icon-text">收藏</span>
+                            </div>
+                            {{if .T.obj.hasSession}}{{if or .T.obj.projectname .T.obj.projectcode}}<span class="follow" style="display: none">{{if .T.obj.followFlag}}<i class="glyphicon yiguanzhu"></i>已关注{{else}}<i class="glyphicon weiguanzhu"></i>关注项目{{end}}</span>{{end}}{{else}}<!--<a href="/swordfish/share/-1" style="text-decoration: none;color:#24C0D7;"><span class="follow"><i class="glyphicon weiguanzhu"></i></span>关注项目</a>-->{{end}}
+                        </div>
                     </div>
                 {{end}}
                 <div class="forecast" style="display: none">
@@ -601,10 +613,6 @@
         </div>
     </div>
 </div>
-<!--<script type="text/javascript">
-    var ucbs_source="app",ucbsId="{{.T.obj.ucbsId}}",title="{{.T.obj.title}}",projectname="{{.T.obj.projectname}}";
-    </script>
-    <script type="text/javascript" src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/ucbs.js?v={{Msg "seo" "version"}}"></script>-->
 <script>
     var	shareimgflag = true;
     var area = {{.T.obj.area}}
@@ -1830,6 +1838,63 @@
       {{end}}
     })
 
+    getCollectionState()
+    function getCollectionState () {
+        $.ajax({
+            url: '/publicapply/bidcoll/isColl',
+            type: 'POST',
+            data: {
+                bids: id
+            },
+            success: function (res) {
+                if (res.error_code === 0 && res.data) {
+                    if (res.data.length) {
+                        $('.collec_star').children('.icon').removeClass('weishoucang').addClass('shoucang')
+                        $('.collec_star').children('.icon-text').text('已收藏')
+                    }
+                }
+            }
+        })
+    }
+    $('.collec_star').on('click', function () {
+        var $this = $(this)
+        var $icon = $this.children('.icon')
+        var $text = $this.children('.icon-text')
+        // 说明未收藏，点击收藏
+        var data = {
+            baction: '',
+            binfo: [{ bid: id }]
+        }
+        var shoucang = $icon.hasClass('weishoucang')
+        if (shoucang) {
+            // 说明未收藏，点击收藏
+            data.baction = 'C'
+        } else {
+            data.baction = 'R'
+        }
+        $.ajax({
+            url: '/publicapply/bidcoll/action',
+            type: 'POST',
+            contentType: 'application/json',
+            data: JSON.stringify(data),
+            success: function (res) {
+                if (res.error_code === 0 && res.data) {
+                    if (shoucang) {
+                        $icon.removeClass('weishoucang').addClass('shoucang')
+                        $text.text('已收藏')
+                        webToast("已收藏至“我的-标讯收藏”","middle", 1500);
+                        if (vKeepComponent) {
+                            vKeepComponent.changeBid(attrData.sid, !isStartStatus)
+                        }
+                    } else {
+                        $icon.removeClass('shoucang').addClass('weishoucang')
+                        $text.text('收藏')
+                        webToast("已取消收藏","middle", 1500);
+                    }
+                }
+            }
+        })
+    })
 </script>
 {{include "/common/baiducc.html"}}
 </body>

src/web/staticres/css/wxcontentinfo.css

@@ -321,4 +321,35 @@
 	filter: blur(5px);
 	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
 }
-/* forceShare end */
+/* forceShare end */
+
+.right-container {
+    display: flex;
+    align-items: center;
+}
+.collec_star {
+    margin: 0 .26rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #9B9CA3;
+    font-size: .26rem;
+    line-height: .4rem;
+}
+.collec_star .icon-text {
+    margin-left: .1rem;
+}
+.collec_star .shoucang{
+    display: inline-block;
+    width: .32rem;
+    height: .32rem;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHRSURBVHgB1VVLTsMwEH1jCB8hpHICwpIVsASERE4CV+AEcARuAjdoJYTY0e4QbBpOQBGC8quH5/RD2jiti7rhSZNY8fjNmxnbAaaAVlFxNs2a+WmcEeECJhslmDX0Cod6Dc2M49B1JtQRgtPBeC43nkWATLHkVCuzCcwiLAODo8K3wCxkkgN3TYwFNL2TFokcoIbQAHpDsi9sU3FMW6fKWFfkEO+oyIf61qdkSPluMNgjS9fgupbs850PwHqecaKQsi5yerWn4UshL+pUh0FwIns47/bA4JLPVsFpKTeOBLpmoMsTq+o2QYtW61K7YN2UkkKQSEZVASsM5LIyY8iFvemVaeCWfTDYAbKaulNbDpZOK8YXJM2T9zUNC3CNtqiyFLFTOxau72/sTVu75Ibkuz2BZQH6QViGOksUdLHJm6Z41wK5g7eSmWMkKUJg1e2wlo/cYdxtuo1J+N26cZmLN4PPhwnkSuJX2vPgXFT0lgczNIDRuRhlcKqfSNweOdlt/z/C3wOrxQxEax1rE5InVJ0W5kvK5O2BMbqlgw2mjY7Vk2hz6FLb4I/nmG93vcQ9qd4SeWEfpGrvpfl9l5GMhQtEa9LqCIXWp/ux/3XN/8APC++o0hFQWAMAAAAASUVORK5CYII=) no-repeat;
+    background-size: contain;
+}
+.collec_star .weishoucang{
+    display: inline-block;
+    width: .32rem;
+    height: .32rem;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJESURBVHgB1VXRbdswEL2jqH5rg7gT1NnA3iAdIKmNxiqCfhSdQOkETb+M2goUxO13vEHcCapOEGUDfQaQyOsdYQV2ItdU/noATYt6994deUcBdLAsyyIZXXx0F3Bt9M3679DXR/kCp/PFgCc35vNs4OvnLaAREgQqAKgE1Imvn5dAE7218MUSfoMOWXgJhIjvJPo4Prl6peuLLlnsFZhOsx4BjSR6eR6Px2WXLPApmQp1H4h6WqkDwzMDBhx9GQTmUMgFJ6Vam+AOQZUsXijEvLb23oLJLUH5MR7nWwLf54tzxYe4rc3bAFggUm4N/JLt2XybposjC8BbBz3G8sCt/rBEnz9MTi5cHyDVS8Dgk4DY4W1V1fnZ2biAf9jp6fGSp2XzLFlVVXCECjMJDsmsZN2dQcwpkTXDddRf4QX28AARKJUIh3DF6216PGRZqCtzaMFCGIa3ch6+5IIN2Eex7ya5GLaDAwYrqKpquG+rNsmryjzDPytTARgGEthIhzqDPRaG+mYXeatAI4JcQeBnBQGWuzLd2WgE0OfxB/YYn9k9uFJtt1aB2Szrr0VWzZqU4fxykcxm16MtMDcZ/0Zp+vPAW0Ap3ZO5tnXhBC+vR5UJf7PiudR5mv64exQyxlWMdWXuKWDIugy4u6MZkyFh5q5q4g8NDynlRogwGLhskXptXK1ftADVG5KXqG/ZNRfSyeR4tQF5LVkRUcL3kGvMQOGBtwCTRxKx3KBP76DG4vdu/UqE2CHhFPrga10/7C/1+T/sL+2vJ0ALxXBYAAAAAElFTkSuQmCC) no-repeat;
+    background-size: contain;
+}

src/web/templates/weixin/wxinfocontent_rec.html

@@ -735,7 +735,13 @@ pre {
 						}
 					}
 			</script>
-		{{if .T.obj.hasSession}}{{if or .T.obj.projectname .T.obj.projectcode}}<div class="follow" style="top:0px !important">{{if .T.obj.followFlag}}<i class="glyphicon yiguanzhu"></i>已关注{{else}}<i class="glyphicon weiguanzhu"></i>关注项目{{end}}</div>{{end}}{{else}}<!--<a href="/swordfish/share/-1" style="text-decoration: none;color:#24C0D7;"><span class="follow"><i class="glyphicon weiguanzhu"></i></span>关注项目</a>-->{{end}}
+            <div class="right-container">
+                <div class="collec_star">
+                    <span class="icon weishoucang"></span>
+                    <span class="icon-text">收藏</span>
+                </div>
+		        {{if .T.obj.hasSession}}{{if or .T.obj.projectname .T.obj.projectcode}}<div class="follow" style="top:0px !important">{{if .T.obj.followFlag}}<i class="glyphicon yiguanzhu"></i>已关注{{else}}<i class="glyphicon weiguanzhu"></i>关注项目{{end}}</div>{{end}}{{else}}<!--<a href="/swordfish/share/-1" style="text-decoration: none;color:#24C0D7;"><span class="follow"><i class="glyphicon weiguanzhu"></i></span>关注项目</a>-->{{end}}
+            </div>
 		</div>
 	</div>
 
@@ -2188,6 +2194,63 @@ function fromwhere(text){
   }
   return ad
 }
+    getCollectionState()
+    function getCollectionState () {
+        $.ajax({
+            url: '/publicapply/bidcoll/isColl',
+            type: 'POST',
+            data: {
+                bids: id
+            },
+            success: function (res) {
+                if (res.error_code === 0 && res.data) {
+                    if (res.data.length) {
+                        $('.collec_star').children('.icon').removeClass('weishoucang').addClass('shoucang')
+                        $('.collec_star').children('.icon-text').text('已收藏')
+                    }
+                }
+            }
+        })
+    }
+    $('.collec_star').on('click', function () {
+        var $this = $(this)
+        var $icon = $this.children('.icon')
+        var $text = $this.children('.icon-text')
+        // 说明未收藏，点击收藏
+        var data = {
+            baction: '',
+            binfo: [{ bid: id }]
+        }
+        var shoucang = $icon.hasClass('weishoucang')
+        if (shoucang) {
+            // 说明未收藏，点击收藏
+            data.baction = 'C'
+        } else {
+            data.baction = 'R'
+        }
+        $.ajax({
+            url: '/publicapply/bidcoll/action',
+            type: 'POST',
+            contentType: 'application/json',
+            data: JSON.stringify(data),
+            success: function (res) {
+                if (res.error_code === 0 && res.data) {
+                    if (shoucang) {
+                        $icon.removeClass('weishoucang').addClass('shoucang')
+                        $text.text('已收藏')
+                        EasyAlert.show("已收藏至“我的-标讯收藏”");
+                        if (vKeepComponent) {
+                            vKeepComponent.changeBid(attrData.sid, !isStartStatus)
+                        }
+                    } else {
+                        $icon.removeClass('shoucang').addClass('weishoucang')
+                        $text.text('收藏')
+                        EasyAlert.show("已取消收藏");
+                    }
+                }
+            }
+        })
+    })
 </script>
 {{include "/common/baiducc.html"}}
 </body>