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>
<div class="mainContainer" id="main">
<div class="mainContainer" style="overflow: hidden" id="main">
<div class="subContainer">
<div class="item-content-box">
<div class="commonContainer">
......@@ -10,117 +10,80 @@
</el-carousel-item>
</el-carousel>
</div>
<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">数据集</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>
<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"
<div class="type">
<div class="type1">
<div class="w-1/7 type-left">
<div>
<Icon icon="ant-design:share-alt-outlined" class="icon" />
</div>
<div class="type-des"> 行业分类 </div>
</div>
<div class="w-6/7 type-right">
<div class="right-tab">
<div
v-for="(tab, index) in tabList"
:key="tab"
:class="{ active: tabSelect === index }"
@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="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"
<div class="tab">
{{ tab.name }}
</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"
>
<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 prop="applicationDate" label="申请日期" />
<el-table-column prop="upDate" label="更新日期" />
</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"
<div class="tab">
{{ tab.name }}
</div>
</div>
</div>
</div>
</div>
<div class="type1">
<div class="w-1/7 type-left">
<div>
<Icon icon="ant-design:line-chart-outlined" class="icon" />
</div>
<div class="type-des"> 需求预算 </div>
</div>
<div class="w-6/7 type-right">
<div class="right-tab">
<div
v-for="(tab, index) in tabMoneyList"
:key="tab"
:class="{ active: tabSelect === index }"
@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>
<div class="tab2">
{{ tab.name }}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="table">
<div class="card" v-for="i in [1, 2, 3, 4, 5, 6, 7]" :key="i">
<div class="title">
<Icon icon="ant-design:exception-outlined" class="icon" />
<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>
</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>
......@@ -131,20 +94,7 @@
<script>
import Icon from '@/components/Icon/Icon.vue';
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 {
name: 'DemandHall',
components: { Icon },
......@@ -153,10 +103,19 @@
activeName: 'first',
activeName1: 'first',
activeName2: 'first',
cardLogo,
industryImg,
dynamicImg,
items,
cardLogo: 'src/assets/images/mallHome/biaoqian.png',
industryImg: 'src/assets/images/mallHome/行业动态.png',
dynamicImg: 'src/assets/images/mallHome/hangyedongtai.png',
items: [
{
id: '1',
url: 'src/assets/images/mallHome/banner1.png',
},
{
id: '2',
url: 'src/assets/images/mallHome/banner.png',
},
],
tableData: [
{
applicationDate: '2016-05-02',
......@@ -183,6 +142,253 @@
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: {
......@@ -204,6 +410,12 @@
// this.$router.push({path: "/login"});
// }
},
handleClickTab(tab, index) {
this.tabSelect = index;
this.tab = tab;
this.tabChildren = tab.children;
this.tabChildrenSelect = 0;
},
},
};
</script>
......@@ -398,4 +610,119 @@
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>
src/views/AAAFont/front/index.vue
View file @ c9fa53d9
......@@ -22,14 +22,14 @@
>
</template>
<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>
<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
>{{card.title}}</span
>
</div>
</div>
......@@ -44,83 +44,11 @@
<p>公示截止时间</p>
</div>
<div class="card-right">
<p>天津市融创软通科技股份有限公司</p>
<p>自行生产</p>
<p>通过特定时间段内不用地区.....</p>
<p>{{card.applicant}}</p>
<p>{{card.dataSource}}</p>
<p>{{card.applicationScenarios}}</p>
<p>
1.数据采集：1）从数据源中获取数据，2）对数据进行预处理，3）对数据进行........</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
{{card.illustrate}}</p
>
</div>
</div>
......@@ -154,8 +82,7 @@
margin-top: 24px;
background-color: #754e9e;
"
><img :src="dynamicImg"
/></div>
><img :src="dynamicImg" /></div>
<div class="mt-5 big-event">
<el-tag style="font-size: 14px">大事件</el-tag>
<span class="ml-2" style="font-size: 18px">大数据平台上线</span>
......@@ -440,6 +367,29 @@
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: {
......
src/views/AAAFont/tradingMarket/index.vue
View file @ c9fa53d9
......@@ -11,120 +11,128 @@
</el-carousel>
</div>
<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">数据集</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>
<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">数据集</span>
</template>
<el-row class="mt-5" :gutter="20">
<el-col class="mb-4" :span="6" v-for="card in cardsData" :key="card.title">
<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"
>{{card.title}}</span
>
</div>
</div>
</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="文件产权名称">
<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="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产权名称">
<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="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>
</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 class="card-row">
<div class="card-left">
<p>申请人</p>
<p>数据来源</p>
<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 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="文件产权名称">
<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</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产权名称">
<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>
</div>
</div>
</div>
</div>
</div>
</template>
......@@ -184,6 +192,50 @@
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: {
......@@ -191,20 +243,6 @@
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>
......@@ -267,17 +305,17 @@
color: #3a5cde;
}
.card-row {
display: flex;
justify-content: space-around;
margin-top: 20px;
font-size: 18px;
text-align: left;
.card-row {
display: flex;
justify-content: space-around;
font-size: 18px;
text-align: left;
margin-bottom: 40px;
p {
margin-top: 18px;
height: 24px;
}
p {
margin-top: 18px;
height: 20px;
}
.card-left {
width: 28%;
......@@ -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 {
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