标准发布

src/views/dataStandards/namingDictionary/domain/batchPublish.vue

@@ -71,11 +71,11 @@
         data: JSON.stringify([
           {
             key: '日期类',
-            model: {},
+            model: { path: '共享工作区/日期类', type: '域' },
           },
           {
             key: '短编号',
-            model: {},
+            model: { path: '共享工作区/短编号', type: '域' },
           },
         ]),
         formSchema: '6',

src/views/dataStandards/referenceDocument/applyPublication.vue

@@ -9,11 +9,28 @@
     </div>
     <BasicForm @register="registerForm" />
     <BasicForm @register="registerForm1" />
-    <Tabs v-model:activeKey="activeKey" :tabClick="handleResetValue" tab-position="left" animated>
-      <TabPane :key="index" :tab="item.key" v-for="(item, index) in list">
+    <Row class="tab-body" :gutter="16">
+      <Col :span="6">
+        <List>
+          <template v-for="(item, index) in list" :key="item.key">
+            <List.Item
+              style="cursor: pointer"
+              @click="handleChange(item, index)"
+              :class="selectId === index ? 'selectionClass' : null"
+            >
+              <List.Item.Meta>
+                <template #title>
+                  <span>{{ item.key }}</span>
+                </template>
+              </List.Item.Meta>
+            </List.Item>
+          </template>
+        </List>
+      </Col>
+      <Col :span="18">
         <BasicForm @register="registerForm2">
           <template #path>
-            <span>{{ item.key }}</span>
+            <span>{{ key }}</span>
           </template>
         </BasicForm>
         <div class="contrastTitle">版本对比</div>
@@ -47,7 +64,47 @@
             </div>
           </div>
         </div>
-      </TabPane>
+      </Col>
+    </Row>
+<!--    <Tabs v-model:activeKey="activeKey" :tabClick="handleResetValue" tab-position="left" animated>-->
+<!--      <TabPane :key="index" :tab="item.key" v-for="(item, index) in list">-->
+<!--        <BasicForm @register="registerForm2">-->
+<!--          <template #path>-->
+<!--            <span>{{ item.key }}</span>-->
+<!--          </template>-->
+<!--        </BasicForm>-->
+<!--        <div class="contrastTitle">版本对比</div>-->
+<!--        <div class="table-container">-->
+<!--          <div class="table-row">-->
+<!--            <div class="table-cell label">-->
+<!--              <div>-->
+<!--                <Icon icon="ant-design:database-outlined" :size="20" :color="'#42C465'" />-->
+<!--                <span>{{ key }}</span>-->
+<!--                <div>{{ path }}</div>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--            <div class="table-cell value">-->
+<!--              <div>-->
+<!--                <Icon icon="ant-design:database-outlined" :size="20" :color="'#42C465'" />-->
+<!--                <span>{{ key }}</span>-->
+<!--                <div>{{ path }}</div>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--          <div class="table-row">-->
+<!--            <div class="table-cell label">版本:2</div>-->
+<!--            <div class="table-cell value">版本:下个版本</div>-->
+<!--          </div>-->
+<!--          <div class="table-row">-->
+<!--            <div class="table-cell label">-->
+<!--              <BasicForm @register="registerLeftForm1" />-->
+<!--            </div>-->
+<!--            <div class="table-cell value">-->
+<!--              <BasicForm @register="registerLeftForm2" />-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </TabPane>-->
       <!--      <TabPane key="2" tab="短编号">-->
       <!--        <BasicForm @register="registerForm3" />-->
       <!--        <div class="contrastTitle">版本对比</div>-->
@@ -83,7 +140,7 @@
       <!--          </div>-->
       <!--        </div>-->
       <!--      </TabPane>-->
-    </Tabs>
+<!--    </Tabs>-->
   </div>
 </template>
 
@@ -91,7 +148,7 @@
   import { BasicForm, FormProps, useForm } from '@/components/Form';
   import StepHeader from '@/components/stepHeader.vue';
   import { nextTick, onMounted, ref } from 'vue';
-  import { Tabs, Col, Row } from 'ant-design-vue';
+  import { Tabs, Col, Row, List } from 'ant-design-vue';
   import {
     applySchemas,
     applySchemas1,
@@ -106,7 +163,7 @@
     contrastSchema11,
     contrastSchema12,
     contrastSchema21,
-    contrastSchema22,
+    contrastSchema22, registerLeftForm12,
   } from './referenceDocument.data';
   import moment from 'moment';
   import { router } from '@/router';
@@ -127,6 +184,7 @@
   import { rightContrastData } from '@/views/dataStandards/namingDictionary/mock';
 
   const route = useRoute();
+  const selectId = ref(0);
   const activeKey = ref(0);
   const TabPane = Tabs.TabPane;
   const list = ref([]);
