jifuning
/
yangchangwan


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
    />
    <meta
      name="format-detection"
      content="telephone=no,email=no,date=no,address=no"
    />
    <meta name="format-detection" content="telephone=no" />
    <title>浏览二维码详情</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <!-- <link rel="stylesheet" href="../../css/projeck.css" /> -->
    <style media="screen">
      body,
      html {
        margin: 0;
        background: #fff;
      }
      .header-login{
        width: 100%;
        height: 50px !important;
        background-color: #009fe8;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .backBtn{
        height: 30px;
        z-index: 1000;
        margin-left: 5px;
      }
      .api_text{
        height: 30px;
        font-size: 18px;
        color: #fff;
      }
      .aixin_img img {
        width: 30px;
        height: 30px;
        display: block;
        margin-right: 5px;
      }

    </style>
  </head>

  <body>
    <div class="api_layout">
      <header class="header-login">
        <!-- api.closeWin() -->
        <img
          class="backBtn"
          src="../../image/btn_back.png"
          alt=""
          onclick="qrodeBack()"
        />
        <p class="api_text"></p>
        <div class="aixin_img" onclick="handleAddPageCollect()">
          <img src="../../image/whiteAixin.png" id="aixinImgSrc" alt="">
        </div>
      </header>
    </div>
  </body>
</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script src="../../script/config.js" charset="utf-8"></script>
<script src="../../script/zepto.js" charset="utf-8"></script>
<script type="text/javascript">
  var paramsData = {},
  timeLeaveObj = {},
  token = '',
  userNo = '',
  headers,
  whetherCollect = {};
  apiready = function () {
    var info = $api.getStorage('data');
    token = JSON.parse(info).data.access_token || '';
    userNo = JSON.parse(info).data.user.staff_num;
    headers = {
        "Authorization": "Bearer " + token
    };
    $api.fixStatusBar($api.dom('header'));
    $api.html($api.dom('.api_text'), api.pageParam.title);
    openBrowseQrcode(api.pageParam.pageId);
    handleGetPageCollectByPageIdAndUserNo()
    api.addEventListener(
      {
        name: 'pageUserTime',
      },
      function (ret, err) {
        paramsData = {
          id: ret.value.id,
          createDate: ret.value.createDate,
          pageId: api.pageParam.pageId,
          "status": "UPDATE"
        };
        $http.requestData(UrlRouter.getAddPageUserTime, 'post', paramsData)
        .then(res => {
        }).catch(err => {
        })
        api.closeWin();
      }
    );

    api.addEventListener(
      {
        name: 'pageUserTimeDefault',
      },
      function (ret, err) {
        paramsData = {
          id: ret.value.id,
          createDate: ret.value.createDate,
          pageId: api.pageParam.pageId,
          "status": "UPDATE"
        };
        $http.requestData(UrlRouter.getAddPageUserTime, 'post', paramsData)
        .then(res => {
          // console.log('aaa');
          // console.log(JSON.stringify(res));
        }).catch(err => {
          // console.log(JSON.stringify(err));
        })
      }
    );

    api.addEventListener(
      {
        name: 'keyback',
      },
      function (ret, err) {
        $http.requestData(UrlRouter.getAddPageUserTime, 'post', timeLeaveObj)
        .then(res => {
          if(res.code === '200') {
            api.closeWin();
          }
        })
      }
    );
  };

  // 详情
  function openBrowseQrcode(pageId) {
    api.openFrame({
      name: 'browseQrcodeDe',
      url: 'browseQrcodeDe.html',
      rect: {
        x: 0,
        y: $api.dom('header').offsetHeight,
        w: 'auto',
        h: 'auto',
      },
      animation: {
        type: 'fade',
      },
      bounces: false,
      scrollEnabled: true,
      hScrollBarEnabled: false,
      pageParam: {
        pageId: pageId,
      },
    });
    var data = {
        "pageId": pageId,
        "userId": userNo,
        "status": "CREATE"
    }
    $http.requestData(UrlRouter.getAddPageUserTime, 'post', data)
    .then(res => {
      if(res.code === '200') {
        timeLeaveObj = {
          id: res.data.id,
          createDate: res.data.createDate,
          pageId: res.data.pageId,
          "status": "UPDATE"
        }
      }
    })
  }
  // 查看二维码是否收藏
  function handleGetPageCollectByPageIdAndUserNo() {
    let query = {
      pageId: api.pageParam.pageId,
      userNo: userNo
    }
    $http.requestData(UrlRouter.getPageCollectByPageIdAndUserNo,'get',query).then(res=> {
      if(res.status === 20000) {
        whetherCollect = res.data;
        if (res.data !==1) {
          $("#aixinImgSrc").attr("src", "../../image/redAixin.png");
        } else if(res.data.id || res.data.pageId){
          $("#aixinImgSrc").attr("src", "../../image/whiteAixin.png");
        }
      }
    }).catch(err=> {
      // console.log(JSON.stringify(err));
    })
  }
  // 收藏二维码
  function handleAddPageCollect() {
    // 根据该二维码是否收藏返回的数据判断 如何收藏了也就是 whetherCollect == 1收藏
     if(whetherCollect != 1) {
       $("#aixinImgSrc").attr("src", "../../image/whiteAixin.png");
       $http.requestData(`${UrlRouter.handleDelPageCollect}?id=${whetherCollect.id}`,'get','').then(res => {
         if (res.status === 20000) {
           api.toast({
               msg: '取消收藏',
               duration: 2000,
               location: 'bottom'
           });
           api.sendEvent({
                name: 'getCollectionListEvent',
                extra: {}
           });
         }
       }).catch(err => {
         // console.log(JSON.stringify(err));
       })
     } else if(whetherCollect == 1){
       $("#aixinImgSrc").attr("src", "../../image/redAixin.png");
       $http.requestData(`${UrlRouter.handleAddPageCollect}?pageId=${api.pageParam.pageId}&userNo=${userNo}`,'get','').then(res => {
         if (res.status === 20000) {
           api.toast({
               msg: '收藏成功',
               duration: 2000,
               location: 'bottom'
           });
         }
       }).catch(err => {
         // console.log(JSON.stringify(err));
       })
     }
  }

  function qrodeBack() {
    $http.requestData(UrlRouter.getAddPageUserTime, 'post', timeLeaveObj)
    .then(res => {
      if(res.code === '200') {
        api.closeWin();
      }
    })
  }
</script>