diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
index f158907..cecb90a 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
@@ -21,6 +21,7 @@
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'trafficCaseLine',
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.event.line.xData
+    this.options.seriesData = mockData.traffic.event.line.yData
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
index f158907..cecb90a 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
@@ -21,6 +21,7 @@
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'trafficCaseLine',
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.event.line.xData
+    this.options.seriesData = mockData.traffic.event.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
index 64742c3..e422ace 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
@@ -14,8 +14,9 @@
 
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
-import {fetchCaseRoadRank} from '@/api/smartTraffic'
+import { fetchCaseRoadRank } from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseRank',
   components: {SingleLayout, SimplePieChart},
@@ -39,6 +40,7 @@
   },
   methods: {
     getData () {
+      this.config.data = mockData.traffic.event.rank
       // fetchCaseRoadRank().then(response => {
       //   if (response.code === 200) {
       //     this.config = {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
index f158907..cecb90a 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
@@ -21,6 +21,7 @@
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'trafficCaseLine',
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.event.line.xData
+    this.options.seriesData = mockData.traffic.event.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
index 64742c3..e422ace 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
@@ -14,8 +14,9 @@
 
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
-import {fetchCaseRoadRank} from '@/api/smartTraffic'
+import { fetchCaseRoadRank } from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseRank',
   components: {SingleLayout, SimplePieChart},
@@ -39,6 +40,7 @@
   },
   methods: {
     getData () {
+      this.config.data = mockData.traffic.event.rank
       // fetchCaseRoadRank().then(response => {
       //   if (response.code === 200) {
       //     this.config = {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
index 89d7a25..4ee2110 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
@@ -19,6 +19,7 @@
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../static/city.json'
 // import {fetchInfrastructure} from '@/api/jgzl'
 export default {
   name: 'TrafficIntroduce',
@@ -36,7 +37,13 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.data.jgzl.value = mockData.traffic.introduce.police
+    this.data.cscl.value = mockData.traffic.introduce.event
+    this.data.stgy.value = mockData.traffic.introduce.speed
+    this.data.csgy.value = mockData.traffic.introduce.mileage
+    this.data.hp.value = mockData.traffic.introduce.rate
+    this.data.hl.value = mockData.traffic.introduce.time
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
index f158907..cecb90a 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
@@ -21,6 +21,7 @@
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'trafficCaseLine',
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.event.line.xData
+    this.options.seriesData = mockData.traffic.event.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
index 64742c3..e422ace 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
@@ -14,8 +14,9 @@
 
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
-import {fetchCaseRoadRank} from '@/api/smartTraffic'
+import { fetchCaseRoadRank } from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseRank',
   components: {SingleLayout, SimplePieChart},
@@ -39,6 +40,7 @@
   },
   methods: {
     getData () {
+      this.config.data = mockData.traffic.event.rank
       // fetchCaseRoadRank().then(response => {
       //   if (response.code === 200) {
       //     this.config = {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
index 89d7a25..4ee2110 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
@@ -19,6 +19,7 @@
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../static/city.json'
 // import {fetchInfrastructure} from '@/api/jgzl'
 export default {
   name: 'TrafficIntroduce',
@@ -36,7 +37,13 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.data.jgzl.value = mockData.traffic.introduce.police
+    this.data.cscl.value = mockData.traffic.introduce.event
+    this.data.stgy.value = mockData.traffic.introduce.speed
+    this.data.csgy.value = mockData.traffic.introduce.mileage
+    this.data.hp.value = mockData.traffic.introduce.rate
+    this.data.hl.value = mockData.traffic.introduce.time
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
index a09af5f..06cd4f7 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.trafficPeccancy.pie
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
index f158907..cecb90a 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
@@ -21,6 +21,7 @@
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'trafficCaseLine',
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.event.line.xData
+    this.options.seriesData = mockData.traffic.event.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
index 64742c3..e422ace 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
@@ -14,8 +14,9 @@
 
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
-import {fetchCaseRoadRank} from '@/api/smartTraffic'
+import { fetchCaseRoadRank } from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseRank',
   components: {SingleLayout, SimplePieChart},
@@ -39,6 +40,7 @@
   },
   methods: {
     getData () {
+      this.config.data = mockData.traffic.event.rank
       // fetchCaseRoadRank().then(response => {
       //   if (response.code === 200) {
       //     this.config = {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
index 89d7a25..4ee2110 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
@@ -19,6 +19,7 @@
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../static/city.json'
 // import {fetchInfrastructure} from '@/api/jgzl'
 export default {
   name: 'TrafficIntroduce',
@@ -36,7 +37,13 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.data.jgzl.value = mockData.traffic.introduce.police
+    this.data.cscl.value = mockData.traffic.introduce.event
+    this.data.stgy.value = mockData.traffic.introduce.speed
+    this.data.csgy.value = mockData.traffic.introduce.mileage
+    this.data.hp.value = mockData.traffic.introduce.rate
+    this.data.hl.value = mockData.traffic.introduce.time
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
index a09af5f..06cd4f7 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.trafficPeccancy.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
index 6ec9d89..57923dd 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchCaseCount} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficPeccanyCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.trafficPeccancy.count
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
index f158907..cecb90a 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
@@ -21,6 +21,7 @@
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'trafficCaseLine',
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.event.line.xData
+    this.options.seriesData = mockData.traffic.event.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
index 64742c3..e422ace 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
@@ -14,8 +14,9 @@
 
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
-import {fetchCaseRoadRank} from '@/api/smartTraffic'
+import { fetchCaseRoadRank } from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseRank',
   components: {SingleLayout, SimplePieChart},
@@ -39,6 +40,7 @@
   },
   methods: {
     getData () {
+      this.config.data = mockData.traffic.event.rank
       // fetchCaseRoadRank().then(response => {
       //   if (response.code === 200) {
       //     this.config = {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
index 89d7a25..4ee2110 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
@@ -19,6 +19,7 @@
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../static/city.json'
 // import {fetchInfrastructure} from '@/api/jgzl'
 export default {
   name: 'TrafficIntroduce',
@@ -36,7 +37,13 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.data.jgzl.value = mockData.traffic.introduce.police
+    this.data.cscl.value = mockData.traffic.introduce.event
+    this.data.stgy.value = mockData.traffic.introduce.speed
+    this.data.csgy.value = mockData.traffic.introduce.mileage
+    this.data.hp.value = mockData.traffic.introduce.rate
+    this.data.hl.value = mockData.traffic.introduce.time
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
index a09af5f..06cd4f7 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.trafficPeccancy.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
index 6ec9d89..57923dd 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchCaseCount} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficPeccanyCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.trafficPeccancy.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
index 8e26433..83b539e 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyLine',
   components: {SingleLayout, GradientLineChart},
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.trafficPeccancy.line.xData
+    this.options.seriesData = mockData.traffic.trafficPeccancy.line.yData
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
index f158907..cecb90a 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
@@ -21,6 +21,7 @@
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'trafficCaseLine',
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.event.line.xData
+    this.options.seriesData = mockData.traffic.event.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
index 64742c3..e422ace 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
@@ -14,8 +14,9 @@
 
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
-import {fetchCaseRoadRank} from '@/api/smartTraffic'
+import { fetchCaseRoadRank } from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseRank',
   components: {SingleLayout, SimplePieChart},
@@ -39,6 +40,7 @@
   },
   methods: {
     getData () {
+      this.config.data = mockData.traffic.event.rank
       // fetchCaseRoadRank().then(response => {
       //   if (response.code === 200) {
       //     this.config = {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
index 89d7a25..4ee2110 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
@@ -19,6 +19,7 @@
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../static/city.json'
 // import {fetchInfrastructure} from '@/api/jgzl'
 export default {
   name: 'TrafficIntroduce',
@@ -36,7 +37,13 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.data.jgzl.value = mockData.traffic.introduce.police
+    this.data.cscl.value = mockData.traffic.introduce.event
+    this.data.stgy.value = mockData.traffic.introduce.speed
+    this.data.csgy.value = mockData.traffic.introduce.mileage
+    this.data.hp.value = mockData.traffic.introduce.rate
+    this.data.hl.value = mockData.traffic.introduce.time
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
index a09af5f..06cd4f7 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.trafficPeccancy.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
index 6ec9d89..57923dd 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchCaseCount} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficPeccanyCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.trafficPeccancy.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
index 8e26433..83b539e 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyLine',
   components: {SingleLayout, GradientLineChart},
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.trafficPeccancy.line.xData
+    this.options.seriesData = mockData.traffic.trafficPeccancy.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
index 76a9cc6..1ee0140 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
@@ -15,6 +15,7 @@
 import {fetchCaseTypeRank} from '@/api/smartTraffic'
 import ScrollBoard from '@/components/board/ScrollBoard'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyTypeRank',
   components: {SingleLayout, ScrollBoard},
@@ -47,7 +48,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.traffic.trafficPeccancy.table
   },
   methods: {
     getData () {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
index f158907..cecb90a 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
@@ -21,6 +21,7 @@
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'trafficCaseLine',
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.event.line.xData
+    this.options.seriesData = mockData.traffic.event.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
index 64742c3..e422ace 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
@@ -14,8 +14,9 @@
 
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
-import {fetchCaseRoadRank} from '@/api/smartTraffic'
+import { fetchCaseRoadRank } from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseRank',
   components: {SingleLayout, SimplePieChart},
@@ -39,6 +40,7 @@
   },
   methods: {
     getData () {
+      this.config.data = mockData.traffic.event.rank
       // fetchCaseRoadRank().then(response => {
       //   if (response.code === 200) {
       //     this.config = {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
index 89d7a25..4ee2110 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
@@ -19,6 +19,7 @@
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../static/city.json'
 // import {fetchInfrastructure} from '@/api/jgzl'
 export default {
   name: 'TrafficIntroduce',
@@ -36,7 +37,13 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.data.jgzl.value = mockData.traffic.introduce.police
+    this.data.cscl.value = mockData.traffic.introduce.event
+    this.data.stgy.value = mockData.traffic.introduce.speed
+    this.data.csgy.value = mockData.traffic.introduce.mileage
+    this.data.hp.value = mockData.traffic.introduce.rate
+    this.data.hl.value = mockData.traffic.introduce.time
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
index a09af5f..06cd4f7 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.trafficPeccancy.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
index 6ec9d89..57923dd 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchCaseCount} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficPeccanyCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.trafficPeccancy.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
index 8e26433..83b539e 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyLine',
   components: {SingleLayout, GradientLineChart},
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.trafficPeccancy.line.xData
+    this.options.seriesData = mockData.traffic.trafficPeccancy.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
index 76a9cc6..1ee0140 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
@@ -15,6 +15,7 @@
 import {fetchCaseTypeRank} from '@/api/smartTraffic'
 import ScrollBoard from '@/components/board/ScrollBoard'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyTypeRank',
   components: {SingleLayout, ScrollBoard},
@@ -47,7 +48,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.traffic.trafficPeccancy.table
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue b/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue
index b195c43..7ae8038 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue
@@ -52,6 +52,7 @@
 import TrafficIntroduce from './trafficIntroduce'
 import TrafficIndexLine from './components/trafficIndexLine'
 import TrafficIndexBar from './components/trafficIndexBar'
+import mockData from '../../../../../static/city.json'
 export default {
   name: 'trafficSafety',
   components: {TrafficIndexBar, TrafficIndexLine, TrafficIntroduce, RoadTrafficIndex, TrafficIndex},
@@ -135,12 +136,18 @@
       }, 10 * 1000)
     },
     getData () {
-      this.getGemIndex()
-      this.getCaseIndex()
-      this.getFlowIndex()
-      this.getRoadGemIndex()
-      this.getRoadCaseIndex()
-      this.getRoadFlowIndex()
+      // this.getGemIndex()
+      // this.getCaseIndex()
+      // this.getFlowIndex()
+      this.gem = mockData.traffic.safe.gem
+      this.trouble = mockData.traffic.safe.trouble
+      this.flow = mockData.traffic.safe.flow
+      this.gemConfig = mockData.traffic.safe.gemConfigTable
+      this.troubleConfig = mockData.traffic.safe.troubleConfigTable
+      this.flowConfig = mockData.traffic.safe.flowConfigTable
+      // this.getRoadGemIndex()
+      // this.getRoadCaseIndex()
+      // this.getRoadFlowIndex()
     },
     getGemIndex () {
       fetchGemIndexNow().then(response => {

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
index f158907..cecb90a 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
@@ -21,6 +21,7 @@
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'trafficCaseLine',
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.event.line.xData
+    this.options.seriesData = mockData.traffic.event.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
index 64742c3..e422ace 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
@@ -14,8 +14,9 @@
 
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
-import {fetchCaseRoadRank} from '@/api/smartTraffic'
+import { fetchCaseRoadRank } from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseRank',
   components: {SingleLayout, SimplePieChart},
@@ -39,6 +40,7 @@
   },
   methods: {
     getData () {
+      this.config.data = mockData.traffic.event.rank
       // fetchCaseRoadRank().then(response => {
       //   if (response.code === 200) {
       //     this.config = {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
index 89d7a25..4ee2110 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
@@ -19,6 +19,7 @@
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../static/city.json'
 // import {fetchInfrastructure} from '@/api/jgzl'
 export default {
   name: 'TrafficIntroduce',
@@ -36,7 +37,13 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.data.jgzl.value = mockData.traffic.introduce.police
+    this.data.cscl.value = mockData.traffic.introduce.event
+    this.data.stgy.value = mockData.traffic.introduce.speed
+    this.data.csgy.value = mockData.traffic.introduce.mileage
+    this.data.hp.value = mockData.traffic.introduce.rate
+    this.data.hl.value = mockData.traffic.introduce.time
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
index a09af5f..06cd4f7 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.trafficPeccancy.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
index 6ec9d89..57923dd 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchCaseCount} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficPeccanyCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.trafficPeccancy.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
index 8e26433..83b539e 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyLine',
   components: {SingleLayout, GradientLineChart},
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.trafficPeccancy.line.xData
+    this.options.seriesData = mockData.traffic.trafficPeccancy.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
index 76a9cc6..1ee0140 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
@@ -15,6 +15,7 @@
 import {fetchCaseTypeRank} from '@/api/smartTraffic'
 import ScrollBoard from '@/components/board/ScrollBoard'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyTypeRank',
   components: {SingleLayout, ScrollBoard},
@@ -47,7 +48,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.traffic.trafficPeccancy.table
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue b/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue
index b195c43..7ae8038 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue
@@ -52,6 +52,7 @@
 import TrafficIntroduce from './trafficIntroduce'
 import TrafficIndexLine from './components/trafficIndexLine'
 import TrafficIndexBar from './components/trafficIndexBar'
+import mockData from '../../../../../static/city.json'
 export default {
   name: 'trafficSafety',
   components: {TrafficIndexBar, TrafficIndexLine, TrafficIntroduce, RoadTrafficIndex, TrafficIndex},
@@ -135,12 +136,18 @@
       }, 10 * 1000)
     },
     getData () {
-      this.getGemIndex()
-      this.getCaseIndex()
-      this.getFlowIndex()
-      this.getRoadGemIndex()
-      this.getRoadCaseIndex()
-      this.getRoadFlowIndex()
+      // this.getGemIndex()
+      // this.getCaseIndex()
+      // this.getFlowIndex()
+      this.gem = mockData.traffic.safe.gem
+      this.trouble = mockData.traffic.safe.trouble
+      this.flow = mockData.traffic.safe.flow
+      this.gemConfig = mockData.traffic.safe.gemConfigTable
+      this.troubleConfig = mockData.traffic.safe.troubleConfigTable
+      this.flowConfig = mockData.traffic.safe.flowConfigTable
+      // this.getRoadGemIndex()
+      // this.getRoadCaseIndex()
+      // this.getRoadFlowIndex()
     },
     getGemIndex () {
       fetchGemIndexNow().then(response => {
diff --git a/src/views/header/header1.vue b/src/views/header/header1.vue
index 6d22553..b7cb49e 100644
--- a/src/views/header/header1.vue
+++ b/src/views/header/header1.vue
@@ -63,8 +63,6 @@
       topMenuRight: [
         { label: '社会民生', id: 3, component: 'socialLivelihood' },
         { label: '产业经济', id: 4, component: 'industrialEconomy' }
-        // { label: '交通概况', id: 5, component: 'socialLivelihood' },
-        // { label: '城管执法', id: 6, component: 'industrialEconomy' }
       ]
     }
   },

diff --git a/src/api/cityManage.js b/src/api/cityManage.js
index 90a2026..ddcc8a3 100644
--- a/src/api/cityManage.js
+++ b/src/api/cityManage.js
@@ -265,7 +265,7 @@
 // 各停车场车位占用情况
 export function fetchOccupationByPark () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartPark/occupationByPark',
     method: 'get'
   })
diff --git a/src/api/smartTraffic.js b/src/api/smartTraffic.js
index 63e7e17..a3f50f0 100644
--- a/src/api/smartTraffic.js
+++ b/src/api/smartTraffic.js
@@ -72,7 +72,7 @@
 // 各路段违法事故排行
 export function fetchCaseRoadRank () {
   return request({
-    baseURL: config.baseUrl,
+    baseURL: config.mockUrl,
     url: 'smartTraffic/caseRoadRank',
     method: 'get'
   })
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 752686f..b3a7c7b 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   // jingyiService: 'http://11.100.6.9:8088/', // 精一的后台地址
   // baseUrl: 'http://192.168.1.108:11307/api' // 运行监测的后台地址
   // baseUrl: 'http://11.100.6.149:8080/monitor/api' // 运行监测的后台地址
-  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api' // 运行监测的后台地址
+  baseUrl: 'http://11.100.6.149:8080/monitor2/monitor/api', // 运行监测的后台地址
   // baseUrl: 'http://192.168.14.104:8085' // 运行监测的后台地址
+  mockUrl: 'http://rest.apizza.net/mock/cfbb939c147bb6d68372de83af189fee/' // mock地址
 }
diff --git a/src/views/cityManage/cityManageRight2.vue b/src/views/cityManage/cityManageRight2.vue
index 2b7caae..a1aa810 100644
--- a/src/views/cityManage/cityManageRight2.vue
+++ b/src/views/cityManage/cityManageRight2.vue
@@ -6,9 +6,14 @@
 <template>
   <div class="chart-container">
     <div class="right">
-      <div class="modular">
+      <div class="modular" style="position: relative;">
+        <el-radio-group v-model="radio" size="mini" style="position: absolute; top: 0px;left: 140px;">
+          <el-radio-button label="case-all">城管</el-radio-button>
+          <el-radio-button label="traffic-all">交通</el-radio-button>
+        </el-radio-group>
         <transition mode="out-in">
-          <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/>
+          <!-- <component :is="currentComps[currentComp]" @mouseover.native="stopCompChange" @mouseout.native="compChange"/> -->
+          <component :is="radio"/>
         </transition>
         <!--<case-all/>-->
         <!--<traffic-all/>-->
@@ -30,11 +35,12 @@
     return {
       currentComp: 0, // 人口组件
       currentComps: ['case-all', 'traffic-all'],
-      compsTimer: null
+      compsTimer: null,
+      radio: 'case-all'
     }
   },
   mounted () {
-    this.compChange()
+    // this.compChange()
   },
   methods: {
     // 交通、社会治理面板切换
diff --git a/src/views/cityManage/components/cityManage/caseAll.vue b/src/views/cityManage/components/cityManage/caseAll.vue
index 4822f0c..f33afee 100644
--- a/src/views/cityManage/components/cityManage/caseAll.vue
+++ b/src/views/cityManage/components/cityManage/caseAll.vue
@@ -79,7 +79,7 @@
   },
   mounted () {
     // this.countdown()
-    this.compChange() // 开启组件切换
+    // this.compChange() // 开启组件切换
   },
   methods: {
     countdown () {
diff --git a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
index c92ad7a..0b1ccd3 100644
--- a/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
+++ b/src/views/cityManage/components/lamp/components/lampConsumeLine.vue
@@ -59,17 +59,17 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '能耗', data: total, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '能耗', data: total, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/lamp/components/lampCount.vue b/src/views/cityManage/components/lamp/components/lampCount.vue
index 983cc7e..54427ba 100644
--- a/src/views/cityManage/components/lamp/components/lampCount.vue
+++ b/src/views/cityManage/components/lamp/components/lampCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchLampStatics} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'LampCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.lamp.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/lamp/components/lampPie.vue b/src/views/cityManage/components/lamp/components/lampPie.vue
index 5857446..aa695fb 100644
--- a/src/views/cityManage/components/lamp/components/lampPie.vue
+++ b/src/views/cityManage/components/lamp/components/lampPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {fetchLampByArea} from '@/api/iot'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'lampPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.lamp.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
index aa284fb..1a806a3 100644
--- a/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/inspectionCount.vue
@@ -38,7 +38,7 @@
           <span>全年累计</span>
         </div>
       </div>
-      <div class="block" v-for="(value,index) in month" :key="'inspection_month_'+index">
+      <div class="block" v-for="(value,index) in year" :key="'inspection_month_'+index">
         <div>
           <span class="value">{{value.value}}</span><span class="unit">{{value.unit}}</span>
         </div>
@@ -50,6 +50,7 @@
 
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'InspectionCount',
   components: {SimpleBlock},
@@ -83,6 +84,15 @@
   },
   methods: {
     getData () {
+      this.today = {
+        count: {name: '巡查次数', value: mockData.urbanManagement.inspectionCount.today.count.value, unit: mockData.urbanManagement.inspectionCount.today.count.unit, color: '', icon: require('@/assets/images/city/icon-inspection.png')},
+        time: {name: '巡查时间', value: mockData.urbanManagement.inspectionCount.today.time.value, unit: mockData.urbanManagement.inspectionCount.today.time.unit, color: '', icon: require('@/assets/images/city/icon-time.png')},
+        distance: {name: '巡查里程', value: mockData.urbanManagement.inspectionCount.today.distance.value, unit: mockData.urbanManagement.inspectionCount.today.distance.unit, color: '', icon: require('@/assets/images/city/icon-distance.png')},
+        case: {name: '立案数', value: mockData.urbanManagement.inspectionCount.today.case.value, unit: mockData.urbanManagement.inspectionCount.today.case.unit, color: '', icon: require('@/assets/images/city/icon-case.png')},
+        fines: {name: '罚款金额', value: mockData.urbanManagement.inspectionCount.today.fines.value, unit: mockData.urbanManagement.inspectionCount.today.fines.unit, color: '', icon: require('@/assets/images/city/icon-fines.png')}
+      }
+      this.month = mockData.urbanManagement.inspectionCount.month
+      this.year = mockData.urbanManagement.inspectionCount.year
       // for (const item of Object.keys(this.data)) {
       //   this.getItemData(item)
       // }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
index b591a34..7ec8658 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseBar.vue
@@ -25,6 +25,7 @@
 import RadioGroup from '../../../../../components/radioGroup/index1'
 import SingleLayout from '@/components/layout/singleLayout'
 import SimpleBarChart from '../../../../../components/barChart/simpleBarChart'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseBar',
   components: {RadioGroup, SimpleBarChart, SingleLayout, ChartLayout, ColorfulBarChart},
@@ -42,14 +43,19 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-        this.options.seriesData = ['12', '13', '11', '16', '13', '22', '13']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
-        this.options.seriesData = ['12', '32', '13', '41', '15', '16', '7', '8', '9', '10', '11', '12', '13', '24', '15', '16', '27', '18', '19', '20', '21', '22']
-      }
+    type: {
+      handler (newval, oldval) {
+        console.log('============', newval)
+
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22']
+          this.options.seriesData = mockData.urbanManagement.mobileCaseBar.month
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
@@ -64,6 +70,7 @@
       //     this.options.seriesData = data.map(item => { return item.value })
       //   }
       // })
+      // this.type = 'week'
     }
   }
 }
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
index bb956e3..04f3e19 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.urbanManagement.mobileCaseCount
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
index 2a7c417..84463b3 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 // import {fetchOccupationByPark} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'MobileCaseDetail',
@@ -46,6 +47,7 @@
   },
   methods: {
     getData () {
+      this.boardConfig.data = mockData.urbanManagement.table
       // fetchOccupationByPark().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
index 8cb7759..6e6d2a8 100644
--- a/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
+++ b/src/views/cityManage/components/mobileManage/components/mobileCasePie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'mobileCasePie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  created () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.urbanManagement.mobileCasePie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/mobileManage/components/staffBar.vue b/src/views/cityManage/components/mobileManage/components/staffBar.vue
index 4e13b49..b76a1a5 100644
--- a/src/views/cityManage/components/mobileManage/components/staffBar.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffBar.vue
@@ -22,6 +22,7 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchPipeCount} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import SimpleBarChart from "../../../../../components/barChart/simpleBarChart";
 export default {
   name: 'staffBar',
@@ -43,6 +44,7 @@
   },
   methods: {
     getData () {
+      this.options.seriesData = mockData.urbanManagement.staffBar
       // fetchPipeCount().then(response => {
       //   if (response.code === 200) {
       //     const data = response.data
diff --git a/src/views/cityManage/components/mobileManage/components/staffCount.vue b/src/views/cityManage/components/mobileManage/components/staffCount.vue
index b0ada1d..ce5b66e 100644
--- a/src/views/cityManage/components/mobileManage/components/staffCount.vue
+++ b/src/views/cityManage/components/mobileManage/components/staffCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'staffCount',
   components: {ImageBlock2},
@@ -30,7 +31,7 @@
   },
   methods: {
     getData () {
-
+      this.data = mockData.urbanManagement.staffCount
     }
   }
 }
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
index 8486ebf..59b88b2 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'pipeAlarmBar',
@@ -38,7 +39,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.bar.xData
+    this.options.seriesData = mockData.pipeAlarm.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
index d32e58c..d8a77e0 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'PipeAlarmCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.pipeAlarm.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
index 9a094ee..4fd1956 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmLine.vue
@@ -23,6 +23,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import SingleLayout from '../../../../../components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 import {fetchAlarmCount} from '@/api/cityManage'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
@@ -45,7 +46,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.pipeAlarm.line.xData
+    this.options.seriesData = mockData.pipeAlarm.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
index 242b698..d7d5431 100644
--- a/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
+++ b/src/views/cityManage/components/pipeAlarm/components/pipeAlarmPie.vue
@@ -19,6 +19,7 @@
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'pipeAlarmPie',
   components: {SingleLayout, SimplePieChart},
@@ -36,6 +37,14 @@
         ]
       }
     }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    getData () {
+      this.data.data = mockData.pipeAlarm.pie
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
index a09597a..d84cccd 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityLine.vue
@@ -47,18 +47,18 @@
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const total = data.map(item => { return item.total })
-      //     const complete = data.map(item => { return item.complete })
-      //     this.options.seriesData = [
-      //       {name: '案件总数', data: total, color: '255,45,85'},
-      //       {name: '处理数', data: complete, color: '0,144,255'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const total = data.map(item => { return item.total })
+          const complete = data.map(item => { return item.complete })
+          this.options.seriesData = [
+            {name: '案件总数', data: total, color: '255,45,85'},
+            {name: '处理数', data: complete, color: '0,144,255'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
index a2ca09f..2f3dfa6 100644
--- a/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
+++ b/src/views/cityManage/components/socialSecurity/components/socialSecurityRank.vue
@@ -16,6 +16,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTopTenCase} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '../../../../../components/layout/singleLayout'
 export default {
   name: 'SocialSecurityRank',
@@ -38,19 +39,20 @@
     }
   },
   created () {
-    // this.getData()
+    this.getData()
   },
   methods: {
     getData () {
-      fetchTopTenCase().then(response => {
-        if (response.code === 200) {
-          this.config = {
-            rowNum: 4,
-            waitTime: 200000,
-            data: response.data
-          }
-        }
-      })
+      this.config.data = mockData.socialSecurity.socialSecurityRank
+      // fetchTopTenCase().then(response => {
+      //   if (response.code === 200) {
+      //     this.config = {
+      //       rowNum: 4,
+      //       waitTime: 200000,
+      //       data: response.data
+      //     }
+      //   }
+      // })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCaseDetail.vue b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
index 4abb5d0..090731e 100644
--- a/src/views/cityManage/components/truck/components/truckCaseDetail.vue
+++ b/src/views/cityManage/components/truck/components/truckCaseDetail.vue
@@ -14,6 +14,7 @@
 import Corner1 from '@/components/corner/Corner1'
 import ChartLayout from '@/components/layout/chartLayout'
 import {fetchTruckCaseByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import ScrollBoard from '@/components/board/ScrollBoard'
 export default {
   name: 'TruckCaseDetail',
@@ -43,22 +44,23 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.truck.table
   },
   methods: {
     getData () {
-      // fetchTruckCaseByType().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     const list = data.map(item => {
-      //       return [item.name, item.num, item.rate + '%']
-      //     })
-      //     this.boardConfig.data = list
-      //     const boardConfig = this.boardConfig
-      //     // this.$set(this, 'boardConfig', boardConfig)
-      //     this.boardConfig = Object.assign({}, boardConfig)
-      //   }
-      // })
+      fetchTruckCaseByType().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          const list = data.map(item => {
+            return [item.name, item.num, item.rate + '%']
+          })
+          this.boardConfig.data = list
+          const boardConfig = this.boardConfig
+          // this.$set(this, 'boardConfig', boardConfig)
+          this.boardConfig = Object.assign({}, boardConfig)
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/truck/components/truckCount.vue b/src/views/cityManage/components/truck/components/truckCount.vue
index a55d0b0..2aab641 100644
--- a/src/views/cityManage/components/truck/components/truckCount.vue
+++ b/src/views/cityManage/components/truck/components/truckCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchTruckCount} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TruckCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.truck.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/truck/components/truckLine.vue b/src/views/cityManage/components/truck/components/truckLine.vue
index 57fa1b2..8ba517e 100644
--- a/src/views/cityManage/components/truck/components/truckLine.vue
+++ b/src/views/cityManage/components/truck/components/truckLine.vue
@@ -6,7 +6,7 @@
 <template>
   <single-layout title="渣土车违章趋势">
     <div style="width: 100%;height:100%;padding-top:0rem;padding-left:0.1rem">
-      <!--<radio-group v-model="type"/>-->
+      <radio-group v-model="type"/>
       <gradient-line-chart
         :id="options.id"
         :unit="options.unit"
@@ -22,6 +22,7 @@
 <script>
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
+import mockData from '../../../../../../static/city.json'
 import {fetchTruckCaseCountByFrom} from '@/api/cityManage'
 import SingleLayout from '@/components/layout/singleLayout'
 import RadioGroup from '../../../../../components/radioGroup/index'
@@ -44,31 +45,38 @@
     }
   },
   watch: {
-    type (newval, oldval) {
-      if (newval === 'week') {
-        this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-      } else if (newval === 'month') {
-        this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22','2']
-      } else if (newval === 'year') {
-        this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-      }
+    type: {
+      handler (newval, oldval) {
+        const today = new Date()
+        if (newval === 'week') {
+          this.options.xAxisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+          this.options.seriesData = mockData.truck.line.week
+        } else if (newval === 'month') {
+          this.options.xAxisData = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30'].slice(0, today.getDate())
+          this.options.seriesData = mockData.truck.line.month.slice(0, today.getDate())
+        } else if (newval === 'year') {
+          this.options.xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, today.getMonth() + 1)
+          this.options.seriesData = mockData.truck.line.year.slice(0, today.getMonth() + 1)
+        }
+      },
+      immediate: true // 添加立即执行选项
     }
   },
   created () {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData () {
-      // fetchTruckCaseCountByFrom(this.type).then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '违章数', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchTruckCaseCountByFrom(this.type).then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '违章数', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
index eb23391..e089f0b 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexBar.vue
@@ -19,6 +19,7 @@
 import ColorfulBarChart from '@/components/barChart/colorfulBarChart'
 import SingleLayout from '@/components/layout/singleLayout'
 import {pipeAlarmByType} from '@/api/cityManage'
+import mockData from '../../../../../../static/city.json'
 import { dateToString, getLastWeek } from '@/utils/formatDate'
 export default {
   name: 'TrafficIndexBar',
@@ -36,7 +37,9 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.bar.xData
+    this.options.seriesData = mockData.traffic.safe.bar.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
index c5579e0..210d851 100644
--- a/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/components/trafficIndexLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficIndexLine',
   components: {SingleLayout, GradientLineChart},
@@ -42,20 +43,22 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.safe.line.xData
+    this.options.seriesData = mockData.traffic.safe.line.yData
   },
   methods: {
     getData () {
-      // fetchCaseByDay().then(response => {
-      //   if (response.code === 200) {
-      //     const data = response.data
-      //     this.options.xAxisData = data.map(item => { return item.name })
-      //     const value = data.map(item => { return item.value })
-      //     this.options.seriesData = [
-      //       {name: '事故数量', data: value, color: '255,45,85'}
-      //     ]
-      //   }
-      // })
+      fetchCaseByDay().then(response => {
+        if (response.code === 200) {
+          const data = response.data
+          this.options.xAxisData = data.map(item => { return item.name })
+          const value = data.map(item => { return item.value })
+          this.options.seriesData = [
+            {name: '事故数量', data: value, color: '255,45,85'}
+          ]
+        }
+      })
     }
   }
 }
diff --git a/src/views/cityManage/components/wisdomTraffic/environment.vue b/src/views/cityManage/components/wisdomTraffic/environment.vue
index 4af29b3..b69ba09 100644
--- a/src/views/cityManage/components/wisdomTraffic/environment.vue
+++ b/src/views/cityManage/components/wisdomTraffic/environment.vue
@@ -20,6 +20,7 @@
 import SimpleBlock from './components/simpleBlock'
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
+import mockData from '../../../../../static/city.json'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
 export default {
   name: 'Environment',
@@ -45,12 +46,13 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.environment
   },
   methods: {
     getData () {
-      // this.getCameraByType()
-      // this.getCameraByStatus()
+      this.getCameraByType()
+      this.getCameraByStatus()
     },
     getCameraByType () {
       fetchCameraByType().then(response => {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
index 90ede7d..80fbcf9 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCamera.vue
@@ -21,6 +21,8 @@
 import ChartLayout from '@/components/layout/chartLayout'
 import Corner1 from '@/components/corner/Corner1'
 import {fetchCameraByType, fetchCameraByStatus} from '@/api/smartTraffic'
+import mockData from '../../../../../static/city.json'
+
 export default {
   name: 'trafficCamera',
   components: {Corner1, ChartLayout, SimpleBlock},
@@ -46,7 +48,10 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.video
+    console.log('00000000000', this.data);
+
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
index 9dad833..8a5ba39 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.event.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
index c0e6087..75de545 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseCount.vue
@@ -13,6 +13,7 @@
 
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficCaseCount',
   components: {ImageBlock2},
@@ -29,7 +30,9 @@
     this.getData()
   },
   methods: {
-
+    getData () {
+      this.data = mockData.traffic.event.count
+    }
   }
 }
 </script>
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
index f158907..cecb90a 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseLine.vue
@@ -21,6 +21,7 @@
 <script>
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 import SingleLayout from '@/components/layout/singleLayout'
 export default {
   name: 'trafficCaseLine',
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.event.line.xData
+    this.options.seriesData = mockData.traffic.event.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
index 64742c3..e422ace 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficCase/trafficCaseRank.vue
@@ -14,8 +14,9 @@
 
 <script>
 import SimplePieChart from '@/components/pieChart/simplePieChart'
-import {fetchCaseRoadRank} from '@/api/smartTraffic'
+import { fetchCaseRoadRank } from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficCaseRank',
   components: {SingleLayout, SimplePieChart},
@@ -39,6 +40,7 @@
   },
   methods: {
     getData () {
+      this.config.data = mockData.traffic.event.rank
       // fetchCaseRoadRank().then(response => {
       //   if (response.code === 200) {
       //     this.config = {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
index 89d7a25..4ee2110 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficIntroduce.vue
@@ -19,6 +19,7 @@
 <script>
 import SimpleBlock from '@/components/block/simpleBlock'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../static/city.json'
 // import {fetchInfrastructure} from '@/api/jgzl'
 export default {
   name: 'TrafficIntroduce',
@@ -36,7 +37,13 @@
     }
   },
   mounted () {
-    this.getData()
+    // this.getData()
+    this.data.jgzl.value = mockData.traffic.introduce.police
+    this.data.cscl.value = mockData.traffic.introduce.event
+    this.data.stgy.value = mockData.traffic.introduce.speed
+    this.data.csgy.value = mockData.traffic.introduce.mileage
+    this.data.hp.value = mockData.traffic.introduce.rate
+    this.data.hl.value = mockData.traffic.introduce.time
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
index a09af5f..06cd4f7 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyAreaPie.vue
@@ -21,6 +21,7 @@
 import SimplePieChart from '@/components/pieChart/simplePieChart'
 import {fetchCaseArea} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyAreaPie',
   components: {SingleLayout, SimplePieChart},
@@ -40,7 +41,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data.data = mockData.traffic.trafficPeccancy.pie
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
index 6ec9d89..57923dd 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyCount.vue
@@ -14,6 +14,7 @@
 <script>
 import ImageBlock2 from '@/components/block/imageBlock2'
 import {fetchCaseCount} from '@/api/smartTraffic'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'TrafficPeccanyCount',
   components: {ImageBlock2},
@@ -27,7 +28,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.data = mockData.traffic.trafficPeccancy.count
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
index 8e26433..83b539e 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyLine.vue
@@ -22,6 +22,7 @@
 import GradientLineChart from '@/components/lineChart/gradientLineChart'
 import {fetchCaseByDay} from '@/api/smartTraffic'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyLine',
   components: {SingleLayout, GradientLineChart},
@@ -40,7 +41,9 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.options.xAxisData = mockData.traffic.trafficPeccancy.line.xData
+    this.options.seriesData = mockData.traffic.trafficPeccancy.line.yData
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
index 76a9cc6..1ee0140 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficPeccancy/trafficPeccancyTypeRank.vue
@@ -15,6 +15,7 @@
 import {fetchCaseTypeRank} from '@/api/smartTraffic'
 import ScrollBoard from '@/components/board/ScrollBoard'
 import SingleLayout from '@/components/layout/singleLayout'
+import mockData from '../../../../../../static/city.json'
 export default {
   name: 'trafficPeccancyTypeRank',
   components: {SingleLayout, ScrollBoard},
@@ -47,7 +48,8 @@
     }
   },
   created () {
-    this.getData()
+    // this.getData()
+    this.boardConfig.data = mockData.traffic.trafficPeccancy.table
   },
   methods: {
     getData () {
diff --git a/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue b/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue
index b195c43..7ae8038 100644
--- a/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue
+++ b/src/views/cityManage/components/wisdomTraffic/trafficSafety.vue
@@ -52,6 +52,7 @@
 import TrafficIntroduce from './trafficIntroduce'
 import TrafficIndexLine from './components/trafficIndexLine'
 import TrafficIndexBar from './components/trafficIndexBar'
+import mockData from '../../../../../static/city.json'
 export default {
   name: 'trafficSafety',
   components: {TrafficIndexBar, TrafficIndexLine, TrafficIntroduce, RoadTrafficIndex, TrafficIndex},
@@ -135,12 +136,18 @@
       }, 10 * 1000)
     },
     getData () {
-      this.getGemIndex()
-      this.getCaseIndex()
-      this.getFlowIndex()
-      this.getRoadGemIndex()
-      this.getRoadCaseIndex()
-      this.getRoadFlowIndex()
+      // this.getGemIndex()
+      // this.getCaseIndex()
+      // this.getFlowIndex()
+      this.gem = mockData.traffic.safe.gem
+      this.trouble = mockData.traffic.safe.trouble
+      this.flow = mockData.traffic.safe.flow
+      this.gemConfig = mockData.traffic.safe.gemConfigTable
+      this.troubleConfig = mockData.traffic.safe.troubleConfigTable
+      this.flowConfig = mockData.traffic.safe.flowConfigTable
+      // this.getRoadGemIndex()
+      // this.getRoadCaseIndex()
+      // this.getRoadFlowIndex()
     },
     getGemIndex () {
       fetchGemIndexNow().then(response => {
diff --git a/src/views/header/header1.vue b/src/views/header/header1.vue
index 6d22553..b7cb49e 100644
--- a/src/views/header/header1.vue
+++ b/src/views/header/header1.vue
@@ -63,8 +63,6 @@
       topMenuRight: [
         { label: '社会民生', id: 3, component: 'socialLivelihood' },
         { label: '产业经济', id: 4, component: 'industrialEconomy' }
-        // { label: '交通概况', id: 5, component: 'socialLivelihood' },
-        // { label: '城管执法', id: 6, component: 'industrialEconomy' }
       ]
     }
   },
diff --git a/static/city.json b/static/city.json
index ff86bda..cce1273 100644
--- a/static/city.json
+++ b/static/city.json
@@ -1,5 +1,5 @@
 {
-  "title": "=======================城市治理==============================",
+  "title-left": "=======================城市治理--左半屏==============================",
   "totalPopulationDesc": "各类人口总计",
   "totalPopulation": {
     "changzhu": 175481,
@@ -86,5 +86,310 @@
       {"value": 1, "name": "涉法纠纷"},
       {"value": 11, "name": "其他纠纷"}
     ]
+  },
+
+
+
+  "title-right-1": "=======================城市治理--右半屏==============================",
+  "urbanManagementDesc": "---------------------------城管执法--------------------------------",
+  "urbanManagement": {
+    "mobileCaseCount": [
+      {"name": "立案数", "value": "152", "unit": "个"},
+      {"name": "结案数", "value": "131", "unit": "个"},
+      {"name": "待结案", "value": "21", "unit": "个"}
+    ],
+    "mobileCaseBar": {
+      "week": ["12", "13", "11", "16", "13", "22", "13"],
+      "month": ["12", "32", "13", "41", "15", "16", "7", "8", "9", "10", "11", "12", "13", "24", "15", "16", "27", "18", "19", "20", "21", "22"]
+    },
+    "mobileCasePie": [
+      {"value": 103, "name": "潭中"},
+      {"value": 134, "name": "潭口"},
+      {"value": 214, "name": "高校园区"}
+    ],
+    "table":  [
+      ["施工噪声", "6", "3", "1"],
+      ["绿化弃料", "3", "2", "0"],
+      ["道路不洁", "15", "18", "32"],
+      ["施工占道", "19", "6", "11"]
+    ],
+
+    "desc": "-----城管执法切换的第二张屏----------",
+    "staffCount": [
+      {"name": "执法人员", "value": 37, "unit": "人"},
+      {"name": "在岗人员", "value": 32, "unit": "人"},
+      {"name": "出勤率", "value": 86.5, "unit": ""}
+    ],
+    "staffBarDesc": "各区人员数量",
+    "staffBar": [311, 55, 222],
+
+
+    "inspectionCountDesc": "巡查情况总计",
+    "inspectionCount": {
+      "today": {
+        "count": {"name": "巡查次数", "value": 2, "unit": "次"},
+        "time": {"name": "巡查时间", "value": 3, "unit": "h"},
+        "distance": {"name": "巡查里程", "value": 12, "unit": "km"},
+        "case": {"name": "立案数", "value": 2, "unit": "件"},
+        "fines": {"name": "罚款金额", "value": 500, "unit": "元"}
+      },
+      "month": {
+        "count": {"name": "巡查次数", "value": 58, "unit": "次"},
+        "time": {"name": "巡查时间", "value": 63, "unit": "h"},
+        "distance": {"name": "巡查里程", "value": 352, "unit": "km"},
+        "case": {"name": "立案数", "value": 31, "unit": "件"},
+        "fines": {"name": "罚款金额", "value": 6348, "unit": "元"}
+      },
+      "year": {
+        "count": {"name": "巡查次数", "value": 278, "unit": "次"},
+        "time": {"name": "巡查时间", "value": 302, "unit": "h"},
+        "distance": {"name": "巡查里程", "value": 1622, "unit": "km"},
+        "case": {"name": "立案数", "value": 152, "unit": "件"},
+        "fines": {"name": "罚款金额", "value": 13475, "unit": "元"}
+      }
+    }
+  },
+
+
+  "socialSecurityDesc": "社会治安专项管理",
+  "socialSecurity": {
+    "desc": "图1、图2（案件趋势）使用接口",
+    "socialSecurityRank": [
+      {"value": 12, "name": "乱丢垃圾"},
+      {"value": 2, "name": "施工噪声"},
+      {"value": 7, "name": "道路不洁"},
+      {"value": 3, "name": "施工废弃物"},
+      {"value": 8, "name": "绿化弃料"},
+      {"value": 4, "name": "施工占道"},
+      {"value": 1, "name": "易腐垃圾"}
+    ]
+  },
+
+
+  "pipeAlarmDesc": "地下管线安全",
+  "pipeAlarm": {
+    "count": [
+      {"name": "报警", "value": 11, "unit": "次"},
+      {"name": "抢修", "value": 93, "unit": "次"},
+      {"name": "抢修率", "value": 84.5, "unit": "%"}
+    ],
+    "bar": {
+      "xData": ["液位超限", "噪声超限", "井盖开启", "燃气浓度超标", "消防栓开启", "有害气体超标"],
+      "yData": [10, 17, 24, 26, 14,20]
+    },
+    "pie": [
+      {"value": 34, "name": "潭东镇"},
+      {"value": 27, "name": "潭口镇"},
+      {"value": 59, "name": "高校园区管理处"}
+    ],
+    "line": {
+      "xData": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
+      "yData": [
+        {"name": "井盖开启", "data": [120, 252, 101, 134, 290, 230, 110], "color": "255,45,85"},
+        {"name": "液位超限", "data": [120, 222, 191, 234, 250, 200, 310], "color": "0,144,255"},
+        {"name": "燃气泄漏", "data": [120, 21, 12, 10, 8, 12, 6], "color": "255,204,0"}
+      ]
+    }
+  },
+
+
+  "truckDesc": "渣土车管理",
+  "truck": {
+    "count": [
+      {"name": "渣土车", "value": 78, "unit": "辆"},
+      {"name": "在线数", "value": 53, "unit": "辆"},
+      {"name": "在线率", "value": 67.9, "unit": "%"}
+    ],
+    "table": [
+      ["超越电子围栏", 15, "11.9%"],
+      ["超速", 4, "3.2%"],
+      ["未按轨迹行驶", 23, "18.3%"],
+      ["乱洒", 39, "30.9%"],
+      ["停车滞留", 6, "4.8%"],
+      ["区域放行", 40, "31%"]
+    ],
+    "line": {
+      "week": [{"name": "违章次数", "data": [120, 253, 121, 134, 290, 230, 110], "color": "255,45,85"}],
+      "month": [{"name": "违章次数", "data": [3120, 3101, 3134, 3290, 3230, 3110, 3252,3101,3134,3190,3230,3110,3134,3230,3101,3134,3190,3230,3110,3134,3230,3101,3134,3190,3230,3110,3134,3230, 3111, 3222], "color": "255,45,85"}],
+      "year": [{"name": "违章次数", "data": [3120, 3101, 3134, 3290, 3230, 3110, 3252,3101,3134,3111,3211,3121], "color": "255,45,85"}]
+    }
+  },
+
+
+  "lampDesc": "城市路灯",
+  "lamp": {
+    "count": [
+      {"name": "路灯", "value": 1227, "unit": "个"},
+      {"name": "亮灯率", "value": 93, "unit": "%"},
+      {"name": "能耗", "value": 5477.3, "unit": "千瓦时"}
+    ],
+    "line": "路灯能耗统计取接口",
+    "pie": [
+      {"value": 315, "name": "潭东镇"},
+      {"value": 436, "name": "潭口镇"},
+      {"value": 476, "name": "高校园区管理处"}
+    ]
+  },
+
+
+  "trafficDesc": "---------------------------交通--------------------------------",
+  "traffic": {
+    "introduceDesc": "交通概况",
+    "introduce": {
+      "police": 127,
+      "event": 205,
+      "speed": 53,
+      "mileage": 8.75,
+      "rate": 1.34,
+      "time": 0.02
+    },
+
+
+    "safeDesc": "交通安全指数",
+    "safe": {
+      "gem": {
+        "name": "拥堵指数",
+        "value": "",
+        "valueStatus": "normal",
+        "percent": "+2%",
+        "percentageStatus": "up"
+      },
+      "trouble": {
+        "name": "违法指数",
+        "value": "",
+        "valueStatus": "danger",
+        "percent": "-5.7%",
+        "percentageStatus": "down"
+      },
+      "flow": {
+        "name": "交通流量指数",
+        "value": "",
+        "valueStatus": "normal",
+        "percent": "+7.2%",
+        "percentageStatus": "up"
+      },
+      "gemConfigTable": {
+        "header": ["道路名称", "拥堵指数", "同比"],
+        "data": [
+          ["紫藤花路", "3", "3%"],
+          ["潇雨路", "5", "6%"],
+          ["赣南大道", "7", "1%"],
+          ["城市公园", "18", "2%"],
+          ["创业路", "4", "8%"]
+        ]
+      },
+      "troubleConfigTable": {
+        "header": ["道路名称", "违章事故指数", "同比"],
+        "data": [
+          ["紫藤花路", "3", "4%"],
+          ["潇雨路", "5", "1%"],
+          ["赣南大道", "7", "1%"],
+          ["城市公园", "18", "2%"],
+          ["创业路", "4", "6%"],
+          ["文轩路", "3", "2%"]
+        ]
+      },
+      "flowConfigTable": {
+        "header": ["道路名称", "交通流量指数", "同比"],
+        "data": [
+          ["紫藤花路", "3", "5%"],
+          ["潇雨路", "5", "7%"],
+          ["赣南大道", "7", "2%"],
+          ["城市公园", "18", "4%"],
+          ["创业路", "4", "1%"],
+          ["文轩路", "3", "8%"]
+        ]
+      },
+
+      "line": {
+        "xData": ["周一","周二","周三","周四","周五","周六", "周日"],
+        "yData": [
+          {"name": "拥堵指数", "data": [0, 0, 0, 0, 0, 2, 4], "color": "255,45,85"},
+          {"name": "违章事故指数", "data": [0, 0, 0, 0, 0, 1, 3], "color": "255,204,0"},
+          {"name": "交通流量", "data": [1, 1, 1, 1, 1, 3, 5], "color": "0,144,255"}
+        ]
+      },
+      "bar": {
+        "xData": ["潭东镇", "潭口镇", "高校园区"],
+        "yData": [ 1.8, 2.3, 3.4 ]
+      }
+    },
+
+    "eventDesc": "交通事件",
+    "event": {
+      "count": [
+        {"name": "事件总数", "value": 101, "unit": "个"},
+        {"name": "现场执法数量", "value": 76, "unit": "个"},
+        {"name": "非现场执法数量", "value": 25, "unit": "个"}
+      ],
+      "rank": [
+        {"value": 17, "name": "追尾"},
+        {"value": 12, "name": "超车"},
+        {"value": 10, "name": "直行"},
+        {"value": 8, "name": "左转弯"},
+        {"value": 4, "name": "右转弯"}
+      ],
+      "pie": [
+        {"value": 30, "name": "潭东镇"},
+        {"value": 14, "name": "潭口镇"},
+        {"value": 57, "name": "高校园区"}
+      ],
+      "line": {
+        "xData": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
+        "yData": [{"name": "事故数量", "data": [120, 252, 101, 134, 290, 230, 110], "color": "255,45,85"}]
+      }
+    },
+
+    "拥堵路口排名": "拥堵路口排名使用mock接口",
+
+    "trafficPeccancyDesc": "交通违章",
+    "trafficPeccancy": {
+      "count": [
+        {"name": "今日违章", "value": 1476, "unit": "个"},
+        {"name": "本月违章", "value": 42537, "unit": "个"},
+        {"name": "全年违章", "value": 488828, "unit": "个"}
+      ],
+      "line": {
+        "xData": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
+        "yData": [{"name": "事故数量", "data": [120, 252, 101, 134, 290, 230, 110], "color": "255,45,85"}]
+      },
+      "table": [
+        ["摩托车未带头盔", 346, "<span class=\"span-red\">80%</span>"],
+        ["未系安全带", 632, "+70%"],
+        ["拨打接听手持电话", 689, "-40%"],
+        ["不按导向行驶", 257, "+60%"],
+        ["违反禁止标线", 252, "60%"],
+        ["违反道路交通信号", 374, "20%"],
+        ["逆向行驶", 77, "50%"],
+        ["其他", 822, "20%"]
+      ],
+      "pie": [
+        {"value": 436, "name": "潭东镇"},
+        {"value": 257, "name": "潭口镇"},
+        {"value": 734, "name": "高校园区"}
+      ]
+    },
+
+
+
+    "videoDesc": "视频网管",
+    "video": {
+      "total": {"name": "监控总数", "value": 3587, "unit": "个"},
+      "hd": {"name": "高清", "value": 1037, "unit": "个"},
+      "md": {"name": "标清", "value": 2550, "unit": "个"},
+      "online": {"name": "在线", "value": 3208, "unit": "个"},
+      "offline": {"name": "离线", "value": 379, "unit": "个"},
+      "onlineRate": {"name": "在线率", "value": 89.4, "unit": "%"}
+    },
+
+    "environmentDesc": "智慧环卫",
+    "environment": {
+      "dev": {"name": "环卫设施", "value": 56, "unit": "个"},
+      "work": {"name": "环卫工作", "value": 36, "unit": "件"},
+      "complete": {"name": "工作完成数", "value": 24, "unit": "件"},
+      "rate": {"name": "工作完成率", "value": 67, "unit": "%"},
+      "person": {"name": "环卫人员", "value": 142, "unit": "人"},
+      "car": {"name": "环卫车", "value": 37, "unit": "辆"}
+    }
   }
 }