use-sence-templete.ts 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. import {
  2. SceneLabelType,
  3. querySceneLabel,
  4. TemplateType,
  5. querytemplate,
  6. queryWorkshopModule,
  7. WorkshopModuleType,
  8. } from '@/api/scene/secene-templet';
  9. import { onMounted, ref } from 'vue';
  10. export function useSceneTemplete() {
  11. //场景标签
  12. const sceneList = ref<SceneLabelType[]>([]);
  13. const getSceneLabel = () => {
  14. querySceneLabel().then((res) => {
  15. sceneList.value = res;
  16. });
  17. };
  18. //场景模板
  19. const templateList = ref<TemplateType[]>([]);
  20. const getTemplete = () => {
  21. querytemplate().then((res) => {
  22. templateList.value = res?.filter((x) => x.status === 0) || [];
  23. console.log('templateList.value', templateList.value);
  24. });
  25. };
  26. //车间模板
  27. const workshopTemplateList = ref<WorkshopModuleType[]>([]);
  28. const getWorkshopTemplete = () => {
  29. queryWorkshopModule().then((res) => {
  30. workshopTemplateList.value = res;
  31. });
  32. };
  33. onMounted(() => {
  34. getSceneLabel();
  35. getTemplete();
  36. getWorkshopTemplete();
  37. });
  38. return {
  39. sceneList,
  40. getSceneLabel,
  41. templateList,
  42. getTemplete,
  43. workshopTemplateList,
  44. getWorkshopTemplete,
  45. };
  46. }
  47. export default useSceneTemplete;