@@ -169,6 +227,8 @@
       span: 23,
     },
   });
+
+
   const [registerForm2, { setFieldsValue: setForm2Value }] = useForm({
     labelWidth: 100,
     baseColProps: { lg: 12, md: 24 },
@@ -179,19 +239,17 @@
     },
   });
 
-  const [registerForm3, {}] = useForm({
-    labelWidth: 100,
-    baseColProps: { lg: 12, md: 24 },
-    schemas: applySchemas3,
-    showActionButtonGroup: false,
-    actionColOptions: {
-      span: 23,
-    },
-  });
+
   function handleGoBack() {
     router.go(-1);
   }
 
+  function handleChange(item, index) {
+    selectId.value = index;
+    key.value = item.key;
+    path.value = item.model.path;
+  }
+
   function handleResetValue() {
     list.value = JSON.parse(route.query.data);
     path.value = list.value[0].model.path;
@@ -277,4 +335,14 @@
       padding: 8px 300px 8px 0;
     }
   }
+  .tab-body {
+    display: flex;
+    margin-top: 20px;
+  }
+
+  .selectionClass {
+    background-color: #e3f0fe;
+    border: 1px solid #5498f7;
+    border-radius: 10px;
+  }
 </style>

src/views/dataStandards/referenceDocument/referenceDocument.data.ts

@@ -160,8 +160,7 @@ export const applySchemas2: FormSchema[] = [
   {
     field: 'name',
     label: '资源名称',
-    component: 'Input',
-    slots: 'path',
+    slot: 'path',
     componentProps: {
       readonly: true,
       disabled: true,
@@ -914,8 +913,7 @@ export const contrastSchema3: any[] = [
       placeholder: '请输入重点摘录',
     },
   },
-]
-
+];
 
 /** src/views/dataStandards/namingDictionary/referenceDocument.data.ts/*/
 export const contrastSchema4: FormSchema[] = [
@@ -992,8 +990,6 @@ export const contrastSchema4: FormSchema[] = [
   },
 ];
 
