Skip to content

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

前台页面-交易市场2

parent 5e797198
Show whitespace changes
Inline Side-by-side
Showing with 202 additions and 270 deletions
src/views/AAAFont/front/index.vue
View file @ c064e964
...@@ -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 @ c064e964
...@@ -18,26 +18,39 @@ ...@@ -18,26 +18,39 @@
<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"
>{{card.title}}</span
> >
<el-table-column prop="address" width="500" label="数据集产权名称"> </div>
<template #header="scope"> </div>
<span class="table-span-label">{{ scope.column.label }}</span>
</template>
<template #default="scope">
<span class="table-span">{{ scope.row.address }}</span>
</template> </template>
</el-table-column> <div class="card-row">
<el-table-column prop="name" width="350" label="申请人" /> <div class="card-left">
<el-table-column prop="applicationDate" label="申请日期" /> <p>申请人</p>
<el-table-column prop="upDate" label="更新日期" /> <p>数据来源</p>
</el-table> <p>应用场景</p>
<p>算法规则简要说明</p>
</div>
<div class="card-right">
<p>{{card.applicant}}</p>
<p>{{card.dataSource}}</p>
<p>{{card.applicationScenarios}}</p>
<p>
{{card.illustrate}}</p
>
</div>
</div>
</el-card>
</el-col>
</el-row>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="second"> <el-tab-pane name="second">
<template #label> <template #label>
...@@ -59,9 +72,9 @@ ...@@ -59,9 +72,9 @@
<span class="table-span">{{ scope.row.address }}</span> <span class="table-span">{{ scope.row.address }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" width="350" label="申请人" /> <el-table-column prop="name" width="350" label="申请人"> </el-table-column>
<el-table-column prop="applicationDate" label="申请日期" /> <el-table-column prop="applicationDate" label="申请日期"> </el-table-column>
<el-table-column prop="upDate" label="更新日期" /> <el-table-column prop="upDate" label="更新日期"> </el-table-column>
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="third"> <el-tab-pane name="third">
...@@ -84,9 +97,9 @@ ...@@ -84,9 +97,9 @@
<span class="table-span">{{ scope.row.address }}</span> <span class="table-span">{{ scope.row.address }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" width="350" label="申请人" /> <el-table-column prop="name" width="350" label="申请人"> </el-table-column>
<el-table-column prop="applicationDate" label="申请日期" /> <el-table-column prop="applicationDate" label="申请日期"> </el-table-column>
<el-table-column prop="upDate" label="更新日期" /> <el-table-column prop="upDate" label="更新日期"> </el-table-column>
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="fourth"> <el-tab-pane name="fourth">
...@@ -109,18 +122,13 @@ ...@@ -109,18 +122,13 @@
<span class="table-span">{{ scope.row.address }}</span> <span class="table-span">{{ scope.row.address }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" width="350" label="申请人" /> <el-table-column prop="name" width="350" label="申请人"> </el-table-column>
<el-table-column prop="applicationDate" label="申请日期" /> <el-table-column prop="applicationDate" label="申请日期"> </el-table-column>
<el-table-column prop="upDate" label="更新日期" /> <el-table-column prop="upDate" label="更新日期"> </el-table-column>
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
</div> </div>
</el-tabs> </el-tabs>
<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>
...@@ -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,16 +305,16 @@ ...@@ -267,16 +305,16 @@
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 {
...@@ -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