diff --git a/src/views/breedMgmt/BLUP.vue b/src/views/breedMgmt/BLUP.vue
index 4c2ac26..def298a 100644
--- a/src/views/breedMgmt/BLUP.vue
+++ b/src/views/breedMgmt/BLUP.vue
@@ -70,8 +70,8 @@
           <el-button size="mini" type="text" class="detail-btn"
             ><a
               target="_blank"
-              href="https://smart-1259258654.cos.ap-guangzhou.myqcloud.com/pdf/99715011920%E7%89%9B%E9%81%97%E4%BC%A0%E7%97%85%E5%9F%BA%E5%9B%A0%E6%A3%80%E6%B5%8B%E6%8A%A5%E5%91%8A.pdf"
-              >查看</a
+              href="https://smart-1259258654.cos.ap-guangzhou.myqcloud.com/pdf/82010000945ABLUP%E8%82%B2%E7%A7%8D%E6%8A%A5%E5%91%8A.pdf"
+              >预览</a
             ></el-button
           >
           <!-- </template> -->
@@ -95,15 +95,14 @@
           sortable
         ></el-table-column>
         <el-table-column label="详情">
-          <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="text"
-              @click="download(scope.row.id)"
-              class="detail-btn"
-              >查看</el-button
+          <el-button size="mini" type="text" class="detail-btn">
+            <a
+              href="https://smart-1259258654.cos.ap-guangzhou.myqcloud.com/pdf/82010000923GBLUP%E8%82%B2%E7%A7%8D%E6%8A%A5%E5%91%8A.pdf"
+              target="_blank"
             >
-          </template>
+              预览
+            </a>
+          </el-button>
         </el-table-column>
       </el-table>
       <el-table
@@ -124,15 +123,13 @@
           sortable
         ></el-table-column>
         <el-table-column label="详情">
-          <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="text"
-              @click="download(scope.row.id)"
-              class="detail-btn"
-              >查看</el-button
-            >
-          </template>
+          <el-button size="mini" type="text" class="detail-btn">
+            <a
+              href="https://smart-1259258654.cos.ap-guangzhou.myqcloud.com/pdf/82010000995ssGBLUP%E8%82%B2%E7%A7%8D%E6%8A%A5%E5%91%8A.pdf"
+              target="_blank"
+              >预览</a
+            ></el-button
+          >
         </el-table-column>
       </el-table>
       <div class="page-box">
diff --git a/src/views/breedMgmt/paternityTest.vue b/src/views/breedMgmt/paternityTest.vue
index 74c0101..caaec0b 100644
--- a/src/views/breedMgmt/paternityTest.vue
+++ b/src/views/breedMgmt/paternityTest.vue
@@ -41,15 +41,14 @@
         <el-table-column prop="d" label="疑是父母编号"></el-table-column>
         <el-table-column prop="e" label="相似度"></el-table-column>
         <el-table-column label="亲缘关系结果">
-          <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="text"
-              @click="download(scope.row.id)"
-              class="detail-btn"
-              >查看</el-button
-            >
-          </template>
+          <el-button size="mini" type="text" class="detail-btn"
+            ><a
+              href="https://smart-1259258654.cos.ap-guangzhou.myqcloud.com/pdf/82010000990%E5%88%86%E5%AD%90%E8%82%B2%E7%A7%8D%E4%BA%B2%E5%AD%90%E9%89%B4%E5%AE%9A.pdf"
+              target="_blank"
+              rel="noopener noreferrer"
+              >预览</a
+            ></el-button
+          >
         </el-table-column>
       </el-table>
       <div class="page-box">
@@ -153,10 +152,10 @@ export default {
       this.form.page = parseInt(val)
     },
     download(id) {
-      this.$message({
-        message: '下载成功',
-        type: 'success'
-      })
+      // this.$message({
+      //   message: '下载成功',
+      //   type: 'success'
+      // })
     }
   }
 }
diff --git a/src/views/geneMgmt/SPN.vue b/src/views/geneMgmt/SPN.vue
index b0212c3..16f960f 100644
--- a/src/views/geneMgmt/SPN.vue
+++ b/src/views/geneMgmt/SPN.vue
@@ -9,7 +9,7 @@
         label-width="auto"
         size="mini"
       >
