Jelajahi Sumber

镇街便民服务中心弹窗添加跳转事件

黄秋景 4 bulan lalu
induk
melakukan
a3b083f35c

+ 4 - 0
nngkxxdp/src/main/resources/static/naxsb/css/qjt.css

@@ -432,6 +432,10 @@ body {
     white-space: nowrap;
 }
 
+.districtLevelList-col2 {
+    cursor: pointer;
+}
+
 /* 区行政服务中心网点分布 end */
 
 /* 公交详情弹窗 start */

+ 25 - 1
nngkxxdp/src/main/resources/static/naxsb/qjt.html

@@ -360,7 +360,9 @@
                                         :style="`height:${districtLevelListHeight}`">
                                         <el-row>
                                             <el-col :span="12" v-for="(item,index) in districtLevelLists">
-                                                <div class="districtLevelList-col">
+                                                <div class="districtLevelList-col"
+                                                    :class="districtLevelNum=='2'?'districtLevelList-col2':''"
+                                                    @click="goHtmlFun(item.id)">
                                                     <img :src="`./images/districtLevelList${districtLevelNum}.png`"
                                                         alt="" srcset="">
                                                     <div class="left">
@@ -782,6 +784,23 @@
                     //     address: '重庆市南岸区铜元局街道南坪西路36号(上海城嘉发跨贸中心          二楼)南岸区'
                     // }
                 ],
+                addressVrUrlJson: {
+                    414: 'https://www.cqna.gov.cn/vr/jiedao/csq/tour.html',
+                    415: 'https://www.cqna.gov.cn/vr/jiedao/lmh/tour.html',
+                    416: 'https://cqna.gov.cn/vr/jiedao/np/tour.html',
+                    417: 'https://www.cqna.gov.cn/vr/jiedao/twjd/tour.html',
+                    418: 'https://www.cqna.gov.cn/vr/jiedao/ylz/tour.html',
+                    419: 'https://www.cqna.gov.cn/vr/jiedao/jgs/tour.html',
+                    420: 'https://www.cqna.gov.cn/vr/jiedao/gyd/tour.html',
+                    421: 'https://www.cqna.gov.cn/vr/jiedao/hyl/tour.html',
+                    422: 'https://www.cqna.gov.cn/vr/jiedao/ns/tour.html',
+                    423: 'https://www.cqna.gov.cn/vr/jiedao/tsz/tour.html',
+                    424: 'https://www.cqna.gov.cn/vr/jiedao/xkz/tour.html',
+                    425: 'https://www.cqna.gov.cn/vr/jiedao/htx/tour.html',
+                    426: 'https://www.cqna.gov.cn/vr/jiedao/npz/tour.html',
+                    427: 'https://www.cqna.gov.cn/vr/jiedao/tyj/tour.html',
+                    428: 'https://www.cqna.gov.cn/vr/jiedao/dzs/tour.html',
+                },
                 districtLevelLists: [],
                 districtLevelTotal: 0,
                 districtLevelListHeight: "60%",
@@ -924,6 +943,11 @@
                     });
                 }
             },
+            //服务中心分布点击事件
+            goHtmlFun(id) {
+                if (this.districtLevelNum == '2')
+                    window.open(this.addressVrUrlJson[id])
+            },
             // 分页事件
             currentChangeFun(num) {
                 this.current = num