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

云生态4

zys
kk_888 3 years ago
parent
8d2895b8ec
commit
452bc49e4b
4 changed files with 613 additions and 28 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. 221
      pages/demandHall/demoInvestment/index.vue
  2. 204
      pages/demandHall/enterpriseServer/index.vue
  3. 13
      pages/demandHall/index.vue
  4. 203
      pages/demandHall/supplyHall/index.vue

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

@ -10,16 +10,11 @@
<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-result"> <view class="screen acea-row row-middle" @tap="showDialog">
{{choseCagetory}} <text>筛选</text>
<text v-if="choseCagetory != '' && choseBusiness != ''">-</text> <image src="/static/images/home/screen.png"></image>
{{choseBusiness}} </view>
</view> -->
<view class="screen acea-row row-middle">
<text>筛选</text>
<image src="/static/images/home/screen.png"></image>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -55,7 +50,7 @@
</view> </view>
<!-- 投资方 --> <!-- 投资方 -->
<view class="project-box" v-if="active == 2"> <view class="project-box" v-if="active == 2">
<view class="investor-list acea-row row-middle" v-for="(item,index) in 2"> <view class="investor-list acea-row row-middle">
<view class="head-img acea-row row-center"> <view class="head-img acea-row row-center">
<image src="../../../static/images/home/menu6.png" mode="" class="user-img"></image> <image src="../../../static/images/home/menu6.png" mode="" class="user-img"></image>
<image src="../../../static/images/vip-icon.png" mode="" class="user-icon"></image> <image src="../../../static/images/vip-icon.png" mode="" class="user-icon"></image>
@ -78,21 +73,107 @@
</view> </view>
<view class="add"><image src="../../../static/images/fabu-close.png"></image></view> <view class="add"><image src="../../../static/images/fabu-close.png"></image></view>
<view class="mask-box" v-if="showScreenDialog">
<view :class="'screen-dialog-box ' + (showScreenDialog ? 'move' : '')">
<view class="screen-list">
<view class="screen-item">
<view class="screen-title">所有服务</view>
<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>
</view>
<view class="screen-item">
<view class="screen-title">商家身份<text class="fz20">(所有商家均实名认证)</text></view>
<view class="acea-row">
<view :class="'item ' + (enterpriseType == 2 ? 'item-active' : '')" @tap="businessChange" data-name="个人认证" data-type="2">个人认证</view>
<view :class="'item ' + (enterpriseType == 1 ? 'item-active' : '')" @tap="businessChange" data-name="企业认证" data-type="1">企业认证</view>
</view>
</view>
<view class="submit-box acea-row">
<view class="btn reset" @tap="resetClick">重置</view>
<view class="btn finish" @tap="finishClick">完成</view>
</view>
</view>
</view>
</view>
</view> </view>
</template> </template>
<script> <script>
const app = getApp();
export default { export default {
data() { data() {
return { return {
active: '1', active: '1',
showScreenDialog: false,
cagetoryActive: "",
//筛选企业/个人
resourceCagetoryId: '',
// 分类列表
enterpriseType: '',
//筛选分类
choseCagetory: '',
choseBusiness: '',
cName: "",
} }
}, },
methods: { onLoad: function (options) {
this.getCagetoryList();
},
methods:{
tabClick(e) { tabClick(e) {
this.setData({ this.setData({
active: e.currentTarget.dataset.i, active: e.currentTarget.dataset.i,
}) })
},
getCagetoryList() {
app.http('get', 'ResourcesCagetory/listResourcesCagetory').then(res => {
if (res.data.success) {
this.setData({
cagetoryList: res.data.data
});
}
});
},
showDialog() {
this.setData({
showScreenDialog: true
});
},
cagetoryClick(e) {
let item = e.currentTarget.dataset.item;
let i = e.currentTarget.dataset.i;
console.log(item);
this.setData({
cagetoryActive: i,
resourceCagetoryId: item.id,
choseCagetory: item.cagetoryName
});
},
businessChange(e) {
let type = e.currentTarget.dataset.type;
let name = e.currentTarget.dataset.name;
this.setData({
choseBusiness: name,
enterpriseType: type
});
},
finishClick() {
this.setData({
showScreenDialog: false
});
},
resetClick() {
this.setData({
cName: '',
cagetoryActive: null,
resourceCagetoryId: '',
enterpriseType: '',
choseBusiness: '',
choseCagetory: '',
});
}, },
} }
} }
@ -352,4 +433,112 @@
} }
.mask-box{
width: 100%;
height: 100vh;
background: rgba(0,0,0,.6);
position:fixed;
top: 0;/* #ifdef H5 */
top: calc(88rpx + constant(safe-area-inset-top));
top: calc(88rpx + env(safe-area-inset-top));/* #endif */
left: 0;
z-index: 9999;
}
.screen-dialog-box{
width: 602rpx;
height: 100%;
/* padding-bottom: 160rpx; */
overflow-y: scroll;
background-color: #fff;
position: absolute;
top: 0;
right: 0rpx;
animation: move 200ms ease;
}
/* .move{
right: 0rpx;
} */
@keyframes move{
0%{
transform: translateX(800rpx);
}
100%{
transform: translateX(0rpx);
}
}
.screen-item{
width: 100%;
padding: 0 38rpx;
padding-bottom: 22rpx;
border-bottom: 2rpx solid #EEEEEE;
}
.screen-title{
font-size: 24rpx;
color: #000;
margin-bottom: 32rpx;
}
.screen-item{
padding-top: 40rpx;
}
.screen-item .item{
width: 162rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
font-size: 24rpx;
color: #666666;
background: #F6F6F6;
border-radius: 4rpx;
margin-bottom: 20rpx;
margin-right: 20rpx;
}
.screen-item .item:nth-child(3n){
margin-right: 0;
}
.screen-item .item-active{
border: 2rpx solid #FF6E33;
color: #FE7D26;
background: #FDEFE6;
}
.across-line{
width: 44rpx;
height: 2rpx;
background: #ACABAB;
margin: 0 12rpx;
}
.low-price{
width: 228rpx;
height: 60rpx;
background: #F6F5F5;
border-radius: 4rpx;
}
.low-price input{
width: 100%;
height: 100%;
text-align: center;
}
.fz20{
font-size: 20rpx;
color: #393939;
}
.submit-box{
width: 602rpx;
height: 100rpx;
box-shadow: 2rpx 0px 12rpx rgba(0, 0, 0, 0.16);
position: fixed;
bottom: 0;
right: 0;
}
.submit-box .btn{
width: 50%;
height: 100%;
line-height: 100rpx;
text-align: center;
}
.submit-box .finish{
background: #FF660C;
color: #fff;
}
</style> </style>

