diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
new file mode 100644
index 0000000..b92a556
--- /dev/null
+++ b/src/api/ywts/shms/tcy.js
@@ -0,0 +1,12 @@
+/**
+ * 停车云接口
+ */
+import request from "@/utils/request";
+
+// 停车场点位
+export function getParkingCloudList() {
+  return request({
+    url: "zhjt-gktj/tcy/tcsklb",
+    method: "post"
+  });
+}

diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
new file mode 100644
index 0000000..b92a556
--- /dev/null
+++ b/src/api/ywts/shms/tcy.js
@@ -0,0 +1,12 @@
+/**
+ * 停车云接口
+ */
+import request from "@/utils/request";
+
+// 停车场点位
+export function getParkingCloudList() {
+  return request({
+    url: "zhjt-gktj/tcy/tcsklb",
+    method: "post"
+  });
+}
diff --git "a/src/assets/images/icon/\345\201\234\350\275\246\344\272\221/car.png" "b/src/assets/images/icon/\345\201\234\350\275\246\344\272\221/car.png"
new file mode 100644
index 0000000..f89d89e
--- /dev/null
+++ "b/src/assets/images/icon/\345\201\234\350\275\246\344\272\221/car.png"
Binary files differ

diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
new file mode 100644
index 0000000..b92a556
--- /dev/null
+++ b/src/api/ywts/shms/tcy.js
@@ -0,0 +1,12 @@
+/**
+ * 停车云接口
+ */
+import request from "@/utils/request";
+
+// 停车场点位
+export function getParkingCloudList() {
+  return request({
+    url: "zhjt-gktj/tcy/tcsklb",
+    method: "post"
+  });
+}
diff --git "a/src/assets/images/icon/\345\201\234\350\275\246\344\272\221/car.png" "b/src/assets/images/icon/\345\201\234\350\275\246\344\272\221/car.png"
new file mode 100644
index 0000000..f89d89e
--- /dev/null
+++ "b/src/assets/images/icon/\345\201\234\350\275\246\344\272\221/car.png"
Binary files differ
diff --git a/src/pages/ywts/shms/tcy/index.vue b/src/pages/ywts/shms/tcy/index.vue
index 02c2419..f9d5e2e 100644
--- a/src/pages/ywts/shms/tcy/index.vue
+++ b/src/pages/ywts/shms/tcy/index.vue
@@ -1,5 +1,92 @@
+<!-- 停车云 -->
 <template>
   <div>
-    停车云页面
+    <Pop ref="popRef" v-if="showPop" @close="showPop = false" />
   </div>
 </template>
+
+<script>
+import CommonBtn from "@/components/CommonBtn"
+import LayerManagerMix from "@/components/LayerManagerMix"
+import KeywordManager from "@/components/KeywordManager"
+import TimeManager from "@/components/TimeManager"
+import ListPage from "@/components/ListPage"
+import { clearUpMap, clearResetMap, AddLabelPoint } from "@/utils/freedo"
+import { eventBus } from "../../../../main"
+import { getParkingCloudList } from "@/api/ywts/shms/tcy"
+import Pop from "./popup.vue"
+export default {
+  name: 'TCY',
+  components: { TimeManager, KeywordManager, LayerManagerMix, CommonBtn, ListPage, Pop },
+  data() {
+    return {
+      showPop: false, // 显示停车云点位弹窗
+    }
+  },
+  mounted() {
+    console.log('mounted');
+    this.selectIndex = 'ponitBtn'
+    clearResetMap()
+    // 设置默认选中图层
+    eventBus.$emit('change-layer', { id: 41, checked: false });  // 智慧教育-手工模型
+    eventBus.$emit('change-layer', { id: 42, checked: true });// 智慧停车云-手工模型
+    eventBus.$emit('change-layer', { id: 43, checked: false });//智慧社区-手工模型
+    eventBus.$emit('change-layer', { id: 44, checked: false });// 智慧工地-手工模型
+    eventBus.$emit('change-layer', { id: 45, checked: false });// 智慧交通-手工模型
+    eventBus.$emit('change-layer', { id: 46, checked: false });// 智慧园林-手工模型
+    eventBus.$emit('change-layer', { id: 31, checked: false }); // 倾斜
+    eventBus.$emit('change-layer', { id: 21, checked: false }); //CIM2建筑（带纹理）
+    eventBus.$emit('change-layer', { id: 22, checked: false }); //CIM2建筑（纯白色）
+    eventBus.$emit('change-layer', { id: 12, checked: true });  // 蓉江新区正射影像
+    eventBus.$emit('change-layer', { id: 13, checked: true });  // 蓉江新区边界
+    //  清除弹窗展示
+    this.$bus.$on('clear', () => {
+      this.showPop = false // 是否显示景点的popup
+    })
+    // 获取停车场点位数据
+    this.fetchParkingCloudList()
+  },
+  methods: {
+    // 获取停车场点位数据
+    fetchParkingCloudList() {
+      const icon = require('@/assets/images/icon/停车云/car.png')
+      getParkingCloudList().then(response => {
+        if(response.code === 200) {
+          clearResetMap()
+          response.data.value.forEach(item => {
+            AddLabelPoint(
+              item.id,
+              item.name,
+              icon,
+              [item.lon, item.lat, 0], 'tcy', item,
+              this.clickMarker)
+          })
+        }
+      })
+    },
+    // 点击停车场点位
+    clickMarker(eventArg) {
+      const showPop = (e) => {
+        const item = e._data.data
+        this.showPop = true
+        this.$nextTick(() => {
+          console.log('点击停车场点位信息', item, this.showPop);
+          this.$refs.popRef.initData(item)
+        })
+      }
+      if (this.showPop) {
+        this.showPop = false
+        setTimeout(() => {
+          showPop(eventArg)
+        }, 100);
+      }
+      else {
+        showPop(eventArg)
+      }
+    },
+  }
+}
+</script>
+
+<style scoped>
+</style>

