123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249 |
- console.log('sasdas')
- var objs = {
- pageId:getItem('QrcodeIds'),
- sourceType:'',
- organizationIds:'root',
- userId:'1000111',
- userName:'张三',
- };
- var base64 = new Base64(),num = 0;
- $.ajax({
- url: 'http://apptest.jieweizhineng.com/api/swagger/api/page/v1/detailPage',
- type: 'get',
- dataType: 'json',
- data:objs,
- success: function (res) {
- console.log(res.data.pageItemList);
- for (var i = 0; i < res.data.pageItemList.length; i++) {
- var mnum = num++ +1;
- if (res.data.pageItemList[i].pageRelation.businessType === "TEXT" && res.data.pageItemList[i].pageRelation.zIndex == mnum) {
- var str = `<div class="m-card">
- <div class="header"><span>${res.data.pageItemList[i].textVo.title}</span></div>
- <div class="content">
- <p>${base64.decode(res.data.pageItemList[i].textVo.dataContent)}</p>
- </div>
- </div>`;
- $('#contents').append(str)
- }else if (res.data.pageItemList[i].pageRelation.businessType === "IMAGE_TEXT" && res.data.pageItemList[i].pageRelation.zIndex == mnum) {
- var str = ` <div class="m-card">
- <div class="header"><span>${res.data.pageItemList[i].imageText.title}</span></div>
- <div class="content">
- <img src="${res.data.pageItemList[i].imageText.imageUrl}">
- <p>${base64.decode(res.data.pageItemList[i].imageText.dataContent)}</p>
- </div>
- </div>`;
- $('#contents').append(str)
- }else if (res.data.pageItemList[i].pageRelation.businessType === "PICTURE" && res.data.pageItemList[i].pageRelation.zIndex == mnum) {
- var str = `<div class="mui-content-padded">
- <div class="swiper-container">
- <div class="swiper-wrapper">
-
-
- </div>
- <div class="swiper-pagination"></div>
- </div>
- </div>`;
- $('#contents').append(str);
- for (var j = 0; j < res.data.pageItemList[i].pictureList.length; j++) {
- var html = `<div class="swiper-slide">
- <a href="${res.data.pageItemList[i].pictureList[j].imageLinking}">
- <img src="${res.data.pageItemList[i].pictureList[j].imageUrl}">
- <div class="banner-tit">
- <p>${res.data.pageItemList[i].pictureList[j].imageTitle}</p>
- </div>
- </a>
- </div> `;
- $('.swiper-wrapper').append(html);
- var swiper = new Swiper('.swiper-container', {
- // autoplay: true,
- loop:true,
- pagination: {
- el: '.swiper-pagination',
- type: 'fraction',
- },
- autoplay: {
- disableOnInteraction: false
- }
- });
- }
- } else if (res.data.pageItemList[i].pageRelation.businessType === "FILE" && res.data.pageItemList[i].pageRelation.zIndex == mnum) {
- var str = ` <div class="m-card file_items">
- <div class="list-header"><span>${res.data.pageItemList[i].fileList[0].title}</span></div>
- <div class="list-content file-content">
- <div class="m-cell file_lists">
- </div>
- </div>
- </div>`;
- $('#contents').append(str);
- var html ="";
- for (var j = 0; j < res.data.pageItemList[i].fileList.length; j++) {
- var fileTyle = res.data.pageItemList[i].fileList[j].fileName.substring(res.data.pageItemList[i].fileList[j].fileName.length-3);
- // console.log(fileTyle,'fileTyle');
- if(fileTyle == 'zip'){
- html += `<div class="item">
- <a class="cell-item" href="javascript:;">
- <div class="cell-left">
- <span class="cell-icon"><img src="image/${fileTyle}.png" style="height:0.6rem" /></span>
- <div class="title">
- <p class="main">${res.data.pageItemList[i].fileList[j].fileName}</p>
- <p class="sub">${res.data.pageItemList[i].fileList[j].fileSize}</p>
- </div>
- </div>
- <div class="cell-right cell-arrow"></div>
- </a>
- <div class="See_download">
- <button class="download"><a href="${res.data.pageItemList[i].fileList[j].filePath}">下载</a></button>
- </div>
- </div>`
- }else if (fileTyle == 'pdf') {
- html += `<div class="item">
- <a class="cell-item" href="javascript:;">
- <div class="cell-left">
- <span class="cell-icon"><img src="image/${fileTyle}.png" style="height:0.6rem" /></span>
- <div class="title">
- <p class="main">${res.data.pageItemList[i].fileList[j].fileName}</p>
- <p class="sub">${res.data.pageItemList[i].fileList[j].fileSize}</p>
- </div>
- </div>
- <div class="cell-right cell-arrow"></div>
- </a>
- <div class="See_download">
- <button class="download downloadPDF">
- <a href="${res.data.pageItemList[i].fileList[j].filePath}" target="_blank">下载</a>
-
- </button>
- <button class="See"><a href="${res.data.pageItemList[i].fileList[j].filePath}" target="_blank">预览</a></button>
- </div>
- </div>`
- }else if (fileTyle == 'lsx') {
- html += `<div class="item">
- <a class="cell-item" href="javascript:;">
- <div class="cell-left">
- <span class="cell-icon"><img src="image/${fileTyle}.png" style="height:0.6rem" /></span>
- <div class="title">
- <p class="main">${res.data.pageItemList[i].fileList[j].fileName}</p>
- <p class="sub">${res.data.pageItemList[i].fileList[j].fileSize}</p>
- </div>
- </div>
- <div class="cell-right cell-arrow"></div>
- </a>
- <div class="See_download">
- <button class="download"><a href="${res.data.pageItemList[i].fileList[j].filePath}">下载</a></button>
- <button class="See seeXlsx" file-Url="${res.data.pageItemList[i].fileList[j].filePath}">预览</button>
- </div>
- </div>`;
- }else if (fileTyle == 'doc') {
- html += `<div class="item">
- <a class="cell-item" href="javascript:;">
- <div class="cell-left">
- <span class="cell-icon"><img src="image/${fileTyle}.png" style="height:0.6rem" /></span>
- <div class="title">
- <p class="main">${res.data.pageItemList[i].fileList[j].fileName}</p>
- <p class="sub">${res.data.pageItemList[i].fileList[j].fileSize}</p>
- </div>
- </div>
- <div class="cell-right cell-arrow"></div>
- </a>
- <div class="See_download">
- <button class="download"><a href="${res.data.pageItemList[i].fileList[j].filePath}">下载</a></button>
- <button class="See seeDoc" file-Url="${res.data.pageItemList[i].fileList[j].filePath}">预览</button>
- </div>
- </div>`;
- }else if (fileTyle == 'ptx' || fileTyle == 'ppt') {
- html += `<div class="item">
- <a class="cell-item" href="javascript:;">
- <div class="cell-left">
- <span class="cell-icon"><img src="image/${fileTyle}.png" style="height:0.6rem" /></span>
- <div class="title">
- <p class="main">${res.data.pageItemList[i].fileList[j].fileName}</p>
- <p class="sub">${res.data.pageItemList[i].fileList[j].fileSize}</p>
- </div>
- </div>
- <div class="cell-right cell-arrow"></div>
- </a>
- <div class="See_download">
- <button class="download"><a href="${res.data.pageItemList[i].fileList[j].filePath}">下载</a></button>
- <button class="See seePpt" file-Url="${res.data.pageItemList[i].fileList[j].filePath}">预览</button>
- </div>
- </div>`;
- }
- $('.file_items').html(html);
- }
- }else if (res.data.pageItemList[i].pageRelation.businessType === "LINKS" && res.data.pageItemList[i].pageRelation.zIndex == mnum) {
- var str = ` <div class="m-card">
- <div class="list-header"><span>${res.data.pageItemList[i].linksList[0].title}</span></div>
- <div class="list-content">
- <div class="m-cell link_items">
-
- </div>
- </div>
- </div>`;
- $('#contents').append(str);
- for (var j = 0; j < res.data.pageItemList[i].linksList.length; j++) {
- var html=`<a class="cell-item linkList" href="javascript:;" hrefs="${res.data.pageItemList[i].linksList[j].linkUrl}">
- <div class="cell-left">
- <span class="cell-icon"><img src="image/link.png" /></span>
- <div class="title">
- <p class="main">${res.data.pageItemList[i].linksList[j].linkName}</p>
- </div>
- </div>
- <div class="cell-right">
- <i class="icon-share2"></i>
- </div>
- </a>`;
- $('.link_items').append(html);
- }
- }else if (res.data.pageItemList[i].pageRelation.businessType === "EQUIPMENT" && res.data.pageItemList[i].pageRelation.zIndex == mnum) {
- var str = `
- <div class="m-card">
- <div class="header"><span>${res.data.pageItemList[i].equipmentList[0].title}</span></div>
- <div class="content">
- <div class="m-cell mingpai">
- <div class="cell-item" style="border-bottom: 1px solid #D9D9D9;">
- <div class="cell cell-header">名称</div>
- <div class="cell cell-header">内容</div>
- </div>
- <div class="mingpai_list">
-
- </div>
- </div>
- </div>
- </div>
- </div>`;
- $('#contents').append(str);
- for (var j = 0; j < res.data.pageItemList[i].equipmentList.length; j++) {
- var html = `<div class="cell-item">
- <div class="cell">${res.data.pageItemList[i].equipmentList[j].paramName}</div>
- <div class="cell">${res.data.pageItemList[i].equipmentList[j].paramContent}</div>
- </div>`;
- $('.mingpai_list').append(html);
- }
- }
- }
- },
- error:function () {
- }
- });
- $('body').on('tap','.item .cell-item',function () {
- $(this).find('.cell-arrow').toggleClass('cell-arrowIco');
- $(this).parent().find('.See_download').toggleClass('show');
- });
- $('body').on('tap','.seeXlsx',function () {
- var url = $(this).attr('file-Url');
- window.open('https://view.officeapps.live.com/op/view.aspx?src='+url)
- });
- $('body').on('tap','.seeDoc',function () {
- var url = $(this).attr('file-Url');
- window.open('https://view.officeapps.live.com/op/view.aspx?src='+url)
- });
- $('body').on('tap','.seePpt',function () {
- var url = $(this).attr('file-Url');
- window.open('https://view.officeapps.live.com/op/view.aspx?src='+url)
- });
- $('body').on('tap','.linkList',function () {
- var url = $(this).attr('hrefs');
- location.href=url
- });
|