temp 增加当前相机关联的算法

src/api/camera/camera-preview.ts

@@ -60,6 +60,10 @@ export const getCameraAlgo = (cameraId: number) => {
 };
 
 /** 查询所有的算法 */
-export const getAllAlgos = ()=> {
-  return 
-}
+export const getAllAlgos = (params: { pageNumber: number; pageSize: number }) => {
+  return http.request({
+    url: '/api/cameraAlgo/getList',
+    method: 'get',
+    params,
+  });
+};

src/views/cameras/preview/components/AlgorithmsSetting/AlgorithmsSetting.vue

@@ -1,15 +1,27 @@
 <template>
-  算法配置
-
   <div>
     <div>算法配置</div>
-    <div>
-      <div>算法配置列表</div>
-      <div>算法配置卡片</div>
+    <div style="display: flex">
+      <div style="width: 200px">
+        <div v-for="item in data" :key="item.code">{{ item.name }}</div>
+      </div>
+      <div style="flex-grow: 1">算法配置卡片 需要独立成一个组件</div>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
+  import { onMounted } from 'vue';
+  import useCameraAlgoStore from '../../store/useCameraAlgoStore';
+  import { storeToRefs } from 'pinia';
+
   const bindAlgoList = defineProps<{ bindAlgoList: any }>();
+  const cameraAlgoStore = useCameraAlgoStore();
+  const { runAsync } = cameraAlgoStore;
+
+  const { data, loading } = storeToRefs(cameraAlgoStore);
+
+  onMounted(() => {
+    runAsync(2);
+  });
 </script>
 <style scoped></style>

src/views/cameras/preview/store/useCameraAlgoStore.ts

@@ -0,0 +1,13 @@
+import { getCameraAlgo } from '@/api/camera/camera-preview';
+import { defineStore } from 'pinia';
+import { useRequest } from 'vue-hooks-plus';
+
+const useCameraAlgoStore = defineStore('cameraAlgo', () => {
+  const { data, loading, runAsync } = useRequest((cameraId: number) => {
+    return getCameraAlgo(cameraId);
+  });
+
+  return { data, loading, runAsync };
+});
+
+export default useCameraAlgoStore;