diff --git a/src/api/ywts/shms/tcy.js b/src/api/ywts/shms/tcy.js
new file mode 100644
index 0000000..b92a556
--- /dev/null
+++ b/src/api/ywts/shms/tcy.js
@@ -0,0 +1,12 @@
+/**
+ * 停车云接口
+ */
+import request from "@/utils/request";
+
+// 停车场点位
+export function getParkingCloudList() {
+  return request({
+    url: "zhjt-gktj/tcy/tcsklb",
+    method: "post"
+  });
+}
diff --git "a/src/assets/images/icon/\345\201\234\350\275\246\344\272\221/car.png" "b/src/assets/images/icon/\345\201\234\350\275\246\344\272\221/car.png"
new file mode 100644
index 0000000..f89d89e
--- /dev/null
+++ "b/src/assets/images/icon/\345\201\234\350\275\246\344\272\221/car.png"
Binary files differ
diff --git a/src/pages/ywts/shms/tcy/index.vue b/src/pages/ywts/shms/tcy/index.vue
index 02c2419..f9d5e2e 100644
--- a/src/pages/ywts/shms/tcy/index.vue
+++ b/src/pages/ywts/shms/tcy/index.vue
@@ -1,5 +1,92 @@
+<!-- 停车云 -->
 <template>
   <div>
-    停车云页面
+    <Pop ref="popRef" v-if="showPop" @close="showPop = false" />
   </div>
 </template>
