修改了基础标准页面

src/router/routes/index.ts

@@ -314,6 +314,15 @@ export const BasicStandardRoute: AppRouteRecordRaw = {
         icon: '',
       },
     },
+    {
+      path: 'basicStandards/editDetailStandard',
+      name: 'editDetailStandard',
+      component: () => import('@/views/dataStandards/basicStandards/editDetailStandard.vue'),
+      meta: {
+        title: '基础标准编辑',
+        icon: '',
+      },
+    },
   ],
 };
 

src/views/dataStandards/basicStandards/detailStandard.vue

 <template>
-  <PageWrapper title="基础详情页" contentBackground>
-    <Description
-      title="业务属性"
-      size="middle"
-      :bordered="false"
-      :column="3"
-      :data="refundData"
-      :schema="refundSchema"
-    />
+  <PageWrapper title="基础标准详情页" contentBackground>
+    <div style="display: flex;justify-content: space-between; align-items: center;margin-bottom: 10px;margin-left: 12px">
+      <div style="margin-top: 10px;display: flex;font-weight: bold;font-size: 25px">
+        {{title}}
+        <div style="font-size: 15px;padding-top: 15px;padding-left: 10px">
+          版本:v2
+        </div>
+      </div>
+      <div style="margin-top: 10px;display: flex">
+        <a-button type="primary" @click="editButton">编辑标准</a-button>
+        <a-button type="primary" style="margin-left: 10px"  @click="versionButton">版本管理</a-button>
+      </div>
+    </div>
     <Divider />
-<!--    <Description-->
-<!--      size="middle"-->
-<!--      title="技术属性"-->
-<!--      :bordered="false"-->
-<!--      :column="3"-->
-<!--      :data="personData"-->
-<!--      :schema="personSchema"-->
-<!--    />-->
+    <BasicForm @register="registerForm1" />
     <Divider />
-<!--    <Description-->
-<!--      size="middle"-->
-<!--      title="管理属性"-->
-<!--      :bordered="false"-->
-<!--      :column="3"-->
-<!--      :data="personData"-->
-<!--      :schema="personSchema"-->
-<!--    />-->
+    <BasicForm @register="registerForm2" />
+    <Divider />
+    <BasicForm @register="registerForm3" />
     <Divider />
   </PageWrapper>
 </template>
@@ -33,24 +25,84 @@
 import { Description } from '@/components/Description';
 import { PageWrapper } from '@/components/Page';
 import { Divider } from 'ant-design-vue';
