diff --git a/front/src/views/personalCenter/components/PurchaseVehicle.vue b/front/src/views/personalCenter/components/PurchaseVehicle.vue
index 49fdc841..3df98607 100644
--- a/front/src/views/personalCenter/components/PurchaseVehicle.vue
+++ b/front/src/views/personalCenter/components/PurchaseVehicle.vue
@@ -111,7 +111,12 @@
                     <div>
                       <span
                         @click="
-                          showItem(item.resourceId, item.type, item.delFlag)
+                          showItem(
+                            item.resourceId,
+                            item.type,
+                            item.delFlag,
+                            item.note1
+                          )
                         "
                         style="cursor: pointer"
                         class="name"
@@ -222,6 +227,24 @@
       </div>
     </div>
   </div>
+  <a-modal
+    v-model:visible="videoVisible"
+    title="已申请摄像头列表"
+    @ok="videoVisible = false"
+  >
+    <a-table
+      :columns="columns"
+      :data-source="xVideoList"
+      bordered
+      :pagination="{ defaultPageSize: 6 }"
+    >
+      <template #bodyCell="{ column, text }">
+        <!-- <template>
+        <a>{{ text }}</a>
+      </template> -->
+      </template>
+    </a-table>
+  </a-modal>
   <!-- <a-pagination
     v-model:current="pageNum"
     v-model:page-size="pageSize"
@@ -253,6 +276,8 @@
   const pageNum = ref('1')
   const pageSize = ref('99999')
   // const pageSizeOptions = ref(['5', '10', '20'])
+  const videoVisible = ref(false)
+  const xVideoList = ref([])
   const total = ref(0)
   const load = ref(0)
   // 多选框
@@ -262,6 +287,12 @@
   const checkAll = ref(false)
   const checkNum = ref(0)
   const showKey = ref(0)
+  const columns = ref([
+    {
+      title: '摄像头名称',
+      dataIndex: 'name',
+    },
+  ])
   // 筛选条件
   const name = ref('')
   const type = ref('')
@@ -720,16 +751,26 @@
     // console.log(e)
   }
   // 详情
-  const showItem = (id, type, delFlag) => {
-    if (delFlag == 0) {
-      window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
-      mybus.emit('tabsChange', { flag: id })
-      router.push({
-        path: '/details',
-        query: {
-          id: id,
-        },
+  const showItem = (id, type, delFlag, note1) => {
+    if (type == '基础设施') {
+      console.log()
+      let arr = JSON.parse(note1)
+      xVideoList.value = []
+      arr.map((val) => {
+        xVideoList.value.push({ name: val.channelName, key: val.channelId })
       })
+      videoVisible.value = true
+    } else {
+      if (delFlag == 0) {
+        window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
+        mybus.emit('tabsChange', { flag: id })
+        router.push({
+          path: '/details',
+          query: {
+            id: id,
+          },
+        })
+      }
     }
   }
   // 一键申请