useCameraOverview.ts 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  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<number[]>([]);
  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. paramDetails.value.sourceType = querySourceType.value;
  54. }
  55. if (networkingState.value != ALL) {
  56. paramDetails.value.networkingState = networkingState.value;
  57. }
  58. if (integrationState.value != ALL) {
  59. paramDetails.value.integrationState = integrationState.value;
  60. }
  61. if (openEagle.value != ALL) {
  62. paramDetails.value.openEagle = openEagle.value;
  63. }
  64. return getCameraList(params).then((res) => {
  65. return res;
  66. });
  67. };
  68. const { loading, run: getCameraItems } = useRequest(conditionSearch, {
  69. manual: true,
  70. onSuccess: (res) => {
  71. cameraItems.value = [...res.records];
  72. total.value = res.totalRow;
  73. },
  74. });
  75. const addCamera = (data: CameraAddItem) => {
  76. return addCameraItem(data).then(() => {
  77. getCameraItems();
  78. });
  79. };
  80. const addSRSCamera = (data) => {
  81. return addCameraItem(data).then(() => {
  82. getCameraItems();
  83. });
  84. };
  85. const addNVRCamera = (data) => {
  86. return addCameraItem(data).then(() => {
  87. getCameraItems();
  88. });
  89. };
  90. const editCamera = (data) => {
  91. return updateCameraItem(data);
  92. // .then(() => {
  93. // getCameraItems();
  94. // });
  95. };
  96. const getState = () => {
  97. getCameraStateByCodes({ cameraCodeList: cameraItems.value.map((camera) => camera.code) }).then((res) => {
  98. res.forEach((item) => {
  99. const targetObj = cameraItems.value.find((camera) => camera.code === item.cameraCode);
  100. if (targetObj) targetObj.networkingState = Number(item.networkingState);
  101. });
  102. });
  103. };
  104. const openInterval = () => {
  105. setTimeout(() => {
  106. getState();
  107. }, 500);
  108. interval = setInterval(() => {
  109. getState();
  110. }, 30000);
  111. };
  112. const closeInterval = () => {
  113. clearInterval(interval);
  114. };
  115. const reset = () => {
  116. queryType.value = '';
  117. queryTypeContent.value = '';
  118. queryCameraType.value = '';
  119. queryWorkSpaces.value = [];
  120. total.value = 0;
  121. page.value = 1;
  122. size.value = 10;
  123. cameraItems.value = [];
  124. };
  125. return {
  126. queryType,
  127. queryTypeContent,
  128. queryCameraType,
  129. querySourceType,
  130. queryWorkSpaces,
  131. integrationState,
  132. openEagle,
  133. networkingState,
  134. cameraItems,
  135. loading,
  136. total,
  137. size,
  138. page,
  139. getCameraItems,
  140. addCamera,
  141. editCamera,
  142. openInterval,
  143. closeInterval,
  144. getState,
  145. addSRSCamera,
  146. addNVRCamera,
  147. reset,
  148. };
  149. });
  150. export default useCameraOverview;