+
+<script>
+import CommonBtn from "@/components/CommonBtn"
+import LayerManagerMix from "@/components/LayerManagerMix"
+import KeywordManager from "@/components/KeywordManager"
+import TimeManager from "@/components/TimeManager"
+import ListPage from "@/components/ListPage"
+import { clearUpMap, clearResetMap, AddLabelPoint } from "@/utils/freedo"
+import { eventBus } from "../../../../main"
+import { getParkingCloudList } from "@/api/ywts/shms/tcy"
+import Pop from "./popup.vue"
+export default {
+  name: 'TCY',
+  components: { TimeManager, KeywordManager, LayerManagerMix, CommonBtn, ListPage, Pop },
+  data() {
+    return {
+      showPop: false, // 显示停车云点位弹窗
+    }
+  },
+  mounted() {
+    console.log('mounted');
+    this.selectIndex = 'ponitBtn'
+    clearResetMap()
+    // 设置默认选中图层
+    eventBus.$emit('change-layer', { id: 41, checked: false });  // 智慧教育-手工模型
+    eventBus.$emit('change-layer', { id: 42, checked: true });// 智慧停车云-手工模型
+    eventBus.$emit('change-layer', { id: 43, checked: false });//智慧社区-手工模型
+    eventBus.$emit('change-layer', { id: 44, checked: false });// 智慧工地-手工模型
+    eventBus.$emit('change-layer', { id: 45, checked: false });// 智慧交通-手工模型
+    eventBus.$emit('change-layer', { id: 46, checked: false });// 智慧园林-手工模型
+    eventBus.$emit('change-layer', { id: 31, checked: false }); // 倾斜
+    eventBus.$emit('change-layer', { id: 21, checked: false }); //CIM2建筑（带纹理）
+    eventBus.$emit('change-layer', { id: 22, checked: false }); //CIM2建筑（纯白色）
+    eventBus.$emit('change-layer', { id: 12, checked: true });  // 蓉江新区正射影像
+    eventBus.$emit('change-layer', { id: 13, checked: true });  // 蓉江新区边界
+    //  清除弹窗展示
+    this.$bus.$on('clear', () => {
+      this.showPop = false // 是否显示景点的popup
+    })
+    // 获取停车场点位数据
+    this.fetchParkingCloudList()
+  },
+  methods: {
+    // 获取停车场点位数据
+    fetchParkingCloudList() {
+      const icon = require('@/assets/images/icon/停车云/car.png')
+      getParkingCloudList().then(response => {
+        if(response.code === 200) {
+          clearResetMap()
+          response.data.value.forEach(item => {
+            AddLabelPoint(
+              item.id,
+              item.name,
+              icon,
+              [item.lon, item.lat, 0], 'tcy', item,
+              this.clickMarker)
+          })
+        }
+      })
+    },
+    // 点击停车场点位
+    clickMarker(eventArg) {
+      const showPop = (e) => {
+        const item = e._data.data
+        this.showPop = true
+        this.$nextTick(() => {
+          console.log('点击停车场点位信息', item, this.showPop);
+          this.$refs.popRef.initData(item)
+        })
+      }
+      if (this.showPop) {
+        this.showPop = false
+        setTimeout(() => {
+          showPop(eventArg)
+        }, 100);
+      }
+      else {
+        showPop(eventArg)
+      }
+    },
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/pages/ywts/shms/tcy/popup.vue b/src/pages/ywts/shms/tcy/popup.vue
new file mode 100644
index 0000000..f4c3a2a
--- /dev/null
+++ b/src/pages/ywts/shms/tcy/popup.vue
@@ -0,0 +1,275 @@
+<template>
+  <div>
+    <div class="bottom" :style="{ left: `${windowPostion.x}px`, top: `${windowPostion.y}px`  }">
+      <i class="el-icon-close close-pop" @click="$emit('close')" />
+      <div class="list-down" style="width: 100%;margin: 0 auto;">
+        <div class="list-item">
+          <div style="width:100%;">
+            <div style="width: 100%">
+              <i class="el-icon-office-building item-line one-line" style="width: 100%;" :title="gwAlarmInfo.name"><span style="margin-left: 5px">名称: {{ gwAlarmInfo.name }}</span></i>
+              <i class="el-icon-film item-line one-line" style="width: 100%;"><span style="margin-left: 5px">占用车位/全部车位: {{ gwAlarmInfo.in }} / {{ gwAlarmInfo.total }}</span></i>
+              <i class="el-icon-location item-line one-line" style="width: 100%;" ><span style="margin-left: 5px">利用率: {{ gwAlarmInfo.rate }}</span></i>
+              <i class="el-icon-news item-line one-line" style="width: 100%;"><span style="margin-left: 5px">车场总收入: {{ gwAlarmInfo.income }}</span></i>
+              <i class="el-icon-news item-line one-line" style="width: 100%;" :title="gwAlarmInfo.location"><span style="margin-left: 5px">位置: {{ gwAlarmInfo.location }}</span></i>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { showPositin } from '@/utils/freedo/index'
+import { getPopularAttractionsDetail } from "../../../../api/ywts/cszl/gw";
+export default {
+  name: 'alarmPop',
+  data() {
+    return {
+      titleImg: require('@/assets/images/popup/title.png'),  // 背景图片
+      titleAll: require('@/assets/images/popup/title-all.png'), // 背景图片
+      list: ['', '', '', ''],
+      gwAlarmInfo: {},
+      windowPostion: { x: window.innerWidth - 165, y: window.innerHeight }, // 弹窗的位置
+      defaultPhoto: require('@/assets/images/global_images/photo_error.png'),
+      statusColor: {
+        1: '#a1a1a1',
+        2: '#f8e31a',
+        3: '#5ab1fc',
+        4: '#f89835',
+        5: '#3def83',
+      },
+      urgencyColor: {
+        'C': '#2f8d00',
+        'B': '#c4ad00',
+        'A': '#8d0000'
+      },
+      heightDict: {
+        normal: '135px',
+        video: '300px'
+      }
+    }
+  },
+  methods: {
+    initData(item) {
+      console.log(item, '弹窗内容')
+      if (!item.lon || !item.lat) { return }
+      showPositin(item.lon, item.lat)
+
+      item.showType = 'normal'
+      // 弹窗位置
+      if (window.localStorage.getItem('mousePosition')) {
+        this.windowPostion = {
+          x: window.innerWidth / 2 - 165,
+          y: window.innerHeight / 2
+        }
+      }
+      else {
+        this.windowPostion = {
+          x: window.innerWidth / 2 - 165,
+          y: window.innerHeight / 2
+        }
+      }
+      this.gwAlarmInfo = item
+    },
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.children-item {
+  width: 96% !important;
+  margin: 10px auto !important;
+  color: #fff !important;
+  // border: 1px solid #fff;
+  border-radius: 6px;
+  padding: 10px;
+  box-sizing: border-box;
+
+}
+
+.video-area {
+  padding: 10px;
+  padding-right: 20px;
+  background: url("../../../../assets/images/popup/case/事件看板背景.png") !important;
+  background-size: 100% 100% !important;
+  overflow: hidden;
+}
+
+.bottom {
+  z-index: 111111111111;
+  width: 100%;
+  height: 140px;
+  width: 27rem;
+  position: absolute;
+  bottom: 10px;
+  left: 0px;
+  display: flex;
+  overflow: hidden;
+  padding: 10px;
+  padding-right: 20px;
+  background: url("../../../../assets/images/popup/case/事件看板背景.png") !important;
+  background-size: 100% 100% !important;
+  overflow: hidden;
+
+  .block {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    background: linear-gradient(to top left, rgba(5, 30, 61, 0.62), #0D3F7E9D);
+    border-radius: 5px;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+    margin: 0px 5px;
+    flex-direction: column;
+  }
+
+  .block1 {
+    width: 500px;
+    height: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    background: linear-gradient(to top left, rgba(5, 30, 61, 0.62), #0D3F7E9D);
+    border-radius: 5px;
+    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+    border-color: rgba(0, 0, 0, .05);
+    margin: 0px 10px;
+    flex-direction: column;
+  }
+
+  .title {
+    text-shadow: 0 0 5px #d1ffff;
+    height: 35px;
+    float: left;
+    text-align: left;
+    background-repeat: no-repeat;
+    -webkit-background-size: 100% 100%;
+    background-size: 100% 100% !important;
+    color: white;
+    font-weight: bold;
+    padding-top: 4px;
+    padding-left: 30px;
+    font-family: 黑体;
+    letter-spacing: 1px;
+  }
+
+  .item-text {
+    text-shadow: 0 0 2px #d1ffff;
+    flex: 1;
+    font-weight: bold;
+    text-align: center;
+    font-size: 18px;
+  }
+
+  .base-map-image {
+    width: 60px;
+    height: 60px;
+  }
+
+  .num {
+    text-shadow: 0 0 5px #ffb441;
+    color: #ffb441;
+    font-size: 20px;
+    padding-top: 2px;
+  }
+
+  .unit {
+    color: #B3F3F6;
+    font-size: 14px;
+    margin-left: 1px;
+  }
+
+  .item {
+    width: 25%;
+    height: 32%;
+    display: flex;
+    justify-content: left;
+    align-items: center;
+  }
+}
+
+.list-down {
+  // margin-top: 10px;
+  // overflow-y: scroll;
+  width: 100%;
+  // height: calc(100% - 6rem);
+  padding: 0px 10px;
+}
+
+.list-item {
+  width: calc(100% - 35px);
+  // height: 12rem;
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: column;
+  flex-wrap: wrap;
+  font-size: 1.4rem;
+  padding: 0.8rem 10px;
+  margin: 0.2rem 0rem;
+  letter-spacing: 2px;
+  cursor: pointer;
+  background-size: 100% 100% !important;
+  color: white;
+  border-top: 2px solid #0494f3;
+  border-radius: 10px;
+}
+
+.list-item:hover {
+  background-size: cover !important;
+  background: url('../../../../assets/images/right/选中.png') !important;
+  background-size: 100% 100% !important;
+}
+
+.item-title {
+  width: 90%;
+  text-align: left;
+  margin-bottom: 5px;
+  white-space: nowrap;
+  /* 防止换行 */
+  overflow: hidden;
+  /* 溢出隐藏 */
+  text-overflow: ellipsis;
+  /* 文本显示为省略号 */
+}
+
+.item-line {
+  display: flex;
+  font-size: 1.2rem;
+  color: #aed2f3;
+  padding-left: 20px;
+  line-height: 1.8rem;
+  width: 95%;
+  word-break: break-all;
+  text-align: left;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  /* 设置最大行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.colorbox-text {
+  background-color: #0a88fc;
+  border-radius: 10px;
+  color: white;
+  font-size: 1rem;
+  padding: 0rem 0.4rem;
+  margin-left: 5px;
+  text-align: center;
+  width: 5rem;
+  margin-bottom: 4px;
+  cursor: pointer;
+}
+
+.one-line {
+  display: block !important;
+  white-space: nowrap;
+  /* 防止换行 */
+  overflow: hidden;
+  /* 溢出隐藏 */
+  text-overflow: ellipsis;
+  /* 文本显示为省略号 */
+}
+</style>