feat: 切换当前高亮任务时展示对应工艺模型列表

songshankun

2023-11-03 65d060d63db1a3df2240c81ef2f84276dcee1068

feat: 切换当前高亮任务时展示对应工艺模型列表

 src/stores/craftModel.ts

@@ -1,24 +1,36 @@
import { ref, computed } from 'vue'
import { onUnmounted, ref, watch } from 'vue'
import { defineStore } from 'pinia'
import type { CraftModel } from '@/api/craftModel'
import { apiGetCraftModelList } from '@/api'
import { useTasksStore } from '@/stores/tasks'

const watcher = ref()

export const useCraftModelStore = defineStore('craftModel', () => {
  const craftModelList = ref<CraftModel[]>()
  const taskStore = useTasksStore()
  function getCraftModelList() {
    if (taskStore.activeTask?.Procedure.ID) {
      console.log(122)
      apiGetCraftModelList({
        procedureId: taskStore.activeTask?.Procedure.ID,
        page: 1,
        pageSize: 999,
        number: taskStore.activeTask?.Procedure?.processModelNumber
        pageSize: 999
      }).then((res) => {
        console.log()
        craftModelList.value = res.data ?? []
      })
    }
  }

  if (!watcher.value) {
    watch(
      () => taskStore.activeTask,
      () => {
        getCraftModelList()
      }
    )
  }

  return { craftModelList, getCraftModelList }
})

 src/views/dashboard/index.vue

@@ -15,12 +15,14 @@
          <ProcessingInfo style="margin-top: 6px" :task="activeTask"></ProcessingInfo>
        </el-tab-pane>
        <el-tab-pane label="工艺信息" name="工艺信息">
          <ProcessInfo
            v-for="item in craftModelStore.craftModelList"
            :key="item.ID"
            :craft-model="item"
            @detail="openCraftModelDetailModal"
          ></ProcessInfo>
          <el-scrollbar always>
            <ProcessInfo
              v-for="item in craftModelStore.craftModelList"
              :key="item.ID"
              :craft-model="item"
              @detail="openCraftModelDetailModal"
            ></ProcessInfo>
          </el-scrollbar>
        </el-tab-pane>
        <el-tab-pane label="物料清单" name="物料清单">
          <InputMaterialsList
@@ -152,13 +154,10 @@

// 切换任务时获取对应任务的工艺模型信息
const craftModelStore = useCraftModelStore()
watch(activeTask, () => {
  craftModelStore.getCraftModelList()
})
craftModelStore.getCraftModelList()

const showCraftModelDetail = ref(false)
function openCraftModelDetailModal() {
  console.log(1)
  showCraftModelDetail.value = true
}