预算书-基本情况表 功能添加 10.25

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>

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>

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,