From f46571ad09e4b4693529d85e6f0e6e258ba21ef6 Mon Sep 17 00:00:00 2001
From: zhc077 <565291854@qq.com>
Date: Fri, 25 Oct 2024 17:16:28 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E7=AE=97=E4=B9=A6-=E5=9F=BA=E6=9C=AC?=
 =?UTF-8?q?=E6=83=85=E5=86=B5=E8=A1=A8=20=E5=8A=9F=E8=83=BD=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=2010.25?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/monitor/trace/index.vue         |  2 +-
 .../yusuanshu/ProjectBaseInfoDemo.vue         | 80 +++++++++++++++++++
 .../kejigongguan/yusuanshu/index.vue          |  7 +-
 3 files changed, 84 insertions(+), 5 deletions(-)
 create mode 100644 jeecgboot-vue3/src/views/projectApplication/kejigongguan/yusuanshu/ProjectBaseInfoDemo.vue

diff --git a/jeecgboot-vue3/src/views/monitor/trace/index.vue b/jeecgboot-vue3/src/views/monitor/trace/index.vue
index ce1e601..313ebeb 100644
--- a/jeecgboot-vue3/src/views/monitor/trace/index.vue
+++ b/jeecgboot-vue3/src/views/monitor/trace/index.vue
@@ -3,7 +3,7 @@
     <BasicTable @register="registerTable" :dataSource="dataSource" @change="handlerTableChange">
       <template #tableTitle>
         <div slot="message">
-          共追踪到 {{ dataSource.length }} 条近期HTTP请求记录
+          共追踪到777 {{ dataSource.length }} 条近期HTTP请求记录
           <a-divider type="vertical" />
           <a @click="loadDate">立即刷新</a>
         </div>
diff --git a/jeecgboot-vue3/src/views/projectApplication/kejigongguan/yusuanshu/ProjectBaseInfoDemo.vue b/jeecgboot-vue3/src/views/projectApplication/kejigongguan/yusuanshu/ProjectBaseInfoDemo.vue
new file mode 100644
index 0000000..1359eb0
--- /dev/null
+++ b/jeecgboot-vue3/src/views/projectApplication/kejigongguan/yusuanshu/ProjectBaseInfoDemo.vue
@@ -0,0 +1,80 @@
+<template>
+  <PageWrapper title="详情组件示例">
+    <Description title="基础示例" :collapseOptions="{ canExpand: true, helpMessage: 'help me' }"
+                 :column="3" :data="mockData" :schema="schema"/>
+
+    <Description
+      class="mt-4"
+      title="垂直示例"
+      layout="vertical"
+      :collapseOptions="{ canExpand: true, helpMessage: 'help me' }"
+      :column="2"
+      :data="mockData"
+      :schema="schema"
+    />
+
+    <Description @register="register" class="mt-4"/>
+    <Description @register="register1" class="mt-4"/>
+  </PageWrapper>
+</template>
+<script lang="ts">
+import {defineComponent} from 'vue';
+import {DescItem, Description, useDescription} from '/@/components/Description/index';
+import {PageWrapper} from '/@/components/Page';
+
+const mockData: Recordable = {
+  username: 'test',
+  nickName: 'VB',
+  age: '123',
+  phone: '15695909xxx',
+  email: '190848757@qq.com',
+  addr: '厦门市思明区',
+  sex: '男',
+  certy: '3504256199xxxxxxxxx',
+  tag: 'orange',
+};
+const schema: DescItem[] = [
+  {
+    field: 'username',
+    label: '用户名',
+  },
+  {
+    field: 'nickName',
+    label: '昵称',
+    render: (curVal, data) => {
+      return `${data.username}-${curVal}`;
+    },
+  },
+  {
+    field: 'phone',
+    label: '联系电话',
+  },
+  {
+    field: 'email',
+    label: '邮箱',
+  },
+  {
+    field: 'addr',
+    label: '地址',
+  },
+];
+export default defineComponent({
+  components: {Description, PageWrapper},
+  setup() {
+    const [register] = useDescription({
+      title: 'useDescription',
+      data: mockData,
+      schema: schema,
+    });
+
+    const [register1] = useDescription({
+      title: '无边框',
+      bordered: false,
+      data: mockData,
+      schema: schema,
+    });
+
+    return {mockData, schema, register, register1};
+  },
+});
+</script>
diff --git a/jeecgboot-vue3/src/views/projectApplication/kejigongguan/yusuanshu/index.vue b/jeecgboot-vue3/src/views/projectApplication/kejigongguan/yusuanshu/index.vue
index 68578d7..4952ad1 100644
--- a/jeecgboot-vue3/src/views/projectApplication/kejigongguan/yusuanshu/index.vue
+++ b/jeecgboot-vue3/src/views/projectApplication/kejigongguan/yusuanshu/index.vue
@@ -4,7 +4,7 @@
       <a-tabs v-model:activeKey="activeKey" @change="tabChange">
         <a-tab-pane key="FengMianDemo" tab="封面" force-render></a-tab-pane>
         <a-tab-pane key="TianBaoShuMingDemo" tab="填报说明" force-render></a-tab-pane>
-        <a-tab-pane key="JiBenXinXiDemo" tab="基本信息"></a-tab-pane>
+        <a-tab-pane key="ProjectBaseInfoDemo" tab="项目基本情况表"></a-tab-pane>
         <a-tab-pane key="ZhengWenDemo" tab="正文"></a-tab-pane>
         <a-tab-pane key="XiangMuHeZuoKaiFaDemo" tab="项目合作开发情况"></a-tab-pane>
         <a-tab-pane key="HeZuoDanWeiDemo" tab="合作单位"></a-tab-pane>
@@ -24,9 +24,8 @@
 <script lang="ts">
   import { defineComponent, ref, computed } from 'vue';
   import FengMianDemo from './FengMianDemo.vue';
-
-
   import TianBaoShuMingDemo from './TianBaoShuMingDemo.vue';
+  import ProjectBaseInfoDemo from './ProjectBaseInfoDemo.vue';
   import JiBenXinXiDemo from '../xiangmushu/JiBenXinXiDemo.vue';
   import XiangMuJiXiaoMuBiaoDemo from '../xiangmushu/XiangMuJiXiaoMuBiaoDemo.vue';
   import YiJianDemo from '../xiangmushu/YiJianDemo.vue';
@@ -48,7 +47,7 @@
         const componentType = {
           TianBaoShuMingDemo: TianBaoShuMingDemo,
           FengMianDemo: FengMianDemo,
-          JiBenXinXiDemo: JiBenXinXiDemo,
+          ProjectBaseInfoDemo: ProjectBaseInfoDemo,
           ZhengWenDemo: ZhengWenDemo,
           XiangMuHeZuoKaiFaDemo: XiangMuHeZuoKaiFaDemo,
           XiangMuJiXiaoMuBiaoDemo: XiangMuJiXiaoMuBiaoDemo,