yanghao
/
yunshengtai-uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'zys' of http://www.cyjyyjy.com:3000/yanghao/zhaoshangMiniApp-uniapp into yh

zys
杨豪 3 years ago
parent
285a7d50ed 99d8a466ec
commit
7d2bf049dc
7 changed files with 1116 additions and 868 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      pages.json
  2. 75
      pages/demandHall/business/index.vue
  3. 8
      pages/demandHall/demoInvestment/index.vue
  4. 1
      pages/demandHall/index.vue
  5. 62
      pages/demandHall/projectDetail/index.vue
  6. 329
      pages/demandHall/supplyHall/index.vue
  7. 138
      pages/release/index.vue

13
pages.json
Unescape View File

@ -497,12 +497,19 @@
"iconPath": "/static/tabbarComponent/icon/home.png", "iconPath": "/static/tabbarComponent/icon/home.png",
"selectedIconPath": "/static/tabbarComponent/icon/home-a.png" "selectedIconPath": "/static/tabbarComponent/icon/home-a.png"
}, },
{ // {
"pagePath": "pages/demandHall/index", // "pagePath": "pages/demandHall/index",
"text": "供需大厅", // "text": "供需大厅",
// "iconPath": "/static/tabbarComponent/icon/tab2.png",
// "selectedIconPath": "/static/tabbarComponent/icon/tab2-a.png"
// },
{
"pagePath": "pages/demandHall/business/index",
"text": "商业",
"iconPath": "/static/tabbarComponent/icon/tab2.png", "iconPath": "/static/tabbarComponent/icon/tab2.png",
"selectedIconPath": "/static/tabbarComponent/icon/tab2-a.png" "selectedIconPath": "/static/tabbarComponent/icon/tab2-a.png"
}, },
{ {
"pagePath": "pages/life/index", "pagePath": "pages/life/index",
"text": "生活", "text": "生活",

75
pages/demandHall/business/index.vue
Unescape View File

@ -9,11 +9,11 @@
<!-- 供需大厅 企业服务 项目投融 --> <!-- 供需大厅 企业服务 项目投融 -->
<view class="acea-row row-around pa40"> <view class="acea-row row-around pa40">
<view class="img1"> <view class="img1">
<image src="../../../static/images/business-img1.png"></image> <image src="../../../static/images/business-img1.png" @tap="toSupplyHall"></image>
</view> </view>
<view class="img2 acea-row row-column-between"> <view class="img2 acea-row row-column-between">
<image src="../../../static/images/business-img2.png"></image> <image src="../../../static/images/business-img2.png" @tap="toEnterpriseServer"></image>
<image src="../../../static/images/business-img3.png"></image> <image src="../../../static/images/business-img3.png" @tap="toDemoInvestment"></image>
</view> </view>
</view> </view>
@ -60,7 +60,7 @@
<view class="service-box"> <view class="service-box">
<view class="title-con acea-row row-middle"> <view class="title-con acea-row row-middle">
<image src="../../../static/images/business-title2.png" class="title-img"></image> <image src="../../../static/images/business-title2.png" class="title-img"></image>
<image src="../../../static/images/fabu-close.png" class="toadd"></image> <image src="../../../static/images/fabu-close.png" class="toadd" @tap="toAuthentication"></image>
</view> </view>
<view class="service-top acea-row row-between"> <view class="service-top acea-row row-between">
<view class="service-nub-left acea-row row-column-between"> <view class="service-nub-left acea-row row-column-between">
@ -125,6 +125,41 @@
</template> </template>
<script> <script>
export default {
data() {
return {
};
},
methods:{
// 供需大厅
toSupplyHall(e){
// let id = e.currentTarget.dataset.id;
uni.navigateTo({
url:"/pages/demandHall/supplyHall/index"
})
},
// 企业服务
toEnterpriseServer(e){
uni.navigateTo({
url:"/pages/demandHall/enterpriseServer/index"
})
},
// 项目投融
toDemoInvestment(e){
uni.navigateTo({
url:"/pages/demandHall/demoInvestment/index"
})
},
// 认证
toAuthentication(e){
uni.navigateTo({
url:"/pages/release/index2"
})
}
},
}
</script> </script>
<style lang="less"> <style lang="less">
@ -224,6 +259,7 @@
.company-box { .company-box {
height: 380rpx; height: 380rpx;
.update-icon { .update-icon {
width: 118rpx; width: 118rpx;
height: 48rpx; height: 48rpx;
@ -248,6 +284,7 @@
height: 330rpx; height: 330rpx;
white-space: nowrap; white-space: nowrap;
margin-left: 30rpx; margin-left: 30rpx;
.company-list { .company-list {
width: 408rpx; width: 408rpx;
height: 304rpx; height: 304rpx;
@ -257,6 +294,7 @@
padding: 16rpx 24rpx; padding: 16rpx 24rpx;
display: inline-block; display: inline-block;
margin: 15rpx 30rpx 0 10rpx; margin: 15rpx 30rpx 0 10rpx;
.title { .title {
font-size: 28rpx; font-size: 28rpx;
font-weight: 600; font-weight: 600;
@ -320,16 +358,19 @@
.service-box { .service-box {
width: 100%; width: 100%;
height: 496rpx; height: 496rpx;
.toadd { .toadd {
width: 88rpx; width: 88rpx;
height: 88rpx; height: 88rpx;
margin-left: auto; margin-left: auto;
transform: rotate(45deg); transform: rotate(45deg);
} }
.service-top { .service-top {
padding: 0 40rpx; padding: 0 40rpx;
height: 272rpx; height: 272rpx;
margin: 8rpx 0 16rpx 0; margin: 8rpx 0 16rpx 0;
.service-nub-left { .service-nub-left {
width: 344rpx; width: 344rpx;
height: 272rpx; height: 272rpx;
@ -337,13 +378,16 @@
border-radius: 12rpx; border-radius: 12rpx;
padding: 14rpx 24rpx; padding: 14rpx 24rpx;
} }
.service-nub-left image { .service-nub-left image {
width: 288rpx; width: 288rpx;
height: 162rpx; height: 162rpx;
} }
.service-nub-right { .service-nub-right {
width: 310rpx; width: 310rpx;
height: 272rpx; height: 272rpx;
.module-nub { .module-nub {
width: 310rpx; width: 310rpx;
height: 128rpx; height: 128rpx;
@ -353,6 +397,7 @@
} }
} }
} }
.service-bottom { .service-bottom {
padding: 0 40rpx; padding: 0 40rpx;
height: 112rpx; height: 112rpx;
@ -368,6 +413,7 @@
} }
} }
} }
.module-box { .module-box {
width: 184rpx; width: 184rpx;
height: 112rpx; height: 112rpx;
@ -402,6 +448,7 @@
.module-nub .tips { .module-nub .tips {
color: #FF7636; color: #FF7636;
} }
.service-top .module-box { .service-top .module-box {
width: 144rpx; width: 144rpx;
height: 128rpx; height: 128rpx;
@ -411,39 +458,46 @@
// 优质项目 // 优质项目
.project-box{ .project-box {
width: 100%; width: 100%;
height: 610rpx; height: 610rpx;
.project-list{
.project-list {
width: 100%; width: 100%;
height: 180rpx; height: 180rpx;
padding: 26rpx 40rpx; padding: 26rpx 40rpx;
border-bottom: 1rpx solid #DCDCDC; border-bottom: 1rpx solid #DCDCDC;
.project-img{
.project-img {
width: 128rpx; width: 128rpx;
height: 128rpx; height: 128rpx;
margin-right: 32rpx; margin-right: 32rpx;
} }
.right-con { .right-con {
.title { .title {
font-weight: 800; font-weight: 800;
height: 35rpx; height: 35rpx;
line-height: 35rpx; line-height: 35rpx;
.new-icon { .new-icon {
width: 48rpx; width: 48rpx;
height: 24rpx; height: 24rpx;
margin-right: 8rpx; margin-right: 8rpx;
.title-h { .title-h {
color: #1D1D1D; color: #1D1D1D;
} }
} }
} }
.title-s { .title-s {
width: 450rpx; width: 450rpx;
height: 34rpx; height: 34rpx;
font-size: 24rpx; font-size: 24rpx;
color: #707070; color: #707070;
} }
.category-box { .category-box {
.tag { .tag {
width: 112rpx; width: 112rpx;
@ -454,14 +508,17 @@
margin-right: 16rpx; margin-right: 16rpx;
text-align: center; text-align: center;
} }
.tag-item-b { .tag-item-b {
border: 1rpx solid #3A9EFA; border: 1rpx solid #3A9EFA;
color: #3A9EFA; color: #3A9EFA;
} }
.tag-item-y { .tag-item-y {
border: 1px solid #FFAA00; border: 1px solid #FFAA00;
color: #FFAA00; color: #FFAA00;
} }
.tag-item-p { .tag-item-p {
color: #FC9367; color: #FC9367;
border: 1px solid #FC9367; border: 1px solid #FC9367;
@ -470,8 +527,8 @@
} }
} }
} }
.project-box .title-img{
.project-box .title-img {
margin: 35rpx 0 -15rpx 40rpx; margin: 35rpx 0 -15rpx 40rpx;
} }
</style> </style>

8
pages/demandHall/demoInvestment/index.vue
Unescape View File

@ -21,7 +21,7 @@
<view class="modular-box"> <view class="modular-box">
<!-- 全部项目 --> <!-- 全部项目 -->
<view class="project-box" v-if="active == 1"> <view class="project-box" v-if="active == 1">
<view class="project-list" v-for="(item,index) in 2"> <view class="project-list" v-for="(item,index) in 2" @tap="toProjectDetail">
<view class="project-top acea-row row-left"> <view class="project-top acea-row row-left">
<image src="../../../static/images/home/menu6.png" class="project-img"></image> <image src="../../../static/images/home/menu6.png" class="project-img"></image>
<view class="right-con acea-row row-column-between"> <view class="right-con acea-row row-column-between">
@ -210,6 +210,12 @@
choseCagetory: '', choseCagetory: '',
}); });
}, },
toProjectDetail(e){
uni.navigateTo({
url:"/pages/demandHall/projectDetail/index"
})
}
} }
} }
</script> </script>

1
pages/demandHall/index.vue
Unescape View File

@ -234,7 +234,6 @@
loading: true, loading: true,
pageNumber: 0, pageNumber: 0,
}); });
this.getPageData(); this.getPageData();
}, },
methods: { methods: {

62
pages/demandHall/projectDetail/index.vue
Unescape View File

@ -48,7 +48,7 @@
<image src="../../../static/images/update-icon.png" mode=""></image>换一批 <image src="../../../static/images/update-icon.png" mode=""></image>换一批
</view> </view>
</view> </view>
<scroll-view class="scroll-view_H acea-row" scroll-x="true" > <scroll-view class="scroll-view_H acea-row" scroll-x="true">
<view class="recommend-list acea-row" v-for="(item,index) in 3"> <view class="recommend-list acea-row" v-for="(item,index) in 3">
<image src="../../../static/images/business-img1.png" mode=""></image> <image src="../../../static/images/business-img1.png" mode=""></image>
<view class="recommend-bottom acea-row row-column-between"> <view class="recommend-bottom acea-row row-column-between">
@ -131,13 +131,14 @@
} }
} }
.category-box {
.category-box {
.tag { .tag {
width: 112rpx; width: 112rpx;
height: 36rpx; height: 36rpx;
border-radius: 4rpx; border-radius: 4rpx;
font-size: 20rpx; font-size: 20rpx;
margin-right: 8rpx; margin-right: 5rpx;
text-align: center; text-align: center;
} }
@ -156,6 +157,7 @@
border: 1px solid #FC9367; border: 1px solid #FC9367;
} }
} }
.region { .region {
width: 670rpx; width: 670rpx;
height: 112rpx; height: 112rpx;
@ -216,7 +218,8 @@
height: 36rpx; height: 36rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
.mask-box{
.mask-box {
width: 750rpx; width: 750rpx;
height: 384rpx; height: 384rpx;
background: #fff; background: #fff;
@ -224,19 +227,22 @@
filter: blur(6rpx); filter: blur(6rpx);
position: fixed; position: fixed;
top: 390rpx; top: 390rpx;
} }
.mask-con{
.mask-con {
width: 484rpx; width: 484rpx;
height: 136rpx; height: 136rpx;
z-index: 9999; z-index: 9999;
} }
.con{
.con {
font-size: 36rpx; font-size: 36rpx;
font-weight: 600; font-weight: 600;
color: #FF5100; color: #FF5100;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.authentication-btn{
.authentication-btn {
width: 148rpx; width: 148rpx;
height: 52rpx; height: 52rpx;
background: linear-gradient(315deg, #FF6D31 0%, #FFC2AA 100%); background: linear-gradient(315deg, #FF6D31 0%, #FFC2AA 100%);
@ -246,10 +252,12 @@
line-height: 52rpx; line-height: 52rpx;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
} }
.recommend-box .title{
.recommend-box .title {
margin-left: 32rpx; margin-left: 32rpx;
} }
.recommend-box { .recommend-box {
width: 750rpx; width: 750rpx;
height: 528rpx; height: 528rpx;
@ -267,29 +275,34 @@
margin-bottom: 26rpx; margin-bottom: 26rpx;
margin-left: 32rpx; margin-left: 32rpx;
} }
.update-icon{
.update-icon {
width: 118rpx; width: 118rpx;
height: 48rpx; height: 48rpx;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16); box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16);
border-radius: 24rpx; border-radius: 24rpx;
font-size: 20rpx; font-size: 20rpx;
line-height: 26rpx;color: #666666; line-height: 26rpx;
color: #666666;
margin-left: auto; margin-left: auto;
} }
.update-icon image{
.update-icon image {
width: 26rpx; width: 26rpx;
height: 26rpx; height: 26rpx;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
margin-right: 10rpx; margin-right: 10rpx;
} }
.scroll-view_H{
.scroll-view_H {
width: 100%; width: 100%;
height: 345rpx; height: 345rpx;
white-space: nowrap; white-space: nowrap;
padding-left: 22rpx; padding-left: 22rpx;
} }
.recommend-list{
.recommend-list {
width: 392rpx; width: 392rpx;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.16); box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.16);
@ -299,29 +312,34 @@
display: inline-block; display: inline-block;
margin: 0 22rpx 0 10rpx; margin: 0 22rpx 0 10rpx;
} }
.recommend-list image{
.recommend-list image {
width: 392rpx; width: 392rpx;
height: 194rpx; height: 194rpx;
border-radius: 12rpx 12rpx 0 0; border-radius: 12rpx 12rpx 0 0;
} }
.recommend-bottom{
.recommend-bottom {
height: 130rpx; height: 130rpx;
padding: 0 16rpx 15rpx 24rpx; padding: 0 16rpx 15rpx 24rpx;
} }
.title-item{
.title-item {
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
font-size: 28rpx; font-size: 28rpx;
font-weight: 600; font-weight: 600;
color: #1D1D1D; color: #1D1D1D;
} }
.footer{
.footer {
width: 100%; width: 100%;
height: 132rpx; height: 132rpx;
background: #FFFFFF; background: #FFFFFF;
padding: 32rpx 32rpx 0 0; padding: 32rpx 32rpx 0 0;
} }
.toContact{
.toContact {
width: 223rpx; width: 223rpx;
height: 76rpx; height: 76rpx;
line-height: 76rpx; line-height: 76rpx;

329
pages/demandHall/supplyHall/index.vue
Unescape View File

@ -2,15 +2,15 @@
<view class="supplyHall-page"> <view class="supplyHall-page">
<!-- 导航栏 --> <!-- 导航栏 -->
<view class="navigation-box"> <view class="navigation-box">
<view class="search-box acea-row row-middle" > <view class="search-box acea-row row-middle">
<image src="../../../static/images/search-icon.png" mode=""></image> <image src="../../../static/images/search-icon.png" mode=""></image>
<input type="text" value="" placeholder="请输入相关关键词"/> <input type="text" value="" placeholder="请输入相关关键词" />
<view class="search acea-row row-center-wrapper">搜一下</view> <view class="search acea-row row-center-wrapper">搜一下</view>
</view> </view>
<view class="resource-tabs acea-row"> <view class="resource-tabs acea-row">
<view :class="'tab ' + (active == 1 ? 'tab-a' : '')" data-i="1" @tap="tabClick">需求广场</view> <view :class="'tab ' + (active == 1 ? 'tab-a' : '')" data-i="1" @tap="tabClick">需求广场</view>
<view :class="'tab ' + (active == 2 ? 'tab-a' : '')" data-i="2" @tap="tabClick">供应广场</view> <view :class="'tab ' + (active == 2 ? 'tab-a' : '')" data-i="2" @tap="tabClick">供应广场</view>
<view class="screen-box acea-row row-between-wrapper" > <view class="screen-box acea-row row-between-wrapper">
<view class="screen acea-row row-middle" @tap="showDialog"> <view class="screen acea-row row-middle" @tap="showDialog">
<text>筛选</text> <text>筛选</text>
<image src="/static/images/home/screen.png"></image> <image src="/static/images/home/screen.png"></image>
@ -19,11 +19,13 @@
</view> </view>
</view> </view>
<view class="supplyHall-box" > <view class="supplyHall-box">
<view class="resource-box" v-if="active == 1" > <view class="resource-box" v-if="active == 1">
<!-- 个人 --> <!-- 个人 -->
<view class="personal-list" v-for="(item,index) in 2" :key="index"> <view class="personal-list" v-for="(item,index) in 2" :key="index">
<image src="../../../static/images/backhome.png" mode="" class="lable-img"></image> <view :class="'tips-item ' + (item.enterpriseType == 2 ? 'bg2' : '' )">
{{item.enterpriseType == 1 ? '企业' : '个人'}}
</view>
<view class="acea-row row-column-between info-box"> <view class="acea-row row-column-between info-box">
<view class="user-info acea-row row-middle"> <view class="user-info acea-row row-middle">
<image src="../../../static/images/business-img1.png" mode="" class="head-img"></image> <image src="../../../static/images/business-img1.png" mode="" class="head-img"></image>
@ -41,15 +43,19 @@
<view class="todetails">查看详情</view> <view class="todetails">查看详情</view>
</view> </view>
<!-- 企业 --> <!-- 企业 -->
<view class="enterprise-list"> <view class="enterprise-list" v-for="(item, index) in list" :key="index" @tap="toNeedsDetail"
<image src="../../../static/images/act-time.png" mode="" class="lable-img"></image> :data-id="item.id">
<view :class="'tips-item ' + (item.enterpriseType == 2 ? 'bg2' : '' )">
{{item.enterpriseType == 1 ? '企业' : '个人'}}
</view>
<view class="enterprise-box acea-row row-column-between"> <view class="enterprise-box acea-row row-column-between">
<view class="title-h">招聘前端工程师若干名</view> <view class="title-h">{{item.title}}</view>
<view class="enterprise-price">2K-10K</view> <view class="enterprise-price">{{item.capital}}</view>
<view class="supply-screen acea-row"> <view class="supply-screen acea-row">
<view class="tag-item-y tag">网站建设</view> <!-- <view class="tag-item-y tag">网站建设</view>
<view class="tag-item-p tag">APP开发</view> <view class="tag-item-p tag">APP开发</view> -->
<view class="time-end-t">2021.8.30截止报名</view> <view class="tag-item-p tag">{{item.cname}}</view>
<view class="time-end-t">{{item.resourceEndTime}}截止报名</view>
</view> </view>
<view class="enterprise-info acea-row row-middle"> <view class="enterprise-info acea-row row-middle">
<image src="../../../static/images/cart.png" mode="" class="head-logo"></image> <image src="../../../static/images/cart.png" mode="" class="head-logo"></image>
@ -62,7 +68,9 @@
</view> </view>
<view class="company-box" v-if="active == 2"> <view class="company-box" v-if="active == 2">
<view class="personal-list"> <view class="personal-list">
<image src="../../../static/images/backhome.png" mode="" class="lable-img"></image> <view :class="'tips-item ' + (item.enterpriseType == 2 ? 'bg2' : '' )">
{{item.enterpriseType == 1 ? '企业' : '个人'}}
</view>
<view class="acea-row row-column-between info-box"> <view class="acea-row row-column-between info-box">
<view class="user-info acea-row row-middle"> <view class="user-info acea-row row-middle">
<image src="../../../static/images/business-img1.png" mode="" class="head-img"></image> <image src="../../../static/images/business-img1.png" mode="" class="head-img"></image>
@ -80,7 +88,9 @@
<view class="todetails">查看详情</view> <view class="todetails">查看详情</view>
</view> </view>
<view class="enterprise-list"> <view class="enterprise-list">
<image src="../../../static/images/act-time.png" mode="" class="lable-img"></image> <view :class="'tips-item ' + (item.enterpriseType == 2 ? 'bg2' : '' )">
{{item.enterpriseType == 1 ? '企业' : '个人'}}
</view>
<view class="enterprise-con acea-row"> <view class="enterprise-con acea-row">
<image src="../../../static/images/home/menu6.png" class="enterprise-img"></image> <image src="../../../static/images/home/menu6.png" class="enterprise-img"></image>
<view class="content-right acea-row row-column-between"> <view class="content-right acea-row row-column-between">
@ -106,14 +116,18 @@
<view class="screen-item"> <view class="screen-item">
<view class="screen-title">所有服务</view> <view class="screen-title">所有服务</view>
<view class="acea-row"> <view class="acea-row">
<view v-for="(item, index) in cagetoryList" :key="index" :class="'item ' + (cagetoryActive == index ? 'item-active' : '')" @tap="cagetoryClick" :data-i="index" :data-item="item">{{item.cagetoryName}}</view> <view v-for="(item, index) in cagetoryList" :key="index"
:class="'item ' + (cagetoryActive == index ? 'item-active' : '')" @tap="cagetoryClick"
:data-i="index" :data-item="item">{{item.cagetoryName}}</view>
</view> </view>
</view> </view>
<view class="screen-item"> <view class="screen-item">
<view class="screen-title">商家身份<text class="fz20">(所有商家均实名认证)</text></view> <view class="screen-title">商家身份<text class="fz20">(所有商家均实名认证)</text></view>
<view class="acea-row"> <view class="acea-row">
<view :class="'item ' + (enterpriseType == 2 ? 'item-active' : '')" @tap="businessChange" data-name="个人认证" data-type="2">个人认证</view> <view :class="'item ' + (enterpriseType == 2 ? 'item-active' : '')" @tap="businessChange"
<view :class="'item ' + (enterpriseType == 1 ? 'item-active' : '')" @tap="businessChange" data-name="企业认证" data-type="1">企业认证</view> data-name="个人认证" data-type="2">个人认证</view>
<view :class="'item ' + (enterpriseType == 1 ? 'item-active' : '')" @tap="businessChange"
data-name="企业认证" data-type="1">企业认证</view>
</view> </view>
</view> </view>
<view class="submit-box acea-row"> <view class="submit-box acea-row">
@ -142,26 +156,45 @@
choseCagetory: '', choseCagetory: '',
choseBusiness: '', choseBusiness: '',
cName: "", cName: "",
// 需求列表
list: [],
pageNumber: 0,
pageSize: 5,
loading: true,
} }
}, },
onLoad: function (options) { onShow: function() {
this.getCagetoryList(); this.getPageData();
}, },
methods:{ onPullDownRefresh: function() {
tabClick(e) {
this.setData({ this.setData({
active: e.currentTarget.dataset.i, loading: true,
}) pageNumber: 0,
});
this.getPageData();
}, },
getCagetoryList() { onReachBottom: function() {
app.http('get', 'ResourcesCagetory/listResourcesCagetory').then(res => {
if (res.data.success) {
this.setData({ this.setData({
cagetoryList: res.data.data pageNumber: this.pageNumber + 1
}); });
} this.getPageData();
},
methods: {
tabClick(e) {
this.setData({
active: e.currentTarget.dataset.i,
loading: true,
pageNumber: 0,
list: [],
enterpriseType: '',
cagetoryActive: null,
resourceCagetoryId: ''
}); });
console.log(this.active)
this.getPageData();
}, },
showDialog() { showDialog() {
this.setData({ this.setData({
showScreenDialog: true showScreenDialog: true
@ -202,37 +235,81 @@
choseCagetory: '', choseCagetory: '',
}); });
}, },
// 需求广场
toNeedsDetail(e) {
let id = e.currentTarget.dataset.id;
uni.navigateTo({
url: '/pages/demandHall/needsDetail/index?id=' + id
});
},
getPageData() {
if (this.loading) {
app.http('post', `Resources/listResources?page=${this.pageNumber}&size=${this.pageSize}`, {
resourceType: this.active,
resourceCagetoryId: this.resourceCagetoryId,
enterpriseType: this.enterpriseType
}).then(res => {
if (res.data.success) {
uni.stopPullDownRefresh();
if (res.data.data.content.length < this.pageSize) {
this.setData({
loading: false
});
}
if (this.pageNumber > 0) {
this.setData({
list: this.list.concat(res.data.data.content)
});
} else {
this.setData({
list: res.data.data.content
});
}
}
});
} else {
uni.stopPullDownRefresh();
}
},
} }
} }
</script> </script>
<style lang="less"> <style lang="less">
.supplyHall-page{ .supplyHall-page {
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
background: #F5F5F5; background: #F5F5F5;
font-size: 28rpx; font-size: 28rpx;
} }
/* 导航栏 */ /* 导航栏 */
.navigation-box{ .navigation-box {
width: 100%; width: 100%;
height: auto; height: auto;
background: #fff; background: #fff;
padding-top: 20rpx; padding-top: 20rpx;
} }
.search-box{
.search-box {
width: 670rpx; width: 670rpx;
height: 68rpx; height: 68rpx;
border: 2rpx solid #FF5100; border: 2rpx solid #FF5100;
border-radius: 8rpx; border-radius: 8rpx;
margin: 0 auto; margin: 0 auto;
} }
.search-box image{
.search-box image {
width: 35rpx; width: 35rpx;
height: 35rpx; height: 35rpx;
margin: 0 29rpx 0 52rpx; margin: 0 29rpx 0 52rpx;
} }
.search{
.search {
margin-left: auto; margin-left: auto;
width: 132rpx; width: 132rpx;
height: 68rpx; height: 68rpx;
@ -240,14 +317,16 @@
border-radius: 8rpx; border-radius: 8rpx;
color: #fff; color: #fff;
} }
.resource-tabs{
.resource-tabs {
width: 100%; width: 100%;
padding-top: 10rpx; padding-top: 10rpx;
background: #fff; background: #fff;
border-bottom: 2rpx solid #EEEEEE; border-bottom: 2rpx solid #EEEEEE;
padding-left: 20rpx; padding-left: 20rpx;
} }
.tab{
.tab {
width: 150rpx; width: 150rpx;
padding: 26rpx 0; padding: 26rpx 0;
font-size: 32rpx; font-size: 32rpx;
@ -257,7 +336,8 @@
text-align: center; text-align: center;
margin-left: 115rpx; margin-left: 115rpx;
} }
.tab::after{
.tab::after {
display: block; display: block;
content: ''; content: '';
width: 80rpx; width: 80rpx;
@ -269,41 +349,48 @@
left: 50%; left: 50%;
margin-left: -40rpx; margin-left: -40rpx;
opacity: 0; opacity: 0;
transform:scaleX(0); transform: scaleX(0);
transition: all .2s ease,opacity .15s ease; transition: all .2s ease, opacity .15s ease;
} }
.tab-a{
.tab-a {
color: #FF5100; color: #FF5100;
} }
.tab-a::after{
.tab-a::after {
opacity: 1; opacity: 1;
transform: scaleX(1); transform: scaleX(1);
} }
.screen-box{ .screen-box {
height: 94rpx; height: 94rpx;
padding: 0 38rpx; padding: 0 38rpx;
color: #666; color: #666;
background: #fff; background: #fff;
margin-left: auto; margin-left: auto;
} }
.screen-result{
.screen-result {
color: #FF5100; color: #FF5100;
} }
.screen image{
.screen image {
width: 27rpx; width: 27rpx;
height: 27rpx; height: 27rpx;
margin-left: 6rpx; margin-left: 6rpx;
} }
.supplyHall-box{
.supplyHall-box {
width: 670rpx; width: 670rpx;
margin: 0 auto; margin: 0 auto;
} }
.resource-box{
.resource-box {
width: 100%; width: 100%;
} }
/* 个人 */ /* 个人 */
.personal-list{ .personal-list {
width: 100%; width: 100%;
border-radius: 12rpx; border-radius: 12rpx;
background: #FFF; background: #FFF;
@ -311,26 +398,39 @@
margin-top: 34rpx; margin-top: 34rpx;
padding-bottom: 32rpx; padding-bottom: 32rpx;
} }
.lable-img{
.tips-item {
width: 60rpx; width: 60rpx;
height: 32rpx; height: 32rpx;
background: #FFFFFF; font-size: 20rpx;
border-radius: 12rpx; color: #fff;
border-radius: 12rpx 0;
text-align: center;
background-color: #007AFF;
margin-bottom: 5rpx;
}
.bg2 {
background: linear-gradient(141deg, #FF6D31 0%, #FFA782 100%);
} }
.info-box{
.info-box {
height: 214rpx; height: 214rpx;
padding-left: 20rpx; padding-left: 20rpx;
} }
.head-img{
.head-img {
width: 64rpx; width: 64rpx;
height: 64rpx; height: 64rpx;
} }
.user-name{
.user-name {
height: 40rpx; height: 40rpx;
color: #1D1D1D; color: #1D1D1D;
margin: 0 10rpx 0 16rpx; margin: 0 10rpx 0 16rpx;
} }
.user-address{
.user-address {
width: 80rpx; width: 80rpx;
height: 28rpx; height: 28rpx;
line-height: 28rpx; line-height: 28rpx;
@ -340,45 +440,53 @@
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
} }
.user-price{
.user-price {
position: absolute; position: absolute;
right: 58rpx; right: 58rpx;
height: 40rpx; height: 40rpx;
color: #FF5100; color: #FF5100;
font-weight: 600; font-weight: 600;
} }
.supply-con{
.supply-con {
height: 40rpx; height: 40rpx;
color: #1D1D1D; color: #1D1D1D;
font-weight: 600; font-weight: 600;
} }
.tag{ .tag {
width: 112rpx; width: auto;
height: 36rpx; height: 36rpx;
border-radius: 4rpx; border-radius: 4rpx;
font-size: 20rpx; font-size: 20rpx;
margin-right: 8rpx; margin-right: 8rpx;
text-align: center; text-align: center;
padding: 0 10rpx;
} }
.tag-item-b{
.tag-item-b {
border: 1rpx solid #3A9EFA; border: 1rpx solid #3A9EFA;
color: #3A9EFA; color: #3A9EFA;
} }
.tag-item-y{
.tag-item-y {
border: 1px solid #FFAA00; border: 1px solid #FFAA00;
color: #FFAA00; color: #FFAA00;
} }
.tag-item-p{
.tag-item-p {
color: #FC9367; color: #FC9367;
border: 1px solid #FC9367; border: 1px solid #FC9367;
} }
.time-end{
.time-end {
height: 34rpx; height: 34rpx;
font-size: 24rpx; font-size: 24rpx;
color: #707070; color: #707070;
} }
.todetails{
.todetails {
width: 148rpx; width: 148rpx;
height: 44rpx; height: 44rpx;
line-height: 44rpx; line-height: 44rpx;
@ -392,7 +500,7 @@
} }
/* 企业 */ /* 企业 */
.enterprise-list{ .enterprise-list {
width: 670rpx; width: 670rpx;
background: #FFFFFF; background: #FFFFFF;
margin-top: 32rpx; margin-top: 32rpx;
@ -400,11 +508,13 @@
position: relative; position: relative;
padding-bottom: 15rpx; padding-bottom: 15rpx;
} }
.enterprise-box{
.enterprise-box {
height: 208rpx; height: 208rpx;
padding-left: 20rpx; padding-left: 20rpx;
} }
.title-h{
.title-h {
width: 456rpx; width: 456rpx;
height: 35rpx; height: 35rpx;
line-height: 35rpx; line-height: 35rpx;
@ -412,62 +522,73 @@
color: #1D1D1D; color: #1D1D1D;
font-weight: 600; font-weight: 600;
} }
.enterprise-price{
.enterprise-price {
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
font-size: 28rpx; font-size: 28rpx;
color: #FF5100; color: #FF5100;
} }
.head-logo{
.head-logo {
width: 72rpx; width: 72rpx;
height: 72rpx; height: 72rpx;
} }
.time-end-t{
.time-end-t {
position: absolute; position: absolute;
right: 15rpx; right: 15rpx;
height: 34rpx; height: 34rpx;
font-size: 24rpx; font-size: 24rpx;
color: #707070; color: #707070;
} }
.enterprise-con{
.enterprise-con {
width: 100%; width: 100%;
height: 192rpx; height: 192rpx;
padding: 0 20rpx; padding: 0 20rpx;
} }
.enterprise-img{
.enterprise-img {
width: 150rpx; width: 150rpx;
height: 192rpx; height: 192rpx;
margin-right: 30rpx; margin-right: 30rpx;
} }
.content-right{
.content-right {
width: 450rpx; width: 450rpx;
height:180rpx; height: 180rpx;
position: relative; position: relative;
} }
.e-price{
.e-price {
height: 40rpx; height: 40rpx;
color: #FF5100; color: #FF5100;
font-weight: 600; font-weight: 600;
} }
.mt20{
.mt20 {
padding-left: 20rpx; padding-left: 20rpx;
} }
.mask-box{ .mask-box {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background: rgba(0,0,0,.6); background: rgba(0, 0, 0, .6);
position:fixed; position: fixed;
top: 0;/* #ifdef H5 */ top: 0;
/* #ifdef H5 */
top: calc(88rpx + constant(safe-area-inset-top)); top: calc(88rpx + constant(safe-area-inset-top));
top: calc(88rpx + env(safe-area-inset-top));/* #endif */ top: calc(88rpx + env(safe-area-inset-top));
/* #endif */
left: 0; left: 0;
z-index: 9999; z-index: 9999;
} }
.screen-dialog-box{
.screen-dialog-box {
width: 602rpx; width: 602rpx;
height: 100%; height: 100%;
/* padding-bottom: 160rpx; */ /* padding-bottom: 160rpx; */
@ -478,33 +599,38 @@
right: 0rpx; right: 0rpx;
animation: move 200ms ease; animation: move 200ms ease;
} }
/* .move{ /* .move{
right: 0rpx; right: 0rpx;
} */ } */
@keyframes move{ @keyframes move {
0%{ 0% {
transform: translateX(800rpx); transform: translateX(800rpx);
} }
100%{
100% {
transform: translateX(0rpx); transform: translateX(0rpx);
} }
} }
.screen-item{
.screen-item {
width: 100%; width: 100%;
padding: 0 38rpx; padding: 0 38rpx;
padding-bottom: 22rpx; padding-bottom: 22rpx;
border-bottom: 2rpx solid #EEEEEE; border-bottom: 2rpx solid #EEEEEE;
} }
.screen-title{
.screen-title {
font-size: 24rpx; font-size: 24rpx;
color: #000; color: #000;
margin-bottom: 32rpx; margin-bottom: 32rpx;
} }
.screen-item{
.screen-item {
padding-top: 40rpx; padding-top: 40rpx;
} }
.screen-item .item{ .screen-item .item {
width: 162rpx; width: 162rpx;
height: 48rpx; height: 48rpx;
line-height: 48rpx; line-height: 48rpx;
@ -516,36 +642,43 @@
margin-bottom: 20rpx; margin-bottom: 20rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
.screen-item .item:nth-child(3n){
.screen-item .item:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
.screen-item .item-active{
.screen-item .item-active {
border: 2rpx solid #FF6E33; border: 2rpx solid #FF6E33;
color: #FE7D26; color: #FE7D26;
background: #FDEFE6; background: #FDEFE6;
} }
.across-line{
.across-line {
width: 44rpx; width: 44rpx;
height: 2rpx; height: 2rpx;
background: #ACABAB; background: #ACABAB;
margin: 0 12rpx; margin: 0 12rpx;
} }
.low-price{
.low-price {
width: 228rpx; width: 228rpx;
height: 60rpx; height: 60rpx;
background: #F6F5F5; background: #F6F5F5;
border-radius: 4rpx; border-radius: 4rpx;
} }
.low-price input{
.low-price input {
width: 100%; width: 100%;
height: 100%; height: 100%;
text-align: center; text-align: center;
} }
.fz20{
.fz20 {
font-size: 20rpx; font-size: 20rpx;
color: #393939; color: #393939;
} }
.submit-box{
.submit-box {
width: 602rpx; width: 602rpx;
height: 100rpx; height: 100rpx;
box-shadow: 2rpx 0px 12rpx rgba(0, 0, 0, 0.16); box-shadow: 2rpx 0px 12rpx rgba(0, 0, 0, 0.16);
@ -553,13 +686,15 @@
bottom: 0; bottom: 0;
right: 0; right: 0;
} }
.submit-box .btn{
.submit-box .btn {
width: 50%; width: 50%;
height: 100%; height: 100%;
line-height: 100rpx; line-height: 100rpx;
text-align: center; text-align: center;
} }
.submit-box .finish{
.submit-box .finish {
background: #FF660C; background: #FF660C;
color: #fff; color: #fff;
} }

138
pages/release/index.vue
Unescape View File

@ -1,9 +1,13 @@
<template> <template>
<!--pages/release/index.wxml--> <!--pages/release/index.wxml-->
<view class="release-page"> <view class="release-page">
<view class="auth-btn-box acea-row row-column row-middle"> <view class="auth-btn-box acea-row row-column row-middle">
<view class="auth-btn" @tap="toCompanyAuth" v-if="authStatus == 0 || authStatus == 3">企业认证<image src="/static/images/back.png"></image></view> <view class="auth-btn" @tap="toCompanyAuth" v-if="authStatus == 0 || authStatus == 3">企业认证<image
<view class="auth-btn bgG" @tap="toPersonlAuth" v-if="authStatus == 0 || authStatus == 3">个人认证<image src="/static/images/back.png"></image></view> src="/static/images/back.png"></image>
</view>
<view class="auth-btn bgG" @tap="toPersonlAuth" v-if="authStatus == 0 || authStatus == 3">个人认证<image
src="/static/images/back.png"></image>
</view>
</view> </view>
<view :class="'posi ' + (authStatus == 1 || authStatus == 2 ? 'top30' : '')"> <view :class="'posi ' + (authStatus == 1 || authStatus == 2 ? 'top30' : '')">
<view class="tips-box"> <view class="tips-box">
@ -32,23 +36,26 @@
<view class="btn-box acea-row row-between"> <view class="btn-box acea-row row-between">
<view :class="'btn ' + (authStatus == 2 && authType == 1 ? 'auth' : '' )" @tap="toResources"> <view :class="'btn ' + (authStatus == 2 && authType == 1 ? 'auth' : '' )" @tap="toResources">
<view class="tip">我能提供...</view> <view class="tip">我能提供...</view>
<image :class="authStatus == 2 && authType == 1 ? '' : 'default'" src="/static/images/yrz1.png"></image> <image :class="authStatus == 2 && authType == 1 ? '' : 'default'" src="/static/images/yrz1.png">
</image>
</view> </view>
<view :class="'btn ' + (authStatus == 2 ? 'auth' : '' )" @tap="toNeeds"> <view :class="'btn ' + (authStatus == 2 ? 'auth' : '' )" @tap="toNeeds">
<view class="tip">我有需求...</view> <view class="tip">我有需求...</view>
<image :class="authStatus == 2 ? '' : 'default'" src="/static/images/yrz2.png"></image> <image :class="authStatus == 2 ? '' : 'default'" src="/static/images/yrz2.png"></image>
</view> </view>
</view> </view>
<view class="close" @tap="back"><image src="/static/images/fabu-close.png"></image></view> <view class="close" @tap="back">
<image src="/static/images/fabu-close.png"></image>
</view>
</view>
</view> </view>
</view>
</template> </template>
<script> <script>
// pages/release/index.js // pages/release/index.js
const app = getApp(); const app = getApp();
export default { export default {
data() { data() {
return { return {
userInfo: {}, userInfo: {},
@ -65,39 +72,39 @@ export default {
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */
onLoad: function (options) {}, onLoad: function(options) {},
/** /**
* 生命周期函数--监听页面显示 * 生命周期函数--监听页面显示
*/ */
onShow: function () { onShow: function() {
this.isAuthentication(); this.isAuthentication();
}, },
/** /**
* 生命周期函数--监听页面隐藏 * 生命周期函数--监听页面隐藏
*/ */
onHide: function () {}, onHide: function() {},
/** /**
* 生命周期函数--监听页面卸载 * 生命周期函数--监听页面卸载
*/ */
onUnload: function () {}, onUnload: function() {},
/** /**
* 页面相关事件处理函数--监听用户下拉动作 * 页面相关事件处理函数--监听用户下拉动作
*/ */
onPullDownRefresh: function () {}, onPullDownRefresh: function() {},
/** /**
* 页面上拉触底事件的处理函数 * 页面上拉触底事件的处理函数
*/ */
onReachBottom: function () {}, onReachBottom: function() {},
/** /**
* 用户点击右上角分享 * 用户点击右上角分享
*/ */
onShareAppMessage: function () {}, onShareAppMessage: function() {},
methods: { methods: {
back() { back() {
let pages = getCurrentPages(); let pages = getCurrentPages();
@ -191,7 +198,8 @@ export default {
} }
}); });
} else if (this.authStatus == 0 && (this.authType == 1 || this.authType == 0) && this.completeState == false) { } else if (this.authStatus == 0 && (this.authType == 1 || this.authType == 0) && this.completeState ==
false) {
uni.showModal({ uni.showModal({
title: '提示！', title: '提示！',
content: '您还未完成企业认证，点击确定去认证吧~', content: '您还未完成企业认证，点击确定去认证吧~',
@ -213,7 +221,8 @@ export default {
uni.navigateTo({ uni.navigateTo({
url: '/pages/user/editNeeds/index?type=2' url: '/pages/user/editNeeds/index?type=2'
}); });
} else if (this.authStatus == 2 && (this.authType == 2 || this.authType == 0) && this.completeState == false) { } else if (this.authStatus == 2 && (this.authType == 2 || this.authType == 0) && this.completeState ==
false) {
uni.showModal({ uni.showModal({
title: '提示！', title: '提示！',
content: '您还未完善个人信息，点击确定去完善吧~', content: '您还未完善个人信息，点击确定去完善吧~',
@ -225,7 +234,8 @@ export default {
} }
}); });
} else if (this.authStatus == 0 && (this.authType == 2 || this.authType == 0) && this.completeState == false) { } else if (this.authStatus == 0 && (this.authType == 2 || this.authType == 0) && this.completeState ==
false) {
uni.showModal({ uni.showModal({
title: '提示！', title: '提示！',
content: '您还未完成认证，点击上方按钮去认证吧！' content: '您还未完成认证，点击上方按钮去认证吧！'
@ -234,16 +244,17 @@ export default {
} }
} }
}; };
</script> </script>
<style> <style>
/* pages/release/index.wxss */ /* pages/release/index.wxss */
.auth-btn-box{ .auth-btn-box {
width: 100%; width: 100%;
margin-top: 300rpx; margin-top: 300rpx;
} }
.auth-btn{
.auth-btn {
width: 310rpx; width: 310rpx;
height: 101rpx; height: 101rpx;
background: linear-gradient(137deg, #FFCDB8 0%, #FF9060 100%); background: linear-gradient(137deg, #FFCDB8 0%, #FF9060 100%);
@ -253,33 +264,40 @@ export default {
justify-content: center; justify-content: center;
color: #fff; color: #fff;
margin-bottom: 50rpx; margin-bottom: 50rpx;
} }
.auth-btn image{
.auth-btn image {
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
transform: rotate(180deg); transform: rotate(180deg);
} }
.bgG{
.bgG {
background: linear-gradient(137deg, #BFD7F9 0%, #A8C8F6 100%); background: linear-gradient(137deg, #BFD7F9 0%, #A8C8F6 100%);
} }
.posi{
.posi {
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: 100rpx; bottom: 100rpx;
} }
.top30{
.top30 {
bottom: 30%; bottom: 30%;
} }
.tips-box{
.tips-box {
/* margin-top: 15%; */ /* margin-top: 15%; */
} }
.tips{
.tips {
color: #FF0000; color: #FF0000;
font-size: 26rpx; font-size: 26rpx;
padding-left: 54rpx; padding-left: 54rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.icon{
.icon {
width: 26rpx; width: 26rpx;
height: 26rpx; height: 26rpx;
border: 1rpx solid #FF0000; border: 1rpx solid #FF0000;
@ -288,28 +306,33 @@ export default {
border-radius: 50%; border-radius: 50%;
font-size: 20rpx; font-size: 20rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
.btn-box{
.btn-box {
width: 100%; width: 100%;
padding: 0 36rpx; padding: 0 36rpx;
margin-top: 28rpx; margin-top: 28rpx;
} }
.btn{
.btn {
width: 320rpx; width: 320rpx;
height: 378rpx; height: 378rpx;
position: relative; position: relative;
} }
.btn-box image{
.btn-box image {
width: 320rpx; width: 320rpx;
height: 378rpx; height: 378rpx;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
} }
.btn-box .default{
.btn-box .default {
filter: grayscale(1); filter: grayscale(1);
} }
.btn .tip{
.btn .tip {
color: #9C9C9C; color: #9C9C9C;
font-weight: 500; font-weight: 500;
font-size: 32rpx; font-size: 32rpx;
@ -318,15 +341,18 @@ export default {
top: 70rpx; top: 70rpx;
text-align: center; text-align: center;
z-index: 3; z-index: 3;
} }
.btn .auth{
.btn .auth {
color: #1D1D1D; color: #1D1D1D;
} }
.close {
.close {
text-align: center; text-align: center;
} }
.close image{
.close image {
width: 88rpx; width: 88rpx;
height: 88rpx; height: 88rpx;
} }
</style> </style>
Write Preview
Loading…
Cancel
Save