Skip to content

B
bigDataSystem
Commit 210f5a3e authored by 罗林杰's avatar 罗林杰
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents 416ffca3 dd96c911
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 792 additions and 602 deletions
src/router/routes/index.ts
View file @ 210f5a3e
...@@ -906,6 +906,26 @@ export const shellExecuteRoute: AppRouteRecordRaw = { ...@@ -906,6 +906,26 @@ export const shellExecuteRoute: AppRouteRecordRaw = {
icon: '', icon: '',
}, },
}, },
{
path: 'versionCompare',
name: 'VersionCompare',
component: () =>
import('@/views/scriptDevelopment/shellDevelopment/shellExecute/VersionCompare.vue'),
meta: {
title: '版本比较',
icon: '',
},
},
{
path: 'versionDetail',
name: 'versionDetail',
component: () =>
import('@/views/scriptDevelopment/shellDevelopment/shellExecute/VersionDetail.vue'),
meta: {
title: '查看详情',
icon: '',
},
},
], ],
}; };
...@@ -1027,7 +1047,7 @@ export const serviceDevelopmentRoute: AppRouteRecordRaw = { ...@@ -1027,7 +1047,7 @@ export const serviceDevelopmentRoute: AppRouteRecordRaw = {
{ {
path: 'serviceManage/onlineManage/productionData', path: 'serviceManage/onlineManage/productionData',
name: 'productionData', name: 'productionData',
component: () => import('@/views/dataService/serviceManage/onlineManage/productionData.vue'), component: () => import('@/views/dataService/serviceManage/onlineManage/productionDrawer.vue'),
meta: { meta: {
title: '上线设置', title: '上线设置',
icon: '', icon: '',
...@@ -1036,7 +1056,7 @@ export const serviceDevelopmentRoute: AppRouteRecordRaw = { ...@@ -1036,7 +1056,7 @@ export const serviceDevelopmentRoute: AppRouteRecordRaw = {
{ {
path: 'serviceManage/onlineManage/productionTest', path: 'serviceManage/onlineManage/productionTest',
name: 'productionTest', name: 'productionTest',
component: () => import('@/views/dataService/serviceManage/onlineManage/productionTest.vue'), component: () => import('@/views/dataService/serviceManage/onlineManage/productionTestModal.vue'),
meta: { meta: {
title: '上线测试', title: '上线测试',
icon: '', icon: '',
......
src/views/dataQuality/dataSheet/task/mainBody.data.ts
View file @ 210f5a3e
...@@ -29,13 +29,7 @@ export const deptMap = (() => { ...@@ -29,13 +29,7 @@ export const deptMap = (() => {
}, {}); }, {});
})(); })();
export const columns: BasicColumn[] = [ export const columns: BasicColumn[any] = [
// {
// title: '质量规则',
// dataIndex: 'name',
// width: 120,
// slots: { customRender: 'name' },
// },
{ {
title: '质量规则', title: '质量规则',
dataIndex: 'qualityRule', dataIndex: 'qualityRule',
...@@ -228,11 +222,78 @@ export const searchFormSchema: FormSchema[] = [ ...@@ -228,11 +222,78 @@ export const searchFormSchema: FormSchema[] = [
field: 'name', field: 'name',
label: ' ', label: ' ',
component: 'Input', component: 'Input',
colProps: { span: 8 }, colProps: { span: 4 },
componentProps: { componentProps: {
placeholder: '输入关键字搜索', placeholder: '输入关键字搜索',
}, },
}, },
{
field: 'testMode',
label: ' ',
component: 'Select',
componentProps: {
placeholder: '检查方式',
options: [
{ label: '全量', value: '1' },
{ label: '增量', value: '2' },
],
},
colProps: { span: 3 },
},
{
field: 'ruleGroup',
label: ' ',
component: 'Select',
componentProps: {
placeholder: '规则组',
options: [
{ label: 'admin_个人工作区', value: '1' },
{ label: '共享工作区', value: '2' },
{ label: '商城工作区', value: '3' },
{ label: '指标工作区', value: '4' },
],
},
colProps: { span: 3 },
},
{
field: 'releaseStatus',
label: ' ',
component: 'Select',
componentProps: {
placeholder: '发布状态',
options: [
{ label: '已上线', value: '1' },
{ label: '未上线', value: '2' },
],
},
colProps: { span: 3 },
},
{
field: 'dateRange',
label: ' ',
component: 'RangePicker',
componentProps: {
format: 'YYYY-MM-DD', // 显示的日期格式
valueFormat: 'YYYY-MM-DD', // 提交的日期格式
placeholder: ['开始时间', '结束时间'], // 占位符
style: { width: '100%' }, // 控制宽度
},
colProps: { span: 5 },
},
{
field: 'businessLabel',
label: ' ',
component: 'Select',
componentProps: {
placeholder: '业务标签',
options: [
{ label: '生产', value: '1' },
{ label: '质量', value: '2' },
{ label: '人力', value: '3' },
],
},
colProps: { span: 3 },
},
// { // {
// field: 'flag', // field: 'flag',
// label: ' ', // label: ' ',
......
src/views/dataService/serviceManage/onlineManage/index.vue
View file @ 210f5a3e
<template> <template>
<PageWrapper dense contentFullHeight fixedHeight contentClass="flex"> <PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
<!-- <template #headerContent>
<dicv style="display:flex;">
<Icon icon="ant-design:folder-open-outlined" :size="24" :color="'#1091FE'"/>
<h2 style="margin-left: 15px">API</h2>
</dicv>
<div type="primary" class="save-button" >
<Icon icon="ant-design:bug-outlined" :size="24" :color="'#1091FE'"/>
<p>测试</p>
</div>
<div type="primary" class="save-button1">
<Icon icon="ant-design:inbox-outlined" :size="24" :color="'#1091FE'"/>
<p>保存</p>
</div>
</template>-->
<BasicTable @register="registerTable" :rowSelection="rowSelection" :searchInfo="searchInfo"> <BasicTable @register="registerTable" :rowSelection="rowSelection" :searchInfo="searchInfo">
<template #toolbar> <template #toolbar>
<a-button type="primary" <a-button type="primary"
...@@ -43,9 +28,9 @@ ...@@ -43,9 +28,9 @@
}, },
{ {
icon:'ant-design:fund-projection-screen-outlined', icon:'ant-design:fund-projection-screen-outlined',
tooltip:'', tooltip:'服务监控',
/*label: '详情',*/ /*label: '详情',*/
onClick: other.bind(null, record), onClick: monitorInfo.bind(null, record),
ifShow: () => { ifShow: () => {
return record.flag !== '开发中'; return record.flag !== '开发中';
}, },
...@@ -137,6 +122,7 @@ ...@@ -137,6 +122,7 @@
</template> </template>
</BasicTable> </BasicTable>
<!-- <sensitiveTypeModal @register="registerModal" @success="handleSuccess"/>--> <!-- <sensitiveTypeModal @register="registerModal" @success="handleSuccess"/>-->
<ProductionDrawer @register="productionDrawer" />
</PageWrapper> </PageWrapper>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
...@@ -150,11 +136,15 @@ import {tableList} from "./mock"; ...@@ -150,11 +136,15 @@ import {tableList} from "./mock";
import {useRoute, onBeforeRouteLeave} from 'vue-router'; import {useRoute, onBeforeRouteLeave} from 'vue-router';
import {router} from '@/router'; import {router} from '@/router';
import Icon from "@/components/Icon/Icon.vue"; import Icon from "@/components/Icon/Icon.vue";
import ProductionDrawer from "./productionDrawer.vue";
import {useDrawer} from "@/components/Drawer";
defineOptions({name: 'safetyLevelManage'}); defineOptions({name: 'safetyLevelManage'});
const {createMessage, createConfirm} = useMessage(); const {createMessage, createConfirm} = useMessage();
const route = useRoute(); const route = useRoute();
const searchInfo = reactive<Recordable>({}); const searchInfo = reactive<Recordable>({});
const [productionDrawer, { openDrawer: openProductionDrawer }] = useDrawer({
});
const [registerTable, { const [registerTable, {
reload, reload,
updateTableDataRecord, updateTableDataRecord,
...@@ -178,6 +168,7 @@ const [registerTable, { ...@@ -178,6 +168,7 @@ const [registerTable, {
}, },
rowKey: 'businessId', rowKey: 'businessId',
rowSelection: true, rowSelection: true,
showIndexColumn:false,
columns, columns,
formConfig: { formConfig: {
labelWidth: 120, labelWidth: 120,
...@@ -253,8 +244,13 @@ function Settings() { ...@@ -253,8 +244,13 @@ function Settings() {
} }
/**按钮*/ /**按钮*/
function other() { function monitorInfo(record) {
router.push({
path: '/dataService/serviceMonitor/monitorInfo',
query: {
id: record.businessId,
},
});
} }
/**api详情按钮*/ /**api详情按钮*/
function apiDetail() { function apiDetail() {
...@@ -267,10 +263,9 @@ function handleOffline(record) { ...@@ -267,10 +263,9 @@ function handleOffline(record) {
} }
/**上线按钮*/ /**上线按钮*/
function handleOnline() { function handleOnline() {
router.push({ openProductionDrawer(true, {
path: '/dataService/serviceManage/onlineManage/productionData', data: 'content',
query: { info: 'Info',
},
}); });
} }
/**创建商城API按钮*/ /**创建商城API按钮*/
......
src/views/dataService/serviceManage/onlineManage/mock.ts
View file @ 210f5a3e
...@@ -35,7 +35,7 @@ export const tableList: any[] = [ ...@@ -35,7 +35,7 @@ export const tableList: any[] = [
owner: 'admin', owner: 'admin',
path: 'API/共享工作区/tuomin_demo', path: 'API/共享工作区/tuomin_demo',
}, },
{ /* {
businessId: 4, businessId: 4,
name: 'tuo_api', name: 'tuo_api',
flag: '开发中', flag: '开发中',
...@@ -58,7 +58,7 @@ export const tableList: any[] = [ ...@@ -58,7 +58,7 @@ export const tableList: any[] = [
updateDate: '', updateDate: '',
owner: '', owner: '',
path: 'API/共享工作区/tuomin_demo', path: 'API/共享工作区/tuomin_demo',
}, },*/
]; ];
/**上线设置-复合框数据*/ /**上线设置-复合框数据*/
export const routeList:any[] =[ export const routeList:any[] =[
......
src/views/dataService/serviceManage/onlineManage/onlineManage.data.ts
View file @ 210f5a3e
/*import { getAllRoleList } from '@/api/system/role/role';*/ /*import { getAllRoleList } from '@/api/system/role/role';*/
import { BasicColumn, FormSchema } from '@/components/Table'; import { BasicColumn, FormSchema } from '@/components/Table';
import {DescItem} from "@/components/Description"; import {DescItem} from "@/components/Description";
import {InputProps} from "ant-design-vue";
// 引入开关组件 // 引入开关组件
/*type CheckedType = boolean | string | number;*/ /*type CheckedType = boolean | string | number;*/
...@@ -88,6 +89,7 @@ export const Table1Schema: BasicColumn[] = [ ...@@ -88,6 +89,7 @@ export const Table1Schema: BasicColumn[] = [
title: '字段名称', title: '字段名称',
width: 150, width: 150,
dataIndex: 'name', dataIndex: 'name',
slots: { customRender: 'name' },
}, },
{ {
title: '敏感状态', title: '敏感状态',
...@@ -110,6 +112,7 @@ export const Table2Schema: BasicColumn[] = [ ...@@ -110,6 +112,7 @@ export const Table2Schema: BasicColumn[] = [
title: '字段名称', title: '字段名称',
width: 150, width: 150,
dataIndex: 'name', dataIndex: 'name',
slots: { customRender: 'name' },
}, },
{ {
title: '敏感状态', title: '敏感状态',
...@@ -221,7 +224,10 @@ export const schemas: FormSchema[] = [ ...@@ -221,7 +224,10 @@ export const schemas: FormSchema[] = [
component: 'BasicTitle', component: 'BasicTitle',
label: '路由转发配置', label: '路由转发配置',
componentProps: { componentProps: {
// line: true, style: {
fontsize: 16,
fontWeight: 'bold',
},
span: true, span: true,
}, },
colProps: { colProps: {
...@@ -339,6 +345,7 @@ export const schemas: FormSchema[] = [ ...@@ -339,6 +345,7 @@ export const schemas: FormSchema[] = [
field: 'accessMethod', field: 'accessMethod',
component: 'RadioGroup', component: 'RadioGroup',
label: '访问方式', label: '访问方式',
defaultValue:'2',
colProps: { colProps: {
span: 20, span: 20,
}, },
...@@ -359,12 +366,12 @@ export const schemas: FormSchema[] = [ ...@@ -359,12 +366,12 @@ export const schemas: FormSchema[] = [
{ {
field: 'dynamicRouting', field: 'dynamicRouting',
fields: ['dynamic'], fields: ['dynamic'],
component: 'Input',
label: '动态路由', label: '动态路由',
colProps: { colProps: {
span: 20, span: 20,
}, },
colSlot: 'dynamicRouting' slot: 'dynamicRouting',
required: true,
}, },
{ {
field: 'businessGrouping', field: 'businessGrouping',
...@@ -403,7 +410,10 @@ export const schemas: FormSchema[] = [ ...@@ -403,7 +410,10 @@ export const schemas: FormSchema[] = [
component: 'BasicTitle', component: 'BasicTitle',
label: '安全配置', label: '安全配置',
componentProps: { componentProps: {
// line: true, style: {
fontsize: 16,
fontWeight: 'bold',
},
span: true, span: true,
}, },
colProps: { colProps: {
...@@ -414,6 +424,7 @@ export const schemas: FormSchema[] = [ ...@@ -414,6 +424,7 @@ export const schemas: FormSchema[] = [
field: 'enableAllLogs', field: 'enableAllLogs',
component: 'RadioGroup', component: 'RadioGroup',
label: '开启所有日志', label: '开启所有日志',
defaultValue:'2',
colProps: { colProps: {
span: 20, span: 20,
}, },
...@@ -456,6 +467,9 @@ export const schemas: FormSchema[] = [ ...@@ -456,6 +467,9 @@ export const schemas: FormSchema[] = [
field: 'cronExpression', field: 'cronExpression',
component: 'Input', component: 'Input',
label: 'Cron表达式', label: 'Cron表达式',
componentProps: {
placeholder: '0 0 0 ? * * *',
} as InputProps,
colProps: { colProps: {
span: 20, span: 20,
}, },
...@@ -560,6 +574,7 @@ export const schemas: FormSchema[] = [ ...@@ -560,6 +574,7 @@ export const schemas: FormSchema[] = [
field: 'associatedList', field: 'associatedList',
component: 'RadioGroup', component: 'RadioGroup',
label: '关联名单', label: '关联名单',
defaultValue:'2',
colProps: { colProps: {
span: 23, span: 23,
}, },
......
src/views/dataService/serviceManage/onlineManage/productionData.vue → src/views/dataService/serviceManage/onlineManage/productionDrawer.vue
View file @ 210f5a3e
<template> <template>
<PageWrapper :title="title" contentBackground @back="goBack" dense fixedHeight <BasicDrawer v-bind="$attrs" @register="register" :showDetailBack="false" width="50%">
contentClass="flex"> <template #title>
<template #headerContent> <div style="display: flex; justify-content: space-between">
<span>API / 验收 / SQL API</span> <div class="flex">
<div type="primary" class="save-button" @click="handleTest"> <Icon icon="ant-design:setting-outlined" :size="30" style="color:#0960BD;"/>
<Icon icon="ant-design:bug-outlined" :size="24" :color="'#1091FE'"/> <div style="margin-left: 10px">
<p>测试</p> <span>上线设置</span>
</div> <h4 style="color: #BFBFBF">API / 验收 / SAL API</h4>
<div type="primary" class="save-button1" @click="handleSave"> </div>
<Icon icon="ant-design:inbox-outlined" :size="24" :color="'#1091FE'"/> </div>
<p>保存</p> <div class="flex" style="gap: 15px">
<a-button type="link" @click="handleTest">
<Icon icon="ant-design:bug-outlined" :size="24"/>
<p style="color: black">调试</p>
</a-button>
<a-button type="link" @click="handleSave">
<Icon icon="ant-design:inbox-outlined" :size="24"/>
<p style="color: black">保存</p>
</a-button>
</div>
</div> </div>
</template> </template>
<div> <div>
<BasicForm @register="register" @submit="handleSubmit" style="padding:15px 0 0 40px"> <BasicForm @register="registerForm" style="padding:0 0 0 40px">
<template #dynamicRouting="{ field,model, }"> <template #dynamicRouting="{ field,model, }">
<FormItem :name="field" label="动态路由" <div>
:rules="[{ required: true, message: '请选择动态路由',type: 'string' }]" <Select style="width: 30%" placeholder="请选择"
style="margin-left: 45px"> v-model:value="model['dynamic']" :options="routeList"/>
<Input.Group> <Input style="width: 70%"
<FormItemRest> v-model:value="model[field]" placeholder="请输入"/>
<Select style="width: 380px" placeholder="请选择" </div>
v-model:value="model['dynamic']" :options="routeList"/>
</FormItemRest>
<FormItemRest>
<Input style="width: calc(100% - 380px); margin-left: -1px;"
v-model:value="model[field]" placeholder="请输入"/>
</FormItemRest>
</Input.Group>
</FormItem>
</template> </template>
<template #expirationDuration="{ field,model, }"> <template #expirationDuration="{ field,model, }">
<FormItem :name="field" label="有效期持续时间" <FormItem :name="field" label="有效期持续时间"
...@@ -62,7 +63,8 @@ ...@@ -62,7 +63,8 @@
</template> </template>
</BasicForm> </BasicForm>
</div> </div>
</PageWrapper> </BasicDrawer>
<ProductionTestModal @register="productionTestModal" />
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
/**上线设置页面*/ /**上线设置页面*/
...@@ -77,53 +79,45 @@ import {BasicForm, FormSchema, useForm} from "@/components/Form"; ...@@ -77,53 +79,45 @@ import {BasicForm, FormSchema, useForm} from "@/components/Form";
import {useMessage} from "@/hooks/web/useMessage"; import {useMessage} from "@/hooks/web/useMessage";
import {FormItem, FormItemRest} from "ant-design-vue"; import {FormItem, FormItemRest} from "ant-design-vue";
import {Select, Input} from "ant-design-vue"; import {Select, Input} from "ant-design-vue";
import {BasicDrawer, useDrawerInner} from "@/components/Drawer";
import ProductionTestModal from "./productionTestModal.vue";
import {useModal} from "@/components/Modal";
const [productionTestModal, { openModal: openProductionTestModal }] = useModal();
const title = ref(); const title = ref();
const route = useRoute(); const route = useRoute();
/**上线设置表单配置*/ /**上线设置表单配置*/
const {createMessage} = useMessage(); const {createMessage} = useMessage();
const [register, {getFieldsValue, resetFields, setFieldsValue}] = const [registerForm, {getFieldsValue, resetFields, setFieldsValue}] =
useForm({ useForm({
labelWidth: 120, labelWidth: 120,
schemas, schemas,
showActionButtonGroup: false,
actionColOptions: { actionColOptions: {
span: 24, span: 24,
}, },
}); });
const [register,{closeDrawer}] = useDrawerInner((data) => {
/**返回上一级*/ // 方式1
function goBack() { setFieldsValue({
router.back(); field2: data.data,
} field1: data.info,
});
});
/**测试按钮*/ /**测试按钮*/
function handleTest() { function handleTest() {
router.push({ openProductionTestModal(true, {
path: '/dataService/serviceManage/onlineManage/productionTest', isUpdate: false,
query: {},
}); });
} }
/**保存按钮*/ /**保存按钮*/
function handleSave() { function handleSave() {
router.back(); closeDrawer();
} createMessage.success('保存成功！！');
/**表单按钮*/
function handleSubmit(values: any) {
createMessage.success('click search,values:' + JSON.stringify(values));
} }
/**接入数据*/
onMounted(() => {
/* const data = tableList.filter((item) => item.businessId === route.query.id);*/
// formParams.value = data[0];
/*console.log('数据：', data)*/
title.value = '上线设置';
/* Object.assign(formParams, data[0]); // 使用 Object.assign 赋值*/
/* resetFields();*/
})
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.modal_top { .modal_top {
......
src/views/dataService/serviceManage/onlineManage/productionTest.vue → src/views/dataService/serviceManage/onlineManage/productionTestModal.vue
View file @ 210f5a3e
<template> <template>
<PageWrapper :title="title" contentBackground @back="goBack" dense fixedHeight > <BasicModal
<template #headerContent> width="60%"
<span>API / 验收 / SQL API</span> v-bind="$attrs"
@register="registerModal"
@ok="handleSubmit"
>
<template #title>
<div style="display: flex; justify-content: space-between">
<div class="flex">
<Icon icon="ant-design:bug-outlined" :size="30" style="color:#0960BD;"/>
<div style="margin-left: 10px">
<span>测试</span>
<h4 style="color: #BFBFBF">API / 验收 / SAL API</h4>
</div>
</div>
</div>
</template> </template>
<BasicTable @register="registerTable" title="请求参数"/> <BasicTable @register="registerTable" title="请求参数"/>
<div style="padding: 15px"> <div style="padding: 15px">
<a-button type="primary" @click="testButton"><Icon icon="ant-design:play-circle-outlined"></Icon>测试</a-button> <a-button type="primary" @click="testButton"><Icon icon="ant-design:play-circle-outlined"></Icon>测试</a-button>
<div style="margin: 15px 0;font-weight: bold;font-size: 16px">请求报文</div> <div style="margin: 15px 0;font-weight: bold;font-size: 16px">请求报文</div>
<CodeEditor v-model:value="value1" :mode="modeValue" style="margin-bottom: 20px"/> <CodeEditor v-model:value="value1" :mode="modeValue" style="margin-bottom: 20px"/>
<div style="margin-bottom: 15px;font-weight: bold;font-size: 16px">返回结果源码</div> <div style="margin-bottom: 15px;font-weight: bold;font-size: 16px">返回结果源码</div>
<CodeEditor v-model:value="value2" :mode="modeValue" /> <CodeEditor v-model:value="value2" :mode="modeValue" />
</div> </div>
</BasicModal>
</PageWrapper>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
/**上线设置页面*/ /**上线设置页面*/
...@@ -29,9 +41,17 @@ import BasicTable from "@/components/Table/src/BasicTable.vue"; ...@@ -29,9 +41,17 @@ import BasicTable from "@/components/Table/src/BasicTable.vue";
import {testTableSchema} from "@/views/dataService/serviceManage/onlineManage/onlineManage.data"; import {testTableSchema} from "@/views/dataService/serviceManage/onlineManage/onlineManage.data";
import {useTable} from "@/components/Table"; import {useTable} from "@/components/Table";
import {CodeEditor, MODE} from "@/components/CodeEditor"; import {CodeEditor, MODE} from "@/components/CodeEditor";
import {BasicModal, useModal, useModalInner} from '@/components/Modal';
const title = ref(); const title = ref();
const route = useRoute(); const route = useRoute();
//初始化弹框
const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
setModalProps({
confirmLoading: false,
});
});
/**右-表（右上）*/ /**右-表（右上）*/
const [registerTable] = useTable({ const [registerTable] = useTable({
dataSource: testTableData, dataSource: testTableData,
...@@ -82,15 +102,10 @@ function testButton() { ...@@ -82,15 +102,10 @@ function testButton() {
function handleSave() { function handleSave() {
router.back(); router.back();
} }
/**接入数据*/ /**确定按钮*/
onMounted(() => { async function handleSubmit() {
const data = tableList.filter((item) => item.businessId === route.query.id); closeModal();
// formParams.value = data[0]; }
console.log('数据：', data)
title.value = '测试';
/* Object.assign(formParams, data[0]); // 使用 Object.assign 赋值*/
/* resetFields();*/
})
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/dataStandards/labelDropInspection/labelDetail/detail.data.ts
View file @ 210f5a3e
import { FormSchema } from '@/components/Form'; import { FormSchema } from '@/components/Form';
import {BasicColumn} from "@/components/Table"; import { BasicColumn } from '@/components/Table';
export const detailFormSchema: FormSchema[] = [ export const detailFormSchema: FormSchema[] = [
{ {
...@@ -47,9 +47,10 @@ export const detailFormSchema: FormSchema[] = [ ...@@ -47,9 +47,10 @@ export const detailFormSchema: FormSchema[] = [
colProps: { lg: 18 }, colProps: { lg: 18 },
}, },
{ {
field: 'type', field: 'selectType',
label: '规则选择方式', label: '规则选择方式',
slot: 'type', defaultValue: '数据标准',
slot: 'selectType',
componentProps: { componentProps: {
options: [ options: [
{ {
...@@ -282,35 +283,35 @@ export const dataStandardColumns: BasicColumn[any] = [ ...@@ -282,35 +283,35 @@ export const dataStandardColumns: BasicColumn[any] = [
dataIndex: 'workGroup', dataIndex: 'workGroup',
width: 150, width: 150,
}, },
] ];
// 添加数据标准 弹窗列表数据 // 添加数据标准 弹窗列表数据
export const dataStandardListData: any[] = [ export const dataStandardListData: any[] = [
{ {
"id": 1, id: 1,
"standardName": "对外投资出资方式", standardName: '对外投资出资方式',
"standardNumber": "BAS000004", standardNumber: 'BAS000004',
"businessDefinition": "对外投资出资方式", businessDefinition: '对外投资出资方式',
"workGroup": "个人工作区", workGroup: '个人工作区',
}, },
{ {
"id": 2, id: 2,
"standardName": "对外投资控股标志", standardName: '对外投资控股标志',
"standardNumber": "BAS000005", standardNumber: 'BAS000005',
"businessDefinition": "对外投资控股标志", businessDefinition: '对外投资控股标志',
"workGroup": "个人工作区", workGroup: '个人工作区',
}, },
{ {
"id": 3, id: 3,
"standardName": "对外投资企业证明", standardName: '对外投资企业证明',
"standardNumber": "BAS000006", standardNumber: 'BAS000006',
"businessDefinition": "对外投资企业证明", businessDefinition: '对外投资企业证明',
"workGroup": "个人工作区", workGroup: '个人工作区',
}, },
{ {
"id": 4, id: 4,
"standardName": "zy_basic_standard", standardName: 'zy_basic_standard',
"standardNumber": "BAS000007", standardNumber: 'BAS000007',
"businessDefinition": "zy_basic_standard", businessDefinition: 'zy_basic_standard',
"workGroup": "共享工作区", workGroup: '共享工作区',
}, },
]; ];
src/views/dataStandards/labelDropInspection/labelDetail/detailData.ts
View file @ 210f5a3e
...@@ -4,7 +4,7 @@ export const detailFormData = { ...@@ -4,7 +4,7 @@ export const detailFormData = {
describe: '', describe: '',
updateTime: '', updateTime: '',
cycle: '', cycle: '',
selectType: '', selectType: '数据标准',
}; };
export const detailCycleOptions = [ export const detailCycleOptions = [
{ {
......
src/views/dataStandards/labelDropInspection/labelDetail/index.vue
View file @ 210f5a3e
<template> <template>
<PageWrapper :title="modelName" contentBackground headerSticky> <PageWrapper contentBackground headerSticky>
<template #extra> <template #headerContent>
<a-button type="primary" @click="handleOperation">跳转运维</a-button> <div class="flex" style="gap: 10px">
<a-button type="primary">查看报告</a-button> <div class="flex-1 flex" style="gap: 10px">
<a-button type="primary" :disabled="disabled">保存</a-button> <LeftOutlined style="font-size: 25px; cursor: pointer" @click="handleBack" />
<a-button type="primary" @click="handleOnline">{{ isOnline ? '下线' : '上线' }}</a-button> <SearchOutlined style="font-size: 30px; color: #14b43e" />
<a-button type="primary">运行</a-button> <div>
<div style="font-weight: bolder; font-size: 16px">
{{ modelName }}
</div>
<div style="color: #b5b9c5">
{{ path }}
</div>
</div>
</div>
<a-button type="primary" @click="handleOperation">跳转运维</a-button>
<a-button type="primary">查看报告</a-button>
<a-button type="primary" :disabled="disabled" @click="handleSave">保存</a-button>
<a-button type="primary" @click="handleOnline">{{ isOnline ? '下线' : '上线' }}</a-button>
<a-button type="primary" @click="handleRun">运行</a-button>
</div>
</template> </template>
<template #footer> <template #footer>
<BasicForm :disabled="disabled" @register="registerForm"> <BasicForm :disabled="disabled" @register="registerForm">
...@@ -23,9 +37,8 @@ ...@@ -23,9 +37,8 @@
</template> </template>
<template #formula="{ model, field }"> <template #formula="{ model, field }">
<a-input style="width: 200px" v-model:value="model[field]" /> <a-input style="width: 200px" v-model:value="model[field]" />
<a-button :disabled="disabled" type="link">Cron表达式</a-button>
</template> </template>
<template #type="{ model, field }"> <template #selectType="{ model, field }">
<RadioGroup v-model:value="model[field]" @change="changeTableType(model[field])"> <RadioGroup v-model:value="model[field]" @change="changeTableType(model[field])">
<Radio :value="item" v-for="item in ['数据标准', '元数据']" :key="item">{{ <Radio :value="item" v-for="item in ['数据标准', '元数据']" :key="item">{{
item item
...@@ -39,19 +52,30 @@ ...@@ -39,19 +52,30 @@
@register="registerTable" @register="registerTable"
:searchInfo="searchInfo" :searchInfo="searchInfo"
> >
<template #toolbar> <template #headerTop>
<span>是否运行质量检查</span> <div class="flex">
<QuestionCircleOutlined /> <div class="flex-1 flex" style="gap: 10px">
<RadioGroup :disabled="disabled" v-model:value="checkType"> <Input style="width: 200px" v-model:value="searchBasic" placeholder="搜索标准" />
<Radio :value="item" v-for="item in ['是', '否']" :key="item">{{ item }}</Radio> <Input style="width: 200px" v-model:value="searchPath" placeholder="搜索路径" />
</RadioGroup> </div>
<a-button <div class="flex" style="gap: 10px">
:disabled="disabled || getRowSelection().selectedRowKeys <= 0" <span>是否运行质量检查</span>
@click="handleDelete" <QuestionCircleOutlined />
><DeleteOutlined <RadioGroup :disabled="disabled" v-model:value="checkType">
/></a-button> <Radio :value="item" v-for="item in ['是', '否']" :key="item">{{ item }}</Radio>
<a-button :disabled="disabled" type="primary" @click="addDataStandard()">添加数据标准</a-button> </RadioGroup>
<a-button
:disabled="disabled || getRowSelection().selectedRowKeys <= 0"
@click="handleDelete"
><DeleteOutlined
/></a-button>
<a-button :disabled="disabled" type="primary" @click="addDataStandard()"
>添加数据标准</a-button
>
</div>
</div>
</template> </template>
<template #toolbar> </template>
<template #standard="{ text, record }"> <template #standard="{ text, record }">
<a @click="handleTableName">{{ text }}</a> <a @click="handleTableName">{{ text }}</a>
</template> </template>
...@@ -61,28 +85,36 @@ ...@@ -61,28 +85,36 @@
</template> </template>
</BasicTable> </BasicTable>
<BasicTable v-if="tableType === '元数据'" @register="metadataTable" :searchInfo="searchInfo"> <BasicTable v-if="tableType === '元数据'" @register="metadataTable" :searchInfo="searchInfo">
<template #toolbar> <template #headerTop>
<span>是否运行质量检查</span> <div class="flex">
<QuestionCircleOutlined /> <div class="flex-1 flex" style="gap: 10px">
<RadioGroup :disabled="disabled" v-model:value="checkType"> <Input style="width: 200px" v-model:value="searchBasic" placeholder="搜索标准" />
<QuestionCircleOutlined style="z-index: 2" /> <Input style="width: 200px" v-model:value="searchPath" placeholder="搜索路径" />
<Radio :value="item" v-for="item in ['是', '否']" :key="item">{{ item }}</Radio> </div>
</RadioGroup> <div class="flex" style="gap: 10px">
<a-button <div>是否运行质量检查<QuestionCircleOutlined style="margin-left: 10px" /></div>
:disabled="disabled || getMetadataRowSelection().selectedRowKeys <= 0" <RadioGroup :disabled="disabled" v-model:value="checkType">
@click="handleDelete" <QuestionCircleOutlined style="z-index: 2" />
><DeleteOutlined <Radio :value="item" v-for="item in ['是', '否']" :key="item">{{ item }}</Radio>
/></a-button> </RadioGroup>
<Dropdown :disabled="disabled"> <a-button
<a-button type="primary">添加元数据</a-button> :disabled="disabled || getMetadataRowSelection().selectedRowKeys <= 0"
<template #overlay> @click="handleDelete"
<Menu> ><DeleteOutlined
<MenuItem @click="handleExcel"> Excel导入 </MenuItem> /></a-button>
<MenuItem @click="handleAdd"> 手动添加 </MenuItem> <Dropdown :disabled="disabled">
</Menu> <a-button type="primary">添加元数据</a-button>
</template> <template #overlay>
</Dropdown> <Menu>
<MenuItem @click="handleExcel"> Excel导入 </MenuItem>
<MenuItem @click="handleAdd"> 手动添加 </MenuItem>
</Menu>
</template>
</Dropdown>
</div>
</div>
</template> </template>
<template #toolbar> </template>
<template #name="{ text, record }"> <template #name="{ text, record }">
<div>{{ text }}</div> <div>{{ text }}</div>
<div style="color: #9195a4">{{ record.nameTxt }}</div> <div style="color: #9195a4">{{ record.nameTxt }}</div>
...@@ -99,9 +131,14 @@ ...@@ -99,9 +131,14 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { Radio, Select, Switch, Dropdown, Menu, MenuItem } from 'ant-design-vue'; import { Radio, Select, Switch, Dropdown, Menu, MenuItem, Input } from 'ant-design-vue';
import { PageWrapper } from '@/components/Page'; import { PageWrapper } from '@/components/Page';
import { DeleteOutlined, QuestionCircleOutlined } from '@ant-design/icons-vue'; import {
DeleteOutlined,
QuestionCircleOutlined,
LeftOutlined,
SearchOutlined,
} from '@ant-design/icons-vue';
import { BasicTable, useTable } from '@/components/Table'; import { BasicTable, useTable } from '@/components/Table';
import BasicForm from '../../../../components/Form/src/BasicForm.vue'; import BasicForm from '../../../../components/Form/src/BasicForm.vue';
import { useForm } from '@/components/Form'; import { useForm } from '@/components/Form';
...@@ -130,12 +167,15 @@ ...@@ -130,12 +167,15 @@
const { createMessage, createConfirm } = useMessage(); const { createMessage, createConfirm } = useMessage();
const RadioGroup = Radio.Group; const RadioGroup = Radio.Group;
const route = useRoute(); const route = useRoute();
const modelName = ref(route.query.name); const modelName = route.query.name;
const path = '落标检查 / admin-个人工作区 / ' + modelName;
const searchInfo = reactive<Recordable>({}); const searchInfo = reactive<Recordable>({});
const infoData = route.query; const infoData = route.query;
const isOnline = ref(false); const isOnline = ref(false);
const disabled = computed(() => isOnline.value); const disabled = computed(() => isOnline.value);
const checkType = ref('否'); const checkType = ref('否');
const searchBasic = ref();
const searchPath = ref();
let tableType = ref('数据标准'); let tableType = ref('数据标准');
function handleTableName() {} function handleTableName() {}
function changeTableType(type) { function changeTableType(type) {
...@@ -210,12 +250,7 @@ ...@@ -210,12 +250,7 @@
rowSelection: {}, rowSelection: {},
striped: false, striped: false,
// 搜索 // 搜索
formConfig: { useSearchForm: false,
labelWidth: 120,
schemas: detailDataFormSchema,
autoSubmitOnEnter: true,
},
useSearchForm: true,
showTableSetting: false, showTableSetting: false,
bordered: true, bordered: true,
}); });
...@@ -230,15 +265,19 @@ ...@@ -230,15 +265,19 @@
rowSelection: {}, rowSelection: {},
striped: false, striped: false,
// 搜索 // 搜索
formConfig: { useSearchForm: false,
labelWidth: 120,
schemas: metadataFormSchema,
autoSubmitOnEnter: true,
},
useSearchForm: true,
showTableSetting: false, showTableSetting: false,
bordered: true, bordered: true,
}); });
function handleBack() {
router.go(-1);
}
function handleSave() {
createMessage.success('保存成功！');
}
function handleRun() {
createMessage.success('运行成功！');
}
onMounted(() => { onMounted(() => {
setFieldsValue({ ...detailFormData, ...infoData }); setFieldsValue({ ...detailFormData, ...infoData });
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment