feat: 三级页工作台引导

src/web/staticres/pccss/pc-detail.css

@@ -1074,3 +1074,54 @@ a{
   line-height: 22px;
   text-align: left;
 }
+
+.biddetail-action-top-right {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 99;
+  border-radius: 4px;
+}
+.biddetail-action-top-right-content {
+  display: flex;
+}
+.page-back-btn{
+  width: 90px;
+  height: 32px;
+  background: #EAF8FA;
+  border: 1px solid #2ABED1;
+  border-radius: 4px;
+  color: #2ABED1;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.into-work-space{
+  display: flex;
+  align-items: center;
+  padding: 4px 8px;
+  background: linear-gradient(to right , #2ABED1 0%, #1B8FFAF5 96%);
+  font-size: 16px;
+  line-height: 24px;
+  color: #fff;
+  border-radius: 4px;
+  margin-left: 12px;
+  cursor: pointer;
+}
+.tooltip-help-class{
+  width: 300px;
+  padding: 16px!important;
+  background: rgba(0, 0, 0, 0.75)!important;
+  border-radius: 4px!important;
+}
+.tooltip-help-class .tooltip-slot-content{
+  line-height: 22px;
+  font-size: 14px;
+}
+.tooltip-help-btn{
+  width: 15px;
+  height: 15px;
+  margin: 0 4px;
+  cursor: pointer;
+  vertical-align: middle;
+}

src/web/staticres/public-pc/js/article-content.js

@@ -1617,7 +1617,7 @@ function companyAdd(){
   if(s_winner){
     var winner_con = $(".winner");
     for(var i=0;i<winner_con.length;i++){
-      var top = getElementTop(winner_con[i]) - $(".public-nav")[0].offsetHeight - 30 + 10 + winner_con[i].offsetHeight;
+      var top = getElementTop(winner_con[i]) - $("#public-nav")[0].offsetHeight - 30 + 10 + winner_con[i].offsetHeight;
       var left = getElementLeft(winner_con[i])-getElementLeft($(".biddetail-content")[0])-110;
       if(left>670){
         left = 670;
@@ -2873,3 +2873,69 @@ function stripscript(s){
 	return rs;
 }
 
+function loginCallback (r) {
+  console.log(r)
+  detailActionRight.isLogin = true
+}
+
+var detailActionRight = new Vue({
+  el: '#biddetail-action-top-right',
+  delimiters: ['{', '}'],
+  mixins: [workspaceDescMixin],
+  data: function () {
+    return {
+      isLogin: false,
+      inIframe: goTemplateData.inIframe
+    }
+  },
+  methods: {
+    goWorkSpace: function () {
+      var goHref = location.href
+      if (goHref.indexOf('?') > -1) {
+        goHref += '&aside=0'
+      } else {
+        goHref += '&aside=0'
+      }
+      window.location.replace('/page_workDesktop/work-bench/page?link=' + encodeURIComponent(goHref))
+    },
+    goBack () {
+      var back = function () {
+        // 判断是否在iframe，如果在iframe，则用父级返回
+        if (goTemplateData.inIframe) {
+          window.parent.history.back()
+        } else {
+          history.back()
+        }
+      }
+    
+      var referer = document.referer
+      if(referer) {
+        var inJianyuWebSite = referer.indexOf('jianyu360.cn') > 0
+        if (inJianyuWebSite) {
+          // 本站的，判断是否是新窗口打开的页面
+          // 1.window.open可以通过判断window.opener
+          // 2.a target='_black'可以通过判断history.length
+          var opener = window.opener && window.opener !== window
+          var target_blank = history.length <= 1
+          // 是否新窗口打开
+          var isNewWindow = opener || target_blank
+          if (isNewWindow) {
+            try {
+              window.parent && window.parent.close()
+            } catch (error) {
+              window.close()
+            }
+            back()
+          } else {
+            back()
+          }
+        } else {
+          location.href = '/'
+        }
+      } else {
+        location.href = '/'
+      }
+    },
+  }
+})
+

src/web/staticres/public-pc/js/workspace-desc.js

@@ -0,0 +1,24 @@
+var workspaceDescMixin = {
+    data () {
+        return {
+            workspaceDescText: ''
+        }
+    },
+    created: function () {
+        this.getWorkspaceDesc()
+    },
+    methods: {
+        getWorkspaceDesc: function () {
+            var _this = this
+            $.ajax({
+                method: 'GET',
+                url: '/front/bootstrap/specification',
+                success: function (res) {
+                    if (res && res.data) {
+                        _this.workspaceDescText = res.data
+                    }
+                }
+            })
+        }
+    }
+}

src/web/staticres/tags/js/no-login-detail.js

@@ -1051,7 +1051,7 @@ function companyAdd(){
 //   if(s_winner){
 //     var winner_con = $(".winner");
 //     for(var i=0;i<winner_con.length;i++){
-//       var top = getElementTop(winner_con[i]) - $(".public-nav")[0].offsetHeight - 30 + 10 + winner_con[i].offsetHeight;
+//       var top = getElementTop(winner_con[i]) - $("#public-nav")[0].offsetHeight - 30 + 10 + winner_con[i].offsetHeight;
 //       var left = getElementLeft(winner_con[i])-getElementLeft($(".biddetail-content")[0])-110;
 //       if(left>670){
 //         left = 670;

src/web/templates/pc/aboutus.html

@@ -343,7 +343,7 @@ $(function(){
 	});
 	var clientHeight = document.body.clientHeight;
 	var afterScroll = function(){
-		var firstScreenH = $(".public-nav").outerHeight() + $(".j-com-1").outerHeight();
+		var firstScreenH = $("#public-nav").outerHeight() + $(".j-com-1").outerHeight();
 		var sixScreenHS = $("#axis_1").offset().top;
 		var sixScreenHE = $("#axis_3").offset().top;
 		var scrollTop = $(this).scrollTop();

src/web/templates/pc/biddetail.html

@@ -753,7 +753,7 @@ $(function(){
     if(s_winner){
         var winner_con = $(".winner");
         for(var i=0;i<winner_con.length;i++){
-			var top = getElementTop(winner_con[i]) - $(".public-nav")[0].offsetHeight - 30 + 10 + winner_con[i].offsetHeight;
+			var top = getElementTop(winner_con[i]) - $("#public-nav")[0].offsetHeight - 30 + 10 + winner_con[i].offsetHeight;
             var left = getElementLeft(winner_con[i])-getElementLeft($(".biddetail-content")[0])-110;
 			if(left>670){
 				left = 670;

src/web/templates/pc/biddetail_rec.html

@@ -365,6 +365,24 @@
             <div class="yhfb">用户发布</div>
             {{end}}
             {{end}}
+            <div class="biddetail-action-top-right" id="biddetail-action-top-right" v-cloak>
+              <div class="biddetail-action-top-right-content" v-show="isLogin && !inIframe">
+                <button class="page-back-btn" @click="goBack">返回</button>
+                <div class="into-work-space" @click="goWorkSpace">
+                  <span>进入工作台&nbsp;</span>
+                  <el-tooltip popper-class="tooltip-help-class" effect="dark" placement="bottom">
+                    <img class="tooltip-help-btn" src='{{Msg "seo" "cdn"}}/images/biddingSearch/info-icon-white.png' width="15" height="15" alt="" />
+                    <template slot="content">
+                      <div class="tooltip-slot-content">
+                        工作台：
+                        <br/>
+                        {workspaceDescText}
+                      </div>
+                    </template>
+                  </el-tooltip>
+                </div>
+              </div>
+            </div>
             <h1 class="com-title" id="com-title">
                 <!--			<span style="border-bottom:1px solid #2cb7ca">{{.T.obj.title}}</span>-->
                 {{.T.obj.title}}
@@ -624,7 +642,7 @@
         <img class="icon-title-img" src="{{Msg "seo" "cdn"}}/images/biddingSearch/distribute.png">分发
       </span>
 			      </div>
-            <div class="com-statusbar-BI" id="statusbar-BI">
+            <div class="com-statusbar-BI" id="statusbar-BI" v-cloak>
               <div class="crm-action">
                 <div class="action-content" v-for="(item, i) in getList" :key="i">
                   <div @click="setActionEvent(item)" class="action-list" :class="'action-' + item.class">
@@ -1951,6 +1969,7 @@ var ucbs_source="pc_rec",ucbsId="{{.T.obj.ucbsId}}";
     </script>
 
     <script src='{{Msg "seo" "cdn"}}/common-module/mainSearch/js/third-party-verify.js?v={{Msg "seo" "version"}}'></script>
+    <script src='{{Msg "seo" "cdn"}}/public-pc/js/workspace-desc.js?v={{Msg "seo" "version"}}'></script>
     <script src='{{Msg "seo" "cdn"}}/public-pc/js/article-content.js?v={{Msg "seo" "version"}}'></script>
     <script src='{{Msg "seo" "cdn"}}/common-module/mainSearch/js/advanced-project-table.js?v={{Msg "seo" "version"}}'></script>
     <!-- <script src='{{Msg "seo" "cdn"}}/common-module/chat/jy-chat-mini.umd.js?auto=false&v={{Msg "seo" "version"}}'></script> -->