Skip to content

B
bigDataSystem
Commit c9fa53d9 authored by chenjiahao's avatar chenjiahao
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents d054409d c064e964
Hide whitespace changes
Inline Side-by-side
Showing with 654 additions and 395 deletions
src/views/AAAFont/demandHall/index.vue
View file @ c9fa53d9
<template> <template>
<div class="mainContainer" id="main"> <div class="mainContainer" style="overflow: hidden" id="main">
<div class="subContainer"> <div class="subContainer">
<div class="item-content-box"> <div class="item-content-box">
<div class="commonContainer"> <div class="commonContainer">
...@@ -10,117 +10,80 @@ ...@@ -10,117 +10,80 @@
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
</div> </div>
<div class="type">
<div class="tab-pane"> <div class="type1">
<el-tabs v-model="activeName2" @tab-click="handleClick"> <div class="w-1/7 type-left">
<div class="custom-table"> <div>
<el-tab-pane name="first"> <Icon icon="ant-design:share-alt-outlined" class="icon" />
<template #label> </div>
<span class="mb-4 tab-label">数据集</span> <div class="type-des"> 行业分类 </div>
</template> </div>
<el-table <div class="w-6/7 type-right">
class="mt-5" <div class="right-tab">
:fits="true" <div
:row-style="{ height: '60px' }" v-for="(tab, index) in tabList"
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }" :key="tab"
:data="tableData" :class="{ active: tabSelect === index }"
style="width: 1440px; font-size: 18px" @click="handleClickTab(tab, index)"
>
<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>
<el-tab-pane name="second">
<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="文件产权名称"> <div class="tab">
<template #header="scope"> {{ tab.name }}
<span class="table-span-label">{{ scope.column.label }}</span> </div>
</template> </div>
<template #default="scope"> </div>
<span class="table-span">{{ scope.row.address }}</span> <div v-if="tabChildren" class="right-tab">
</template> <div
</el-table-column> v-show="tabChildren"
<el-table-column prop="name" width="350" label="申请人" /> v-for="(tab, index) in tabChildren"
<el-table-column prop="applicationDate" label="申请日期" /> :key="tab"
<el-table-column prop="upDate" label="更新日期" /> :class="{ active: tabChildrenSelect === index }"
</el-table> @click="tabChildrenSelect = index"
</el-tab-pane>
<el-tab-pane name="third">
<template #label>
<span class="mb-4 tab-label">API</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="API产权名称"> <div class="tab">
<template #header="scope"> {{ tab.name }}
<span class="table-span-label">{{ scope.column.label }}</span> </div>
</template> </div>
<template #default="scope"> </div>
<span class="table-span">{{ scope.row.address }}</span> </div>
</template> </div>
</el-table-column> <div class="type1">
<el-table-column prop="name" width="350" label="申请人" /> <div class="w-1/7 type-left">
<el-table-column prop="applicationDate" label="申请日期" /> <div>
<el-table-column prop="upDate" label="更新日期" /> <Icon icon="ant-design:line-chart-outlined" class="icon" />
</el-table> </div>
</el-tab-pane> <div class="type-des"> 需求预算 </div>
<el-tab-pane name="fourth"> </div>
<template #label> <div class="w-6/7 type-right">
<span class="mb-4 tab-label">登记服务</span> <div class="right-tab">
</template> <div
<el-table v-for="(tab, index) in tabMoneyList"
class="mt-5" :key="tab"
:fits="true" :class="{ active: tabSelect === index }"
:row-style="{ height: '60px' }" @click="handleClickTab(tab, index)"
: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="登记产品产权名称"> <div class="tab2">
<template #header="scope"> {{ tab.name }}
<span class="table-span-label">{{ scope.column.label }}</span> </div>
</template> </div>
<template #default="scope"> </div>
<span class="table-span">{{ scope.row.address }}</span> </div>
</template> </div>
</el-table-column> </div>
<el-table-column prop="name" width="350" label="申请人" /> <div class="table">
<el-table-column prop="applicationDate" label="申请日期" /> <div class="card" v-for="i in [1, 2, 3, 4, 5, 6, 7]" :key="i">
<el-table-column prop="upDate" label="更新日期" /> <div class="title">
</el-table> <Icon icon="ant-design:exception-outlined" class="icon" />
</el-tab-pane> <div class="c-header">
<div class="ch-title"> 药房数据 </div>
<div class="ch-tab"> 医疗卫生 </div>
</div>
<div class="c-des"> 省内及各地市县各大药房更新的用户购买药品记录 </div>
</div>
<div class="c-footer">
<div class="cf-money"> 面议 </div>
<div class="cf-status"> 匹配中 </div>
</div> </div>
</el-tabs> </div>
<el-button-group>
<el-button plain class="back-button" type="text">
查看更多&nbsp;<Icon :size="24" icon="icon-park-solid:right-c" />
</el-button>
</el-button-group>
</div> </div>
</div> </div>
</div> </div>
...@@ -131,20 +94,7 @@ ...@@ -131,20 +94,7 @@
<script> <script>
import Icon from '@/components/Icon/Icon.vue'; import Icon from '@/components/Icon/Icon.vue';
import { getToken } from '@/utils/auth'; import { getToken } from '@/utils/auth';
import cardLogo from '@/assets/images/mallHome/biaoqian.png';
import industryImg from '@/assets/images/mallHome/行业动态.png';
import dynamicImg from '@/assets/images/mallHome/hangyedongtai.png';
const items = [
{
id: '1',
url: new URL('@/assets/images/mallHome/banner1.png', import.meta.url).href,
},
{
id: '2',
url: new URL('@/assets/images/mallHome/banner.png', import.meta.url).href,
},
];
export default { export default {
name: 'DemandHall', name: 'DemandHall',
components: { Icon }, components: { Icon },
...@@ -153,10 +103,19 @@ ...@@ -153,10 +103,19 @@
activeName: 'first', activeName: 'first',
activeName1: 'first', activeName1: 'first',
activeName2: 'first', activeName2: 'first',
cardLogo, cardLogo: 'src/assets/images/mallHome/biaoqian.png',
industryImg, industryImg: 'src/assets/images/mallHome/行业动态.png',
dynamicImg, dynamicImg: 'src/assets/images/mallHome/hangyedongtai.png',
items, items: [
{
id: '1',
url: 'src/assets/images/mallHome/banner1.png',
},
{
id: '2',
url: 'src/assets/images/mallHome/banner.png',
},
],
tableData: [ tableData: [
{ {
applicationDate: '2016-05-02', applicationDate: '2016-05-02',
...@@ -183,6 +142,253 @@ ...@@ -183,6 +142,253 @@
address: '46-55岁人群对净水机满意度分析数据', address: '46-55岁人群对净水机满意度分析数据',
}, },
], ],
tabSelect: 0,
tabList: [
{
name: '全部',
},
{
name: '金融科技',
children: [
{
name: '全部',
},
{
name: '数字营销',
},
{
name: '风险管控',
},
{
name: '智能投顾',
},
{
name: '行业咨询',
},
{
name: '信用评估',
},
],
},
{
name: '电商消费',
children: [
{
name: '全部',
},
{
name: '数字营销',
},
{
name: '智能选址',
},
{
name: '采购选品',
},
{
name: '供应链管理',
},
{
name: '市场咨询',
},
],
},
{
name: '城市治理',
children: [
{
name: '全部',
},
{
name: '气象监测',
},
{
name: '应急保障',
},
{
name: '智慧交通',
},
{
name: '智慧安防',
},
{
name: '未来社区',
},
],
},
{
name: '医疗卫生',
children: [
{
name: '全部',
},
{
name: '智能诊断',
},
{
name: '临床治疗决策',
},
{
name: '健康监测',
},
{
name: '医疗科研',
},
{
name: '在线问诊',
},
],
},
{
name: '工业制造',
children: [
{
name: '全部',
},
{
name: '产业咨询',
},
{
name: '工业互联网',
},
{
name: '供应链管理',
},
{
name: '生产线管理',
},
],
},
{
name: '交通物流',
children: [
{
name: '全部',
},
{
name: '车联网',
},
{
name: '快递货运',
},
{
name: '智能物流',
},
{
name: '航运铁路',
},
],
},
{
name: '时空信息',
children: [
{
name: '全部',
},
{
name: '遥感影像',
},
{
name: '实景三维',
},
{
name: '导航定位',
},
{
name: '地名地址',
},
{
name: '智能网联车',
},
{
name: '数字地图',
},
],
},
{
name: '互联网',
children: [
{
name: '全部',
},
{
name: '数字营销',
},
{
name: '安全防护',
},
{
name: '奥情分析',
},
],
},
{
name: '企业服务',
children: [
{
name: '全部',
},
{
name: '品牌管理',
},
{
name: '运营优化',
},
{
name: '企业咨询',
},
{
name: '市场营销',
},
],
},
{
name: '公共服务',
children: [
{
name: '全部',
},
{
name: '社会公共服务',
},
{
name: '公共安全服务',
},
{
name: '经济公共服务',
},
{
name: '基础公共服务',
},
],
},
],
tabMoneyList: [
{
name: '全部',
},
{
name: '0-5000',
},
{
name: '5001-10000',
},
{
name: '10001-15000',
},
{
name: '15001-20000',
},
{
name: '超过20000',
},
{
name: '面议',
},
],
tab: {},
tabChildren: undefined,
tabChildrenSelect: 0,
}; };
}, },
methods: { methods: {
...@@ -204,6 +410,12 @@ ...@@ -204,6 +410,12 @@
// this.$router.push({path: "/login"}); // this.$router.push({path: "/login"});
// } // }
}, },
handleClickTab(tab, index) {
this.tabSelect = index;
this.tab = tab;
this.tabChildren = tab.children;
this.tabChildrenSelect = 0;
},
}, },
}; };
</script> </script>
...@@ -398,4 +610,119 @@ ...@@ -398,4 +610,119 @@
color: #1962e2; color: #1962e2;
} }
} }
.type {
width: 70%;
padding: 40px;
display: flex;
flex-direction: column;
gap: 40px;
.type1 {
display: flex;
}
.type-left {
border-right: 2px solid #f0f0f0;
padding: 5px 0;
margin-right: 80px;
display: flex;
.icon {
font-size: 20px !important;
color: #4171fc;
}
.type-des {
width: 100px;
}
}
::-webkit-scrollbar {
height: 6px;
}
.type-right {
display: flex;
flex-direction: column;
gap: 40px;
overflow-x: hidden;
.right-tab {
display: flex;
gap: 30px;
}
}
.type-right:hover {
overflow: auto;
}
.tab {
width: 140px;
cursor: pointer;
padding: 8px 20px;
}
.tab2 {
width: 130px;
cursor: pointer;
padding: 8px 10px;
}
.active {
font-weight: bolder;
background-color: #eff1f6;
color: #668ef8;
}
}
.table {
width: 70%;
padding: 40px 0;
display: flex;
flex-wrap: wrap; /* 允许换行 */
gap: 20px; /* 元素之间的间隔 */
text-align: left;
.card:hover {
box-shadow: 3px 2px 15px rgba(0, 0, 0, 0.2);
}
.card {
border-radius: 15px;
transition: box-shadow 0.2s ease-in-out;
cursor: pointer;
border: 2px solid #eff1f6;
flex: 0 0 calc(25% - 20px);
display: flex;
flex-direction: column;
gap: 40px;
padding: 30px 20px;
.title {
display: flex;
flex-direction: column;
gap: 20px;
}
.icon {
color: #82a0fc;
font-size: 40px !important;
}
.c-header {
display: flex;
gap: 20px;
.ch-title {
font-weight: bolder;
font-size: 20px;
}
.ch-tab {
font-size: 12px;
background-color: #fff3ef;
color: #fe9693;
padding: 4px 10px;
}
.c-des {
}
}
.c-footer {
display: flex;
gap: 15px;
.cf-money {
font-size: 30px;
color: #f53f3f;
}
.cf-status {
display: flex;
align-items: center;
color: #999999;
}
}
}
}
</style> </style>
src/views/AAAFont/front/index.vue
View file @ c9fa53d9
...@@ -22,14 +22,14 @@ ...@@ -22,14 +22,14 @@
> >
</template> </template>
<el-row class="mt-5" :gutter="20"> <el-row class="mt-5" :gutter="20">
<el-col :span="8"> <el-col :span="8" v-for="card in cardsData" :key="card.title">
<el-card> <el-card>
<template #header> <template #header>
<div> <div>
<div style="display: flex; align-items: center"> <div style="display: flex; align-items: center">
<img :src="cardLogo" /> <img :src="cardLogo" />
<span class="ml-4" style="font-size: 20px; font-weight: 550" <span class="ml-4" style="font-size: 20px; font-weight: 550"
>阀类需求弹性分析数据</span >{{card.title}}</span
> >
</div> </div>
</div> </div>
...@@ -44,83 +44,11 @@ ...@@ -44,83 +44,11 @@
<p>公示截止时间</p> <p>公示截止时间</p>
</div> </div>
<div class="card-right"> <div class="card-right">
<p>天津市融创软通科技股份有限公司</p> <p>{{card.applicant}}</p>
<p>自行生产</p> <p>{{card.dataSource}}</p>
<p>通过特定时间段内不用地区.....</p> <p>{{card.applicationScenarios}}</p>
<p> <p>
1.数据采集：1）从数据源中获取数据，2）对数据进行预处理，3）对数据进行........</p {{card.illustrate}}</p
>
</div>
</div>
<div class="card_bottom">
<span style="color: #ec7520">公示中</span>
<el-button class="button" round>提交异议</el-button>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card>
<template #header>
<div>
<div style="display: flex; align-items: center">
<img :src="cardLogo" />
<span class="ml-4" style="font-size: 20px; font-weight: 550"
>大学食堂销量预测</span
>
</div>
</div>
</template>
<div class="card-row">
<div class="card-left">
<p>申请人</p>
<p>数据来源</p>
<p>应用场景</p>
<p>算法规则简要说明</p>
<p></p>
<p>公示截止时间</p>
</div>
<div class="card-right">
<p>天津市融创软通科技股份有限公司</p>
<p>现场采集</p>
<p>销量的预测</p>
<p>
Apriori算法对数据集进行多次扫描，第一次扫描得到频繁1-项集L1，第k(k>1)次............</p
>
</div>
</div>
<div class="card_bottom">
<span style="color: #ec7520">公示中</span>
<el-button class="button" round>提交异议</el-button>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card>
<template #header>
<div>
<div style="display: flex; align-items: center">
<img :src="cardLogo" />
<span class="ml-4" style="font-size: 20px; font-weight: 550"
>销售量对价格变化的反应研究</span
>
</div>
</div>
</template>
<div class="card-row">
<div class="card-left">
<p>申请人</p>
<p>数据来源</p>
<p>应用场景</p>
<p>算法规则简要说明</p>
<p></p>
<p>公示截止时间</p>
</div>
<div class="card-right">
<p>天津市融创软通科技股份有限公司</p>
<p>问卷调查</p>
<p>对数据的分析</p>
<p>
关联规则是形如X=>Y的蕴含式，其中X、Y分别是一事务的真子集，且X∩Y=Φ。X称为规则的.............</p
> >
</div> </div>
</div> </div>
...@@ -154,8 +82,7 @@ ...@@ -154,8 +82,7 @@
margin-top: 24px; margin-top: 24px;
background-color: #754e9e; background-color: #754e9e;
" "
><img :src="dynamicImg" ><img :src="dynamicImg" /></div>
/></div>
<div class="mt-5 big-event"> <div class="mt-5 big-event">
<el-tag style="font-size: 14px">大事件</el-tag> <el-tag style="font-size: 14px">大事件</el-tag>
<span class="ml-2" style="font-size: 18px">大数据平台上线</span> <span class="ml-2" style="font-size: 18px">大数据平台上线</span>
...@@ -440,6 +367,29 @@ ...@@ -440,6 +367,29 @@
address: '46-55岁人群对净水机满意度分析数据', address: '46-55岁人群对净水机满意度分析数据',
}, },
], ],
cardsData: [
{
title: '阀类需求弹性分析数据',
applicant: '办公室',
dataSource: '自行生产',
applicationScenarios: '销售宣传',
illustrate: '撰写季度党建工作总结报告'
},
{
title: '大学食堂销量预测',
applicant: '天津融创软通科技股份有限公司',
dataSource: '现场采集',
applicationScenarios: '问卷调查',
illustrate: 'Apriori算法对数据集进行多次扫描，第一次扫描得到频繁1-项集L1，第k(k>1)次.........'
},
{
title: '销售量对价格变化的反应研究',
applicant: '天津融创软通科技股份有限公司',
dataSource: '关系型与非关系型数据库分析数据',
applicationScenarios: '销售宣传',
illustrate: '关联规则是形如X=>Y的蕴含式，其中X、Y分别是一事务的真子集，且X∩Y=Φ。X称为规则的......'
},
],
}; };
}, },
methods: { methods: {
......
src/views/AAAFont/tradingMarket/index.vue
View file @ c9fa53d9
...@@ -11,120 +11,128 @@ ...@@ -11,120 +11,128 @@
</el-carousel> </el-carousel>
</div> </div>
<div class="tab-pane"> <div class="tab-pane">
<el-tabs v-model="activeName2" @tab-click="handleClick"> <el-tabs v-model="activeName2" @tab-click="handleClick">
<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">数据集</span> <span class="mb-4 tab-label">数据集</span>
</template> </template>
<el-table <el-row class="mt-5" :gutter="20">
class="mt-5" <el-col class="mb-4" :span="6" v-for="card in cardsData" :key="card.title">
:fits="true" <el-card>
:row-style="{ height: '60px' }" <template #header>
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }" <div>
:data="tableData" <div style="display: flex; align-items: center">
style="width: 1440px; font-size: 18px" <img :src="cardLogo" />
> <span class="ml-4" style="font-size: 20px; font-weight: 550"
<el-table-column prop="address" width="500" label="数据集产权名称"> >{{card.title}}</span
<template #header="scope"> >
<span class="table-span-label">{{ scope.column.label }}</span> </div>
</div>
</template> </template>
<template #default="scope"> <div class="card-row">
<span class="table-span">{{ scope.row.address }}</span> <div class="card-left">
</template> <p>申请人</p>
</el-table-column> <p>数据来源</p>
<el-table-column prop="name" width="350" label="申请人" /> <p>应用场景</p>
<el-table-column prop="applicationDate" label="申请日期" /> <p>算法规则简要说明</p>
<el-table-column prop="upDate" label="更新日期" /> </div>
</el-table> <div class="card-right">
</el-tab-pane> <p>{{card.applicant}}</p>
<el-tab-pane name="second"> <p>{{card.dataSource}}</p>
<template #label> <p>{{card.applicationScenarios}}</p>
<span class="mb-4 tab-label">文件</span> <p>
</template> {{card.illustrate}}</p
<el-table >
class="mt-5" </div>
:fits="true" </div>
:row-style="{ height: '60px' }" </el-card>
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }" </el-col>
:data="tableData" </el-row>
style="width: 1440px; font-size: 18px"
> </el-tab-pane>
<el-table-column prop="address" width="500" label="文件产权名称"> <el-tab-pane name="second">
<template #header="scope"> <template #label>
<span class="table-span-label">{{ scope.column.label }}</span> <span class="mb-4 tab-label">文件</span>
</template> </template>
<template #default="scope"> <el-table
<span class="table-span">{{ scope.row.address }}</span> class="mt-5"
</template> :fits="true"
</el-table-column> :row-style="{ height: '60px' }"
<el-table-column prop="name" width="350" label="申请人" /> :header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }"
<el-table-column prop="applicationDate" label="申请日期" /> :data="tableData"
<el-table-column prop="upDate" label="更新日期" /> style="width: 1440px; font-size: 18px"
</el-table> >
</el-tab-pane> <el-table-column prop="address" width="500" label="文件产权名称">
<el-tab-pane name="third"> <template #header="scope">
<template #label> <span class="table-span-label">{{ scope.column.label }}</span>
<span class="mb-4 tab-label">API</span> </template>
</template> <template #default="scope">
<el-table <span class="table-span">{{ scope.row.address }}</span>
class="mt-5" </template>
:fits="true" </el-table-column>
:row-style="{ height: '60px' }" <el-table-column prop="name" width="350" label="申请人"> </el-table-column>
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }" <el-table-column prop="applicationDate" label="申请日期"> </el-table-column>
:data="tableData" <el-table-column prop="upDate" label="更新日期"> </el-table-column>
style="width: 1440px; font-size: 18px" </el-table>
> </el-tab-pane>
<el-table-column prop="address" width="500" label="API产权名称"> <el-tab-pane name="third">
<template #header="scope"> <template #label>
<span class="table-span-label">{{ scope.column.label }}</span> <span class="mb-4 tab-label">API</span>
</template> </template>
<template #default="scope"> <el-table
<span class="table-span">{{ scope.row.address }}</span> class="mt-5"
</template> :fits="true"
</el-table-column> :row-style="{ height: '60px' }"
<el-table-column prop="name" width="350" label="申请人" /> :header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }"
<el-table-column prop="applicationDate" label="申请日期" /> :data="tableData"
<el-table-column prop="upDate" label="更新日期" /> style="width: 1440px; font-size: 18px"
</el-table> >
</el-tab-pane> <el-table-column prop="address" width="500" label="API产权名称">
<el-tab-pane name="fourth"> <template #header="scope">
<template #label> <span class="table-span-label">{{ scope.column.label }}</span>
<span class="mb-4 tab-label">登记服务</span> </template>
</template> <template #default="scope">
<el-table <span class="table-span">{{ scope.row.address }}</span>
class="mt-5" </template>
:fits="true" </el-table-column>
:row-style="{ height: '60px' }" <el-table-column prop="name" width="350" label="申请人"> </el-table-column>
:header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }" <el-table-column prop="applicationDate" label="申请日期"> </el-table-column>
:data="tableData" <el-table-column prop="upDate" label="更新日期"> </el-table-column>
style="width: 1440px; font-size: 18px" </el-table>
> </el-tab-pane>
<el-table-column prop="address" width="500" label="登记产品产权名称"> <el-tab-pane name="fourth">
<template #header="scope"> <template #label>
<span class="table-span-label">{{ scope.column.label }}</span> <span class="mb-4 tab-label">登记服务</span>
</template> </template>
<template #default="scope"> <el-table
<span class="table-span">{{ scope.row.address }}</span> class="mt-5"
</template> :fits="true"
</el-table-column> :row-style="{ height: '60px' }"
<el-table-column prop="name" width="350" label="申请人" /> :header-cell-style="{ background: '#E4ECFA', color: '#3F3F3F', height: '60px' }"
<el-table-column prop="applicationDate" label="申请日期" /> :data="tableData"
<el-table-column prop="upDate" label="更新日期" /> style="width: 1440px; font-size: 18px"
</el-table> >
</el-tab-pane> <el-table-column prop="address" width="500" label="登记产品产权名称">
</div> <template #header="scope">
</el-tabs> <span class="table-span-label">{{ scope.column.label }}</span>
<el-button-group> </template>
<el-button plain class="back-button" type="text"> <template #default="scope">
查看更多&nbsp;<Icon :size="24" icon="icon-park-solid:right-c" /> <span class="table-span">{{ scope.row.address }}</span>
</el-button> </template>
</el-button-group> </el-table-column>
</div> <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>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</template> </template>
...@@ -184,6 +192,50 @@ ...@@ -184,6 +192,50 @@
address: '46-55岁人群对净水机满意度分析数据', address: '46-55岁人群对净水机满意度分析数据',
}, },
], ],
cardsData: [
{
title: '党建工作总结',
applicant: '办公室',
dataSource: '关系型与非关系型数据库',
applicationScenarios: '销售宣传',
illustrate: '撰写季度党建工作总结报告'
},
{
title: '产品',
applicant: '天津融创软通科技股份有限公司',
dataSource: '关系型与非关系型数据库分析数据',
applicationScenarios: '销售宣传',
illustrate: 'Apriori算法对数据集进行多次扫描，第一次扫描得到频繁1-项集L1，第k(k>1)次.........'
},
{
title: '产品',
applicant: '天津融创软通科技股份有限公司',
dataSource: '关系型与非关系型数据库分析数据',
applicationScenarios: '销售宣传',
illustrate: 'Apriori算法对数据集进行多次扫描，第一次扫描得到频繁1-项集L1，第k(k>1)次.........'
},
{
title: '产品',
applicant: '天津融创软通科技股份有限公司',
dataSource: '关系型与非关系型数据库分析数据',
applicationScenarios: '销售宣传',
illustrate: 'Apriori算法对数据集进行多次扫描，第一次扫描得到频繁1-项集L1，第k(k>1)次.........'
},
{
title: '产品',
applicant: '天津融创软通科技股份有限公司',
dataSource: '关系型与非关系型数据库分析数据',
applicationScenarios: '销售宣传',
illustrate: 'Apriori算法对数据集进行多次扫描，第一次扫描得到频繁1-项集L1，第k(k>1)次.........'
},
{
title: '产品',
applicant: '天津融创软通科技股份有限公司',
dataSource: '关系型与非关系型数据库分析数据',
applicationScenarios: '销售宣传',
illustrate: 'Apriori算法对数据集进行多次扫描，第一次扫描得到频繁1-项集L1，第k(k>1)次.........'
},
]
}; };
}, },
methods: { methods: {
...@@ -191,20 +243,6 @@ ...@@ -191,20 +243,6 @@
console.log(tab, event); console.log(tab, event);
}, },
// 进入后台方法
toBackstage() {
console.log('activeIndex', this.activeIndex);
if (getToken()) {
this.$router.push({ path: '/homePage/index' });
} else {
this.$router.push({ path: '/login' });
}
// if (getToken()){
// this.$router.push({path: "/admin"});
// }else {
// this.$router.push({path: "/login"});
// }
},
}, },
}; };
</script> </script>
...@@ -267,17 +305,17 @@ ...@@ -267,17 +305,17 @@
color: #3a5cde; color: #3a5cde;
} }
.card-row { .card-row {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
margin-top: 20px; font-size: 18px;
font-size: 18px; text-align: left;
text-align: left; margin-bottom: 40px;
p { p {
margin-top: 18px; margin-top: 18px;
height: 24px; height: 20px;
} }
.card-left { .card-left {
width: 28%; width: 28%;
...@@ -307,62 +345,6 @@ ...@@ -307,62 +345,6 @@
} }
} }
.industry {
width: 100%;
margin-top: 100px;
background-color: #eff3fa;
display: flex;
flex-direction: column;
align-items: center;
.industry-row {
width: 1440px;
margin-top: 72px;
margin-bottom: 72px;
display: flex;
justify-content: space-between;
.row-left {
width: 464px;
height: 400px;
border-radius: 8px;
background-color: #ffffff;
padding: 37px 24px 24px 24px;
.big-event {
display: flex;
align-items: center;
}
}
.row-right {
border-radius: 8px;
background-color: #ffffff;
width: 952px;
height: 400px;
padding: 33px 24px 24px 24px;
.right-li {
display: flex;
justify-content: space-between;
font-size: 18px;
margin: 30px 20px 20px 0;
.li-left {
}
.li-middle {
width: 76%;
color: #3f3f3f;
}
.li-right {
color: #9c9c9c;
}
}
}
}
}
.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