增加流程图弹窗

src/components/ddzhxt/ajclmyd.vue

@@ -1,7 +1,12 @@
 <template>
+  <!-- 
   <div class="container1" @click="fn(ajclmydUrl)">
     <div ref="gauge" class="gauge"></div>
   </div>
+   -->
+  <div class="container1" @click="fn2('static/imgs/ajlc.png')">
+    <img src="static/imgs/ajlc.png" style="width: 99%; height: 99%;">
+  </div>
 </template>
     
 <script>
@@ -34,6 +39,15 @@ export default {
         title:'' ,
       });
     },
+    fn2(imgSrc) {
+      layer.open({
+        type: 1,
+        content: `<div style="padding:15px"><img src="${imgSrc}" style="width:100%"/></div>`,
+        area: ['85%', '80%'],
+        title:'' ,
+        // skin: 'demo-class'
+      });
+    },
     resizeFont() {
       window.addEventListener("resize", () => {
         this.fs = window.innerWidth;

src/pages/ddzhxt/ddzhxts.vue

@@ -16,13 +16,15 @@
     <titles class="title-gqyajzb" text="各区域案件占比" @click="fn(gqyajzbUrl)"></titles>
     <titles class="title-ajjz" text="7日案件进展" @click="fn(ajjzUrl)"></titles>
     <titles class="title-rysshyqk" text="人员实时活跃情况" @click="fn(rysshyqkUrl)"></titles>
-    <titles class="title-ajclmyd" text="案件处理满意度" @click="fn(ajclmydUrl)"></titles>
+    <!-- <titles class="title-ajclmyd" text="案件处理满意度" @click="fn(ajclmydUrl)"></titles> -->
+    <titles class="title-ajclmyd" text="案件处理流程" @click="fn2('static/imgs/ajlc.png')"></titles>
     <titles class="title-ditu" text="案件分布图"></titles>
     <titles class="title-gyfajqktj" text="各月份案件情况统计" @click="fn(gyfajqktjUrl)"></titles>
     <titles class="title-ajdt" text="案件动态" @click="fn(ajqkUrl)"></titles>
     <button class="button-dd" @click="$router.push('/')">调度指挥系统</button>
     <button class="button-zh" @click="$router.push('/zhdjxt')">智慧党建系统</button>
-    <button class="button-xx" @click="$router.push('/jcxxxt')">基础信息系统</button>
+    <!-- <button class="button-xx" @click="$router.push('/jcxxxt')">基础信息系统</button> -->
+    <button class="button-xx" @click="$router.openUrl('http://219.147.99.164:8082/population/pages/bigdata/population/index.html')">基础信息系统</button>
     <ajdt class="ajdt"></ajdt>
     <!-- <div v-html="windowContent"></div> -->
   </div>
@@ -122,7 +124,15 @@ export default {
       //      dangerouslyUseHTMLString: true
       //    });
     },
-
+    fn2(imgSrc) {
+      layer.open({
+        type: 1,
+        content: `<div style="padding:15px"><img src="${imgSrc}" style="width:100%"/></div>`,
+        area: ['85%', '80%'],
+        title:'' ,
+        // skin: 'demo-class'
+      });
+    }
 
   }
 };

src/pages/jcxxxt/jcxxxts.vue

@@ -3,7 +3,8 @@
     <div class="title">大数据统计分析系统</div>
     <button class="button-dd" @click="$router.push('/')">调度指挥系统</button>
     <button class="button-zh" @click="$router.push('/zhdjxt')">智慧党建系统</button>
-    <button class="button-xx" @click="$router.push('/jcxxxt')">基础信息系统</button>
+    <!-- <button class="button-xx" @click="$router.push('/jcxxxt')">基础信息系统</button> -->
+    <button class="button-xx" @click="$router.openUrl('http://219.147.99.164:8082/population/pages/bigdata/population/index.html')">基础信息系统</button>
      <titless class="title-ryxxcjqk" titless="人员信息采集情况" @click="fn(ryxxcjqkUrl)"></titless>
      <titless class="title-nnnlfb" titless="男女年龄分布" @click="fn(ryxxcjqkUrl)"></titless>
     <titless class="title-gmzrkzbqk" titless="各民族人口占比情况" @click="fn(ryxxcjqkUrl)"></titless>

src/pages/zhdjxt/zhdjxts.vue

@@ -3,7 +3,8 @@
     <div class="title">大数据统计分析系统</div>
     <button class="button-dd" @click="$router.push('/')">调度指挥系统</button>
     <button class="button-zh" @click="$router.push('/zhdjxt')">智慧党建系统</button>
-    <button class="button-xx" @click="$router.push('/jcxxxt')">基础信息系统</button>
+    <!-- <button class="button-xx" @click="$router.push('/jcxxxt')">基础信息系统</button> -->
+    <button class="button-xx" @click="$router.openUrl('http://219.147.99.164:8082/population/pages/bigdata/population/index.html')">基础信息系统</button>
     <titles class="title-zzshqk" titles="组织生活情况"></titles>
     <titles class="dyqk_title" titles="党员情况"></titles>
     <titles class="xjdx_title" titles="先进典型"></titles>

src/router/index.js

@@ -6,6 +6,10 @@ import zhdjxt from '@/pages/zhdjxt/zhdjxts.vue'
 import jcxxxt from '@/pages/jcxxxt/jcxxxts.vue'
 import detailDitu from '@/components/ddzhxt/detail-ditu.vue'
 
+Router.prototype.openUrl = function(url, type) {
+    window.open(url, !type ? '_self': type);
+}
+
 Vue.use(Router)
 
 export default new Router({