token已存入Storage, 认证厂家详情接口初步完成

packageReport/certifiedCjDetail/certifiedCjDetail.vue

@@ -1,22 +1,22 @@
 <template>
 	<view>
-		<u-swiper :list="swiperList" indicatorMode="line " width="750rpx" height="290rpx" radius="0" circular>
-		</u-swiper>
+		<u-image :src="imgUrl+detailList.cover" width="750rpx" height="290rpx">
+		</u-image>
 		<view class="feature">
 			<text class="one_title">经营范围及特色</text>
 			<view class="green_block">
-				<text class="green_features">{{features}}</text>
+				<text class="green_features">{{detailList.desc}}</text>
 			</view>
 		</view>
 		<view class="introduce">
 			<view class="introduce_title">企业介绍</view>
-			<text class="business_introduce">{{business_introduce}}</text>
+			<text class="business_introduce">{{detailList.content}}</text>
 		</view>
 		<view class="show">
 			<view class="introduce_title">企业展示</view>
 			<u-grid :border="false" col="4">
-				<u-grid-item v-for="(listItem,listIndex) in showList" :key="listIndex">
-					<u--image :src="listItem.src" width="170rpx" height="170rpx" :lazy-load="true">
+				<u-grid-item v-for="(listItem,listIndex) in detailList.images" :key="listIndex">
+					<u--image :src="imgUrl+listItem" width="170rpx" height="170rpx" :lazy-load="true">
 					</u--image>
 				</u-grid-item>
 			</u-grid>
@@ -34,37 +34,23 @@
 			return {
 				id: '',
 				detailList: [],
-				features: '活冻鲍鱼,冻煮鲍鱼,鲍鱼罐头 佛跳墙,海螺片',
-				business_introduce: '福建省海纳川食品有限公司是一家从事水产养殖，加工与销售为一体的现代化企业，公司主要加工：活冻鲍鱼，溏心皇金鲍，兰花蟹，黄金鲍片，佛跳墙，大盆菜，火锅小章鱼，鲨鱼礼盒等系列产品。公司位于福建省自由贸易试验区马尾片区，离全国大的水产交易市场--马尾名成水产市场不到一公里，这里交通方便，商贾云集，冷链物流通达全国。',
-				showList: [{
-						src: '/static/report/zhanwei_xf(1).png'
-					}, {
-						src: '/static/report/zhanwei_xf(1).png'
-					}, {
-						src: '/static/report/zhanwei_xf(1).png'
-					},
-					{
-						src: '/static/report/zhanwei_xf(1).png'
-					},
-				],
-				swiperList: [
-					'/static/detail/cj_bg.png',
-					'/static/detail/cj_bg.png'
-				]
-
+				imgUrl: ''
 			}
 		},
 		onLoad(option) {
-			// console.log('认证厂家id', option.id);
 			this.id = option.id
 			this.getCertifiedCjDetail()
+			this.imgUrl = uni.getStorageSync('img_url')
 		},
 		methods: {
 			//获取认证厂家详情
 			getCertifiedCjDetail() {
 				this.$apiServe.getCertifiedCjDetail(this.id).then(res => {
-					console.log('认证厂家详情页', res)
-					// this.detailList = res.data.data
+					console.log('认证厂家详情页', res.data.data)
+					let data = res.data.data
+					data.images = data.images.split(';')
+					console.log('data.images', data.images);
+					this.detailList = data
 				}).finally(_ => {})
 			},
 		}