Browse Source

云生态

zys
kk_888 3 years ago
parent
commit
a32eec8f7a
  1. 4
      pages/demandHall/business/index.vue
  2. 4
      pages/demandHall/enterprisePage/index.vue
  3. 41
      pages/demandHall/enterpriseServer/index.vue
  4. 8
      pages/demandHall/needsDetail/index.vue
  5. 5
      pages/demandHall/resourcesContact/index.vue
  6. 8
      pages/demandHall/resourcesDetail/index.vue
  7. 62
      pages/demandHall/supplyHall/index.vue
  8. 2
      pages/home/index.vue
  9. 4
      pages/information/index.vue

4
pages/demandHall/business/index.vue

@ -46,7 +46,7 @@
</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="company-list" v-for="(item,index) in enterpriseList" :key="index"> <view class="company-list" v-for="(item,index) in enterpriseList" :key="index" @click="toCompanyDetail(item.id)">
<view class="title line1">{{item.enterpriseName}}</view> <view class="title line1">{{item.enterpriseName}}</view>
<view class="category-box acea-row"> <view class="category-box acea-row">
<view class="tag" :class="index%2 == 0 ? 'tag-item-b' : 'tag-item-y' ">{{item.cname}}</view> <view class="tag" :class="index%2 == 0 ? 'tag-item-b' : 'tag-item-y' ">{{item.cname}}</view>
@ -194,7 +194,7 @@
}, },
toCompanyDetail(id) { toCompanyDetail(id) {
uni.navigateTo({ uni.navigateTo({
url:"/pages/demandHall/companyDetail/index?id=" + id url:"/pages/demandHall/enterprisePage/index?id=" + id
}) })
}, },
// //

4
pages/demandHall/enterprisePage/index.vue

@ -223,7 +223,7 @@
} }
} }
.contact-box{ .contact-box{
width: 500rpx; width: 670rpx;
height: 106rpx; height: 106rpx;
font-size: 24rpx; font-size: 24rpx;
font-weight: 500; font-weight: 500;
@ -235,7 +235,7 @@
margin-right: 10rpx; margin-right: 10rpx;
} }
.line1{ .line1{
width: 470rpx; width: 620rpx;
line-height: 30rpx; line-height: 30rpx;
} }
} }

41
pages/demandHall/enterpriseServer/index.vue

