接口调试

zhiyangdu
1 parent a040fcf7
Showing 3 changed files with 68 additions and 30 deletions
src/components/swiper/swiper.vue
src/components/swiperItem/swiperItem.vue
src/pages/index/index.vue
 <template>
-	<div class="swiper-box" v-if="swipers && swipers.list && swipers.list.length">
+	<div class="swiper-box" v-if="swipers  && swipers.length">
 		<swipe class="swipe" :autoplay="5000" :show-indicators="swipers.showIndicators ? swipers.showIndicators : showIndicators" @change="onChange">
-			<swipe-item class="swipe-item" v-for="(item, index) in swipers.list" :key="index">
-				<div class="item" @click="toDetail(item)">
+			<swipe-item class="swipe-item" v-for="(item, index) in swipers" :key="index">
+				<div class="item" @click="$parent.toDetail(item)">
 					<div class="img-box">
 						<img v-lazy="item.simg + SIGN.BIG" class="img" mode="widthFix" />
 					</div>
@@ -30,15 +30,6 @@
             SwipeItem
 		},
 		methods: {
-			
-			/**
-			 * 跳转连接
-			 * @param {object} item [详情对象]
-			 */
-			toDetail(item) {
-				this.$emit("detail", item);
-			},
-
 			/**
 			 * 当swiper切换
 			 * @param {int} index [切换swiper索引]
 <template>
-	<div class="swiper-box" v-if="swipers && swipers.list && swipers.list.length">
-		<swipe class="swipe" :autoplay="5000" :show-indicators="swipers.showIndicators ? swipers.showIndicators : showIndicators" @change="onChange">
-			<swipe-item class="swipe-item" v-for="(item, index) in swipers.list" :key="index">
+	<div class="swiper-box" v-if="navs && navs.length">
+		<swipe class="swipe" @change="onChange">
+			<swipe-item class="swipe-item" v-for="(item, index) in navs" :key="index">
                 <div class="app_list_box">
-                    <div class="app_list" v-if="serviceList && serviceList.list && serviceList.list.length">
-                        <div v-for="(item,index) in serviceList.list" :key="index" @click="onItem(item)">
+                    <div class="app_list">
+                        <div v-for="(items, index) in item" :key="index" @click="$parent.toDetail(item)">
                             <img v-lazy="item.simg" />
                             <div>{{item.title}}</div>
                         </div>
@@ -27,20 +27,12 @@
 				showIndicators: false
 			}
 		},
-		props: ["swipers"],
+		props: ["navs"],
 		components: {
 			Swipe,
             SwipeItem
 		},
 		methods: {
-
-			/**
-			 * 跳转连接
-			 * @param {object} item [详情对象]
-			 */
-			toDetail(item) {
-
-			},
 			/**
 			 * 当swiper切换
 			 * @param {int} index [切换swiper索引]
 <template>
   <div>
   <!--轮播-->
-  <swiper></swiper>
+  <swiper v-if="activityAdInfo&&activityAdInfo.banner" :swipers="activityAdInfo.banner"></swiper>
   <!--导航-->
-  <swiperItem></swiperItem>
+  <swiperItem v-if="activityAdInfo&&activityAdInfo.nav" :navs="activityAdInfo.nav"></swiperItem>
   <!--优惠专区-->
   <discountZone></discountZone>
   <!--天天特惠-->
@@ -19,11 +19,12 @@
     import discountZone from "@/components/discountZone/discountZone";
     import preferential from "@/components/preferential/preferential";
     import videoArea from "@/components/videoArea/videoArea";
+    import { Toast, Indicator } from "mint-ui";
   export default {
     name: 'index',
     data () {
       return {
-
+          activityAdInfo:null
       }
     },
     components:{
@@ -34,10 +35,64 @@
         videoArea
     },
     created(){
-
+        this.activityAd();
     },
     methods: {
+          /**
+             * 调用通用跳转
+             * @param {object} item [通用跳转对象]
+             */
+            toDetail(item) {
+
+                // 判断是否有通用跳转函数
+                if (typeof this.$parent.gotoDetail === "function") {
+
+                    // 调用通用跳转
+                    this.$parent.gotoDetail(item);
+                }
+            },
+        /**
+         * 获取优选库精选活动
+         */
+        activityAd() {
+            // 加载中提示
+            Indicator.open("加载中...");
+            // 获取证书请求接口
+            this.http(
+                "/Api/" + this.getApiVersion().index + "/activityAd",
+                {
+//                  id: this.$route.query.id
+                    id: 20
+                },
+                this.activityAdCallback,
+                {
+                    method: "post"
+                }
+            );
+        },
+        /**
+         * 获取优选库精选活动
+         * @param {object} res [服务器返回数据]
+         * @param {object} ext [扩展参数]
+         */
+        activityAdCallback(res, ext) {
+            // 加载完成
+            Indicator.close();
+            // 返回处理
+            if (res.code == 200) {
+                // 解构数据
+                let { data: datas } = res;
+                /* 获取获取证书信息 开始 */
+                this.activityAdInfo = res.data;
+            } else if (res.code == 400) {
+                // 获取证书信息失败
+                Toast(res.message);
+            } else {
+                // 获取证书信息计划失败
+                Toast("获取优选库精选活动失败");
+            }
+        },
     }
   }
 </script>