jufubao-base 1.0.157-beta3 → 1.0.157-beta4

package/src/components/JfbBasePoster/MoreScreen.vue

@@ -33,8 +33,45 @@
 				field="content_name"
 				:mode="config.mode"
 				:dots-styles="config.dotStyleData"
-				:style="{height:(getHeight + 46 * $rpxNum) + 'px'}"
+				:style="{height:(getHeight + 46 * $rpxNum) + 'px', width:'100%'}"
 			>
+        <!--#ifdef MP-WEIXIN-->
+        <swiper
+          class="swiper xd-swiper-content"
+          :style="{width: '100%', height: getHeight + 'px'}"
+          :indicator-dots="false"
+          :autoplay="config.carouselTime>0"
+          :interval="config.carouselTime"
+          :duration="500"
+          :current="current"
+          circular
+          @animationfinish="handleAnimationfinish"
+        >
+          <swiper-item v-for="(item,index) in list" :key="index">
+            <view
+              class="sreen__box-list"
+              :class="{s3:config.cell === 3,s4:config.cell === 4}"
+              :style="{  height: getHeight + 'px' }"
+            >
+              <view
+                v-for="(it, indext) in item"
+                :key="it['content_id']"
+                @click="handleClick(it)"
+                :style="{
+                  borderRadius: config.radius  + 'rpx',
+                  width: config.width + 'px',
+                  height: config.height + 'px',
+                  marginRight: (indext+1) % config.cell === 0 ? 0: config.padding + 'rpx',
+                  marginTop: indext < config.cell ? 0 : config.padding + 'rpx',
+                }"
+              >
+                <image :style="{ width: width + 'px', height: height + 'px'}" :src="it.image_url" mode="widthFix"></image>
+              </view>
+            </view>
+          </swiper-item>
+        </swiper>
+        <!--#endif-->
+        <!--#ifdef H5-->
 				<xd-swiper
 					:indicator-dots="false"
 					:interval="config.carouselTime"
@@ -45,31 +82,32 @@
 					@onClickItem="handleClick"
 					@animationfinish="handleAnimationfinish"
 				>
-					<template slot-scope="{ item, index}">
-						<view
-							class="sreen__box-list"
+          <template slot-scope="{ item, index}">
+            <view
+              class="sreen__box-list"
               :class="{s3:config.cell === 3,s4:config.cell === 4}"
-							:style="{
-								height: getHeight + 'px'
-							}"
-						>
-							<view
-								v-for="(it, indext) in item"
-								:key="it['content_id']"
-								:style="{
-								borderRadius: config.radius  + 'rpx',
-								width: config.width + 'px',
-					      height: config.height + 'px',
-								marginRight: (indext+1) % config.cell === 0 ? 0: config.padding + 'rpx',
-								marginTop: indext < config.cell ? 0 : config.padding + 'rpx',
-							}"
-								@click="handleClick(it)"
-							>
-								<image :style="{ width: width + 'px', height: height + 'px'}" :src="it.image_url" mode="widthFix"></image>
-							</view>
-						</view>
-					</template>
+              :style="{
+                height: getHeight + 'px'
+              }"
+            >
+              <view
+                v-for="(it, indext) in item"
+                :key="it['content_id']"
+                :style="{
+                  borderRadius: config.radius  + 'rpx',
+                  width: config.width + 'px',
+                  height: config.height + 'px',
+                  marginRight: (indext+1) % config.cell === 0 ? 0: config.padding + 'rpx',
+                  marginTop: indext < config.cell ? 0 : config.padding + 'rpx',
+                }"
+                @click="handleClick(it)"
+              >
+                <image :style="{ width: width + 'px', height: height + 'px'}" :src="it.image_url" mode="widthFix"></image>
+              </view>
+            </view>
+          </template>
 				</xd-swiper>
+        <!--#endif-->
 			</xd-swiper-dot>
 		</view>
 		<view v-if="isPreview" class="carousel-mask"></view>
@@ -133,6 +171,64 @@
       handleAnimationfinish(e) {
         this.current = e.detail.current;
       },
+
+      /**
+       * @description 过滤不可以用
+       * 当前项目未H5时,过滤所有小程序应用
+       * 当前项目未小程序时,过滤所有非当前小程序应用
+       * 站外地址直接返回
+       * 站内地址未选值直接返回
+       * 预览模式全过
+       */
+      filterItem(){
+        let content = this.content.filter(item=>{
+          //预览模式
+          if( this.$configProject.isPreview) return true;
+
+          //非内部应用
+          if(item.redirect_type !== 'INN') return true
+
+          //没有配置链接
+          if(!item.redirect_data) return true;
+
+          //内部应用
+          else {
+            let redirect_data;
+            try {
+              redirect_data = JSON.parse(item.redirect_data);
+              if(!item['app_type']) item['app_type']= 'h5';
+
+              //#ifdef H5
+              return item['app_type'] !== 'wxmp';
+              //#endif
+
+              //#ifdef MP-WEIXIN
+              let actDir = this.$parent.projectAttr.deploy_dir;
+              let dir = this.getPathDir(redirect_data.page);
+              if(item['app_type'] === 'wxmp'){
+                return actDir === dir;
+              }
+              else if(item['app_type'] === 'h5') return true;
+              else return true
+              //#endif
+            }
+            catch (e) {
+              return true
+            }
+          }
+        });
+        console.warn(`PostersList:${JSON.stringify(content.map(item=>`${item.app_type}:${item.content_name}:${item.redirect_data}`), null,2)}`)
+        return content;
+
+      },
+
+      getPathDir(pathDir){
+        if(pathDir.indexOf('@site_domain@/') === 0) {
+          return pathDir.replace('@site_domain@/','').split('/')[0]
+        }
+        return ''
+      },
+
       init() {
         if (this.timer) clearTimeout(this.timer);
         this.timer = setTimeout(() => {
@@ -140,6 +236,9 @@
           this.height = Number(this.config.height);
           this.padding = Number(this.config.padding);
 
+          //过滤不可以用
+          const content = this.filterItem();
+
           //静态图显示
           if(this.config.isCarousel === 1) {
             this.list = this.content
@@ -156,18 +255,28 @@
 					}
         }, 100)
       },