204
pages/demandHall/enterpriseServer/index.vue
Unescape View File

@ -11,12 +11,7 @@
<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-result"> <view class="screen acea-row row-middle" @tap="showDialog">
{{choseCagetory}}
<text v-if="choseCagetory != '' && choseBusiness != ''">-</text>
{{choseBusiness}}
</view> -->
<view class="screen acea-row row-middle">
<text>筛选</text> <text>筛选</text>
<image src="/static/images/home/screen.png"></image> <image src="/static/images/home/screen.png"></image>
</view> </view>
@ -68,22 +63,108 @@
</view> </view>
</view> </view>
</view> </view>
<view class="mask-box" v-if="showScreenDialog">
<view :class="'screen-dialog-box ' + (showScreenDialog ? 'move' : '')">
<view class="screen-list">
<view class="screen-item">
<view class="screen-title">所有服务</view>
<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>
</view>
<view class="screen-item">
<view class="screen-title">商家身份<text class="fz20">(所有商家均实名认证)</text></view>
<view class="acea-row">
<view :class="'item ' + (enterpriseType == 2 ? 'item-active' : '')" @tap="businessChange" data-name="个人认证" data-type="2">个人认证</view>
<view :class="'item ' + (enterpriseType == 1 ? 'item-active' : '')" @tap="businessChange" data-name="企业认证" data-type="1">企业认证</view>
</view>
</view>
<view class="submit-box acea-row">
<view class="btn reset" @tap="resetClick">重置</view>
<view class="btn finish" @tap="finishClick">完成</view>
</view>
</view>
</view>
</view>
</view> </view>
</template> </template>
<script> <script>
const app = getApp();
export default { export default {
data() { data() {
return { return {
active: '1', active: '1',
showScreenDialog: false,
cagetoryActive: "",
//筛选企业/个人
resourceCagetoryId: '',
// 分类列表
enterpriseType: '',
//筛选分类
choseCagetory: '',
choseBusiness: '',
cName: "",
} }
}, },
onLoad: function (options) {
this.getCagetoryList();
},
methods:{ methods:{
tabClick(e) { tabClick(e) {
this.setData({ this.setData({
active: e.currentTarget.dataset.i, active: e.currentTarget.dataset.i,
}) })
}, },
getCagetoryList() {
app.http('get', 'ResourcesCagetory/listResourcesCagetory').then(res => {
if (res.data.success) {
this.setData({
cagetoryList: res.data.data
});
}
});
},
showDialog() {
this.setData({
showScreenDialog: true
});
},
cagetoryClick(e) {
let item = e.currentTarget.dataset.item;
let i = e.currentTarget.dataset.i;
console.log(item);
this.setData({
cagetoryActive: i,
resourceCagetoryId: item.id,
choseCagetory: item.cagetoryName
});
},
businessChange(e) {
let type = e.currentTarget.dataset.type;
let name = e.currentTarget.dataset.name;
this.setData({
choseBusiness: name,
enterpriseType: type
});
},
finishClick() {
this.setData({
showScreenDialog: false
});
},
resetClick() {
this.setData({
cName: '',
cagetoryActive: null,
resourceCagetoryId: '',
enterpriseType: '',
choseBusiness: '',
choseCagetory: '',
});
},
} }
} }
</script> </script>
@ -321,4 +402,115 @@
width: 305rpx; width: 305rpx;
height: 176rpx; height: 176rpx;
} }
.mask-box{
width: 100%;
height: 100vh;
background: rgba(0,0,0,.6);
position:fixed;
top: 0;/* #ifdef H5 */
top: calc(88rpx + constant(safe-area-inset-top));
top: calc(88rpx + env(safe-area-inset-top));/* #endif */
left: 0;
z-index: 9999;
}
.screen-dialog-box{
width: 602rpx;
height: 100%;
/* padding-bottom: 160rpx; */
overflow-y: scroll;
background-color: #fff;
position: absolute;
top: 0;
right: 0rpx;
animation: move 200ms ease;
}
/* .move{
right: 0rpx;
} */
@keyframes move{
0%{
transform: translateX(800rpx);
}
100%{
transform: translateX(0rpx);
}
}
.screen-item{
width: 100%;
padding: 0 38rpx;
padding-bottom: 22rpx;
border-bottom: 2rpx solid #EEEEEE;
}
.screen-title{
font-size: 24rpx;
color: #000;
margin-bottom: 32rpx;
}
.screen-item{
padding-top: 40rpx;
}
.screen-item .item{
width: 162rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
font-size: 24rpx;
color: #666666;
background: #F6F6F6;
border-radius: 4rpx;
margin-bottom: 20rpx;
margin-right: 20rpx;
}
.screen-item .item:nth-child(3n){
margin-right: 0;
}
.screen-item .item-active{
border: 2rpx solid #FF6E33;
color: #FE7D26;
background: #FDEFE6;
}
.across-line{
width: 44rpx;
height: 2rpx;
background: #ACABAB;
margin: 0 12rpx;
}
.low-price{
width: 228rpx;
height: 60rpx;
background: #F6F5F5;
border-radius: 4rpx;
}
.low-price input{
width: 100%;
height: 100%;
text-align: center;
}
.fz20{
font-size: 20rpx;
color: #393939;
}
.submit-box{
width: 602rpx;
height: 100rpx;
box-shadow: 2rpx 0px 12rpx rgba(0, 0, 0, 0.16);
position: fixed;
bottom: 0;
right: 0;
}
.submit-box .btn{
width: 50%;
height: 100%;
line-height: 100rpx;
text-align: center;
}
.submit-box .finish{
background: #FF660C;
color: #fff;
}
</style> </style>

