useCameraOverview.ts 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. import { ref } from 'vue';
  2. import { defineStore } from 'pinia';
  3. import {
  4. CameraQueryParamDetails,
  5. CameraQueryParams,
  6. getCameraList,
  7. addCameraItem,
  8. updateCameraItem,
  9. getCameraStateByCodes,
  10. } from '@/api/camera/camera-overview';
  11. import { CameraAddItem, CameraDetailServer } from '@/types/camera/type';
  12. import { useRequest } from 'vue-hooks-plus';
  13. const ALL = -1;
  14. export const useCameraOverview = defineStore('camera-overview', () => {
  15. const queryType = ref('');
  16. const queryTypeContent = ref('');
  17. const queryCameraType = ref('');
  18. const queryWorkSpaces = ref([]);
  19. const querySourceType = ref('');
  20. const networkingState = ref<number>(ALL);
  21. const integrationState = ref<number>(ALL);
  22. const openEagle = ref<number>(ALL);
  23. const total = ref(0);
  24. const page = ref(1);
  25. const size = ref(10);
  26. let interval;
  27. const cameraItems = ref<CameraDetailServer[]>([]);
  28. // 条件查询事件
  29. const conditionSearch = () => {
  30. const paramDetails = ref({} as CameraQueryParamDetails);
  31. const params: CameraQueryParams = {
  32. pageNumber: page.value,
  33. pageSize: size.value,
  34. queryParam: paramDetails.value,
  35. };
  36. if (queryType.value) {
  37. switch (queryType.value) {
  38. case 'cameraIp':
  39. paramDetails.value.ip = queryTypeContent.value;
  40. break;
  41. case 'name':
  42. paramDetails.value.code = queryTypeContent.value;
  43. break;
  44. }
  45. }
  46. if (queryCameraType.value) {
  47. paramDetails.value.cameraType = queryCameraType.value;
  48. }
  49. if (queryWorkSpaces.value) {
  50. paramDetails.value.workspaceIdList = queryWorkSpaces.value;
  51. }
  52. if (querySourceType.value) {
  53. console.log('queryCameraType.value', querySourceType.value);
  54. paramDetails.value.sourceType = querySourceType.value;
  55. }
  56. if (networkingState.value != ALL) {
  57. paramDetails.value.networkingState = networkingState.value;
  58. }
  59. if (integrationState.value != ALL) {
  60. paramDetails.value.integrationState = integrationState.value;
  61. }
  62. if (openEagle.value != ALL) {
  63. paramDetails.value.openEagle = openEagle.value;
  64. }
  65. return getCameraList(params).then((res) => {
  66. return res;
  67. });
  68. };
  69. const { loading, run: getCameraItems } = useRequest(conditionSearch, {
  70. manual: true,
  71. onSuccess: (res) => {
  72. cameraItems.value = [...res.records];
  73. total.value = res.totalRow;
  74. },
  75. });
  76. const addCamera = (data: CameraAddItem) => {
  77. return addCameraItem(data).then(() => {
  78. getCameraItems();
  79. });
  80. };
  81. const addSRSCamera = (data) => {
  82. return addCameraItem(data).then(() => {
  83. getCameraItems();
  84. });
  85. };
  86. const addNVRCamera = (data) => {
  87. return addCameraItem(data).then(() => {
  88. getCameraItems();
  89. });
  90. };
  91. const editCamera = (data) => {
  92. return updateCameraItem(data);
  93. // .then(() => {
  94. // getCameraItems();
  95. // });
  96. };
  97. const getState = () => {
  98. getCameraStateByCodes({ cameraCodeList: cameraItems.value.map((camera) => camera.code) }).then((res) => {
  99. res.forEach((item) => {
  100. const targetObj = cameraItems.value.find((camera) => camera.code === item.cameraCode);
  101. if (targetObj) targetObj.networkingState = Number(item.networkingState);
  102. });
  103. });
  104. };
  105. const openInterval = () => {
  106. setTimeout(() => {
  107. getState();
  108. }, 500);
  109. interval = setInterval(() => {
  110. getState();
  111. }, 30000);
  112. };
  113. const closeInterval = () => {
  114. clearInterval(interval);
  115. };
  116. const reset = () => {
  117. queryType.value = '';
  118. queryTypeContent.value = '';
  119. queryCameraType.value = '';
  120. queryWorkSpaces.value = [];
  121. total.value = 0;
  122. page.value = 1;
  123. size.value = 10;
  124. cameraItems.value = [];
  125. };
  126. return {
  127. queryType,
  128. queryTypeContent,
  129. queryCameraType,
  130. querySourceType,
  131. queryWorkSpaces,
  132. integrationState,
  133. openEagle,
  134. networkingState,
  135. cameraItems,
  136. loading,
  137. total,
  138. size,
  139. page,
  140. getCameraItems,
  141. addCamera,
  142. editCamera,
  143. openInterval,
  144. closeInterval,
  145. getState,
  146. addSRSCamera,
  147. addNVRCamera,
  148. reset,
  149. };
  150. });
  151. export default useCameraOverview;