feat: 加入下載範例按鈕

package.json

 {
   "name": "@purplevin/component",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "private": false,
   "main": "lib/index.umd.min.js",
   "scripts": {

packages/convertTool/src/components/Cn2PctForm.vue

@@ -2,7 +2,7 @@
   <div>
     <h3>CN稿转成PCT稿</h3>
     <el-alert
-      title="此功能将协助您将CN稿快速转换成PC稿的排版, CN稿中须包含下列几种标题 1.说明书摘要 2.权利要求书 3.说明书 4.说明书附图或摘要附图, 并且标题需设置下框线"
+      title="此功能将协助您将CN稿快速转换成PCT稿的排版, CN稿中须包含下列几种标题 1.说明书摘要 2.权利要求书 3.说明书 4.说明书附图或摘要附图, 并且标题需设置下框线"
       type="info"
     />
 
@@ -45,6 +45,13 @@
           >
             开始转换
           </el-button>
+          <el-button style="margin-left: 10px"
+            v-if="showDownloadSampleButton"
+            size="small"
+            type="info"
+            @click="$emit('on-downloadSampleClick','CN2PCT')">
+            下载范例
+          </el-button>
         </el-col>
       </el-row>
     </el-form>
@@ -63,6 +70,10 @@ export default {
   props:{
     baseUrl:{
       type: String
+    },
+    showDownloadSampleButton:{
+      type: Boolean,
+      default: false
     }
   },
   methods: {

packages/convertTool/src/components/Pct2CnForm.vue

@@ -41,6 +41,13 @@
           >
             开始转换
           </el-button>
+          <el-button style="margin-left: 10px"
+            v-if="showDownloadSampleButton"
+            size="small"
+            type="info"
+            @click="$emit('on-downloadSampleClick','PCT2CN')">
+            下载范例
+          </el-button>
         </el-col>
       </el-row>
     </el-form>
@@ -59,6 +66,10 @@ export default {
   props:{
     baseUrl:{
       type: String
+    },
+    showDownloadSampleButton:{
+      type: Boolean,
+      default: false
     }
   },
   methods: {

packages/convertTool/src/index.vue

@@ -2,13 +2,17 @@
   <div>
     <el-tabs type="border-card">
       <el-tab-pane label="CN转换PCT">
-        <cn-2-pct-form :baseUrl="baseUrl"/>
+        <cn-2-pct-form :baseUrl="baseUrl" 
+        :showDownloadSampleButton="true"
+        @on-downloadSampleClick="handleDownloadSampleClick" />
       </el-tab-pane>
       <el-tab-pane label="公式转换图片">
         <visio-form :baseUrl="baseUrl"/>
       </el-tab-pane>
       <el-tab-pane label="PCT槁转CN稿">
-        <Pct2CnForm :baseUrl="baseUrl"/>
+        <Pct2CnForm :baseUrl="baseUrl" 
+        :showDownloadSampleButton="true"
+        @on-downloadSampleClick="handleDownloadSampleClick" />
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -33,6 +37,11 @@ export default {
     Cn2PctForm,
     VisioForm,
     Pct2CnForm
+  },
+  methods: {
+    handleDownloadSampleClick(type){
+      console.log('download sample', type)
     }
+  },
 }
 </script>