应用编排

src/router/modules/big-model.ts

@@ -44,6 +44,16 @@ const BigModelRouter = [
     },
   },
   {
+    path: '/app/:id/make',
+    name: 'e16b6e20-4ea1-4160-9624-e775949b0c32',
+    component: () => import('@/views/manage/app/make/index.vue'),
+    meta: {
+      title: '应用编排',
+      single: true,
+      root: 'd446bfb3-4605-477f-a0f4-b7a0a1aa78fe',
+    },
+  },
+  {
     path: '/knowledge',
     name: '4342bfff-1ea8-4f4c-b562-3cdc1fde116f',
     component: () => import('@/views/manage/knowledge/index.vue'),
@@ -74,7 +84,7 @@ const BigModelRouter = [
   {
     path: '/center',
     name: '3b046708-5a14-450f-9dcd-9d869e336ed7',
-    component: () => import('@/views/manage/center/index.vue'),
+    component: () => import('@/views/manage/app/index_markdown.vue'),
     meta: {
       title: '管理中心',
     },

src/views/manage/app/index.vue

@@ -55,7 +55,7 @@
             class="model __hover"
             @click="
               $router.push({
-                name: 'a36ccd46-f399-4bf6-8db9-157ca8d3e8c8',
+                name: 'e16b6e20-4ea1-4160-9624-e775949b0c32',
                 params: {
                   id: row.id,
                 },
@@ -153,7 +153,9 @@ import {
 } from '@/api/modules/model'
 import { YMDHms } from '@/utils/czr-util'
 import SvgIcon from '@/components/SvgIcon/index.vue'
+import { useRouter } from 'vue-router'
 
+const router = useRouter()
 const AppStore = useAppStore()
 const DialogStore = useDialogStore()
 const DictionaryStore = useDictionaryStore()
@@ -276,7 +278,14 @@ const onDel = (row: any) => {
     },
   })
 }
-const onMonitor = (row) => {}
+const onMonitor = (row) => {
+  router.push({
+    name: 'a36ccd46-f399-4bf6-8db9-157ca8d3e8c8',
+    params: {
+      id: row.id,
+    },
+  })
+}
 onMounted(() => {
   initDictionary()
   onReset()

src/views/manage/app/make/index.vue

@@ -0,0 +1,72 @@
+<template>
+  <div class="flex h-full w-full flex-col">
+    <div
+      class="__hover flex items-center text-sm text-[var(--czr-main-color)]"
+      @click="toBack"
+    >
+      <SvgIcon
+        name="czr_arrow"
+        rotate="180"
+        size="13"
+        :active="true"
+        class="mr-1"
+      />应用中心
+    </div>
+    <div class="bm-main-box mt-4"></div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  computed,
+  getCurrentInstance,
+  inject,
+  onMounted,
+  reactive,
+  ref,
+  watch,
+} from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import { useDictionaryStore } from '@/stores'
+import { Search } from '@element-plus/icons-vue'
+
+const DictionaryStore = useDictionaryStore()
+const route = useRoute()
+const router = useRouter()
+const emit = defineEmits([])
+const props = defineProps({})
+const { proxy }: any = getCurrentInstance()
+const state: any = reactive({
+  ID: route.params.id,
+})
+const initDetail = () => {
+  if (state.ID) {
+    state.detail = {}
+    // pluginDetail(state.ID)
+    //   .then(({ data }: any) => {
+    //     state.detail = data
+    //   })
+    //   .catch(() => {})
+    //   .finally(() => {})
+  } else {
+    router.push({ name: 'd446bfb3-4605-477f-a0f4-b7a0a1aa78fe' })
+  }
+}
+
+const toBack = () => {
+  router.push({
+    name: 'd446bfb3-4605-477f-a0f4-b7a0a1aa78fe',
+  })
+}
+onMounted(() => {
+  initDictionary()
+  initDetail()
+})
+const initDictionary = () => {
+  // DictionaryStore.initModelProvides()
+  // DictionaryStore.initModelTypes()
+}
+</script>
+
+<style lang="scss" scoped></style>