diff --git a/src/assets/images/govAffairs/asd.png b/src/assets/images/govAffairs/asd.png new file mode 100644 index 0000000..1078f8c Binary files /dev/null and b/src/assets/images/govAffairs/asd.png differ diff --git a/src/assets/images/govAffairs/dmjy.png b/src/assets/images/govAffairs/dmjy.png new file mode 100644 index 0000000..7d4b39a Binary files /dev/null and b/src/assets/images/govAffairs/dmjy.png differ diff --git a/src/assets/images/govAffairs/dmzw.png b/src/assets/images/govAffairs/dmzw.png new file mode 100644 index 0000000..acd45b9 Binary files /dev/null and b/src/assets/images/govAffairs/dmzw.png differ diff --git a/src/assets/images/govAffairs/gjzw.png b/src/assets/images/govAffairs/gjzw.png new file mode 100644 index 0000000..436e667 Binary files /dev/null and b/src/assets/images/govAffairs/gjzw.png differ diff --git a/src/assets/images/govAffairs/qrImg/asd.png b/src/assets/images/govAffairs/qrImg/asd.png new file mode 100644 index 0000000..259f15c Binary files /dev/null and b/src/assets/images/govAffairs/qrImg/asd.png differ diff --git a/src/assets/images/govAffairs/qrImg/dmjy.png b/src/assets/images/govAffairs/qrImg/dmjy.png new file mode 100644 index 0000000..24bdb74 Binary files /dev/null and b/src/assets/images/govAffairs/qrImg/dmjy.png differ diff --git a/src/assets/images/govAffairs/qrImg/dmzwfw.png b/src/assets/images/govAffairs/qrImg/dmzwfw.png new file mode 100644 index 0000000..7f26b74 Binary files /dev/null and b/src/assets/images/govAffairs/qrImg/dmzwfw.png differ diff --git a/src/assets/images/govAffairs/qrImg/gjzwfw.png b/src/assets/images/govAffairs/qrImg/gjzwfw.png new file mode 100644 index 0000000..ab90c49 Binary files /dev/null and b/src/assets/images/govAffairs/qrImg/gjzwfw.png differ diff --git a/src/assets/images/govAffairs/qrImg/hzjk.png b/src/assets/images/govAffairs/qrImg/hzjk.png new file mode 100644 index 0000000..cd66bac Binary files /dev/null and b/src/assets/images/govAffairs/qrImg/hzjk.png differ diff --git a/src/assets/images/govAffairs/qrImg/hzyb.png b/src/assets/images/govAffairs/qrImg/hzyb.png new file mode 100644 index 0000000..26be107 Binary files /dev/null and b/src/assets/images/govAffairs/qrImg/hzyb.png differ diff --git a/src/assets/images/govAffairs/qrImg/sfj.png b/src/assets/images/govAffairs/qrImg/sfj.png new file mode 100644 index 0000000..d9e81cb Binary files /dev/null and b/src/assets/images/govAffairs/qrImg/sfj.png differ diff --git a/src/assets/images/govAffairs/sfj.png b/src/assets/images/govAffairs/sfj.png new file mode 100644 index 0000000..2cee310 Binary files /dev/null and b/src/assets/images/govAffairs/sfj.png differ diff --git a/src/assets/images/govAffairs/wjw.png b/src/assets/images/govAffairs/wjw.png new file mode 100644 index 0000000..57bcc31 Binary files /dev/null and b/src/assets/images/govAffairs/wjw.png differ diff --git a/src/views/govAffairs/index.vue b/src/views/govAffairs/index.vue index 9ef2279..38307e1 100644 --- a/src/views/govAffairs/index.vue +++ b/src/views/govAffairs/index.vue @@ -9,7 +9,7 @@
-
+
@@ -27,8 +27,9 @@ :key="index" class="icon-list" > -

{{ tab.name }}

-
+ + +
{{ icon.name }}
@@ -36,6 +37,10 @@
+ +

长按识别二维码跳转小程序

+ +
@@ -46,40 +51,24 @@ export default { return { activeTab: 0, // 当前激活的Tab索引 tabs: [ - { - name: "公积金服务", - icons: [ - { name: "公积金账户信息查询", url: require('@/assets/images/govAffairs/gjjzh.png')}, - { name: "公积金账户明细", url: require('@/assets/images/govAffairs/mx.png')}, - { name: "公积金账户缴存明细", url: require('@/assets/images/govAffairs/jcmx.png')}, - { name: "公积金账户提取明细", url: require('@/assets/images/govAffairs/tqmx.png')} - ] - }, { name: "社保医保", icons: [ - { name: "医保电子凭证", url: require('@/assets/images/govAffairs/ybdz.png')}, - { name: "跨省异地就医备案", url: require('@/assets/images/govAffairs/ksyd.png')}, - { name: "医保机构查询", url: require('@/assets/images/govAffairs/ybjg.png')}, - { name: "定点零售药店", url: require('@/assets/images/govAffairs/ddls.png')} - ] - }, - { - name: "出入境服务", - icons: [ + { name: "国家政务服务平台", url: require('@/assets/images/govAffairs/gjzw.png'),type:'gjzwfw'}, + { name: "爱山东", url: require('@/assets/images/govAffairs/asd.png'),type:'asd'}, + { name: "东明县政务服务", url: require('@/assets/images/govAffairs/dmzw.png'),type:'dmzwfw'}, + { name: "东明教研", url: require('@/assets/images/govAffairs/dmjy.png'),type:'dmjy'}, + { name: "东明县司法局", url: require('@/assets/images/govAffairs/sfj.png'),type:'sfj'}, + { name: "菏泽微警务", url: require('@/assets/images/govAffairs/wjw.png'),type:''},//类型 wjw + { name: "菏泽医保", url: require('@/assets/images/govAffairs/ybdz.png'),type:'hzyb'}, + { name: "菏泽疾控", url: require('@/assets/images/govAffairs/ksyd.png'),type:'hzjk'}, + // { name: "医保机构查询", url: require('@/assets/images/govAffairs/ybjg.png')}, + // { name: "定点零售药店", url: require('@/assets/images/govAffairs/ddls.png')} ] }, - { - name: "助残服务", - icons: [ - ] - }, - { - name: "执业资质", - icons: [ - ] - } - ] + ], + showQRCode:false, + qrType:null }; }, created() { @@ -99,8 +88,15 @@ export default { behavior: "smooth" }); } + }, + handelClickIcon(type){ + if(type){ + this.showQRCode = true; + this.qrType = type; + }else{ + this.$toast('暂无二维码') + } } - }, components: {}, computed: {}, @@ -197,4 +193,21 @@ export default { font-size: 14px; color: #333; } +:deep .van-popup{ + width: 320px; + height: 350px; + padding-top: 15px; + box-sizing: border-box; + background: url('@/assets/images/houseQR/dialog_bg.png') no-repeat; + background-size: 100% 100%; + overflow: hidden; + display: flex; + justify-content: flex-end; + align-items:center; + flex-direction: column; + h3{ + width: 100%; + padding-left: 10px; + } +}