Skip to content

B
bigDataSystem
Commit dbfa4bd1 authored by liangjingpeng's avatar liangjingpeng
Browse files
Options

前台页面-交易市场-数据集详情1

parent c2ad7ca8
Show whitespace changes
Inline Side-by-side
Showing with 419 additions and 364 deletions
src/views/AAAFont/front/index.vue
View file @ dbfa4bd1
...@@ -11,14 +11,14 @@ ...@@ -11,14 +11,14 @@
</el-carousel> </el-carousel>
</div> </div>
<h3 class="content-item-h3">登记公示</h3> <h3 class="content-item-h3">数据公示</h3>
<span class="title_bottom">共114条数据，公示期为10个工作日</span> <span class="title_bottom">共114条数据，公示期为10个工作日</span>
<div class="tab-pane"> <div class="tab-pane">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane name="first"> <el-tab-pane name="first">
<template #label> <template #label>
<span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2" <span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2"
>登记平台(112)</span >数据平台(112)</span
> >
</template> </template>
<el-row class="mt-5" :gutter="20"> <el-row class="mt-5" :gutter="20">
...@@ -198,7 +198,7 @@ ...@@ -198,7 +198,7 @@
<div class="custom-table"> <div class="custom-table">
<el-tab-pane name="first"> <el-tab-pane name="first">
<template #label> <template #label>
<span class="mb-4 tab-label">数据集（15900）</span> <span class="mb-4 tab-label">数据服务（15900）</span>
</template> </template>
<el-table <el-table
class="mt-5" class="mt-5"
...@@ -223,7 +223,7 @@ ...@@ -223,7 +223,7 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="second"> <el-tab-pane name="second">
<template #label> <template #label>
<span class="mb-4 tab-label">文件（100）</span> <span class="mb-4 tab-label">数据集（100）</span>
</template> </template>
<el-table <el-table
class="mt-5" class="mt-5"
...@@ -271,31 +271,6 @@ ...@@ -271,31 +271,6 @@
<el-table-column prop="upDate" label="更新日期" /> <el-table-column prop="upDate" label="更新日期" />
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="fourth">
<template #label>
<span class="mb-4 tab-label">登记产品</span>
</template>
<el-table
class="mt-5"
:fits="true"
:row-style="{ height: '60px' }"
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }"
:data="tableData"
style="width: 1440px; font-size: 18px"
>
<el-table-column prop="address" width="500" label="登记产品产权名称">
<template #header="scope">
<span class="table-span-label">{{ scope.column.label }}</span>
</template>
<template #default="scope">
<span class="table-span">{{ scope.row.address }}</span>
</template>
</el-table-column>
<el-table-column prop="name" width="350" label="申请人" />
<el-table-column prop="applicationDate" label="申请日期" />
<el-table-column prop="upDate" label="更新日期" />
</el-table>
</el-tab-pane>
</div> </div>
</el-tabs> </el-tabs>
<el-button-group> <el-button-group>
......
src/views/AAAFont/tradingMarket/details/api.vue
View file @ dbfa4bd1
<script setup lang="ts"> <template>
<PageWrapper class="content-padding" contentBackground @back="goBack">
<template #headerContent>
<div class="modal_top">
<Icon
icon="ep:arrow-left-bold"
:size="20"
style="margin-right: 5px"
:color="'#a3a7b1'"
@click="goBack"
/>
<div>
<Icon
icon="material-symbols-light:dataset-linked-outline-sharp"
:size="40"
:color="'#64c6e9'"
/>
</div>
<div class="ml-3">
<div class="title">API</div>
<div class="path">API日志记录</div>
</div>
<div class="buttonGroup"> </div>
</div>
</template>
<div class="desc-wrap">
<step-header title="基本信息" />
<Description
size="middle"
:bordered="false"
:column="2"
:data="basicData"
:schema="basicSchema"
:labelStyle="{ fontSize: '16px' }"
:contentStyle="{ fontSize: '16px' }"
/>
<step-header class="mt-5" title="列信息" />
<BasicTable @register="registerTable" />
</div>
</PageWrapper>
</template>
<script lang="ts" setup>
import { onMounted, ref } from 'vue';
import { PageWrapper } from '@/components/Page';
import { Tabs } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage';
import { router } from '@/router';
import Icon from '@/components/Icon/Icon.vue';
import { Description } from '@/components/Description';
import { basicSchema, searchEditFormSchema, informationColumns } from './data';
import { basicData, informationTableList } from './dataFileData';
import { BasicTable, useTable } from '@/components/Table';
import BasicTitle from "@/components/Basic/src/BasicTitle.vue";
import StepHeader from "@/components/stepHeader.vue";
defineOptions({ name: 'AccountDetail' });
const { createMessage, createConfirm } = useMessage();
const ATabs = Tabs;
const ATabPane = Tabs.TabPane;
const [registerTable] = useTable({
api: async () => {
const response = {
pageNu: '1',
pageSize: '10',
pages: '1',
total: informationTableList.length,
code: '',
message: '',
data: informationTableList,
};
return { ...response };
},
columns: informationColumns,
formConfig: {
labelWidth: 10,
schemas: searchEditFormSchema,
autoSubmitOnEnter: true,
showActionButtonGroup: false,
},
showTableSetting: false,
showIndexColumn: false,
bordered: true,
handleSearchInfoFn(info) {
return info;
},
});
function goBack() {
router.back();
}
onMounted(() => {});
</script> </script>
<template> <style lang="scss" scoped>
api .content-padding {
</template> width: 1440px;
margin: 0 auto;
background-color: white;
}
.modal_top {
padding: 0 0 20px 0;
display: flex;
align-items: center;
.title {
font-size: 16px;
font-weight: 500;
}
.path {
font-size: 14px;
color: gray;
}
<style scoped lang="less"> .buttonGroup {
margin-left: auto;
display: flex;
gap: 5px;
align-items: center;
}
}
</style> </style>
src/views/AAAFont/tradingMarket/details/file.vue
View file @ dbfa4bd1
<script setup lang="ts"> <template>
<PageWrapper class="content-padding" contentBackground @back="goBack">
<template #headerContent>
<div class="modal_top">
<Icon
icon="ep:arrow-left-bold"
:size="20"
style="margin-right: 5px"
:color="'#a3a7b1'"
@click="goBack"
/>
<div>
<Icon
icon="material-symbols-light:dataset-linked-outline-sharp"
:size="40"
:color="'#64c6e9'"
/>
</div>
<div class="ml-3">
<div class="title">文件</div>
<div class="path">党建工作总结</div>
</div>
<div class="buttonGroup"> </div>
</div>
</template>
<div class="desc-wrap">
<step-header title="基本信息" />
<Description
size="middle"
:bordered="false"
:column="2"
:data="basicData"
:schema="basicSchema"
:labelStyle="{ fontSize: '16px' }"
:contentStyle="{ fontSize: '16px' }"
/>
<step-header class="mt-5" title="列信息" />
<BasicTable @register="registerTable" />
</div>
</PageWrapper>
</template>
<script lang="ts" setup>
import { onMounted, ref } from 'vue';
import { PageWrapper } from '@/components/Page';
import { Tabs } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage';
import { router } from '@/router';
import Icon from '@/components/Icon/Icon.vue';
import { Description } from '@/components/Description';
import { basicSchema, searchEditFormSchema, informationColumns } from './data';
import { basicData, informationTableList } from './dataFileData';
import { BasicTable, useTable } from '@/components/Table';
import BasicTitle from "@/components/Basic/src/BasicTitle.vue";
import StepHeader from "@/components/stepHeader.vue";
defineOptions({ name: 'AccountDetail' });
const { createMessage, createConfirm } = useMessage();
const ATabs = Tabs;
const ATabPane = Tabs.TabPane;
const [registerTable] = useTable({
api: async () => {
const response = {
pageNu: '1',
pageSize: '10',
pages: '1',
total: informationTableList.length,
code: '',
message: '',
data: informationTableList,
};
return { ...response };
},
columns: informationColumns,
formConfig: {
labelWidth: 10,
schemas: searchEditFormSchema,
autoSubmitOnEnter: true,
showActionButtonGroup: false,
},
showTableSetting: false,
showIndexColumn: false,
bordered: true,
handleSearchInfoFn(info) {
return info;
},
});
function goBack() {
router.back();
}
onMounted(() => {});
</script> </script>
<template> <style lang="scss" scoped>
文件 .content-padding {
</template> width: 1440px;
margin: 0 auto;
background-color: white;
}
.modal_top {
padding: 0 0 20px 0;
display: flex;
align-items: center;
.title {
font-size: 16px;
font-weight: 500;
}
.path {
font-size: 14px;
color: gray;
}
<style scoped lang="less"> .buttonGroup {
margin-left: auto;
display: flex;
gap: 5px;
align-items: center;
}
}
</style> </style>
src/views/AAAFont/tradingMarket/index.vue
View file @ dbfa4bd1
...@@ -32,19 +32,7 @@ ...@@ -32,19 +32,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div v-if="tabChildren" class="right-tab">-->
<!-- <div-->
<!-- v-show="tabChildren"-->
<!-- v-for="(tab, index) in tabChildren"-->
<!-- :key="tab"-->
<!-- :class="{ active: tabChildrenSelect === index }"-->
<!-- @click="tabChildrenSelect = index"-->
<!-- >-->
<!-- <div class="tab">-->
<!-- {{ tab.name }}-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div> </div>
</div> </div>
<div class="type1"> <div class="type1">
...@@ -72,80 +60,55 @@ ...@@ -72,80 +60,55 @@
</div> </div>
<div class="tab-pane"> <div class="tab-pane">
<el-tabs v-model="activeName2" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<div class="custom-table"> <div class="custom-table">
<el-tab-pane name="first"> <el-tab-pane name="first">
<template #label>
<span class="mb-4 tab-label">数据集</span>
</template>
<el-row class="mt-5 w-365" :gutter="20"> <el-row class="mt-5 w-365" :gutter="20">
<el-col <el-col @click="handleDetail(0)" class="mb-4" :span="6" v-for="card in cardsData" :key="card.title">
@click="handleDetail(0)"
class="mb-4"
:span="6"
v-for="card in cardsData"
:key="card.title"
>
<el-card class="card-box"> <el-card class="card-box">
<template #header> <template #header>
<div style="display: flex; justify-content: space-between"> <div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center"> <div style="display: flex; align-items: center">
<Icon <Icon icon="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" />
icon="ant-design:exception-outlined" <span class="ml-4" style="font-size: 20px; font-weight: 550"
:color="'#9d00ae'" >{{card.title}}</span>
:size="26"
/>
<span class="ml-4" style="font-size: 20px; font-weight: 550">{{
card.title
}}</span>
</div> </div>
<el-tag type="danger">{{ card.tag }}</el-tag> <el-tag type="danger">{{card.tag}}</el-tag>
</div> </div>
</template> </template>
<div class="card-row"> <div class="card-row">
<div class="card-right"> <div class="card-right">
<!-- <p>{{card.applicant}}</p>--> <!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>--> <!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>--> <!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{ card.illustrate }}</p> <p>{{card.illustrate}}</p>
</div> </div>
</div> </div>
<div class="card_bottom"> <div class="card_bottom">
<span style="color: #ec7520; font-size: 24px">面议</span> <span style="color: #ec7520;font-size: 24px">面议</span>
<el-button style="padding: 0; border: none; box-shadow: none" round> <el-button
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }} style="padding: 0; border: none; box-shadow: none"
round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{card.look}}
</el-button> </el-button>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="second"> <el-tab-pane name="second">
<template #label>
<span class="mb-4 tab-label">文件</span>
</template>
<el-row class="mt-5 w-365" :gutter="20"> <el-row class="mt-5 w-365" :gutter="20">
<el-col <el-col @click="handleDetail(1)" class="mb-4" :span="6" v-for="card in cardsData1" :key="card.title">
@click="handleDetail(1)"
class="mb-4"
:span="6"
v-for="card in cardsData1"
:key="card.title"
>
<el-card class="card-box"> <el-card class="card-box">
<template #header> <template #header>
<div style="display: flex; justify-content: space-between"> <div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center"> <div style="display: flex; align-items: center">
<Icon <Icon icon="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" />
icon="ant-design:exception-outlined" <span class="ml-4" style="font-size: 20px; font-weight: 550"
:color="'#9d00ae'" >{{card.title}}</span>
:size="26"
/>
<span class="ml-4" style="font-size: 20px; font-weight: 550">{{
card.title
}}</span>
</div> </div>
<el-tag type="danger">{{ card.tag }}</el-tag> <el-tag type="danger">{{card.tag}}</el-tag>
</div> </div>
</template> </template>
<div class="card-row"> <div class="card-row">
...@@ -153,45 +116,34 @@ ...@@ -153,45 +116,34 @@
<!-- <p>{{card.applicant}}</p>--> <!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>--> <!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>--> <!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{ card.illustrate }}</p> <p>{{card.illustrate}}</p>
</div> </div>
</div> </div>
<div class="card_bottom"> <div class="card_bottom">
<span style="color: #ec7520; font-size: 24px">面议</span> <span style="color: #ec7520;font-size: 24px">面议</span>
<el-button style="padding: 0; border: none; box-shadow: none" round> <el-button
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }} style="padding: 0; border: none; box-shadow: none"
round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{card.look}}
</el-button> </el-button>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="third"> <el-tab-pane name="third">
<template #label>
<span class="mb-4 tab-label">API</span>
</template>
<el-row class="mt-5 w-365" :gutter="20"> <el-row class="mt-5 w-365" :gutter="20">
<el-col <el-col @click="handleDetail(2)" class="mb-4" :span="6" v-for="card in cardsData2" :key="card.title">
@click="handleDetail(2)"
class="mb-4"
:span="6"
v-for="card in cardsData2"
:key="card.title"
>
<el-card class="card-box"> <el-card class="card-box">
<template #header> <template #header>
<div style="display: flex; justify-content: space-between"> <div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center"> <div style="display: flex; align-items: center">
<Icon <Icon icon="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" />
icon="ant-design:exception-outlined" <span class="ml-4" style="font-size: 20px; font-weight: 550"
:color="'#9d00ae'" >{{card.title}}</span>
:size="26"
/>
<span class="ml-4" style="font-size: 20px; font-weight: 550">{{
card.title
}}</span>
</div> </div>
<el-tag type="danger">{{ card.tag }}</el-tag> <el-tag type="danger">{{card.tag}}</el-tag>
</div> </div>
</template> </template>
<div class="card-row"> <div class="card-row">
...@@ -199,66 +151,33 @@ ...@@ -199,66 +151,33 @@
<!-- <p>{{card.applicant}}</p>--> <!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>--> <!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>--> <!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{ card.illustrate }}</p> <p>{{card.illustrate}}</p>
</div> </div>
</div> </div>
<div class="card_bottom"> <div class="card_bottom">
<span style="color: #ec7520; font-size: 24px">面议</span> <span style="color: #ec7520;font-size: 24px">面议</span>
<el-button style="padding: 0; border: none; box-shadow: none" round> <el-button
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }} style="padding: 0; border: none; box-shadow: none"
round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{card.look}}
</el-button> </el-button>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
<el-table
class="mt-5"
:fits="true"
:row-style="{ height: '60px' }"
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }"
:data="tableData"
style="width: 1440px; font-size: 18px"
>
<el-table-column prop="address" width="500" label="API产权名称">
<template #header="scope">
<span class="table-span-label">{{ scope.column.label }}</span>
</template>
<template #default="scope">
<span class="table-span">{{ scope.row.address }}</span>
</template>
</el-table-column>
<el-table-column prop="name" width="350" label="申请人"> </el-table-column>
<el-table-column prop="applicationDate" label="申请日期"> </el-table-column>
<el-table-column prop="upDate" label="更新日期"> </el-table-column>
</el-table>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="fourth"> <el-tab-pane name="fourth">
<template #label>
<span class="mb-4 tab-label">登记服务</span>
</template>
<el-row class="mt-5 w-365" :gutter="20"> <el-row class="mt-5 w-365" :gutter="20">
<el-col <el-col @click="handleDetail(2)" class="mb-4" :span="6" v-for="card in [...cardsData, ...cardsData1, ...cardsData2]" :key="card.title">
@click="handleDetail(2)"
class="mb-4"
:span="6"
v-for="card in cardsData3"
:key="card.title"
>
<el-card class="card-box"> <el-card class="card-box">
<template #header> <template #header>
<div style="display: flex; justify-content: space-between"> <div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center"> <div style="display: flex; align-items: center">
<Icon <Icon icon="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" />
icon="ant-design:exception-outlined" <span class="ml-4" style="font-size: 20px; font-weight: 550"
:color="'#9d00ae'" >{{card.title}}</span>
:size="26"
/>
<span class="ml-4" style="font-size: 20px; font-weight: 550">{{
card.title
}}</span>
</div> </div>
<el-tag type="danger">{{ card.tag }}</el-tag> <el-tag type="danger">{{card.tag}}</el-tag>
</div> </div>
</template> </template>
<div class="card-row"> <div class="card-row">
...@@ -266,39 +185,20 @@ ...@@ -266,39 +185,20 @@
<!-- <p>{{card.applicant}}</p>--> <!-- <p>{{card.applicant}}</p>-->
<!-- <p>{{card.dataSource}}</p>--> <!-- <p>{{card.dataSource}}</p>-->
<!-- <p>{{card.applicationScenarios}}</p>--> <!-- <p>{{card.applicationScenarios}}</p>-->
<p>{{ card.illustrate }}</p> <p>{{card.illustrate}}</p>
</div> </div>
</div> </div>
<div class="card_bottom"> <div class="card_bottom">
<span style="color: #ec7520; font-size: 24px">面议</span> <span style="color: #ec7520;font-size: 24px">面议</span>
<el-button style="padding: 0; border: none; box-shadow: none" round> <el-button
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }} style="padding: 0; border: none; box-shadow: none"
round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{card.look}}
</el-button> </el-button>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
<el-table
class="mt-5"
:fits="true"
:row-style="{ height: '60px' }"
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }"
:data="tableData"
style="width: 1440px; font-size: 18px"
>
<el-table-column prop="address" width="500" label="登记产品产权名称">
<template #header="scope">
<span class="table-span-label">{{ scope.column.label }}</span>
</template>
<template #default="scope">
<span class="table-span">{{ scope.row.address }}</span>
</template>
</el-table-column>
<el-table-column prop="name" width="350" label="申请人"> </el-table-column>
<el-table-column prop="applicationDate" label="申请日期"> </el-table-column>
<el-table-column prop="upDate" label="更新日期"> </el-table-column>
</el-table>
</el-tab-pane> </el-tab-pane>
</div> </div>
</el-tabs> </el-tabs>
...@@ -332,9 +232,7 @@ ...@@ -332,9 +232,7 @@
components: { Icon }, components: { Icon },
data() { data() {
return { return {
activeName: 'first', activeName: 'fourth',
activeName1: 'first',
activeName2: 'first',
cardLogo, cardLogo,
industryImg, industryImg,
dynamicImg, dynamicImg,
...@@ -349,7 +247,7 @@ ...@@ -349,7 +247,7 @@
name: '全部', name: '全部',
}, },
{ {
name: '数据集', name: '数据服务',
children: [ children: [
{ {
name: '全部', name: '全部',
...@@ -372,7 +270,7 @@ ...@@ -372,7 +270,7 @@
], ],
}, },
{ {
name: '文件', name: '数据集',
children: [ children: [
{ {
name: '全部', name: '全部',
...@@ -417,26 +315,6 @@ ...@@ -417,26 +315,6 @@
}, },
], ],
}, },
{
name: '登记服务',
children: [
{
name: '全部',
},
{
name: '产业咨询',
},
{
name: '工业互联网',
},
{
name: '供应链管理',
},
{
name: '生产线管理',
},
],
},
], ],
tabMoneyList: [ tabMoneyList: [
{ {
...@@ -537,6 +415,7 @@ ...@@ -537,6 +415,7 @@
state: '已发布', state: '已发布',
tag: '办公室', tag: '办公室',
}, },
], ],
cardsData1: [ cardsData1: [
{ {
...@@ -575,6 +454,7 @@ ...@@ -575,6 +454,7 @@
look: '123', look: '123',
tag: '宣传中心', tag: '宣传中心',
}, },
], ],
cardsData2: [ cardsData2: [
{ {
...@@ -622,53 +502,8 @@ ...@@ -622,53 +502,8 @@
look: '11', look: '11',
tag: '运维', tag: '运维',
}, },
],
cardsData3: [
{
title: '登记服务记录',
applicant: '劳动中心',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '详细记录 API 调用的日志',
look: '43',
tag: '运维',
},
{
title: '登记服务记录',
applicant: '劳动中心',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '详细记录 API 调用的日志',
look: '53',
tag: '运维',
},
{
title: '登记服务记录',
applicant: '劳动中心',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '详细记录 API 调用的日志',
look: '12',
tag: '运维',
},
{
title: '登记服务记录',
applicant: '劳动中心',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '详细记录 API 调用的日志',
look: '141',
tag: '运维',
},
{
title: '登记服务记录',
applicant: '劳动中心',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '详细记录 API 调用的日志',
look: '121',
tag: '运维',
},
], ],
}; };
}, },
...@@ -681,25 +516,34 @@ ...@@ -681,25 +516,34 @@
this.tab = tab; this.tab = tab;
this.tabChildren = tab.children; this.tabChildren = tab.children;
this.tabChildrenSelect = 0; this.tabChildrenSelect = 0;
}, if (tab.name ==='数据服务'){
handleDetail(i) { this.activeName = 'first';
if (i === 0) { }else if (tab.name ==='数据集'){
this.activeName = 'second';
}else if (tab.name ==='API'){
this.activeName = 'third';
}else {
this.activeName = 'fourth';
}
},
handleDetail(i){
if (i === 0){
this.$router.push({ this.$router.push({
path: '/aaaFont/tradingMarket/details/dataSet', path: '/aaaFont/tradingMarket/details/dataSet',
query: '', query: '',
}); })
} else if (i === 1) { } else if (i === 1){
this.$router.push({ this.$router.push({
path: '/aaaFont/tradingMarket/details/file', path: '/aaaFont/tradingMarket/details/file',
query: '', query: '',
}); })
} else if (i === 2) { } else if (i === 2){
this.$router.push({ this.$router.push({
path: '/aaaFont/tradingMarket/details/api', path: '/aaaFont/tradingMarket/details/api',
query: '', query: '',
}); })
}
} }
},
}, },
}; };
</script> </script>
...@@ -801,9 +645,9 @@ ...@@ -801,9 +645,9 @@
} }
} }
.tab-pane { .tab-pane {
position: relative; position: relative;
margin-top: 80px;
width: 1440px; width: 1440px;
display: flex; display: flex;
} }
...@@ -818,10 +662,10 @@ ...@@ -818,10 +662,10 @@
color: #3a5cde; color: #3a5cde;
} }
.card-box:hover { .card-box:hover{
box-shadow: 3px 2px 15px rgba(0, 0, 0, 0.2); box-shadow: 3px 2px 15px rgba(0, 0, 0, 0.2);
} }
.card-row { .card-row {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
font-size: 18px; font-size: 18px;
...@@ -849,8 +693,10 @@ ...@@ -849,8 +693,10 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
font-weight: 500; font-weight: 500;
} }
.custom-table { .custom-table {
margin-bottom: 72px; margin-bottom: 72px;
} }
......
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