Skip to content

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

大页面-首页1

parent 19dd97b4
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 251 additions and 284 deletions
src/views/AAAFont/front/index.vue
View file @ e0e1b0c5
......@@ -18,10 +18,9 @@
<el-tab-pane name="first">
<template #label>
<span class="mb-4" style="font-size: 24px; font-weight: 700; color: #1962e2"
>省登记平台(1112)</span
>
>省登记平台(1112)</span>
</template>
<el-row :gutter="20">
<el-row class="mt-5" :gutter="20">
<el-col :span="8">
<el-card>
<div slot="header">
......@@ -255,30 +254,170 @@
<span class="title_bottom mb-10">提供有效的数据价值，共15916条数据</span>
<div class="tab-pane">
<el-tabs v-model="activeName2" @tab-click="handleClick">
<div class="custom-table">
<el-tab-pane name="first">
<template #label>
<span class="mb-4 tab-label">数据集（15900）</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>
<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 name="second">
<template #label>
<span class="mb-4 tab-label">文件（100）</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>
<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 name="third">
<template #label>
<span class="mb-4 tab-label">API（100)</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>
<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 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>
<el-table-column
prop="applicationDate"
label="申请日期"
>
</el-table-column>
<el-table-column
prop="upDate"
label="更新日期"
>
</el-table-column>
</el-table>
</el-tab-pane>
</div>
</el-tabs>
<el-button-group>
<el-button plain class="back-button" type="text">
......@@ -314,6 +453,27 @@
url: 'src/assets/images/mallHome/banner.png',
},
],
tableData: [{
applicationDate: '2016-05-02',
upDate: '2016-05-02',
name: '浙江先导精密机械有限公司',
address: '三生（中国）健康产业有限公司'
}, {
applicationDate: '2016-05-04',
upDate: '2016-05-04',
name: '三生（中国）健康产业有限公司',
address: '46-55岁人群对锅具产品满意度分析数据'
}, {
applicationDate: '2016-05-01',
upDate: '2016-05-01',
name: '浙江先导精密机械有限公司',
address: '46-55岁人群对净水机满意度分析数据'
}, {
applicationDate: '2016-05-03',
upDate: '2016-05-03',
name: '三生（中国）健康产业有限公司',
address: '46-55岁人群对净水机满意度分析数据'
}],
};
},
methods: {
......@@ -387,7 +547,7 @@
display: flex;
justify-content: space-around;
margin-top: 20px;
font-size: 15px;
font-size: 18px;
text-align: left;
p {
......@@ -418,8 +578,8 @@
font-weight: 500;
.button {
color: #1962e2;
border: #1962e2 2px solid;
color: #1962E2;
border: #1962E2 2px solid;
}
}
......@@ -479,4 +639,17 @@
}
}
}
.custom-table{
margin-bottom: 72px;
}
.table-span{
color: #1962E2;
margin-left: 80px;
}
.table-span-label{
margin-left: 80px;
}
</style>
src/views/AAAFont/index.vue
View file @ e0e1b0c5
This diff is collapsed.
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