diff --git a/front/public/static/download/通用能力服务平台UCS用户手册-v3.5.docx b/front/public/static/download/通用能力服务平台UCS用户手册-v3.5.docx
new file mode 100644
index 00000000..7af29aac
Binary files /dev/null and b/front/public/static/download/通用能力服务平台UCS用户手册-v3.5.docx differ
diff --git a/front/src/views/instructionManual/index.vue b/front/src/views/instructionManual/index.vue
index 285b118a..af55827a 100644
--- a/front/src/views/instructionManual/index.vue
+++ b/front/src/views/instructionManual/index.vue
@@ -3,24 +3,41 @@
   <div class="menu-container">
     <div id="container" class="content-menu">
       <div class="left">
-        <div class="first-title-text doc" :style="{ color: '技术文档' === titleData.name ? '#0058e1' : '' }"
-          @click="changeName({ name: '技术文档' })">
+        <div
+          class="first-title-text doc"
+          :style="{ color: '技术文档' === titleData.name ? '#0058e1' : '' }"
+          @click="changeName({ name: '技术文档' })"
+        >
           技术文档
         </div>
-        <abilityDocTree style="max-height:320px;overflow-y:auto" :dataList="treeArray" @treeClick="treeClick"
-          :clickData="clickData"></abilityDocTree>
+        <abilityDocTree
+          style="max-height: 320px; overflow-y: auto"
+          :dataList="treeArray"
+          @treeClick="treeClick"
+          :clickData="clickData"
+        ></abilityDocTree>
       </div>
 
-      <div class="first-title-text new-guide-box" :style="{ color: '使用手册' === titleData.name ? '#0058e1' : '' }"
-        @click="changeName({ name: '使用手册' })">
+      <div
+        class="first-title-text new-guide-box"
+        :style="{ color: '使用手册' === titleData.name ? '#0058e1' : '' }"
+        @click="changeName({ name: '使用手册' })"
+      >
         <div class="guide-text">使用手册</div>
+        <el-icon :size="20" color="#0058e1" @click="downloadEvt()"><Download /></el-icon>
       </div>
 
       <!-- 技术文档 -->
       <div class="right" v-if="titleData.name !== '使用手册'">
         <div style="height: 100%">
-          <iframe name="iframeName" width="1300" height="100%" id="iframeId" :frameborder="0"
-            :src="doc_base_url + clickData.doc"></iframe>
+          <iframe
+            name="iframeName"
+            width="1300"
+            height="100%"
+            id="iframeId"
+            :frameborder="0"
+            :src="doc_base_url + clickData.doc"
+          ></iframe>
         </div>
       </div>
     </div>
@@ -95,7 +112,7 @@ const changeName = (item) => {
           title: val.title,
           show:
             (i === 0 && val.children && val.children.length > 0) ||
-              typeList.includes(val.title)
+            typeList.includes(val.title)
               ? true
               : false,
           children: [],
@@ -114,7 +131,7 @@ const formData = (children = [], dataItem) => {
       title: item.title,
       show:
         (index === 0 && item.children && item.children.length > 0) ||
-          typeList.includes(item.title)
+        typeList.includes(item.title)
           ? true
           : false,
       children: [],
@@ -137,6 +154,10 @@ const getFirstData = (firstObj = {}) => {
 onMounted(() => {
   getTreeData()
 })
+
+const downloadEvt = (url = '') => {
+  window.open('/static/download/通用能力服务平台UCS用户手册-v3.5.docx', '_self')
+}
 </script>
 
 <style scoped lang="less">
@@ -192,7 +213,7 @@ onMounted(() => {
   top: 300px;
   right: 205px;
   width: 74px;
-  height: 136px;
+  height: 170px;
   background: url('~@/assets/menu/new-bg.png') no-repeat;
   background-size: 100% 100%;
   display: flex;
@@ -208,6 +229,8 @@ onMounted(() => {
   word-wrap: break-word;
   font-size: 20px;
   color: #0058e1;
+  height: 136px;
+  margin-bottom: 4px;
 }
 
 .right {