-        <el-form-item label="标记编号">
+        <el-form-item label="标记编号" style="margin-bottom: 10px">
           <el-input
             v-model="searchForm.a"
             placeholder="请输入标记编号"
@@ -42,7 +42,7 @@
             placeholder="请输入结束位置"
           ></el-input>
         </el-form-item>
-        <el-form-item style="margin-top: 15px">
+        <el-form-item>
           <el-button type="success" icon="el-icon-search" @click="searchClick"
             >搜索</el-button
           >
diff --git a/src/views/geneMgmt/SPNPanel.vue b/src/views/geneMgmt/SPNPanel.vue
index f9ae4cb..babf59a 100644
--- a/src/views/geneMgmt/SPNPanel.vue
+++ b/src/views/geneMgmt/SPNPanel.vue
@@ -40,15 +40,7 @@
         <el-table-column prop="d" label="位点数目"></el-table-column>
         <el-table-column prop="e" label="描述"></el-table-column>
         <el-table-column label="操作">
-          <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="text"
-              @click="download(scope.row.id)"
-              class="detail-btn"
-              >预览</el-button
-            >
-          </template>
+          <el-button size="mini" type="text" class="detail-btn">详情</el-button>
         </el-table-column>
       </el-table>
       <div class="page-box">
@@ -78,18 +70,50 @@ export default {
       tableData: [
         {
           id: 1,
-          a: '',
+          a: 'test_1',
           b: 'illumina',
-          c: '',
-          d: '',
-          e: ''
+          c: 'ARS-UCD1.2',
+          d: '1011',
+          e: '--'
+        },
+        {
+          id: 2,
+          a: 'test_2',
+          b: 'illumina',
+          c: 'ARS-UCD1.2',
+          d: '4563',
+          e: '--'
+        },
+        {
+          id: 3,
+          a: 'test_3',
+          b: 'illumina',
+          c: 'ARS-UCD1.2',
+          d: '2587',
+          e: '--'
+        },
+        {
+          id: 4,
+          a: 'test_4',
+          b: 'illumina',
+          c: 'ARS-UCD1.2',
+          d: '7854',
+          e: '--'
+        },
+        {
+          id: 5,
+          a: 'test_5',
+          b: 'illumina',
+          c: 'ARS-UCD1.2',
+          d: '3354',
+          e: '--'
         }
       ],
       form: {
         page: 1,
         pagesize: 20
       },
-      total: 2
+      total: 5
     }
   },
   methods: {
diff --git a/src/views/geneMgmt/sequence.vue b/src/views/geneMgmt/sequence.vue
index 2468a22..3d6e590 100644
--- a/src/views/geneMgmt/sequence.vue
+++ b/src/views/geneMgmt/sequence.vue
@@ -41,7 +41,7 @@
               type="text"
               @click="download(scope.row.id)"
               class="detail-btn"
-              >预览</el-button
+              >下载</el-button
             >
           </template>
         </el-table-column>
diff --git a/src/views/phylogeneticAnalysis/evolutionaryTree.vue b/src/views/phylogeneticAnalysis/evolutionaryTree.vue
index 109df5a..1dffeeb 100644
--- a/src/views/phylogeneticAnalysis/evolutionaryTree.vue
+++ b/src/views/phylogeneticAnalysis/evolutionaryTree.vue
@@ -40,15 +40,9 @@
         <el-table-column prop="d" label="创建时间"></el-table-column>
         <el-table-column prop="e" label="分析工具"></el-table-column>
         <el-table-column label="详情">
-          <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="text"
-              @click="download(scope.row.id)"
-              class="detail-btn"
-              >查看</el-button
-            >
-          </template>
+          <el-button size="mini" type="text" class="detail-btn">
+            <a href="" target="_blank" rel="noopener noreferrer">预览</a>
+          </el-button>
         </el-table-column>
       </el-table>
       <div class="page-box">
@@ -137,7 +131,7 @@ export default {
         page: 1,
         pagesize: 20
       },
-      total: 2
+      total: 7
     }
   },
   methods: {