-import {refundData} from './basicStandardsData';
-import {refundSchema,} from './basicStandards.data';
-
-function handleSummary(tableData: any[]) {
-  let totalT5 = 0;
-  let totalT6 = 0;
-  tableData.forEach((item) => {
-    totalT5 += item.t5;
-    totalT6 += item.t6;
-  });
-  return [
-    {
-      t1: '总计',
-      t5: totalT5,
-      t6: totalT6,
+import {refundData, TreeData} from './basicStandardsData';
+import {router} from "@/router";
+import { BasicForm, useForm } from '@/components/Form';
+import {
+  detailSchema1,
+  detailSchema2,
+  detailSchema3
+} from './basicStandards.data';
+import {onMounted, ref} from "vue";
+import {useRoute} from "vue-router";
+
+
+const route = useRoute()
+const title = ref('')
+const formData = ref({})
+const businessId = ref('')
+
+const [registerForm1, { setFieldsValue: setFieldsValue1 }] = useForm({
+  labelWidth: 100,
+  baseColProps: { lg: 12, md: 24 },
+  schemas: detailSchema1,
+  showActionButtonGroup: false,
+  actionColOptions: {
+    span: 23,
+  },
+});
+
+const [registerForm2, { setFieldsValue: setFieldsValue2 }] = useForm({
+  labelWidth: 100,
+  baseColProps: { lg: 12, md: 24 },
+  schemas: detailSchema2,
+  showActionButtonGroup: false,
+  actionColOptions: {
+    span: 23,
+  },
+});
+
+const [registerForm3, { setFieldsValue: setFieldsValue3 }] = useForm({
+  labelWidth: 100,
+  baseColProps: { lg: 12, md: 24 },
+  schemas: detailSchema3,
+  showActionButtonGroup: false,
+  actionColOptions: {
+    span: 23,
+  },
+});
+
+/**编辑标准*/
+function editButton(record) {
+  router.push({
+    path: '/dataStandards/basicStandards/editDetailStandard',
+    query: {
+      businessId:businessId.value,
     },
-  ];
+  });
 }
+
+/**保存*/
+function versionButton(record) {
+
+}
+
+/**初始化*/
+onMounted(() => {
+  businessId.value = route.query.businessId
+  const data = TreeData.filter(item => item.businessId == businessId.value)
+  title.value = data[0].standardChineseName
+  setFieldsValue1({
+    ...data[0]
+  })
+  setFieldsValue2({
+    ...data[0]
+  })
+  setFieldsValue3({
+    ...data[0]
+  })
+});
+
 </script>
 <style lang="less" scoped>
 .desc-wrap {

src/views/dataStandards/basicStandards/editDetailStandard.vue

+<template>
+  <PageWrapper title="基础标准编辑页" contentBackground>
+    <div style="display: flex;justify-content: space-between; align-items: center;margin-bottom: 10px;margin-left: 12px">
+      <div style="margin-top: 10px;display: flex;font-weight: bold;font-size: 25px">
+        {{title}}
+      </div>
+      <div style="margin-top: 10px;display: flex">
+        <a-button type="primary" @click="publishButton">发布</a-button>
+        <a-button type="primary" style="margin-left: 10px"  @click="saveButton">保存修改</a-button>
+        <a-button type="primary" style="margin-left: 10px"  @click="exitEditButton">退出编辑</a-button>
+      </div>
+    </div>
+    <Divider />
+    <BasicForm @register="registerForm1" />
+    <Divider />
+    <BasicForm @register="registerForm2" />
+    <Divider />
+    <BasicForm @register="registerForm3" />
+    <Divider />
+  </PageWrapper>
+</template>
+<script lang="ts" setup>
+import { Description } from '@/components/Description';
+import { PageWrapper } from '@/components/Page';
+import { Divider } from 'ant-design-vue';
+import {refundData, TreeData} from './basicStandardsData';
+import {router} from "@/router";
+import { BasicForm, useForm } from '@/components/Form';
+import {
+  editStandardsDetailFormSchema1,
+  editStandardsDetailFormSchema2,
+  editStandardsDetailFormSchema3
+} from './basicStandards.data';
+import {onMounted, ref} from "vue";
+import {useRoute} from "vue-router";
+
+
+const route = useRoute()
+const title = ref('')
+const formData = ref({})
+const businessId = ref('')
+
+const [registerForm1, { setFieldsValue: setFieldsValue1 }] = useForm({
+  labelWidth: 100,
+  baseColProps: { lg: 12, md: 24 },
+  schemas: editStandardsDetailFormSchema1,
+  showActionButtonGroup: false,
+  actionColOptions: {
+    span: 23,
+  },
+});
+
+const [registerForm2, { setFieldsValue: setFieldsValue2 }] = useForm({
+  labelWidth: 100,
+  baseColProps: { lg: 12, md: 24 },
+  schemas: editStandardsDetailFormSchema2,
+  showActionButtonGroup: false,
+  actionColOptions: {
+    span: 23,
+  },
+});
+
+const [registerForm3, { setFieldsValue: setFieldsValue3 }] = useForm({
+  labelWidth: 100,
+  baseColProps: { lg: 12, md: 24 },
+  schemas: editStandardsDetailFormSchema3,
+  showActionButtonGroup: false,
+  actionColOptions: {
+    span: 23,
+  },
+});
+
+/**编辑标准*/
+function exitEditButton(record) {
+  router.push({
+    path: '/dataStandards/basicStandards/detailStandard',
+    query: {
+      businessId:businessId.value,
+    },
+  });
+}
+
+/**保存*/
+function saveButton(record) {
+
+}
+
+/**发布*/
+function publishButton(record) {
+
+}
+
+/**初始化*/
+onMounted(() => {
+  businessId.value = route.query.businessId
+  const data = TreeData.filter(item => item.businessId == businessId.value)
+  title.value = data[0].standardChineseName
+  setFieldsValue1({
+    ...data[0]
+  })
+  setFieldsValue2({
+    ...data[0]
+  })
+  setFieldsValue3({
+    ...data[0]
+  })
+});
+
+</script>
+<style lang="less" scoped>
+.desc-wrap {
+  padding: 16px;
+  background-color: @component-background;
+}
+</style>

src/views/dataStandards/basicStandards/index.vue

@@ -149,11 +149,10 @@
 
   /**查看详情*/
   function detailButton(record) {
-    console.log('record:',record)
     router.push({
       path: '/dataStandards/basicStandards/detailStandard',
       query: {
-
+        businessId:record.businessId,
       },
     });
   }