diff --git a/src/components/feature/DataCompare/DataCompare.vue b/src/components/feature/DataCompare/DataCompare.vue
new file mode 100644
index 0000000000000000000000000000000000000000..308236c5a0ec4966256f3e6175c7da8d96e87505
--- /dev/null
+++ b/src/components/feature/DataCompare/DataCompare.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="dataCompare">
+    <el-button
+          type="primary"
+          @click="epidemicDataCompare"
+          size="medium"
+          v-if="sourceType === '1' || sourceType === '0'"
+          >疫情网数据对比</el-button
+        ><br>
+    <el-button
+          type="primary"
+          @click="quarantineDataCompare"
+          size="medium"
+          v-if="sourceType === '2' || sourceType === '0'"
+          >隔离点数据对比</el-button
+        > 
+  </div>
+</template>
+
+<script lang="ts">
+const serverPath = require('../../../config/index.js').servePath;
+import { Component, Prop, Vue } from 'vue-property-decorator';
+import { diseaseInfoServer } from '@/api/installServer';
+@Component({
+  name: 'DiseaseList',
+})
+export default class DiseasDeList extends Vue {
+  private sourceType: any = '2';
+  // 数据对比
+  private quarantineDataCompare() {
+    diseaseInfoServer.dataCompare().then((res: any) => {
+      try {
+        if (res.data.status === 200) {
+          this.$message.success(res.data.data);
+        } else {
+          this.$message.error(res.data.data);
+        }
+      } catch (error) {
+        this.$message('系统异常');
+      }
+    });
+  }
+    // 疫情网数据对比
+  private epidemicDataCompare() {
+    diseaseInfoServer.dataCompareCDC().then((res: any) => {
+      try {
+        if (res.data.code === '200') {
+          this.$message.success(res.data.msg);
+        } else {
+          this.$message.error(res.data.msg);
+        }
+      } catch (error) {
+        this.$message('系统异常');
+      }
+    });
+  }
+    private created() {
+    this.sourceType = localStorage.getItem('sourcetype');
+  }
+}
+</script>
+
+<style scoped lang="less">
+.dataCompare {
+  margin: 200px auto;
+  width: 500px;
+  height: 300px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
+}
+</style>
+<style lang="less">
+.dataCompare .el-button--primary{
+  height: 50px;
+  margin:70px 50% 0px;
+  transform: translateX(-50%);
+}
+</style>
+
diff --git a/src/router/router.ts b/src/router/router.ts
index 9b29ec9c0bee5545ba700ccd38c47a9dd56a8ee5..441ef0951a441be32c619da004a4086ba6207495 100644
--- a/src/router/router.ts
+++ b/src/router/router.ts
@@ -29,8 +29,9 @@ import PeopleInfoDetailFC from '../components/feature/DiseaseInfoHospitalFC/Peop
 
 import IsolationStatistics from '../components/feature/IsolationPointStatistics/IsolationPointStatistics.vue'; // 隔离点
 import AccumulativeStatistics from '../components/feature/AccumulativeStatistics/AccumulativeStatistics.vue'; // 累计统计
-import LayoutHome from '../views/LayoutHome.vue'; // 首页
 import PatientPortrayal from '../views/PatientPortrayal.vue'; // 患者画像
+import LayoutHome from '../views/LayoutHome.vue'; // 首页
+import DataCompare from '../components/feature/DataCompare/DataCompare.vue'; // 数据对比
 Vue.use(Router);
 
 const router = new Router({
@@ -180,6 +181,11 @@ const router = new Router({
         },
       ],
     },
+    {
+      path: '/dataCompare',
+      name: 'DataCompare',
+      component: DataCompare,
+    },
   ],
 });
 // router.beforeEach((to, from, next) => {