Commit c2ad7ca8 authored by chenjiahao's avatar chenjiahao

修复已知问题

parent 1a3fcda7
...@@ -288,7 +288,20 @@ ...@@ -288,7 +288,20 @@
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 { Col, Row } from 'ant-design-vue'; import { Col, Row } from 'ant-design-vue';
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: 'Front', name: 'Front',
components: { Row, Col, Icon }, components: { Row, Col, Icon },
...@@ -337,19 +350,10 @@ ...@@ -337,19 +350,10 @@
activeName2: 'first', activeName2: 'first',
enrollNotice: '1', enrollNotice: '1',
isDetail: false, isDetail: false,
cardLogo: 'src/assets/images/mallHome/biaoqian.png', cardLogo,
industryImg: 'src/assets/images/mallHome/行业动态.png', industryImg,
dynamicImg: 'src/assets/images/mallHome/hangyedongtai.png', dynamicImg,
items: [ items,
{
id: '1',
url: 'src/assets/images/mallHome/banner1.png',
},
{
id: '2',
url: 'src/assets/images/mallHome/banner.png',
},
],
formSchema1: [ formSchema1: [
{ {
label: '申请人', label: '申请人',
......
...@@ -101,21 +101,22 @@ ...@@ -101,21 +101,22 @@
import Icon from '@/components/Icon/Icon.vue'; import Icon from '@/components/Icon/Icon.vue';
import { getToken } from '@/utils/auth'; import { getToken } from '@/utils/auth';
export default { const items = [
name: 'DemandHall',
components: { Icon },
data() {
return {
items: [
{ {
id: '1', id: '1',
url: 'src/assets/images/mallHome/banner1.png', url: new URL('@/assets/images/mallHome/banner1.png', import.meta.url).href,
}, },
{ {
id: '2', id: '2',
url: 'src/assets/images/mallHome/banner.png', url: new URL('@/assets/images/mallHome/banner.png', import.meta.url).href,
}, },
], ];
export default {
name: 'DemandHall',
components: { Icon },
data() {
return {
items,
tabSelect: 0, tabSelect: 0,
tabList: [ tabList: [
{ {
......
...@@ -47,9 +47,15 @@ ...@@ -47,9 +47,15 @@
>注册</el-button >注册</el-button
> >
</div> </div>
<div v-else> <div v-else style="display: flex;align-items: center">
<a-button class="long_btn" type="link"> </a-button> <a-button class="long_btn" type="link" />
<a-button class="long_btn" type="link" @click="toBackstage"> 个人中心 </a-button> <a-button
style="color: #486fe1; background-color: #dce5f9"
type="link"
@click="toBackstage"
>
<span style="text-align: center">个人中心</span>
</a-button>
</div> </div>
</div> </div>
<!-- </div>--> <!-- </div>-->
......
...@@ -670,6 +670,17 @@ ...@@ -670,6 +670,17 @@
import { BasicTable, useTable, TableAction } from '@/components/Table'; import { BasicTable, useTable, TableAction } from '@/components/Table';
import { columns } from './tableSchema'; import { columns } from './tableSchema';
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,
},
];
const fileType = ref(''); // 文件下载后缀 const fileType = ref(''); // 文件下载后缀
const choseFile = ref({}); // 选择文件对象 const choseFile = ref({}); // 选择文件对象
const downloadType = ref(''); // 1是本地文件下载,2是oss文件下载 const downloadType = ref(''); // 1是本地文件下载,2是oss文件下载
...@@ -721,16 +732,6 @@ ...@@ -721,16 +732,6 @@
console.log('clickpush'); console.log('clickpush');
router.push('/aaaFont/nationalPolicy/details'); router.push('/aaaFont/nationalPolicy/details');
} }
const items = [
{
id: '1',
url: 'src/assets/images/mallHome/banner1.png',
},
{
id: '2',
url: 'src/assets/images/mallHome/banner.png',
},
];
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
/* 报名参赛按钮 */ /* 报名参赛按钮 */
......
...@@ -32,19 +32,19 @@ ...@@ -32,19 +32,19 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div v-if="tabChildren" class="right-tab">--> <!-- <div v-if="tabChildren" class="right-tab">-->
<!-- <div--> <!-- <div-->
<!-- v-show="tabChildren"--> <!-- v-show="tabChildren"-->
<!-- v-for="(tab, index) in tabChildren"--> <!-- v-for="(tab, index) in tabChildren"-->
<!-- :key="tab"--> <!-- :key="tab"-->
<!-- :class="{ active: tabChildrenSelect === index }"--> <!-- :class="{ active: tabChildrenSelect === index }"-->
<!-- @click="tabChildrenSelect = index"--> <!-- @click="tabChildrenSelect = index"-->
<!-- >--> <!-- >-->
<!-- <div class="tab">--> <!-- <div class="tab">-->
<!-- {{ tab.name }}--> <!-- {{ tab.name }}-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
</div> </div>
</div> </div>
<div class="type1"> <div class="type1">
...@@ -79,54 +79,73 @@ ...@@ -79,54 +79,73 @@
<span class="mb-4 tab-label">数据集</span> <span class="mb-4 tab-label">数据集</span>
</template> </template>
<el-row class="mt-5 w-365" :gutter="20"> <el-row class="mt-5 w-365" :gutter="20">
<el-col @click="handleDetail(0)" class="mb-4" :span="6" v-for="card in cardsData" :key="card.title"> <el-col
@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="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" /> <Icon
<span class="ml-4" style="font-size: 20px; font-weight: 550" icon="ant-design:exception-outlined"
>{{card.title}}</span> :color="'#9d00ae'"
: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 <el-button style="padding: 0; border: none; box-shadow: none" round>
style="padding: 0; border: none; box-shadow: none" <Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }}
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> <template #label>
<span class="mb-4 tab-label">文件</span> <span class="mb-4 tab-label">文件</span>
</template> </template>
<el-row class="mt-5 w-365" :gutter="20"> <el-row class="mt-5 w-365" :gutter="20">
<el-col @click="handleDetail(1)" class="mb-4" :span="6" v-for="card in cardsData1" :key="card.title"> <el-col
@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="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" /> <Icon
<span class="ml-4" style="font-size: 20px; font-weight: 550" icon="ant-design:exception-outlined"
>{{card.title}}</span> :color="'#9d00ae'"
: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">
...@@ -134,37 +153,45 @@ ...@@ -134,37 +153,45 @@
<!-- <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 <el-button style="padding: 0; border: none; box-shadow: none" round>
style="padding: 0; border: none; box-shadow: none" <Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }}
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> <template #label>
<span class="mb-4 tab-label">API</span> <span class="mb-4 tab-label">API</span>
</template> </template>
<el-row class="mt-5 w-365" :gutter="20"> <el-row class="mt-5 w-365" :gutter="20">
<el-col @click="handleDetail(2)" class="mb-4" :span="6" v-for="card in cardsData2" :key="card.title"> <el-col
@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="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" /> <Icon
<span class="ml-4" style="font-size: 20px; font-weight: 550" icon="ant-design:exception-outlined"
>{{card.title}}</span> :color="'#9d00ae'"
: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">
...@@ -172,15 +199,13 @@ ...@@ -172,15 +199,13 @@
<!-- <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 <el-button style="padding: 0; border: none; box-shadow: none" round>
style="padding: 0; border: none; box-shadow: none" <Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }}
round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{card.look}}
</el-button> </el-button>
</div> </div>
</el-card> </el-card>
...@@ -213,16 +238,27 @@ ...@@ -213,16 +238,27 @@
<span class="mb-4 tab-label">登记服务</span> <span class="mb-4 tab-label">登记服务</span>
</template> </template>
<el-row class="mt-5 w-365" :gutter="20"> <el-row class="mt-5 w-365" :gutter="20">
<el-col @click="handleDetail(2)" class="mb-4" :span="6" v-for="card in cardsData3" :key="card.title"> <el-col
@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="ant-design:exception-outlined" :color="'#9d00ae'" :size="26" /> <Icon
<span class="ml-4" style="font-size: 20px; font-weight: 550" icon="ant-design:exception-outlined"
>{{card.title}}</span> :color="'#9d00ae'"
: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">
...@@ -230,15 +266,13 @@ ...@@ -230,15 +266,13 @@
<!-- <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 <el-button style="padding: 0; border: none; box-shadow: none" round>
style="padding: 0; border: none; box-shadow: none" <Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{ card.look }}
round>
<Icon icon="icon-park-outline:eyes" />&nbsp;&nbsp;{{card.look}}
</el-button> </el-button>
</div> </div>
</el-card> </el-card>
...@@ -503,7 +537,6 @@ ...@@ -503,7 +537,6 @@
state: '已发布', state: '已发布',
tag: '办公室', tag: '办公室',
}, },
], ],
cardsData1: [ cardsData1: [
{ {
...@@ -542,7 +575,6 @@ ...@@ -542,7 +575,6 @@
look: '123', look: '123',
tag: '宣传中心', tag: '宣传中心',
}, },
], ],
cardsData2: [ cardsData2: [
{ {
...@@ -590,8 +622,6 @@ ...@@ -590,8 +622,6 @@
look: '11', look: '11',
tag: '运维', tag: '运维',
}, },
], ],
cardsData3: [ cardsData3: [
{ {
...@@ -639,8 +669,6 @@ ...@@ -639,8 +669,6 @@
look: '121', look: '121',
tag: '运维', tag: '运维',
}, },
], ],
}; };
}, },
...@@ -654,25 +682,25 @@ ...@@ -654,25 +682,25 @@
this.tabChildren = tab.children; this.tabChildren = tab.children;
this.tabChildrenSelect = 0; this.tabChildrenSelect = 0;
}, },
handleDetail(i){ handleDetail(i) {
if (i === 0){ 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>
<style scoped lang="scss"> <style scoped lang="scss">
...@@ -773,7 +801,6 @@ ...@@ -773,7 +801,6 @@
} }
} }
.tab-pane { .tab-pane {
position: relative; position: relative;
margin-top: 80px; margin-top: 80px;
...@@ -791,10 +818,10 @@ ...@@ -791,10 +818,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;
...@@ -822,10 +849,8 @@ ...@@ -822,10 +849,8 @@
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