index.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <List :params="params">
  3. <template v-slot:header>
  4. <el-form-item label="所属架构:">
  5. <com-select v-model="params.pagging.state.query.deptId" />
  6. </el-form-item>
  7. <el-form-item label="sn码:" v-if="!params.isSwmx">
  8. <el-input
  9. v-model="params.pagging.state.query.snCode"
  10. placeholder="请输入"
  11. ></el-input>
  12. </el-form-item>
  13. <el-form-item label="标题:">
  14. <el-input v-model="params.keyword" placeholder="请输入"></el-input>
  15. </el-form-item>
  16. </template>
  17. <template v-slot:content>
  18. <component :is="component" :pagging="params.pagging" />
  19. </template>
  20. </List>
  21. </template>
  22. <script setup lang="ts">
  23. import comSelect from "@/components/company-select/index.vue";
  24. import List from "./list.vue";
  25. import SceneContent from "./sceneContent.vue";
  26. import ModelContent from "./modelContent.vue";
  27. import { useScenePaggingParams } from "./pagging";
  28. import { computed } from "vue";
  29. const params = useScenePaggingParams();
  30. const component = computed(() => (params.isSwmx ? ModelContent : SceneContent));
  31. </script>