-
-
 /** src/views/dataStandards/namingDictionary/domain/referenceDocument.data.ts*/
 export const contrastSchema6: FormSchema[] = [
   {
@@ -1106,6 +1102,117 @@ export const contrastSchema6: FormSchema[] = [
   },
 ];
 
+export const registerLeftForm12: FormSchema[] = [
+  {
+    field: '',
+    label: '属性',
+    component: 'BasicTitle',
+    componentProps: {
+      readonly: true,
+      style: {
+        border: 'none',
+        backgroundColor: 'transparent',
+        marginLeft: '15px',
+        fontWeight: 'bold',
+      },
+    },
+  },
+  {
+    field: 'valueOne',
+    label: '域名称',
+    component: 'Input',
+    defaultValue: '日期类',
+    componentProps: {
+      style: {
+        border: 'none',
+        backgroundColor: 'transparent',
+      },
+      readonly: true,
+      placeholder: '请输入名词中文名称',
+    },
+  },
+  {
+    field: 'valueTwo',
+    label: '父域',
+    component: 'Input',
+    defaultValue: '字符型',
+    componentProps: {
+      style: {
+        border: 'none',
+        backgroundColor: 'transparent',
+      },
+      readonly: true,
+      placeholder: '请输入名词英文全称',
+    },
+  },
+  {
+    field: 'valueThree',
+    label: '字段示例',
+    component: 'Input',
+    defaultValue: '会员号/品种代码',
+    componentProps: {
+      style: {
+        border: 'none',
+        backgroundColor: 'transparent',
+      },
+      readonly: true,
+      placeholder: '请输入名词英文简称',
+    },
+  },
+  {
+    field: 'valueFour',
+    label: '数据类型',
+    component: 'Input',
+    defaultValue: 'varchar',
+    componentProps: {
+      style: {
+        border: 'none',
+        backgroundColor: 'transparent',
+      },
+      readonly: true,
+    },
+  },
+  {
+    field: 'valueFive',
+    label: '传统数据库数据类型',
+    component: 'Input',
+    defaultValue: 'varchar',
+    componentProps: {
+      style: {
+        border: 'none',
+        backgroundColor: 'transparent',
+      },
+      readonly: true,
+    },
+  },
+  {
+    field: 'valueSix',
+    label: '长度',
+    component: 'Input',
+    defaultValue: '10',
+    componentProps: {
+      style: {
+        border: 'none',
+        backgroundColor: 'transparent',
+      },
+      readonly: true,
+    },
+  },
+  {
+    field: 'valueSeven',
+    label: '精度',
+    component: 'Input',
+    defaultValue: '-',
+    componentProps: {
+      style: {
+        border: 'none',
+        backgroundColor: 'transparent',
+      },
+      readonly: true,
+    },
+  },
+];
+
 /** src/views/dataStandards/publicCode/publicCode.data.ts*/
 export const contrastSchema5: FormSchema[] = [
   {
@@ -1216,38 +1323,38 @@ export const contrastSchema5: FormSchema[] = [
       },
       readonly: true,
       disabled: true,
-      options:[
+      options: [
         {
-          label:'国际标准',
-          value:'1'
+          label: '国际标准',
+          value: '1',
         },
         {
-          label:'国家标准',
-          value:'2'
+          label: '国家标准',
+          value: '2',
         },
         {
-          label:'行业标准',
-          value:'3'
+          label: '行业标准',
+          value: '3',
         },
         {
-          label:'行业实践',
-          value:'4'
+          label: '行业实践',
+          value: '4',
         },
         {
-          label:'监管规定(人行)',
-          value:'5'
+          label: '监管规定(人行)',
+          value: '5',
         },
         {
-          label:'监管规定(银监)',
-          value:'6'
+          label: '监管规定(银监)',
+          value: '6',
         },
         {
-          label:'行内发文',
-          value:'7'
+          label: '行内发文',
+          value: '7',
         },
         {
-          label:'行内协商一致',
-          value:'8'
+          label: '行内协商一致',
+          value: '8',
         },
       ],
       placeholder: '请选择标准来源',
@@ -1312,7 +1419,6 @@ export const contrastSchema5: FormSchema[] = [
   },
 ];
 
-
 export const relatedBasicStandardsSchema: any[] = [
   {
     field: 'basicStandardsTree',
@@ -1339,23 +1445,23 @@ export const relatedBasicStandardsSchema: any[] = [
       },
     ],
     componentProps: {
-      options:[
+      options: [
         {
           label: '引用',
-          value: '引用'
+          value: '引用',
         },
         {
           label: '同义词',
-          value: '同义词'
+          value: '同义词',
         },
         {
           label: '依赖',
-          value: '依赖'
+          value: '依赖',
         },
         {
           label: '从属',
-          value: '从属'
-        }
+          value: '从属',
+        },
       ],
       placeholder: '请选择关联关系',
     },
@@ -1376,7 +1482,7 @@ export const relatedBasicStandardsSchema: any[] = [
     },
     colProps: { lg: 24, md: 24 },
   },
-]
+];
 export const relatedRelationshipColumns2: BasicColumn[] = [
   {
     title: '标准名称',
@@ -2481,38 +2587,38 @@ export const contrastSchema2: FormSchema[] = [
       },
       readonly: true,
       disabled: true,
-      options:[
+      options: [
         {
-          label:'国际标准',
-          value:'1'
+          label: '国际标准',
+          value: '1',
         },
         {
-          label:'国家标准',
-          value:'2'
+          label: '国家标准',
+          value: '2',
         },
         {
-          label:'行业标准',
-          value:'3'
+          label: '行业标准',
+          value: '3',
         },
         {
-          label:'行业实践',
-          value:'4'
+          label: '行业实践',
+          value: '4',
         },
         {
-          label:'监管规定(人行)',
-          value:'5'
+          label: '监管规定(人行)',
+          value: '5',
         },
         {
-          label:'监管规定(银监)',
-          value:'6'
+          label: '监管规定(银监)',
+          value: '6',
         },
         {
-          label:'行内发文',
-          value:'7'
+          label: '行内发文',
+          value: '7',
         },
         {
-          label:'行内协商一致',
-          value:'8'
+          label: '行内协商一致',
+          value: '8',
         },
       ],
       placeholder: '-',
@@ -2555,30 +2661,30 @@ export const contrastSchema2: FormSchema[] = [
       },
       readonly: true,
       disabled: true,
-      options:[
+      options: [
         {
-          label:'文本类',
-          value:'1'
+          label: '文本类',
+          value: '1',
         },
         {
-          label:'数值类',
-          value:'2'
+          label: '数值类',
+          value: '2',
         },
         {
-          label:'代码类',
-          value:'3'
+          label: '代码类',
+          value: '3',
         },
         {
-          label:'标志类',
-          value:'4'
+          label: '标志类',
+          value: '4',
         },
         {
-          label:'日期时间类',
-          value:'5'
+          label: '日期时间类',
+          value: '5',
         },
         {
-          label:'编号类',
-          value:'6'
+          label: '编号类',
+          value: '6',
         },
       ],
       placeholder: '-',
@@ -2691,7 +2797,7 @@ export const contrastSchema21: FormSchema[] = [
       readonly: true,
       placeholder: '-',
     },
-  }
+  },
 ];
 /**基础标准详情 表单3*/
 export const contrastSchema22: FormSchema[] = [