jufubao-third 1.0.8 → 1.0.9

package/src/mixins/pageUitls.js

@@ -2,6 +2,8 @@
 
 import { mapState, mapActions} from 'vuex';
 import {JfbEvent} from "@/utils/xd.event";
+import {Base64} from 'js-base64'
+import {parsePath}  from "@/utils/linkUrl";
 
 import {
   AttrToTargetValues,
@@ -9,10 +11,11 @@ import {
   baseCloneDeep,
 } from "@/utils/xd.base";
 import getServiceUrl from "@/common/getServiceUrl";
+import {isGiftPreview} from "@/common/CheckGiftIsPreview";
 
 export default {
   computed: {
-    ...mapState(['siteInfo', 'jfbAuthorize', 'webThemes', 'xnamespace']),
+    ...mapState(['siteInfo', 'jfbAuthorize', 'webThemes', 'xnamespace', 'brandInfo']),
   },
   watch: {
     webThemes: {
@@ -26,10 +29,116 @@ export default {
     return {
       themesList: {}, //保存所有业务组件使用风格列表
       titleDefaultCount: 0, //设置标题时候计数器，最大查找uni-page-head__title样式名称次数
+      pageHeadersInfo:null, //页面headers信息
     }
   },
   methods: {
-    ...mapActions(['loginCardMock']),
+    ...mapActions(['loginCardMock','setPagesBusinessCode','setPagesParams']),
+
+    getPropsParse(data){
+      if(typeof data === 'string') {
+        if(data === '') return {};
+        try{
+          return JSON.parse(data);
+        }
+        catch (e){
+          return  {}
+        }
+      }
+      return {}
+    },
+
+    transformToData(containers){
+      return containers.map(item=>{
+        let props = item.component.props;
+        const style = this.getPropsParse(props.style);
+        const content = this.getPropsParse(props.content);
+        const advanced = this.getPropsParse(props.advanced);
+        const refContent = this.getPropsParse(props['ref_content']);
+        const propsContent = Object.assign({},style,advanced,content,refContent);
+        item.component.props['content'] = JSON.stringify(propsContent);
+        return item;
+      })
+    },
+
+    /**
+     * @description Container数据转化
+     * @param containers {Array} 使用业务插件数据
+     * @return {Object}
+     */
+    getContainerGroup(containers) {
+      //转换数据格式
+      containers = this.transformToData(containers);
+      let temp = {
+        topHeight: 0,
+        bottomHeight: 0,
+        footerHeight: 0,
+        tops: [],
+        bottoms: [],
+        bodys: [],
+        footers: [],
+      };
+      let refs = [];
+      containers.map(item => {
+        item['refreshKey'] = this.$xdUniHelper.randomChar(20);
+        if(!item.hidden) refs.push(item['container_id']);
+        let fixed = 'body';
+        let height = 0;
+        item['component']['attrs'] = AttrToTargetValues(item['component']['attrs']);
+        item['component']['attrs'].map(it => {
+          if (it['key'] === 'fixed') {
+            fixed = it['value'];
+          }
+          if (it['key'] === 'height') {
+            height = it['value'];
+          }
+        });
+        switch (fixed) {
+          case 'top':
+            temp.tops.push(item);
+            if (!item.hidden) temp.topHeight += height;
+            break;
+          case 'bottom':
+            temp.bottoms.push(item);
+            if (!item.hidden) temp.bottomHeight += height;
+            break;
+          case 'footer':
+            temp.footers.push(item);
+            if (!item.hidden) temp.footerHeight += height;
+            break;
+          default:
+            temp.bodys.push(item);
+        }
+      });
+      this.refs = refs;
+      return temp;
+    },
+
+    setPageTitle(){
+      // #ifdef MP-WEIXIN
+      uni.setNavigationBarTitle({
+        title: this.pageAttr.title
+      });
+
+      // #endif
+
+      // #ifdef H5
+      if (this.$configProject.type === 'food') {
+        let xd = getApp().globalData.$xd;
+        if (xd && xd.brandInfo && xd.brandInfo.name) {
+          document.title = xd.brandInfo.name;
+          this.setH5Title(this.pageAttr.title);
+        }
+      }
+      else {
+        if (this.projectAttr['site_name'] || this.projectAttr['seo_title']) {
+          document.title = this.projectAttr['seo_title'] || this.projectAttr['site_name'];
+        }
+        this.setH5Title(this.pageAttr.title);
+      }
+      // #endif
+    },
+
     getMockCard(){
       let pagae = this.$xdUniHelper.parseURL();
       let card = pagae.params['x-test'];
@@ -41,18 +150,31 @@ export default {
       }
       return ''
     },
+
+    getSpPath(dir , path ){
+      let reg = /@site_domain@/;
+      if(!reg.test(path)) return `/${dir}${path}`;
+      else return  path.replace(reg, '');
+    },
+
+    /**
+     * @description 只处理H5端（小程序端无法控制链接参数）
+     * @return {boolean}
+     */
     checkMockCard(){
+      let login_entry =  this.projectAttr.login_entry || this.$configProject.login_entry;
+      let card_entry = this.projectAttr.card_entry || this.$configProject.card_entry;
       // #ifdef H5
-      let pagae = this.$xdUniHelper.parseURL();
-      let userLogin = `/${this.projectAttr.deploy_dir}${this.$configProject.login_entry}`;
-      let cardLogin = `/${this.projectAttr.deploy_dir}${this.$configProject.card_entry}`;
+      let pages = this.$xdUniHelper.parseURL();
+      let userLogin = this.getSpPath(this.projectAttr.deploy_dir, login_entry);
+      let cardLogin = this.getSpPath(this.projectAttr.deploy_dir, card_entry);
 
       //登陆页面和卡登陆页面不启用
-      if(pagae.path === userLogin || pagae.path === cardLogin) {
+      if(pages.path === userLogin || pages.path === cardLogin) {
         return false
       }
 
-      let card = pagae.params['x-test'];
+      let card = pages.params['x-test'];
       if(card) {
         let reg = /^(card_)[a-zA-Z0-9\-_]+$/;
         if(reg.test(card)) return true
@@ -61,16 +183,147 @@ export default {
       return false;
     },
 
-    init(){
+    setBusinessCodeSave(options, pages){
+      let business_code = '';
+      let getType = ''
+
+      //地址栏中参数传递
+      if (!business_code && options['xnamespace']){
+        getType = '地址栏中参数传递业务线'
+        business_code = options['xnamespace'];
+      }
+
+      //页面中获取参数
+      if (!business_code && pages['is_business_code']){
+        business_code = pages['is_business_code'];
+        getType = '页面pages.json文件中获取业务线'
+      }
+
+      //文件目录中获取
+      //todo
+      //getType = '页面JSON文件中获取业务线'
+
+      //项目文件中获取
+      if(!business_code && (this.brandInfo && this.brandInfo.business_code)){
+        getType = '项目应用project.json文件中获取业务线'
+        business_code = this.brandInfo.business_code;
+      }
+
+      //地址栏中获取特定参数
+      if(!business_code && options['x-common']) {
+        let decodeParams = Base64.decode(options['x-common']);
+        try {
+          let params = JSON.parse(decodeParams);
+          if (params.business_code){
+            business_code = params.business_code;
+            getType = '地址栏中获取全局特殊参数（x-common）中获取业务线'
+          }
+        } catch (e) {
+
+        }
+      }
+
+      this.setPagesBusinessCode(business_code);
+      console.warn(`获取业务线方式：${getType}`)
+      return business_code;
+    },
+
+    /**
+     * @description 检查地址是否为登陆页面
+     * @param type
+     * @returns {boolean}
+     */
+    checkPathIsLoginAndOrCard(type = 'card'){
+      //包含: /$dir/xxx/xxx/xxx或者/pages/index/index
+      let pages = this.$xdUniHelper.parseURL();
+      let login_entry =  this.projectAttr.login_entry || this.$configProject.login_entry;
+      let card_entry = this.projectAttr.card_entry || this.$configProject.card_entry;
+
+      // #ifdef H5
+      let userLogin = this.getSpPath(this.projectAttr.deploy_dir, login_entry);
+      let cardLogin = this.getSpPath(this.projectAttr.deploy_dir,card_entry);
+      if (type === 'card')  return pages.path === cardLogin;
+      if (type === 'login')  return pages.path === userLogin;
+      // #endif
+      // #ifdef MP-WEIXIN
+      let loginObj = parsePath(login_entry);
+      let cardObj = parsePath(card_entry);
+      if (type === 'card')  return cardObj.isSameApp && pages.path === cardObj.url;
+      if (type === 'login')  return loginObj.isSameApp && pages.path === loginObj.url;
+      // #endif
+
+    },
+
+    /**
+     * @description 当用户登陆当前卡不支持当前业务线时候
+     */
+    toCardIndex(){
+      let page = this.$xdUniHelper.parseURL();
+      let {inCallback} = page.params;
+      if(inCallback) {
+        try{
+          inCallback = Base64.decode(inCallback);
+          let regIndex = /^.*(toIndex)$/;
+          if(regIndex.test(inCallback)) {
+            this.$xdUniHelper.redirectTo({url: this.$settings.index}, false, true)
+          }
+        }catch (e) {
+
+        }
+      }
+
+    },
+
+    setContainersLogs(containers){
+      if(containers && containers.length > 0) {
+        let log = containers.map(item=>{
+          return item.component['component_name']
+        });
+        this.$xdLog.setProject('App.containers', log.join('_'));
+      }
+      else this.$xdLog.setProject('App.containers', 'no.containers');
+    },
+
+    getUID(token){
+      let arr = token.split('.');
+      try {
+        let uid = JSON.parse(Base64.decode(arr[1]));
+        return uid['csrf_user_id'];
+      }catch (e) {
+        return null;
+      }
+    },
+
+    /**
+     * @description 设置页面公共参数
+     * @param pages
+     * @param bussCode
+     */
+    setCommonPagesParams(pages, bussCode){
+      let isPagesUseBussCode = false;
+      if(pages.features &&  this.$xdUniHelper.checkVarType(pages.features) === 'array') {
+        pages.features.map(item=>{
+          if(item === 'business_limit') isPagesUseBussCode = true;
+        })
+      }
+
+      let folderCustomLoginEntry = '';
+      this.setPagesParams({
+        pagesParams: {
+          xnamespace:bussCode,
+          custom_login_entry: pages['is_login_entry'] || folderCustomLoginEntry || '',
+          isPagesUseBussCode: isPagesUseBussCode,
+        }
+      });
+    },
+
+    init(options){
       this.settings = this.$settings;
       this.site_id = this.brandInfo.site_id;
       this.projectAttr = this.brandInfo;
 
       //第一次上班日志
-      this.$xdLog.setProject('pages.init', {
-        projectAttr: this.brandInfo,
-        site_id: this.site_id
-      });
+      this.$xdLog.setProject('App.pages.init', 'pages.init');
 
       //预览模式设置页面ID
       if (this.$configProject.isPreview === true) {
@@ -79,10 +332,20 @@ export default {
         this.pageAttr['page_id'] = page_id;
       }
 
+
+      //当用户登陆当前卡不支持当前业务线时候（选择去换业务线）
+      this.toCardIndex();
+
       //获取用户信息
       this.getPageAttr(this.page_id)
         .then(async (res) => {
 
+          //configs.template_type
+          // 模板类型 1=克隆 2=软链 3=原创模板
+          if(res.configs['template_type']) {
+            this.isReferenceTemplate = res.configs['template_type'] === 2
+          }
+
           //设置页面信息
           this.pageAttr = {...this.pageAttr, ...this.parsePageConfig(res)};
           if (this.pageAttr['config']) this.pageAttr['configs'] = this.pageAttr['config'];
@@ -93,17 +356,42 @@ export default {
           } else this.setPageConfig(this.pageAttr);
 
           //计算页面插件信息
+          this.setContainersLogs(res['containers'])
           this.containers = this.getContainerGroup(res['containers']);
 
+          //检查是否为成功页面
+          this.isSpecialPages = this.checkSpecialPages(res['containers']);
+
           //保存页面headers变量
-          if (res['headers']) this.setPagesHeader(res['headers']);
-          else this.setPagesHeader(null);
+          if (res['headers']) {
+            this.setPagesHeader(res['headers']);
+            this.pageHeadersInfo = this.$xdUniHelper.cloneDeep(res['headers'])
+          }
+          else{
+            this.setPagesHeader({});
+            this.pageHeadersInfo = {};
+          }
 
           //保存页面权限
           if (res['permission']) this.setPagesPermission(res['permission']);
           else this.setPagesPermission({can_card: false, can_sign: false});
           this.loadStatus = true;
 
+          //设置业务线
+          const bussCode = this.setBusinessCodeSave(this.$xdUniHelper.parseURL().params, this.pageAttr);
+
+          //保存页面参数和地址参数
+          this.setCommonPagesParams(this.pageAttr, bussCode)
+          this.$xdLog.setProject('App.user.card.start', 'pages.check.userAndCard.start');
+
+          //礼包预览使用免登陆模式(H5模式)
+          // #ifdef H5
+          if(isGiftPreview()){
+            this.handleDoneLoad()
+            return;
+          }
+          // #endif
+
           //检查用户是否登录
           if (!await this.checkLoginAndCardLogin(res.permission['can_sign'])) {
             return;
@@ -112,9 +400,12 @@ export default {
           //登陆测试卡
           if(this.checkMockCard()) {
             if(this.getMockCard()){
-              if (!await this.loginCardMock({card_number: this.getMockCard()})) {
+              let mock = await this.loginCardMock({card_number: this.getMockCard()});
+              if (!mock.status) {
                 this.$xdAlert({
-                  content: '当前登陆的卡券或服务不可用，请重试！',
+                  content: (mock.message && mock.message.data && mock.message.data.message) ?
+                    mock.message.data.message:
+                    '当前登陆的卡券或服务不可用，请重试！',
                   width: '60vw',
                   time: 3000
                 })
@@ -139,97 +430,46 @@ export default {
             }
           }
 
+          this.$xdLog.setProject('App.user.card.done', 'pages.check.userAndCard.done');
+          if(this.jfbAuthorize.getToken('user') !== null) {
+            this.$xdLog.setConfig(this.getUID(this.jfbAuthorize.getToken('user')))
+          }
 
+          this.handleDoneLoad()
 
-          //用户状态已经检查完成
-          this.isCheckAuth = true;
+        })
+        .catch(err=>{
+          console.error(err)
+          this.$xdLog.catch(err)
+        });
+    },
 
+    handleDoneLoad(){
 
-          //设置标题
+      //用户状态已经检查完成
+      this.isCheckAuth = true;
 
-          // #ifdef MP-WEIXIN
-          uni.setNavigationBarTitle({
-            title: '首页'
-          });
 
-          // #endif
+      //设置标题
+      this.setPageTitle();
+      this.isCheckAuth = true;
 
-          // #ifdef H5
-          if (this.$configProject.type === 'food') {
-            let xd = getApp().globalData.$xd;
-            if (xd && xd.brandInfo && xd.brandInfo.name) {
-              document.title = xd.brandInfo.name;
-              this.setH5Title('首页');
-            }
-          } else {
-            if (this.projectAttr['site_name'] || this.projectAttr['seo_title']) {
-              document.title = this.projectAttr['seo_title'] || this.projectAttr['site_name'];
-            }
-            this.setH5Title('首页');
-          }
-
-          // #endif
+      //执行onload事件
+      this.$xdLog.setProject(`App.getPages`, 'App.getPages.done');
+      this.onInitLoad();
+    },
 
-          //执行onload事件
-          if (this.isOnLoad) {
-            console.log('exec.created', new Date().getTime() - this.time, 'ms');
-            new JfbEvent('onJfbLoad', {
-              vm: this,
-              data: this.options,
-            });
+    checkSpecialPages(containers=[]){
+      let flag = false;
+      let packArrays = ['JfbBaseSuccess'];
+      if(containers instanceof Array) {
+        containers.map(item=>{
+          if(packArrays.includes(item.component['component_name'])) {
+            flag = true;
           }
         })
-        .catch();
-
-      // #ifdef H5
-      if (this.$configProject.viewType === 'preview') {
-        XdBus.addEvent('onDelPackage', (data) => {
-          this.deleteComponent(data);
-        });
-
-        //注册事件
-        this.regAddComponent();
-        this.editComponent();
-        this.regMoveComponent()
       }
-      // #endif
-    },
-
-    /**
-     * @description 检查页面强制卡登陆(废弃)
-     * @param can_card
-     */
-    checkNameSpace(can_card) {
-      return true;
-      if (!can_card) {
-        console.warn('not-card-login:非强制卡登陆')
-        return new Promise((resolve)=>{
-          resolve(true)
-        });
-      }
-
-      let maxNTime = 30;
-      let timer = null;
-      let nTime = 0;
-      return new Promise((resolve)=>{
-        console.warn('card-login:强制卡登陆');
-        timer = setInterval(async ()=>{
-          if(nTime > maxNTime){
-            console.warn(`card-login-to-max-time:${nTime}`)
-            clearInterval(timer);
-          }
-          else{
-            if (this.xnamespace) {
-              console.warn(`card-login-get-to-namespace:${this.xnamespace}`)
-              let status = await this.jfbAuthorize.checkLoginCardSupportBizCode(can_card, this);
-              resolve(status);
-              clearInterval(timer)
-            }
-            else nTime++;
-          }
-        }, 50)
-      });
-
+      return flag
     },
 
     /**
@@ -249,8 +489,6 @@ export default {
      * @param type {Object} 导航模式 （false|true）false=>系统 true => 自定义
      */
     setPreviewSetPageConfig(type) {
-      console.log('navigationStyle', this.$configProject.extras)
-
       if (type) {
         this.pageAttr['showBar'] = this.pageAttr['is_bar'] || false;
         this.pageAttr['backgroundImage'] = this.pageAttr.configs['background_image'] || 'none';

package/src/mixins/posterMixins.js

@@ -0,0 +1,122 @@
+'use strict';
+
+export default {
+  methods:{
+    /**
+     * @description 过滤不可以用
+     * 当前项目未H5时,过滤所有小程序应用
+     * 当前项目未小程序时,过滤所有非当前小程序应用
+     * 站外地址直接返回
+     * 站内地址未选值直接返回
+     * 预览模式全过
+     */
+    posterFilterNoUseData(list = []){
+      let content = this.$xdUniHelper.cloneDeep(list).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.getPosterPathDir(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;
+
+    },
+
+    getPosterPathDir(pathDir){
+      if(pathDir.indexOf('@site_domain@/') === 0) {
+        return pathDir.replace('@site_domain@/','').split('/')[0]
+      }
+      return ''
+    },
+
+    handlePosterClick(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(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(`应用链接配置错误: ${item.redirect_data}`)
+        }
+      }
+
+      //外部链接
+      if (item.redirect_type === 'URL') {
+        let reg = /^(http:\/\/|https:\/\/|\/\/)+.+$/;
+        let spReg = /(-apiuri\/v)/;
+        //#ifdef MP-WEIXIN
+        try {
+          let url = JSON.parse(item.redirect_data);
+          if (reg.test(url.url) || spReg.test(url.url)) {
+            console.warn(`广告跳转外站: ${url.url}`)
+            this.$xdUniHelper.navigateTo(url);
+          } else {
+            console.error(`广告跳转外站配置错误: ${url.url}`)
+          }
+        } catch (e) {
+          console.error(`广告跳转外站配置错误: ${item.redirect_data}`)
+        }
+        //#endif
+        //#ifdef H5
+        try {
+          let url = JSON.parse(item.redirect_data);
+          console.warn(`广告跳转外站: ${url.url}`);
+          this.$xdUniHelper.redirectTo(url, false)
+        } catch (e) {
+          console.error(`广告跳转外站配置错误: ${item.redirect_data}`)
+        }
+        //#endif
+
+      }
+
+      //无跳转地址
+      if(item.redirect_type === 'EMP') {
+        console.warn(`无跳转地址`);
+      }
+    },
+  },
+}
+