update: 首页样式调整

This commit is contained in:
easy 2023-01-12 18:30:07 +08:00
parent 085a2d711a
commit a9f57ac414
5 changed files with 34 additions and 24 deletions

View File

@ -87,6 +87,11 @@ export default [
path: '/link/accessConfig/detail/add', path: '/link/accessConfig/detail/add',
component: () => import('@/views/link/AccessConfig/Detail/index.vue') component: () => import('@/views/link/AccessConfig/Detail/index.vue')
}, },
// system 系统管理
{
path:'/system/api',
components: ()=>import('@/views/system/apiPage/index')
},
// 初始化 // 初始化
{ {
path: '/init-home', path: '/init-home',

View File

@ -25,6 +25,10 @@
:open-number="openAccess" :open-number="openAccess"
@confirm="againJumpPage" @confirm="againJumpPage"
/> />
<FuncTestDialog
:open-number="openFunc"
@confirm="againJumpPage"
/>
</div> </div>
</a-card> </a-card>
</template> </template>
@ -35,6 +39,7 @@ import { QuestionCircleOutlined } from '@ant-design/icons-vue';
import { message } from 'ant-design-vue'; import { message } from 'ant-design-vue';
import AccessMethodDialog from './dialogs/AccessMethodDialog.vue'; import AccessMethodDialog from './dialogs/AccessMethodDialog.vue';
import FuncTestDialog from './dialogs/FuncTestDialog.vue';
import { recommendList } from '../index'; import { recommendList } from '../index';

View File

@ -3,7 +3,7 @@
<a-modal <a-modal
v-model:visible="visible" v-model:visible="visible"
title="选择产品" title="选择产品"
style="width: 700px" style="width: 1000px"
@ok="handleOk" @ok="handleOk"
:getContainer="getContainer" :getContainer="getContainer"
:maskClosable="false" :maskClosable="false"
@ -11,34 +11,31 @@
<div class="search"> <div class="search">
<a-select <a-select
v-model:value="form.key" v-model:value="form.key"
style="width: 100%" style="width: 100px;margin-right: 20px;"
:options="productList" :options="productList"
/> />
<a-select <a-select
v-model:value="form.relation" v-model:value="form.relation"
style="width: 100%" style="width: 100px;margin-right: 20px;"
:options="productList" :options="productList"
/> />
<a-input v-model:value="form.keyValue" allow-clear /> <a-input v-model:value="form.keyValue" allow-clear style="width: 230px;margin-right: 50px;" />
<a-button type="primary" @click="clickSearch"> <a-button type="primary" @click="clickSearch" style="margin-right: 10px;">
<template #icon><SearchOutlined /></template> <template #icon><SearchOutlined /></template>
搜索 搜索
</a-button> </a-button>
<a-button type="primary" @click="clickReset"> <a-button @click="clickReset">
<template #icon><reload-outlined /></template> <template #icon><reload-outlined /></template>
重置 重置
</a-button> </a-button>
</div> </div>
<JTable :columns="columns"> <JTable :columns="columns" model="TABLE"> </JTable>
</JTable>
<template #footer> <template #footer>
<a-button key="back" @click="visible = false">取消</a-button> <a-button key="back" @click="visible = false
<a-button key="submit" type="primary" @click="handleOk" ">取消</a-button>
>确认</a-button <a-button key="submit" type="primary" @click="handleOk">确认</a-button>
>
</template> </template>
</a-modal> </a-modal>
</template> </template>
@ -65,10 +62,10 @@ const handleOk = () => {
watch( watch(
() => props.openNumber, () => props.openNumber,
() => { () => {
visible.value = true;
clickReset(); clickReset();
getOptions(); getOptions();
clickSearch(); clickSearch();
visible.value = true;
}, },
); );
@ -122,4 +119,11 @@ const selectItem: deviceInfo | {} = {};
const getList = () => {}; const getList = () => {};
</script> </script>
<style lang="scss" scoped></style> <style lang="less" scoped>
.func-test-dialog-container {
.search {
display: flex;
}
}
</style>

View File

@ -6,8 +6,7 @@
<!-- <InitHome /> --> <!-- <InitHome /> -->
<!-- <DeviceHome /> --> <!-- <DeviceHome /> -->
<!-- <DevOpsHome /> --> <!-- <DevOpsHome /> -->
<!-- <ComprehensiveHome /> --> <ComprehensiveHome />
<ApiPage />
</div> </div>
</div> </div>
</template> </template>
@ -17,7 +16,6 @@ import InitHome from './components/InitHome/index.vue';
import DeviceHome from './components/DeviceHome/index.vue'; import DeviceHome from './components/DeviceHome/index.vue';
import DevOpsHome from './components/DevOpsHome/index.vue'; import DevOpsHome from './components/DevOpsHome/index.vue';
import ComprehensiveHome from './components/ComprehensiveHome/index.vue'; import ComprehensiveHome from './components/ComprehensiveHome/index.vue';
import ApiPage from '@/views/system/apiPage/index.vue'
</script> </script>

View File

@ -28,7 +28,7 @@
model="TABLE" model="TABLE"
> >
<template #required="slotProps"> <template #required="slotProps">
<span>{{ slotProps.row.required + '' }}</span> <span>{{ Boolean(slotProps.row.required) + '' }}</span>
</template> </template>
<template #type="slotProps"> <template #type="slotProps">
<span>{{ slotProps.row.schema.type }}</span> <span>{{ slotProps.row.schema.type }}</span>
@ -178,7 +178,7 @@ const respParamsCard = reactive<tableCardType>({
columns: [ columns: [
{ {
title: '参数名称', title: '参数名称',
dataIndex: 'name', dataIndex: 'paramsName',
}, },
{ {
title: '参数说明', title: '参数说明',
@ -186,7 +186,7 @@ const respParamsCard = reactive<tableCardType>({
}, },
{ {
title: '类型', title: '类型',
dataIndex: 'type', dataIndex: 'paramsType',
}, },
], ],
tableData: [], tableData: [],
@ -201,11 +201,9 @@ const respParamsCard = reactive<tableCardType>({
const schemaName = responseStatusCard.tableData.find( const schemaName = responseStatusCard.tableData.find(
(item: any) => item.code === code, (item: any) => item.code === code,
).schema; ).schema;
console.log(1212, schemaName);
const schemas = toRaw(props.schemas); const schemas = toRaw(props.schemas);
function findData(schemaName: string) { function findData(schemaName: string) {
if (!schemaName || schemas[schemaName]) { if (!schemaName || !schemas[schemaName]) {
console.log(schemaName, schemas);
return []; return [];
} }
const result: schemaObjType[] = []; const result: schemaObjType[] = [];