添加点击显示pdf功能

src/views/security-plan.vue

@@ -14,16 +14,15 @@
                         <el-row  class="sdqBasicInfo sdline1">
                             <div
                                 class="basicItem"
+                                style="cursor: pointer"
                                 v-for="(item, index) in diversionArea.slice(0,5)"
                                 :key="index"
                             >
-                                <div style="padding: 0.03rem 0; text-align: center">
+                                <div style="padding: 0.03rem 0; text-align: center" @click="openPdf(item.url)">
                                     <span style="display: block">
                                         <Strong
                                             style="color: #01E0FF;font-weight: 600;font-size: 0.26rem"
                                         >
-                                        
-                                            <!-- <CountTo :startVal="0" :endVal="item.value || 0" :duration="3000" v-if="!isNaN(item.value)">{{ item.value || 0 }}</CountTo>-->
                                             <span v-if="isNaN(item.value)" style="fontSize: 0.2rem !important">{{ item.value || 0 }}</span> 
                                             <span v-if="!isNaN(item.value)">{{ item.value }}</span>
                                         </Strong>
@@ -35,6 +34,13 @@
                         </el-row>
 
                         <el-row  class="sdqBasicInfo sdline2" >
+                            <!-- <Vue3SeamlessScroll :list="dailyArray" :step=".1" :hover="true">
+                            <el-row>
+                                <el-col v-for="(item,index) in dailyArray" :key="index">
+                                    <a target="_blank" @click="openPdf(item.url)">{{ item.title }}</a>
+                                </el-col>
+                            </el-row>
+                        </Vue3SeamlessScroll> -->
                             <div
                                 class="basicItem"
                                 v-for="(item, index) in diversionArea.slice(7,10)"
@@ -1637,10 +1643,10 @@ export default {
             tabsArea: "fx", //切换
             diversionArea: [
                 { name: "疏导区总面积", value: 61.46, unit: "km²", color: "#7DD807" },
-                { name: "华漕镇", value: 28.2, unit: "km²", color: "#01C3B4" },
-                { name: "新虹街道", value: 19.26, unit: "km²", color: "#01C3B4" },
-                { name: "七宝镇", value: 7, unit: "k㎡", color: "#01C3B4" },
-                { name: "虹桥镇", value: 7, unit: "km²", color: "#01C3B4" },
+                { name: "华漕镇", value: 28.2, unit: "km²", color: "#01C3B4" , url:"http://10.236.244.108:8083/data/%E5%8D%8E%E6%BC%95%E9%95%87%E6%B6%88%E9%98%B2%E5%AE%89%E5%85%A8%E5%BD%A2%E5%8A%BF%E7%94%BB%E5%83%8F.pdf"},
+                { name: "新虹街道", value: 19.26, unit: "km²", color: "#01C3B4", url:"http://10.236.244.108:8083/data/%E6%96%B0%E8%99%B9%E8%A1%97%E9%81%93%E6%B6%88%E9%98%B2%E5%AE%89%E5%85%A8%E5%BD%A2%E5%8A%BF%E7%94%BB%E5%83%8F.pdf" },
+                { name: "七宝镇", value: 7, unit: "k㎡", color: "#01C3B4" , url:"http://10.236.244.108:8083/data/%E4%B8%83%E5%AE%9D%E9%95%87%E6%B6%88%E9%98%B2%E5%AE%89%E5%85%A8%E5%BD%A2%E5%8A%BF%E7%94%BB%E5%83%8F.pdf"},
+                { name: "虹桥镇", value: 7, unit: "km²", color: "#01C3B4", url:"http://10.236.244.108:8083/data/%E8%99%B9%E6%A1%A5%E9%95%87%E6%B6%88%E9%98%B2%E5%AE%89%E5%85%A8%E5%BD%A2%E5%8A%BF%E7%94%BB%E5%83%8F.pdf" },
                 
                 { name: "分管领导", value: 20, unit: "人", color: "#058DFE" },
                 { name: "增援干部", value: 11, unit: "人", color: "#058DD1" },