perf(src/packages/components): 修改单个摄像头，多个时，点击切换，右边配置回显问题

@@ -55,7 +55,7 @@
 </template>
 </template>
 
 
 <script setup lang="ts">
 <script setup lang="ts">
-import { PropType, ref, onMounted } from 'vue'
+import { PropType, ref, onMounted, watch } from 'vue'
 import { AccessMode, option, sourceTypeEnum, videoListInterface, sourceTypeNameEnum, Dataset } from './config'
 import { AccessMode, option, sourceTypeEnum, videoListInterface, sourceTypeNameEnum, Dataset } from './config'
 import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
 import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
 import { NTreeSelect } from 'naive-ui'
 import { NTreeSelect } from 'naive-ui'
@@ -135,6 +135,19 @@ const handleSelect = (_: string, e: videoListInterface) => {
   }
   }
 }
 }
 
 
+watch(()=>props.optionData, (newData)=>{
+  if (newData.sourceType === sourceTypeEnum.PLATFORM) {
+    getOriginationList()
+    if (newData.organization) {
+      getVideoLists(newData.organization)
+    }
+  }
+},
+{
+  immediate: true,
+  deep: true
+})
+
 onMounted(() => {
 onMounted(() => {
   if (props.optionData.sourceType === sourceTypeEnum.PLATFORM) {
   if (props.optionData.sourceType === sourceTypeEnum.PLATFORM) {
     getOriginationList()
     getOriginationList()