服务检索

src/views/dataIntegration/dataLoading/fileLoading/headGlobalConfigModal.vue

@@ -19,41 +19,41 @@
   </BasicModal>
 </template>
 <script lang="ts" setup>
-import { ref } from 'vue';
-import { BasicModal, useModalInner } from '@/components/Modal';
-import { useMessage } from '@/hooks/web/useMessage';
-import { BasicForm, useForm } from '@/components/Form';
-import { globalOptionsSchema } from '@/views/dataIntegration/dataLoading/dataEntryLake/dataEntry.data';
-import {Alert} from "ant-design-vue";
-import {headGlobalConfigSchema} from "./file.data";
+  import { ref } from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { BasicForm, useForm } from '@/components/Form';
+  import { globalOptionsSchema } from '@/views/dataIntegration/dataLoading/dataEntryLake/dataEntry.data';
+  import { Alert } from 'ant-design-vue';
+  import { headGlobalConfigSchema } from './file.data';
 
-defineOptions({ name: 'KnowledgeModal' });
+  defineOptions({ name: 'KnowledgeModal' });
 
-const emit = defineEmits(['success', 'register']);
-const { createMessage } = useMessage();
-const title = ref();
-//获取接口数据并放在下拉框里（这里是打开了一个弹框）
-//初始化表单
-const [registerForm, { resetFields }] = useForm({
-  labelAlign: 'left',
-  labelWidth: 180,
-  baseColProps: { lg: 12, md: 24 },
-  schemas: headGlobalConfigSchema,
-  showActionButtonGroup: false,
-  actionColOptions: {
-    span: 23,
-  },
-});
-//初始化弹框
-const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
-  await resetFields();
-  setModalProps({ confirmLoading: false });
-  title.value = data.title;
-});
+  const emit = defineEmits(['success', 'register']);
+  const { createMessage } = useMessage();
+  const title = ref();
+  //获取接口数据并放在下拉框里（这里是打开了一个弹框）
+  //初始化表单
+  const [registerForm, { resetFields }] = useForm({
+    labelAlign: 'left',
+    labelWidth: 180,
+    baseColProps: { lg: 12, md: 24 },
+    schemas: headGlobalConfigSchema,
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 23,
+    },
+  });
+  //初始化弹框
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({ confirmLoading: false });
+    title.value = data.title;
+  });
 
-async function handleSubmit() {
-  closeModal();
-  createMessage.success('提交成功');
-  await resetFields();
-}
+  async function handleSubmit() {
+    closeModal();
+    createMessage.success('提交成功');
+    await resetFields();
+  }
 </script>

src/views/dataService/serviceMarket/serviceSearch/apiDetail/index.vue

 <template>
-  <PageWrapper :title="title" contentBackground headerSticky>
-    <template #extra>
-      <a-button type="primary">基本信息</a-button>
-      <a-button type="primary" @click="handleApiDoc">查看API Doc</a-button>
-      <a-button type="primary" @click="handleAdd" v-if="type !== 'myCall'">申请调用</a-button>
+  <PageWrapper contentBackground headerSticky>
+    <template #headerContent>
+      <div class="flex justify-between">
+        <div class="flex" style="gap: 10px">
+          <LeftOutlined style="font-size: 20px; cursor: pointer" @click="goBack" />
+          <ApiOutlined style="font-size: 30px; color: #677bf3" />
+          <div>
+            <div style="font-size: 16px; font-weight: bolder">
+              {{ title }}
+            </div>
+            <div style="color: #a1a6b3">
+              {{ path }}
+            </div>
+          </div>
+        </div>
+        <div class="flex" style="gap: 10px">
+          <a-button type="primary">基本信息</a-button>
+          <a-button type="primary" @click="handleApiDoc">查看API Doc</a-button>
+          <a-button type="primary" @click="handleAdd" v-if="type !== 'myCall'">申请调用</a-button>
+        </div>
+      </div>
     </template>
     <template #footer>
       <BasicTable @register="register" />