13
pages/demandHall/index.vue
Unescape View File

@ -184,6 +184,7 @@ export default {
size: 0, size: 0,
cName: "", cName: "",
currentTabIndex: 1, currentTabIndex: 1,
}; };
}, },
@ -644,6 +645,18 @@ image{
position: static; position: static;
} }
.mask-box{ .mask-box{
width: 100%; width: 100%;
height: 100vh; height: 100vh;

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

@ -11,12 +11,7 @@
<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-result"> <view class="screen acea-row row-middle" @tap="showDialog">
{{choseCagetory}}
<text v-if="choseCagetory != '' && choseBusiness != ''">-</text>
{{choseBusiness}}
</view> -->
<view class="screen acea-row row-middle">
<text>筛选</text> <text>筛选</text>
<image src="/static/images/home/screen.png"></image> <image src="/static/images/home/screen.png"></image>
</view> </view>
@ -98,23 +93,108 @@
</view> </view>
</view> </view>
</view> </view>
<view class="mask-box" v-if="showScreenDialog">
<view :class="'screen-dialog-box ' + (showScreenDialog ? 'move' : '')">
<view class="screen-list">
<view class="screen-item">
<view class="screen-title">所有服务</view>
<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>
</view>
<view class="screen-item">
<view class="screen-title">商家身份<text class="fz20">(所有商家均实名认证)</text></view>
<view class="acea-row">
<view :class="'item ' + (enterpriseType == 2 ? 'item-active' : '')" @tap="businessChange" data-name="个人认证" data-type="2">个人认证</view>
<view :class="'item ' + (enterpriseType == 1 ? 'item-active' : '')" @tap="businessChange" data-name="企业认证" data-type="1">企业认证</view>
</view>
</view>
<view class="submit-box acea-row">
<view class="btn reset" @tap="resetClick">重置</view>
<view class="btn finish" @tap="finishClick">完成</view>
</view>
</view>
</view>
</view>
</view> </view>
</template> </template>
<script> <script>
const app = getApp();
export default { export default {
data() { data() {
return { return {
active: '1', active: '1',
showScreenDialog: false,
cagetoryActive: "",
//筛选企业/个人
resourceCagetoryId: '',
// 分类列表
enterpriseType: '',
//筛选分类
choseCagetory: '',
choseBusiness: '',
cName: "",
} }
}, },
onLoad: function (options) {
this.getCagetoryList();
},
methods:{ methods:{
tabClick(e) { tabClick(e) {
this.setData({ this.setData({
active: e.currentTarget.dataset.i, active: e.currentTarget.dataset.i,
}) })
}, },
getCagetoryList() {
app.http('get', 'ResourcesCagetory/listResourcesCagetory').then(res => {
if (res.data.success) {
this.setData({
cagetoryList: res.data.data
});
}
});
},
showDialog() {
this.setData({
showScreenDialog: true
});
},
cagetoryClick(e) {
let item = e.currentTarget.dataset.item;
let i = e.currentTarget.dataset.i;
console.log(item);
this.setData({
cagetoryActive: i,
resourceCagetoryId: item.id,
choseCagetory: item.cagetoryName
});
},
businessChange(e) {
let type = e.currentTarget.dataset.type;
let name = e.currentTarget.dataset.name;
this.setData({
choseBusiness: name,
enterpriseType: type
});
},
finishClick() {
this.setData({
showScreenDialog: false
});
},
resetClick() {
this.setData({
cName: '',
cagetoryActive: null,
resourceCagetoryId: '',
enterpriseType: '',
choseBusiness: '',
choseCagetory: '',
});
},
} }
} }
</script> </script>
@ -360,4 +440,115 @@
.content-right>.user-price{ .content-right>.user-price{
left: 0; left: 0;
} }
.mask-box{
width: 100%;
height: 100vh;
background: rgba(0,0,0,.6);
position:fixed;
top: 0;/* #ifdef H5 */
top: calc(88rpx + constant(safe-area-inset-top));
top: calc(88rpx + env(safe-area-inset-top));/* #endif */
left: 0;
z-index: 9999;
}
.screen-dialog-box{
width: 602rpx;
height: 100%;
/* padding-bottom: 160rpx; */
overflow-y: scroll;
background-color: #fff;
position: absolute;
top: 0;
right: 0rpx;
animation: move 200ms ease;
}
/* .move{
right: 0rpx;
} */
@keyframes move{
0%{
transform: translateX(800rpx);
}
100%{
transform: translateX(0rpx);
}
}
.screen-item{
width: 100%;
padding: 0 38rpx;
padding-bottom: 22rpx;
border-bottom: 2rpx solid #EEEEEE;
}
.screen-title{
font-size: 24rpx;
color: #000;
margin-bottom: 32rpx;
}
.screen-item{
padding-top: 40rpx;
}
.screen-item .item{
width: 162rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
font-size: 24rpx;
color: #666666;
background: #F6F6F6;
border-radius: 4rpx;
margin-bottom: 20rpx;
margin-right: 20rpx;
}
.screen-item .item:nth-child(3n){
margin-right: 0;
}
.screen-item .item-active{
border: 2rpx solid #FF6E33;
color: #FE7D26;
background: #FDEFE6;
}
.across-line{
width: 44rpx;
height: 2rpx;
background: #ACABAB;
margin: 0 12rpx;
}
.low-price{
width: 228rpx;
height: 60rpx;
background: #F6F5F5;
border-radius: 4rpx;
}
.low-price input{
width: 100%;
height: 100%;
text-align: center;
}
.fz20{
font-size: 20rpx;
color: #393939;
}
.submit-box{
width: 602rpx;
height: 100rpx;
box-shadow: 2rpx 0px 12rpx rgba(0, 0, 0, 0.16);
position: fixed;
bottom: 0;
right: 0;
}
.submit-box .btn{
width: 50%;
height: 100%;
line-height: 100rpx;
text-align: center;
}
.submit-box .finish{
background: #FF660C;
color: #fff;
}
</style> </style>

Write Preview
Loading…
Cancel
Save