page_activity_mobile/tripartiteAuth/static/js/tripartiteAuth.js

// js
// 监听页面滚动
// var addEvent = (function () {
//   if (window.addEventListener) {
//     return function (elm, type, handle) {
//       elm.addEventListener(type, handle, false)
//     }
//   }
//   if (window.attachEvent) {
//     return function (elm, type, handle) {
//       elm.attachEvent('on' + type, handle)
//     }
//   }
// })()

// // app头部效果
// var div = document.querySelector('.j-main')
// addEvent(div, 'scroll', function () {
//   var scrollHeight = div.scrollHeight
//   var scrollTop = div.scrollTop
//   var height = div.offsetHeight
//   if (scrollTop >= 80) {
//     $('.jy-app-header').removeClass('header-transparent')
//   } else {
//     $('.jy-app-header').addClass('header-transparent')
//   }
// })

// vue
var vmSol = new Vue({
  el: '#vueEl',
  // el: '#app',
  data: {
    header_show: false,
    isWeiXinBrowser: true,
    index: 0,
    images: ['/common-module/solution/image/viewImg.png'],
    // ISO img队列
    IsoImgspath: 'static/image/',
    // 图片展示
    sysAuth_dataMaps: [
      // ISO
      {
        bigtitle: '体系认证',
        subtitle: '品牌提升，投标加分，提升企业竞争力',
        imgspath: 'ISO_img/ISOimg',
        urlpathId: 'jy_ISObutt',
        ISO_imagesMaps: [
          {
            // IsoImgs: 'static/image/ISO_img/ISOimg',
            id: 1,
            authnum: 'ISO9001、GB/T50430',
            authname: '质量管理体系认证',
          },
          {
            id: 2,
            authnum: 'ISO14001',
            authname: '环境管理体系认证',
          },
          {
            id: 3,
            authnum: 'ISO45001',
            authname: '职业健康安全管理体系认证',
          },
          {
            id: 4,
            authnum: 'HACCP',
            authname: '危害分析和关键控制点',
          },
          {
            id: 5,
            authnum: 'ISO22000',
            authname: '食品安全管理体系认证',
          },
          {
            id: 6,
            authnum: 'ISO20000',
            authname: '信息技术服务管理体系认证',
          },
          {
            id: 7,
            authnum: 'ISO27000',
            authname: '信息安全管理体系认证',
          },
          {
            id: 8,
            authnum: '更多体系认证服务',
            authname: '更多认证点击了解详情',
          },
        ],
      },
      // 企业认证图片
      {
        bigtitle: '信用认证',
        subtitle: '企业信用名片，招投标必备',
        imgspath: 'nessauth_img/nessimg',
        urlpathId: 'jy_prossAuth',
        ISO_imagesMaps: [
          {
            // IsoImgs: 'static/image/ISO_img/ISOimg',
            id: 1,
            authnum: '',
            authname: '企业信用等级证书',
          },
          {
            id: 2,
            authnum: '',
            authname: '重合同守信用企业',
          },
          {
            id: 3,
            authnum: '',
            authname: '质量服务诚信单位',
          },
          {
            id: 4,
            authnum: '',
            authname: '重质量守信用单位 ',
          },
          {
            id: 5,
            authnum: '',
            authname: '重服务守信用单位',
          },
          {
            id: 6,
            authnum: '',
            authname: '诚信经营示范单位',
          },
          {
            id: 7,
            authnum: '',
            authname: '资信等级',
          },
          {
            id: 8,
            authnum: '',
            authname: '诚信企业家',
          },
          {
            id: 9,
            authnum: '',
            authname: '诚信供应商',
          },
          {
            id: 10,
            authnum: '',
            authname: '',
          },
        ],
      },
    ],
    // 服务认证文字展示
    servAuth_dataMaps: {
      bigtitle: '服务体系认证',
      subtitle: '实力认证，竞争有优势',
      auth_infoArr: [
        '五星售后服务认证',
        '十星售后服务成熟度认证',
        '五星品牌认证',
        '商品经营服务',
        '批发零售服务',
        '生活垃圾分类十星',
        '商业信誉等级',
        '合格供应商信用等级',
        '保安服务认证',
        '餐饮服务认证',
        '餐饮服务成熟度认证',
        '家具定制服务',
        '绿色家具定制服务',
        '餐饮配送',
        '餐饮企业现场管理评价',
        '安全生产标准化',
        '顾客满意度',
        '合同能源管理服务认证',
        '清洁服务认证',
        '生鲜农产品配送服务认证',
        '养老服务认证',
        '生鲜农产品供应商星级认证',
        '学校热水系统服务',
        '设备维护保养服务认证',
        '建筑工程服务认证',
        '节能技术服务认证',
        '物业服务认证',
        '履约能力评价服务认证',
      ],
    },
    qreobj: {
      phone: '1800000000',
      wxCodeImg: 'static/image/qrCodeimg.jpg',
    },
  },
  mounted() {
    this.getqrecode_dataFun()
  },
  // 生命周期阶段
  created: function () {
    // 再次判断 客户端归属
    // 判断是否是wx环境

    var isWeiXinBrowser =
      navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1

    this.isWeiXinBrowser = isWeiXinBrowser

    if (isWeiXinBrowser) {
      console.log('wx')
      this.header_show = true
    } else {
      this.header_show = false
      console.log('app or browse ==', this.header_show)
    }

    this.getqrecode_dataFun()
  },
  methods: {
    //app端调取拨打电话
    telphoneFun: function (phone) {
      if (this.isWeiXinBrowser) {
        window.location.href = `tel:${phone}`
      } else {
        // 捕捉错误，以防找不到原生对象
        try {
          console.log('手机app 拨打手机==', phone)
          JyObj.callPhone(phone)
        } catch (error) {
          console.log('no bowser,or no tel ===', error)
          window.location.href = `tel:${phone}`
        }
      }
    },
    // 跳转了解详情
    href_more: function (urlType, urlpathId) {
      var apporwx = this.isWeiXinBrowser ? 'wx' : 'app'
      // window.location.href = `https://wx.jianyu360.cn/weixin/frontPage/bigmember/free/perfect_info_solution?source=certificateServices-${apporwx}-landingPage-${urlpathId}`
      // 立即成为 合作商
      if (urlType === 'go_nowcooper') {
        window.location.href =
          `${
            this.isWeiXinBrowser ? '/weixin/frontPage' : '/jyapp/frontPage'
          }/bigmember/free/perfect_info_partner?source=channelPartner&header=` +
          encodeURIComponent('渠道合伙人招募计划限时启动')
      } else {
        window.location.href = `${
          this.isWeiXinBrowser ? '/weixin/frontPage' : '/jyapp/frontPage'
        }/bigmember/free/perfect_info?source=certificateServices-${apporwx}-landingPage-${urlpathId}`
      }
    },
    // 咨询客服
    gocustomer: function (urlpath) {
      window.location.href = this.isWeiXinBrowser
        ? '/big/wx/page/customer'
        : '/jyapp/free/customer'
    }, // 获取二维码
    getqrecode_dataFun: function (urlpath) {
      var vue_that = this
      $.ajax({
        type: 'get',
        data: { module: 'tripartiteAuth' },
        dataType: 'json',
        url: '/commercial/customer/info',
        success: function (res) {
          if (res) {
            console.log('二维码res=====', res)
            vue_that.qreobj.wxCodeImg = res.data.wxCodeImg
            vue_that.qreobj.phone = res.data.phone
          }
        },
        error: function (error) {
          console.log(error)
        },
      })
    },
  },
})