【修改】下载用户手册

src/views/dashboard/Analysis.vue

@@ -18,13 +18,17 @@
             <template slot="title">
               <span v-html="text" class="ellipsis-span"></span>
             </template>
-            <span v-html="myEllipsis(text,35)" :class="{'color-meeting':record.titile === '3','color-system':record.titile === '12' }" class="ellipsis-span"></span>
+            <span v-html="myEllipsis(text,35)"
+                  :class="{'color-meeting':record.titile === '3','color-system':record.titile === '12' }"
+                  class="ellipsis-span"></span>
           </a-tooltip>
         </template>
 
         <template slot="color-text" slot-scope="text,record">
           <!-- 会议通知-->
-          <span :class="{'color-meeting':record.titile === '3','color-system':record.titile === '12' }">{{ text }}</span>
+          <span :class="{'color-meeting':record.titile === '3','color-system':record.titile === '12' }">{{
+              text
+            }}</span>
 
         </template>
 
@@ -35,6 +39,14 @@
         </span>
       </a-table>
     </a-card>
+    <div class="download">
+      <div>
+        点击下载<span class="primary-color" @click="downloadManual('PC')">企业PC端使用手册</span>
+      </div>
+      <div style="margin-left: 8px;">
+        <span class="primary-color" @click="downloadManual('applet')">企业小程序使用手册</span>
+      </div>
+    </div>
     <show-announcement ref="ShowAnnouncement"></show-announcement>
     <dynamic-notice ref="showDynamNotice" :path="openPath" :formData="formData"/>
   </div>
@@ -157,6 +169,18 @@ export default {
         path: record.path
       })
     },
+    //  下载用户使用手册
+    downloadManual(type) {
+      switch (type) {
+        case 'PC':
+          window.open('https://cwp.catarc.org.cn/企业pc端使用手册.docx', '_self')
+          break
+        case 'applet':
+          window.open('http://cwp.catarc.org.cn/企业小程序使用手册.docx', '_self')
+          break
+      }
+    },
+
     // loadData
     // loadData() {
     //   const param = {
@@ -431,12 +455,27 @@ export default {
 
   //width: 150px;
 }
+
 /*会议通知的颜色*/
 .color-meeting {
-  color: #FF7200!important;
+  color: #FF7200 !important;
 }
+
 /*系统通知的消息*/
 .color-system {
-  color: #690AF7!important;
+  color: #690AF7 !important;
 }
+
+.download {
+  margin-top: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.primary-color {
+  color: #069F99;
+  cursor: pointer;
+}
+
 </style>