@ -21,7 +21,8 @@
</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="enterprise-list" v-for="(item,index) in resourceList" :key="index" @tap="toResourceDetail" :data-id="item.id"> <view class="enterprise-list" v-for="(item,index) in resourceList" :key="index" @tap="toResourceDetail"
:data-id="item.id">
<view :class="'business-lable ' + (item.enterpriseType == 1 ? 'bg2' : '')"> <view :class="'business-lable ' + (item.enterpriseType == 1 ? 'bg2' : '')">
{{item.enterpriseType == 1 ? '企业' : '个人'}} {{item.enterpriseType == 1 ? '企业' : '个人'}}
</view> </view>
@ -35,15 +36,16 @@
<view class="enterprise-price">{{item.totalMoney}}</view> <view class="enterprise-price">{{item.totalMoney}}</view>
</view> </view>
</view> </view>
<view class="user-info acea-row row-middle"> <view class="enterprise-info acea-row row-middle">
<image :src="item.enterpriseDto.enterpriseLogo" mode="" class="head-logo"></image> <image src="../../../static/images/cart.png" mode="" class="head-logo"></image>
<view class="user-name">{{item.enterpriseName}}</view> <view class="enterprise-name line1">湖北知音动漫有限公司</view>
<view class="todetails">查看详情</view>
</view> </view>
<view class="todetails" >查看详情</view>
</view> </view>
</view> </view>
<view class="company-box" v-if="active == 2"> <view class="company-box" v-if="active == 2">
<view class="business-list" v-for="(item,index) in companyList" :key="index" @tap="toCompanyDetail" :data-id="item.id"> <view class="business-list" v-for="(item,index) in companyList" :key="index" @tap="toCompanyDetail"
:data-id="item.id">
<view :class="'business-lable ' + (item.enterpriseType == 1 ? 'bg2' : '')"> <view :class="'business-lable ' + (item.enterpriseType == 1 ? 'bg2' : '')">
{{item.enterpriseType == 1 ? '企业' : '个人'}} {{item.enterpriseType == 1 ? '企业' : '个人'}}
</view> </view>
@ -129,7 +131,7 @@
}); });
if (e.currentTarget.dataset.i == 2) { if (e.currentTarget.dataset.i == 2) {
this.getCompanyList(); this.getCompanyList();
} else{ } else {
this.getPageData(); this.getPageData();
} }
}, },
@ -247,9 +249,10 @@
</script> </script>
<style lang="less"> <style lang="less">
image{ image {
border-radius: 8rpx; border-radius: 8rpx;
} }
.supplyHall-page { .supplyHall-page {
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
@ -280,6 +283,7 @@
height: 35rpx; height: 35rpx;
margin: 0 29rpx 0 52rpx; margin: 0 29rpx 0 52rpx;
} }
.search-box input { .search-box input {
width: 400rpx; width: 400rpx;
} }
@ -287,7 +291,7 @@
.search { .search {
/* margin-left: auto; */ /* margin-left: auto; */
width: 132rpx; width: 132rpx;
height: 66rpx; height: 68rpx;
background: linear-gradient(39deg, #FF5100 0%, #FFA074 100%); background: linear-gradient(39deg, #FF5100 0%, #FFA074 100%);
border-radius: 8rpx; border-radius: 8rpx;
color: #fff; color: #fff;
@ -378,10 +382,12 @@
margin: 8rpx 20rpx 0rpx 20rpx; margin: 8rpx 20rpx 0rpx 20rpx;
padding-bottom: 16rpx; padding-bottom: 16rpx;
} }
.category-box{
.category-box {
width: 100%; width: 100%;
height: 36rpx; height: 36rpx;
overflow: hidden; overflow: hidden;
.tag { .tag {
width: auto; width: auto;
height: 36rpx; height: 36rpx;
@ -408,6 +414,7 @@
border: 1px solid #FC9367; border: 1px solid #FC9367;
} }
} }
.tag { .tag {
width: auto; width: auto;
padding: 0 10rpx; padding: 0 10rpx;
@ -432,12 +439,14 @@
color: #FC9367; color: #FC9367;
border: 1px solid #FC9367; border: 1px solid #FC9367;
} }
.enterprise-name{
.enterprise-name {
max-width: 382rpx; max-width: 382rpx;
height: 40rpx; height: 40rpx;
color: #1D1D1D; color: #1D1D1D;
margin: 0 10rpx 0 16rpx; margin: 0 10rpx 0 16rpx;
} }
.todetails { .todetails {
width: 148rpx; width: 148rpx;
height: 44rpx; height: 44rpx;
@ -514,18 +523,22 @@
} }
.bg2 { .bg2 {
background: rgba(255, 170, 0, 0.63); background: linear-gradient(141deg, #FF6D31 0%, #FFA782 100%);
} }
.business-con { .business-con {
width: 100%; width: 100%;
margin: 8rpx 20rpx 16rpx 20rpx; margin: 8rpx 20rpx 16rpx 20rpx;
.logo-img { .logo-img {
width: 154rpx; width: 154rpx;
height: 154rpx; height: 154rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
.con-right{
.con-right {
width: 450rpx; width: 450rpx;
.title-h { .title-h {
width: 100%; width: 100%;
height: 44rpx; height: 44rpx;
@ -533,6 +546,7 @@
color: #1D1D1D; color: #1D1D1D;
margin-bottom: 8rpx; margin-bottom: 8rpx;
} }
.title-s { .title-s {
width: 456rpx; width: 456rpx;
height: 65rpx; height: 65rpx;
@ -545,6 +559,7 @@
} }
} }
.business-img { .business-img {
width: 630rpx; width: 630rpx;
height: 176rpx; height: 176rpx;

8
pages/demandHall/needsDetail/index.vue

@ -34,7 +34,6 @@
<view class="company-name">{{detail.enterprise.enterpriseName}}</view> <view class="company-name">{{detail.enterprise.enterpriseName}}</view>
<view class="tags-box"> <view class="tags-box">
<view class="tag-item">{{detail.cname}}</view> <view class="tag-item">{{detail.cname}}</view>
<!-- <view class="tag-item bgG">IT软件</view> -->
</view> </view>
<!-- <view class="slogan">让全世界全世界牛起全世界牛起全世界牛起牛起来</view> --> <!-- <view class="slogan">让全世界全世界牛起全世界牛起全世界牛起牛起来</view> -->
</view> </view>
@ -297,6 +296,10 @@ export default {
margin-right: 20rpx; margin-right: 20rpx;
border-radius: 8rpx; border-radius: 8rpx;
} }
.info{
width: 477rpx;
height: auto;
}
.name{ .name{
font-size: 32rpx; font-size: 32rpx;
line-height: 44rpx; line-height: 44rpx;
@ -311,7 +314,7 @@ export default {
margin: 6rpx 0 10rpx; margin: 6rpx 0 10rpx;
} }
.tag-item{ .tag-item{
width: 112rpx; width: auto;
height: 36rpx; height: 36rpx;
display: inline-block; display: inline-block;
line-height: 36rpx; line-height: 36rpx;
@ -321,6 +324,7 @@ export default {
color: #fff; color: #fff;
border-radius: 4rpx; border-radius: 4rpx;
margin-right: 8rpx; margin-right: 8rpx;
padding: 0 10rpx;
} }
.bgG{ .bgG{
background: linear-gradient(134deg, #AEC8F6 0%, #76A6FA 100%); background: linear-gradient(134deg, #AEC8F6 0%, #76A6FA 100%);

5
pages/demandHall/resourcesContact/index.vue

@ -8,7 +8,7 @@
<view class="tags-box"> <view class="tags-box">
<view class="tag-item">{{resourcesDetail.cname}}</view> <view class="tag-item">{{resourcesDetail.cname}}</view>
</view> </view>
<view class="slogan">{{resourcesDetail.enterprise.enterpriseName}}</view> <view class="slogan line1">{{resourcesDetail.enterprise.enterpriseName}}</view>
</view> </view>
</view> </view>
<view class="tips acea-row row-middle"> <view class="tips acea-row row-middle">
@ -176,7 +176,8 @@ export default {
margin: 6rpx 0 10rpx; margin: 6rpx 0 10rpx;
} }
.tag-item{ .tag-item{
width: 112rpx; width: auto;
padding: 0 10rpx;
height: 36rpx; height: 36rpx;
display: inline-block; display: inline-block;
line-height: 36rpx; line-height: 36rpx;

8
pages/demandHall/resourcesDetail/index.vue

@ -6,7 +6,9 @@
</view> </view>
<view class="detail-box"> <view class="detail-box">
<view class="r-name">{{detail.title}}</view> <view class="r-name">{{detail.title}}</view>
<view class="acea-row">
<view class="tag">{{detail.cname}}</view> <view class="tag">{{detail.cname}}</view>
</view>
<view class="title-box acea-row row-middle"> <view class="title-box acea-row row-middle">
<view class="col-line"></view> <view class="col-line"></view>
<text>基本信息</text> <text>基本信息</text>
@ -196,7 +198,7 @@ export default {
color: #fff; color: #fff;
background: linear-gradient(314deg, #FF5100 0%, #FF8800 100%); background: linear-gradient(314deg, #FF5100 0%, #FF8800 100%);
border-radius: 8rpx; border-radius: 8rpx;
margin: 16rpx 0; margin: 16rpx 9rpx 16rpx 0;
} }
.col-line{ .col-line{
width: 8rpx; width: 8rpx;
@ -215,6 +217,7 @@ export default {
width: 144rpx; width: 144rpx;
} }
.colG{ .colG{
width: 710rpx;
font-size: 28rpx; font-size: 28rpx;
line-height: 40rpx; line-height: 40rpx;
color: #707070; color: #707070;
@ -251,7 +254,7 @@ export default {
margin: 6rpx 0 10rpx; margin: 6rpx 0 10rpx;
} }
.tag-item{ .tag-item{
width: 112rpx; width: auto;
height: 36rpx; height: 36rpx;
display: inline-block; display: inline-block;
line-height: 36rpx; line-height: 36rpx;
@ -261,6 +264,7 @@ export default {
color: #fff; color: #fff;
border-radius: 4rpx; border-radius: 4rpx;
margin-right: 8rpx; margin-right: 8rpx;
padding: 0 10rpx;
} }
.bgG{ .bgG{
background: linear-gradient(134deg, #AEC8F6 0%, #76A6FA 100%); background: linear-gradient(134deg, #AEC8F6 0%, #76A6FA 100%);

62
pages/demandHall/supplyHall/index.vue

@ -37,19 +37,19 @@
</view> </view>
<view class="time-end-t line1">{{item.resourceEndTime}}截止报名</view> <view class="time-end-t line1">{{item.resourceEndTime}}截止报名</view>
</view> </view>
<view class="enterprise-info acea-row row-middle"> <view class="enterprise-info acea-row row-middle">
<image :src="item.enterpriseDto.enterpriseLogo" mode="aspectFill" class="head-logo"></image> <image :src="item.enterpriseDto.enterpriseLogo" mode="aspectFill" class="head-logo"></image>
<view class="user-name">{{item.enterpriseName}}</view> <view class="enterprise-name line1">{{item.enterpriseName}}</view>
<view class="todetails">查看详情</view>
</view> </view>
</view> </view>
<view class="todetails">查看详情</view>
</view> </view>
<LoadStatus :loadStatus="loadStatus"></LoadStatus> <LoadStatus :loadStatus="loadStatus"></LoadStatus>
</view> </view>
<!-- 资源列表 --> <!-- 供应广场 -->
<view class="company-box" v-if="active == 1"> <view class="company-box" v-if="active == 1">
<view class="enterprise-list" v-for="(item, index) in list" :key="index" @tap="toResourDetail" :data-id="item.id"> <view class="enterprise-list" v-for="(item, index) in list" :key="index" @tap="toResourceDetail"
:data-id="item.id">
<view :class="'tips-item' + (item.enterpriseType == 2 ? ' bg2' : '' )"> <view :class="'tips-item' + (item.enterpriseType == 2 ? ' bg2' : '' )">
{{item.enterpriseType == 1 ? '企业' : '个人'}} {{item.enterpriseType == 1 ? '企业' : '个人'}}
</view> </view>
@ -66,13 +66,11 @@
</view> </view>
<view class="enterprise-info acea-row row-middle mt20"> <view class="enterprise-info acea-row row-middle mt20">
<image :src="item.enterpriseDto.enterpriseLogo" mode="" class="head-logo"></image> <image :src="item.enterpriseDto.enterpriseLogo" mode="" class="head-logo"></image>
<view class="user-name">{{item.enterpriseName}}</view> <view class="enterprise-name line1">湖北知音动漫有限公司</view>
</view>
<view class="todetails">查看详情</view> <view class="todetails">查看详情</view>
</view> </view>
<LoadStatus :loadStatus="loadStatus"></LoadStatus>
<!-- </view> -->
</view> </view>
<LoadStatus :loadStatus="loadStatus"></LoadStatus>
</view> </view>
<view class="mask-box" v-if="showScreenDialog"> <view class="mask-box" v-if="showScreenDialog">
<view :class="'screen-dialog-box ' + (showScreenDialog ? 'move' : '')"> <view :class="'screen-dialog-box ' + (showScreenDialog ? 'move' : '')">
@ -81,17 +79,17 @@
<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" <view v-for="(item, index) in cagetoryList" :key="index"
:class="'item ' + (cagetoryActive == index ? 'item-active' : '')" @tap="cagetoryClick" :class="'item ' + (cagetoryActive == index ? 'item-active' : '')"
:data-i="index" :data-item="item">{{item.cagetoryName}}</view> @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" <view :class="'item ' + (enterpriseType == 2 ? 'item-active' : '')"
data-name="个人认证" data-type="2">个人认证</view> @tap="businessChange" data-name="个人认证" data-type="2">个人认证</view>
<view :class="'item ' + (enterpriseType == 1 ? 'item-active' : '')" @tap="businessChange" <view :class="'item ' + (enterpriseType == 1 ? 'item-active' : '')"
data-name="企业认证" data-type="1">企业认证</view> @tap="businessChange" data-name="企业认证" data-type="1">企业认证</view>
</view> </view>
</view> </view>
<view class="submit-box acea-row"> <view class="submit-box acea-row">
@ -102,13 +100,16 @@
</view> </view>
</view> </view>
</view> </view>
</view>
</template> </template>
<script> <script>
const app = getApp(); const app = getApp();
import LoadStatus from "@/components/LoadStatus.vue" import LoadStatus from "@/components/LoadStatus.vue"
export default { export default {
components:{ LoadStatus }, components: {
LoadStatus
},
data() { data() {
return { return {
active: 2, active: 2,
@ -217,7 +218,13 @@
url: '/pages/demandHall/needsDetail/index?id=' + id url: '/pages/demandHall/needsDetail/index?id=' + id
}); });
}, },
// 广
toResourceDetail(e) {
let id = e.currentTarget.dataset.id;
uni.navigateTo({
url: '/pages/demandHall/resourcesDetail/index?id=' + id
});
},
getPageData() { getPageData() {
if (this.loading) { if (this.loading) {
this.loadStatus = '正在加载中...' this.loadStatus = '正在加载中...'
@ -231,7 +238,7 @@
if (res.data.data.content.length < this.pageSize) { if (res.data.data.content.length < this.pageSize) {
this.loading = false; this.loading = false;
this.loadStatus = '没有更多了...' this.loadStatus = '没有更多了...'
} else{ } else {
this.loadStatus = '上拉加载更多...' this.loadStatus = '上拉加载更多...'
} }
this.list = this.list.concat(res.data.data.content) this.list = this.list.concat(res.data.data.content)
@ -255,9 +262,10 @@
</script> </script>
<style lang="less"> <style lang="less">
image{ image {
border-radius: 8rpx; border-radius: 8rpx;
} }
.supplyHall-page { .supplyHall-page {
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
@ -439,10 +447,12 @@
font-weight: 600; font-weight: 600;
margin: 10rpx 0; margin: 10rpx 0;
} }
.category-box{
.category-box {
width: 100%; width: 100%;
height: 36rpx; height: 36rpx;
overflow: hidden; overflow: hidden;
.tag { .tag {
width: auto; width: auto;
height: 36rpx; height: 36rpx;
@ -518,7 +528,8 @@
font-size: 28rpx; font-size: 28rpx;
color: #FF5100; color: #FF5100;
} }
.enterprise-name{
.enterprise-name {
max-width: 382rpx; max-width: 382rpx;
height: 40rpx; height: 40rpx;
color: #1D1D1D; color: #1D1D1D;
@ -529,11 +540,13 @@
width: 72rpx; width: 72rpx;
height: 72rpx; height: 72rpx;
} }
.wd37{
.wd37 {
width: 370rpx; width: 370rpx;
height: 36rpx; height: 36rpx;
overflow: hidden; overflow: hidden;
} }
.time-end-t { .time-end-t {
width: 250rpx; width: 250rpx;
height: 34rpx; height: 34rpx;
@ -541,7 +554,10 @@
color: #707070; color: #707070;
text-align: right; text-align: right;
} }
.enterprise-info {
width: 100%;
height: auto;
}
.enterprise-con { .enterprise-con {
width: 100%; width: 100%;
height: 192rpx; height: 192rpx;

2
pages/home/index.vue

@ -745,7 +745,7 @@
padding: 30rpx 30rpx 15rpx 30rpx; padding: 30rpx 30rpx 15rpx 30rpx;
.rec-name { .rec-name {
width: 130rpx; width: 260rpx;
font-size: 28rpx; font-size: 28rpx;
color: #1D1D1D; color: #1D1D1D;
margin-left: 16rpx; margin-left: 16rpx;

4
pages/information/index.vue

@ -468,7 +468,7 @@
} }
.follow-title-l { .follow-title-l {
width: 290rpx; width: 100%;
height: 28rpx; height: 28rpx;
font-size: 20rpx; font-size: 20rpx;
color: #707070; color: #707070;
@ -494,7 +494,7 @@
} }
.follow-title-b { .follow-title-b {
width: 230rpx; width: 300rpx;
height: 52rpx; height: 52rpx;
.title-s { .title-s {
height: 25rpx; height: 25rpx;

Loading…
Cancel
Save