@@ -15,16 +31,19 @@
 <script lang="ts" setup>
   import { PageWrapper } from '@/components/Page';
   import { useRoute, useRouter } from 'vue-router';
+  import { LeftOutlined, ApiOutlined } from '@ant-design/icons-vue';
   import BasicTable from '@/components/Table/src/BasicTable.vue';
   import { useTable } from '@/components/Table';
   import { detailColumn } from '@/views/dataService/serviceMarket/serviceSearch/apiDetail/detail.data';
   import { detailData } from '@/views/dataService/serviceMarket/serviceSearch/apiDetail/detailData';
   import AddModel from './addModel.vue';
   import { useModal } from '@/components/Modal';
+  import {useMessage} from "@/hooks/web/useMessage";
 
   const route = useRoute();
   const router = useRouter();
   const title = route.query.title; // 模态框
+  const path = '概览 / 检索 / ' + title;
   const type = route.query.type;
   const [addModel, { openModal: openAddModel }] = useModal();
   function handleApiDoc() {
@@ -44,11 +63,13 @@
       });
     }
   }
+  const { createMessage } = useMessage();
   function handleAdd() {
-    openAddModel(true, {
-      isUpdate: false,
-      title: title,
-    });
+    // openAddModel(true, {
+    //   isUpdate: false,
+    //   title: title,
+    // });
+    createMessage.success('申请成功');
   }
   const [register, { reload, getForm, getRowSelection }] = useTable({
     title: '请求参数',
@@ -69,6 +90,9 @@
     showIndexColumn: false,
     // striped: false,
   });
+  function goBack() {
+    router.go(-1);
+  }
 </script>
 
 <style scoped></style>

src/views/dataService/serviceMarket/serviceSearch/apiDoc/index.vue

 <template>
-  <PageWrapper :title="title" content-background header-sticky>
-    <template #extra>
-      <a-button type="primary" @click="handleBasic">基本信息</a-button>
-      <a-button type="primary">查看API Doc</a-button>
-      <a-button type="primary" @click="handleAdd">申请调用</a-button>
+  <PageWrapper content-background header-sticky>
+    <template #headerContent>
+      <div class="flex justify-between">
+        <div class="flex" style="gap: 10px">
+          <LeftOutlined style="font-size: 20px; cursor: pointer" @click="goBack" />
+          <ApiOutlined style="font-size: 30px; color: #677bf3" />
+          <div>
+            <div style="font-size: 16px; font-weight: bolder">
+              {{ title }}
+            </div>
+            <div style="color: #a1a6b3">
+              {{ path }}
+            </div>
+          </div>
+        </div>
+        <div class="flex" style="gap: 10px">
+          <a-button type="primary" @click="handleBasic">基本信息</a-button>
+          <a-button type="primary">查看API Doc</a-button>
+          <a-button type="primary" @click="handleAdd">申请调用</a-button>
+        </div>
+      </div>
     </template>
     <template #footer>
       <Divider />
@@ -11,12 +27,14 @@
         <Descriptions.Item label="API模式"> 向导模式 </Descriptions.Item>
         <Descriptions.Item label="数据源"> 中石油演示数据 </Descriptions.Item>
         <Descriptions.Item label="数据库"> dws </Descriptions.Item>
-        <Descriptions.Item label="数据库"> dm_sales_daily_orc </Descriptions.Item>
+        <Descriptions.Item label="数据表"> dm_sales_daily_orc </Descriptions.Item>
       </Descriptions>
       <Divider />
-      <BasicTable @register="queryTable" />
-      <BasicTable @register="pageTable" />
-      <BasicTable @register="returnTable" />
+      <div style="display: flex; flex-direction: column; gap: 20px">
+        <BasicTable @register="queryTable" />
+        <BasicTable @register="pageTable" />
+        <BasicTable @register="returnTable" />
+      </div>
     </template>
     <AddModel @register="addModel" />
   </PageWrapper>
