Skip to content

B
bigDataSystem
Commit 5fe89c03 authored by LiXuyang's avatar LiXuyang
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents b6508529 84b2461b
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 474 additions and 65 deletions
src/router/routes/index.ts
View file @ 5fe89c03
......@@ -117,6 +117,14 @@ export const PCFontRoute: AppRouteRecordRaw = {
title: '',
},
},
{
path: '/aaaFont/demandHall/enrollApply',
name: 'demandHallEnrollApply',
component: () => import('@/views/AAAFont/demandHall/enrollApply.vue'),
meta: {
title: '',
},
},
{
path: '/aaaFont/tradingMarket/details/dataSet',
name: 'tradingMarketsDetail',
......
src/views/AAAFont/demandHall/detail/index.vue
View file @ 5fe89c03
......@@ -72,12 +72,12 @@
<el-row :gutter="20" style="margin-bottom: 20px">
<el-col :span="12">
<el-form-item prop="company" label="所属公司" class="formItemWrapper">
<el-textarea v-model="formData.company" placeholder="请输入用户名" />
<el-textarea v-model="formData.company" placeholder="请输入所属公司" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="publishDate" label="发布日期" class="formItemWrapper">
<el-textarea v-model="formData.publishDate" placeholder="请输入密码" />
<el-textarea v-model="formData.publishDate" placeholder="请输入发布日期" />
</el-form-item>
</el-col>
</el-row>
......@@ -402,6 +402,11 @@
this.similar = false;
});
},
handleApply() {
this.$router.push({
path: '/aaaFont/dataRegistration/enrollApply',
});
},
},
};
</script>
......
src/views/AAAFont/demandHall/enrollApply.vue 0 → 100644
View file @ 5fe89c03
This diff is collapsed.
src/views/AAAFont/demandHall/index.vue
View file @ 5fe89c03
......@@ -10,6 +10,23 @@
</el-carousel-item>
</el-carousel>
</div>
<el-button
style="
z-index: 2;
width: 130px;
height: 50px;
margin-top: -150px;
margin-bottom: 150px;
border: 2px solid #fff;
background-color: rgb(255 255 255 / 20%);
color: #fff;
font-size: 18px;
backdrop-filter: blur(10px);
"
round
@click="handleApply"
>发布需求</el-button
>
<div class="type">
<div class="type1">
<div class="w-1/7 type-left">
......@@ -629,37 +646,43 @@
query: record,
});
},
handleApply() {
this.$router.push({
path: '/aaaFont/demandHall/enrollApply',
});
},
},
};
</script>
<style scoped lang="scss">
/*公共容器 所有子页面共享的css样式*/
/* 公共容器 所有子页面共享的css样式 */
.commonContainer {
display: flex;
position: relative;
flex-direction: column;
/*justify-content: center; !* 垂直居中 *!*/
/* justify-content: center; !* 垂直居中 *! */
align-items: center; /* 水平居中 */
text-align: center;
position: relative;
}
/*子页面中文标题样式*/
/* 子页面中文标题样式 */
.content-item-h3 {
z-index: 3;
height: 43px;
margin: 60px 0 0;
color: #383737ff;
font-size: 36px;
font-weight: 580;
z-index: 3;
color: #383737ff;
line-height: 43px;
letter-spacing: 10px;
margin: 60px 0 0 0;
line-height: 43px;
}
.title_bottom {
margin-top: 40px;
color: #a3a3a3;
font-size: 24px;
font-weight: 500;
color: #a3a3a3;
letter-spacing: 4px;
}
......@@ -675,10 +698,10 @@
}
.tab-pane {
display: flex;
position: relative;
margin-top: 80px;
width: 1440px;
display: flex;
margin-top: 80px;
}
//tabs 按钮
......@@ -686,9 +709,9 @@
position: absolute;
top: 0;
right: 0;
font-size: 18px;
margin-top: 3px;
color: #3a5cde;
font-size: 18px;
}
.card-row {
......@@ -699,8 +722,8 @@
text-align: left;
p {
margin-top: 18px;
height: 24px;
margin-top: 18px;
}
.card-left {
......@@ -721,37 +744,37 @@
.card_bottom {
display: flex;
justify-content: space-between;
align-items: center;
justify-content: space-between;
font-weight: 500;
.button {
color: #1962e2;
border: #1962e2 2px solid;
color: #1962e2;
}
}
.industry {
width: 100%;
margin-top: 100px;
background-color: #eff3fa;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 100px;
background-color: #eff3fa;
.industry-row {
display: flex;
justify-content: space-between;
width: 1440px;
margin-top: 72px;
margin-bottom: 72px;
display: flex;
justify-content: space-between;
.row-left {
width: 464px;
height: 400px;
padding: 37px 24px 24px;
border-radius: 8px;
background-color: #ffffff;
padding: 37px 24px 24px 24px;
background-color: #fff;
.big-event {
display: flex;
......@@ -760,17 +783,17 @@
}
.row-right {
border-radius: 8px;
background-color: #ffffff;
width: 952px;
height: 400px;
padding: 33px 24px 24px 24px;
padding: 33px 24px 24px;
border-radius: 8px;
background-color: #fff;
.right-li {
display: flex;
justify-content: space-between;
font-size: 18px;
margin: 30px 20px 20px 0;
font-size: 18px;
.li-left {
}
......@@ -791,26 +814,28 @@
.custom-table {
margin-bottom: 72px;
}
.table-span {
color: #1962e2;
margin-left: 80px;
color: #1962e2;
}
.table-span-label {
margin-left: 80px;
}
.row-footer {
height: 242px;
opacity: 0.8;
background-color: #1962e2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
height: 242px;
opacity: 0.8;
background-color: #1962e2;
.footer-title {
height: 48px;
color: #ffffff;
color: #fff;
font-size: 32px;
font-weight: 500;
}
......@@ -818,36 +843,43 @@
.footer-button {
width: 160px;
height: 51px;
font-size: 18px;
background-color: #ffffff;
background-color: #fff;
color: #1962e2;
font-size: 18px;
}
}
.type {
width: 70%;
padding: 40px;
display: flex;
flex-direction: column;
width: 70%;
padding: 40px;
gap: 40px;
.type1 {
display: flex;
}
.type-left {
border-right: 2px solid #f0f0f0;
padding: 5px 0;
margin-right: 80px;
display: flex;
margin-right: 80px;
padding: 5px 0;
border-right: 2px solid #f0f0f0;
.icon {
font-size: 20px !important;
color: #4171fc;
font-size: 20px !important;
}
.type-des {
width: 100px;
}
}
::-webkit-scrollbar {
height: 6px;
}
.type-right {
display: flex;
flex-direction: column;
......@@ -859,114 +891,135 @@
gap: 30px;
}
}
.type-right:hover {
overflow: auto;
}
.tab {
width: 140px;
cursor: pointer;
padding: 8px 20px;
cursor: pointer;
}
.tab2 {
width: 130px;
cursor: pointer;
padding: 8px 10px;
cursor: pointer;
}
.active {
font-weight: bolder;
background-color: #eff1f6;
color: #668ef8;
font-weight: bolder;
}
}
.table {
width: 70%;
padding: 40px 0;
display: flex;
flex-wrap: wrap; /* 允许换行 */
gap: 20px; /* 元素之间的间隔 */
width: 70%;
padding: 40px 0;
text-align: left;
gap: 20px; /* 元素之间的间隔 */
.card:hover {
box-shadow: 3px 2px 15px rgba(0, 0, 0, 0.2);
box-shadow: 3px 2px 15px rgb(0 0 0 / 20%);
}
.card {
display: flex;
flex: 0 0 calc(25% - 30px);
flex-direction: column;
margin-left: 10px;
border-radius: 15px;
padding: 30px 20px;
transition: box-shadow 0.2s ease-in-out;
cursor: pointer;
border: 2px solid #eff1f6;
flex: 0 0 calc(25% - 30px);
display: flex;
flex-direction: column;
border-radius: 15px;
cursor: pointer;
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;
font-weight: bolder;
}
.ch-tab {
font-size: 12px;
padding: 4px 10px;
background-color: #fff3ef;
color: #fe9693;
padding: 4px 10px;
font-size: 12px;
}
.c-des {
}
}
.c-footer {
display: flex;
gap: 15px;
.cf-money {
font-size: 30px;
color: #f53f3f;
font-size: 30px;
}
.cf-status {
display: flex;
align-items: center;
color: #999999;
color: #999;
}
.cf-eye {
display: flex;
gap: 10px;
color: #999999;
align-items: center;
font-size: 14px;
padding-left: 10%;
color: #999;
font-size: 14px;
gap: 10px;
}
}
}
}
.page {
padding: 5px;
display: flex;
gap: 20px;
padding: 5px;
font-size: 20px;
gap: 20px;
.pg-left {
padding: 15px 18px;
background-color: #f6f7fa;
}
.pg-right {
padding: 15px 18px;
background-color: #f6f7fa;
}
.pg-num {
padding: 15px 18px;
background-color: #f6f7fa;
}
.active {
background-color: #4e80f8;
color: #ffffff;
color: #fff;
}
}
</style>
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