Blame view

pages/equip/equip.vue 2.67 KB
290144e9   易尊强   第一次
1
2
  <template>
  	<view class="page">
1af1c1b1   易尊强   2/29 17:39
3
  		<!-- <view class="main">
290144e9   易尊强   第一次
4
5
6
7
  			<view class="top">
  				<view><image src="../../static/nav/supply.png" mode="widthFix" @click="toSupply"></image></view>
  				<view><image src="../../static/nav/demand.png" mode="widthFix" @click="toDemand"></image></view>
  			</view>
1af1c1b1   易尊强   2/29 17:39
8
  			
290144e9   易尊强   第一次
9
10
11
12
13
14
15
16
  			<view class="star_box">
  				<view class="title_box">
  					<view class="right">
  						<view class="redDian" style=""></view>
  						<span>明星企业</span>
  					</view>
  					<p @click="toAllCompany">查看更多 <image src="../../static/right.png"></image></p>
  				</view>
290144e9   易尊强   第一次
17
18
19
  				<piaoyiSwiper :imgList="imgList" :itemMargin="60" :autoplay="false" :interval="3000" :duration="1000"/>
  			</view>
  	
290144e9   易尊强   第一次
20
21
22
23
24
25
26
27
  			<view class="all_box">
  				<view class="title_box">
  					<view class="right">
  						<view class="redDian" style=""></view>
  						<span>全部企业</span>
  					</view>
  					<p @click="toAllCompany()">查看更多 <image src="../../static/right.png"></image></p>
  				</view>
e6b161ae   易尊强   2/23
28
  				<view class="item_box" v-for="(item,index) in twentyList" @click="onCompany(item.id)">
290144e9   易尊强   第一次
29
30
31
32
33
34
35
36
37
38
  					<image :src="baseUrl + item.logo" mode="" v-if="item.logo"></image>
  					<image src="../../static/image/default_logo.jpg" v-else mode=""></image>
  					<view class="right">
  						<p>{{item.fullName}}</p>
  						<p class="detail_limit">
  							{{item.product}}&nbsp;&nbsp;{{item.yingyeshouru}}
  						</p>
  					</view>
  				</view>
  			</view>
1af1c1b1   易尊强   2/29 17:39
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
  		</view> -->
  		<view class="top">
  			<view class="supply" :style="show === 0 ? 'font-weight: bold;color: #E60012;' : '' " @click="toSupply()">
  				供应中心
  			</view>
  			<view class="demand" :style="show === 1 ? 'font-weight: bold;color: #E60012;' : '' " @click="toDemand()">
  				需求中心
  			</view>
  		</view>
  		<view class="shuju" style="margin-top: 40rpx;">
  			<view class="one" v-if="show === 0">
  				<supply></supply>
  			</view>
  			<view class="two" v-if="show === 1">
  				<demand></demand>
  			</view>
290144e9   易尊强   第一次
55
56
57
58
59
60
61
  		</view>
  	</view>
  </template>
  
  <script>
  	import piaoyiSwiper from '../../components/piaoyi-swiper/piaoyi-swiper.vue'
  	import request from '@/utils/request.js'
1af1c1b1   易尊强   2/29 17:39
62
63
  	import supply from '@/pages/supply/supply.vue'
  	import demand from '@/pages/demand/demand.vue'
290144e9   易尊强   第一次
64
65
  	export default {
  		components:{
1af1c1b1   易尊强   2/29 17:39
66
67
68
  			piaoyiSwiper,
  			supply,
  			demand
290144e9   易尊强   第一次
69
70
71
72
73
74
75
76
77
78
  		},
  		data() {
  			return {
  				imgList:[],
  				type:'',
  				// 此类所有公司
  				allList:[],
  				// 前五的明星企业
  				fiveList:[],
  				twentyList:[],
1af1c1b1   易尊强   2/29 17:39
79
80
  				baseUrl:'https://app.cehuimi.com',
  				show:0
290144e9   易尊强   第一次
81
82
83
  				}
  		},
  		onLoad(options) {
1af1c1b1   易尊强   2/29 17:39
84
  			
290144e9   易尊强   第一次
85
86
  		},
  		methods: {
290144e9   易尊强   第一次
87
88
  			// 跳转到需求中心
  			toDemand(){
1af1c1b1   易尊强   2/29 17:39
89
  				this.show = 1
290144e9   易尊强   第一次
90
91
92
  			},
  			// 跳转到供应中心
  			toSupply(){
1af1c1b1   易尊强   2/29 17:39
93
  				this.show = 0
290144e9   易尊强   第一次
94
  			},
1af1c1b1   易尊强   2/29 17:39
95
  			
290144e9   易尊强   第一次
96
97
98
99
100
101
102
  		}
  	};
  </script>
  
  <style scoped lang="scss">
  	@import 'equip.scss';
  </style>