+
       handleClick(item) {
+        if(!item.redirect_data) {
+          console.warn(`未配置链接地址: ${item.redirect_data}`);
+          console.error(`未配置链接地址: ${item.redirect_data}`);
+          return
+        }
+
         //内部链接跳转地址
         if (item.redirect_type === 'INN') {
           try {
             let url = JSON.parse(item.redirect_data);
             let params = '';
-            if (item['redirect_params']) params = `?${item['redirect_params']}`;
-            this.$xdUniHelper.navigateTo({
-              url: url.page + params
-            })
+            if(url.page) {
+              if (item['redirect_params']) params = `?${item['redirect_params']}`;
+              this.$xdUniHelper.navigateTo({url: url.page + params})
+            }
+            else {
+              console.error(`应用链接配置错误: ${url.page}`)
+            }
           } catch (e) {
-            console.error(e)
+            console.error(`应用链接配置错误: ${item.redirect_data}`)
           }
         }
 
@@ -177,29 +286,32 @@
           //#ifdef MP-WEIXIN
           try {
             let url = JSON.parse(item.redirect_data);
-            if (reg.test(url.url) && this.$configProject.extras.webview) {
+            if (reg.test(url.url)) {
               console.warn(`广告跳转外站: ${url.url}`)
-              this.$xdUniHelper.navigateTo({
-                url: `${this.$configProject.extras.webview}?seatUrl=${Base64.encodeURI(url.url)}`
-              });
+              this.$xdUniHelper.navigateTo(url);
             } else {
-              throw Error('地址错误')
+              console.error(`广告跳转外站配置错误: ${url.url}`)
             }
           } catch (e) {
-            console.error(e)
+            console.error(`广告跳转外站配置错误: ${item.redirect_data}`)
           }
           //#endif
           //#ifdef H5
           try {
             let url = JSON.parse(item.redirect_data);
             console.warn(`广告跳转外站: ${url.url}`);
-            this.$xdUniHelper.navigateTo(url)
+            this.$xdUniHelper.redirectTo(url, false)
           } catch (e) {
-            console.error(e)
+            console.error(`广告跳转外站配置错误: ${item.redirect_data}`)
           }
           //#endif
 
         }
+
+        //无跳转地址
+        if(item.redirect_type === 'EMP') {
+          console.warn(`无跳转地址`);
+        }
       },
     }
   }
@@ -209,6 +321,7 @@
 	.sreen {
 		width: calc(100% + 4px); /**防止宽度不够问**/
 		position: relative;
+    height: 100%;
 
 		& .carousel-mask {
 			position: absolute;
@@ -226,6 +339,7 @@
 			flex-wrap: wrap;
 			overflow: hidden;
 			width: calc(100% + 20px); /**防止宽度不够问**/
+      height: 100%;
 
 			& > view {
 				display: flex;
@@ -238,6 +352,8 @@
 		}
 
 		&__box.carousel {
+      width: 100%;
+      height: 100%;
 			display: flex;
 			justify-content: flex-start;
 			align-items: flex-start;
@@ -247,6 +363,7 @@
 
 		& .sreen__box-list {
 			width: calc(100% + 20px); /**防止宽度不够问**/
+      height: 100%;
 			display: flex;
 			justify-content: flex-start;
 			align-items: flex-start;

package/src/components/JfbBasePosterBigSmall/Attr.js

@@ -50,7 +50,6 @@ export default {
         value: params.height || 500,
         className: 'input40',
         placeholder: '请广告位内容间距设置',
-        disabled:xiugai,
         notice: '广告位选取内容后，将无法修改，单位：像素，默认: <span style="color:red">500</span>像素',
         inline: false,
       },
@@ -60,7 +59,6 @@ export default {
         groupKey:'style',
         valueKey: 'margin',
         value: params.margin || null,
-        disabled: xiugai,
         setting: { type: 'margin'},
         placeholder: '请设置广告位边距设置',
         notice: '广告位选取内容后，将无法修改，单位：像素',
@@ -72,10 +70,9 @@ export default {
         type: 'number',
         valueKey: 'msMargin',
         groupKey:'style',
-        value: params.msMargin || 10,
+        value: params.msMargin,
         className: 'input40',
         placeholder: '请广告位内容间距设置',
-        disabled: xiugai,
         notice: '广告位选取内容后，将无法修改，单位：像素，默认: <span style="color:red">10</span>像素',
         inline: false,
       },