@@ -24,6 +42,7 @@
 
 <script lang="ts" setup>
   import { Divider, Descriptions } from 'ant-design-vue';
+  import { LeftOutlined, ApiOutlined } from '@ant-design/icons-vue';
   import PageWrapper from '../../../../../components/Page/src/PageWrapper.vue';
   import BasicTable from '@/components/Table/src/BasicTable.vue';
   import { useTable } from '@/components/Table';
@@ -39,11 +58,13 @@
   } from '@/views/dataService/serviceMarket/serviceSearch/apiDoc/docData';
   import AddModel from '@/views/dataService/serviceMarket/serviceSearch/apiDetail/addModel.vue';
   import { useModal } from '@/components/Modal';
+  import {useMessage} from "@/hooks/web/useMessage";
 
   const [addModel, { openModal: openAddModel }] = useModal();
   const route = useRoute();
   const router = useRouter();
   const title = route.query.title;
+  const path = '概览 / 检索 / ' + title;
   function handleBasic() {
     router.push({
       path: '/dataService/serviceMarket/serviceSearch/apiDetail',
@@ -52,13 +73,15 @@
       },
     });
   }
+  const { createMessage } = useMessage();
   function handleAdd() {
-    openAddModel(true, {
-      isUpdate: false,
-      title: title,
-    });
+    // openAddModel(true, {
+    //   isUpdate: false,
+    //   title: title,
+    // });
+    createMessage.success('申请成功');
   }
-  const [queryTable, {}] = useTable({
+  const [queryTable] = useTable({
     title: '请求参数',
     // 定高
     scroll: { y: 150 },
@@ -76,7 +99,7 @@
     showIndexColumn: false,
     // striped: false,
   });
-  const [pageTable, {}] = useTable({
+  const [pageTable] = useTable({
     title: '分页参数',
     // 定高
     scroll: { y: 150 },
@@ -112,6 +135,9 @@
     showIndexColumn: false,
     // striped: false,
   });
+  function goBack() {
+    router.go(-1);
+  }
 </script>
 
 <style scoped></style>

src/views/dataService/serviceMarket/serviceSearch/index.vue

@@ -4,7 +4,7 @@
       <div
         style="display: flex; justify-content: center; flex-direction: column; align-items: center"
       >
-        <img src="/src/assets/svg/newLong-logo-blue-zh-cn.svg" style="width: 20%" />
+        <img src="/src/assets/svg/newLong-logo-blue-zh-cn.svg" style="width: 16%" alt="" />
         <Input
           v-model:value="searchKey"
           style="width: 60%; margin: 50px 0; font-size: 20px; border-radius: 20px"
@@ -16,6 +16,7 @@
       </div>
       <div style="display: flex">
         <BasicTree
+          title="目录"
           ref="treeRef"
           treeWrapperClassName="h-[calc(100%-35px)] overflow-auto"
           :defaultExpandAll="true"
@@ -131,7 +132,7 @@
   import { ref } from 'vue';
   import { searchFormSchema } from '@/views/dataService/serviceMarket/serviceSearch/search.data';
   import { useRouter } from 'vue-router';
-  import {useModal} from "@/components/Modal";
+  import { useModal } from '@/components/Modal';
   import AddModel from '@/views/dataService/serviceMarket/serviceSearch/apiDetail/addModel.vue';
 
   const [addModel, { openModal: openAddModel }] = useModal();
@@ -172,6 +173,7 @@
       title: item.title,
     });
   }
+  function handleSelect() {}
 </script>
 
 <style scoped></style>

src/views/dataService/serviceMarket/serviceSearch/search.data.ts

@@ -10,7 +10,7 @@ export const searchFormSchema: FormSchema[] = [
   },
   {
     label: '类别',
-    field: 'label',
+    field: 'type',
     labelWidth: 60,
     component: 'Select',
     componentProps: {