日报分享添加 操作视频

src/main.js

@@ -18,6 +18,7 @@ import {
   verifyStoreType,
   validatePhone,
   formatChineseDate,
+  shareVedioLinks,
 } from '@/utils/index';
 import { toastLoading } from '@/utils/commonVant';
 import '@vant/touch-emulator';
@@ -64,6 +65,7 @@ Vue.prototype.Micrometer = Micrometer;
 Vue.prototype.verifyStoreType = verifyStoreType;
 Vue.prototype.validatePhone = validatePhone;
 Vue.prototype.formatChineseDate = formatChineseDate;
+Vue.prototype.shareVedioLinks = shareVedioLinks;
 Vue.prototype.Toast = Toast;
 Vue.prototype.notify = Notify;
 var clipboard = new ClipboardJS('.btn');

src/utils/index.js

@@ -316,3 +316,9 @@ export function validatePhone(telephone) {
     }
   });
 }
+
+// 分享视频链接
+export function shareVedioLinks() {
+  window.location.href =
+    'https://open.weixin.qq.com/connect/oauth2/authorize?appid=ww5444eb205d75e730&redirect_uri=https%3A%2F%2Fknowledgewiki.nipponpaint.com.cn%2Fapi%2Fauth%2Fwx%2FshareOuth%3Fguid%3D4f3972cf10b31d2e0829ab1f59749c1b%26shareId%3DSHARE19320&response_type=code&scope=snsapi_base&state=ZyKPSJuKA6-ZikabG6WSBqgGRsjsYK8j6P5I2bVdqOs&agentid=1000291#wechat_redirect';
+}

src/views/week/dailyDetails.vue

@@ -10,6 +10,9 @@
               @click="clickShareFlag(-1)"
               v-if="reportTarget && source != 'share' && reportTarget.reportPostType == 'fx'">
               <van-icon name="share" />
+              <div class="vedioLinks" @click.stop="shareVedioLinks">
+                一键分享日报，<span>点击查看操作视频</span><van-icon name="play" />
+              </div>
             </div>
           </template>
         </van-nav-bar>
@@ -641,7 +644,7 @@ export default {
       setDailyDetailsBoxFlag: true,
       sourceType: '',
       checkedPlan: true, //今日总结&明日规划
-      //
+      shareVisible: true,
     };
   },
   created() {
@@ -835,9 +838,30 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
-    .van-icon {
+    position: relative;
+    .van-icon-share {
       color: #fff;
     }
+    .vedioLinks {
+      position: absolute;
+      bottom: -38px;
+      background: #dae7f6;
+      padding: 5px 8px;
+      /* word-break: keep-all; */
+      white-space: nowrap;
+      /* text-overflow: ellipsis; */
+      right: 0;
+      span {
+        text-decoration: underline;
+      }
+      .van-icon-play {
+        position: absolute;
+        top: -8px;
+        transform: rotate(270deg);
+        right: 5px;
+        color: #dae7f6;
+      }
+    }
   }
 }
 .container {

src/views/week/dailyHistoricalDetails.vue

@@ -17,6 +17,9 @@
                 reportTarget.status != -1
               ">
               <van-icon name="share" />
+              <div class="vedioLinks" @click.stop="shareVedioLinks">
+                一键分享日报，<span>点击查看操作视频</span><van-icon name="play" />
+              </div>
             </div>
           </template>
         </van-nav-bar>
@@ -1044,9 +1047,30 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
-    .van-icon {
+    position: relative;
+    .van-icon-share {
       color: #fff;
     }
+    .vedioLinks {
+      position: absolute;
+      bottom: -38px;
+      background: #dae7f6;
+      padding: 5px 8px;
+      /* word-break: keep-all; */
+      white-space: nowrap;
+      /* text-overflow: ellipsis; */
+      right: 0;
+      span {
+        text-decoration: underline;
+      }
+      .van-icon-play {
+        position: absolute;
+        top: -8px;
+        transform: rotate(270deg);
+        right: 5px;
+        color: #dae7f6;
+      }
+    }
   }
 }
 .container {