|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
|
|
|
<head> |
|
|
<meta charset="utf-8"> |
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> |
|
|
<title>项目詳情</title> |
|
|
<link rel="stylesheet" href="../../../lib/css/mui.min.css"> |
|
|
<link rel="stylesheet" type="text/css" href="../../../lib/css/basic.css" /> |
|
|
<link rel="stylesheet" href="../../css/project_white_paper.css"> |
|
|
<script src="../../../lib/js/mui.min.js"></script> |
|
|
<script src="../../../lib/js/cropper.js"></script> |
|
|
<script src="../../../lib/js/vue.js"></script> |
|
|
<script src="../../../lib/js/app.js"></script> |
|
|
<script src="../../js/base/rem-layout.js"></script> |
|
|
<script type="text/javascript" src="../../js/my/my_ajax.js"></script> |
|
|
</head> |
|
|
|
|
|
<body> |
|
|
<div id="white-paper"> |
|
|
<header class="mui-bar mui-bar-nav app-header app-header-darkly"> |
|
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> |
|
|
<h1 class="mui-title">{{langue.title}}</h1> |
|
|
</header> |
|
|
|
|
|
<div class="mui-content selected"> |
|
|
<ul class="mui-table-view txt-media"> |
|
|
<!--<li class="mui-table-view-cell mui-media"> |
|
|
<a href="javascript:;"> |
|
|
<img class="mui-media-object mui-pull-left" src="../../img/yanhuo_logo.jpg" /> |
|
|
<div class="mui-media-body"> |
|
|
<span class="product-title"> |
|
|
焰火网 |
|
|
</span> |
|
|
<div class="product-txt"> |
|
|
焰火网是一个全球科sadsadsadsadsadsddsadsdsd技创新数字货币融资 交易平台 |
|
|
</div> |
|
|
<div class="product-situation"> |
|
|
<span class="price">区块链技术</span> |
|
|
<span class="weight"><img src="../../img/thumb-active.png"/>10</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
</li>--> |
|
|
<li class="mui-table-view-cell mui-media"> |
|
|
<a href="javascript:;"> |
|
|
<img class="mui-media-object mui-pull-left" :src='base_file_url + currentInfo.coinUrl' /> |
|
|
<div class="mui-media-body"> |
|
|
<span class="product-title"> |
|
|
{{currentInfo.currencyName}} |
|
|
</span> |
|
|
<div class="product-txt"> |
|
|
{{currentInfo.descr}} |
|
|
</div> |
|
|
<div class="product-situation"> |
|
|
<span class="price">{{currentInfo.classifyName}}</span> |
|
|
<span class="weight" @click="thumb(currentInfo.id,currentInfo.star)" :id="currentInfo.id"><img :src="changThumb(currentInfo.star)"/>{{currentInfo.starNum}}</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
</li> |
|
|
</ul> |
|
|
<div class="note"> |
|
|
{{langue.note}} |
|
|
</div> |
|
|
<!--服务主页，项目报告--> |
|
|
<div class="market-bottom"> |
|
|
<div id="market-bottom-item" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted market-bottom-item"> |
|
|
<a class="mui-control-item mui-active" href="#item1">{{langue.Service_homepage}}</a> |
|
|
<a class="mui-control-item" href="#item2">{{langue.Project_Report}}</a> |
|
|
</div> |
|
|
<div id="item1" class="mui-control-content mui-active"> |
|
|
<div class="introduction"> |
|
|
<h3><span id="currencyFullName">{{langue.basic_information}}</span>(<span id="currencyName">{{project_Info.currencyName}}</span>)</h3> |
|
|
<div class="introduction-item"> |
|
|
<ul> |
|
|
<li class="introduction-item-list"> |
|
|
<span class="introduction-item-list-txt">{{langue.time}}:</span> |
|
|
<span id="issueTime" class="introduction-item-list-num"> {{project_Info.issueTime}}</span> |
|
|
</li> |
|
|
<li class="introduction-item-list"> |
|
|
<span class="introduction-item-list-txt">{{langue.num}}:</span> |
|
|
<span id="totalSupply" class="introduction-item-list-num">{{project_Info.totalSupply}}</span> |
|
|
</li> |
|
|
<li class="introduction-item-list"> |
|
|
<span class="introduction-item-list-txt">{{langue.circulation}}:</span> |
|
|
<span id="totalCirculation" class="introduction-item-list-num">{{project_Info.totalCirculation}}</span> |
|
|
</li> |
|
|
<li class="introduction-item-list"> |
|
|
<span class="introduction-item-list-txt">{{langue.price}}:</span> |
|
|
<span id="icoAmount" class="introduction-item-list-num">{{project_Info.icoAmount}}</span> |
|
|
</li> |
|
|
<li class="introduction-item-list"> |
|
|
<span class="introduction-item-list-txt">{{langue.Official_website}}:</span> |
|
|
<span id="officialWebsite" class="introduction-item-list-num">{{project_Info.uccn}}</span> |
|
|
</li> |
|
|
<li class="introduction-item-list"> |
|
|
<span class="introduction-item-list-txt">{{langue.paper}}： </span> |
|
|
<span id="whitePaper" class="introduction-item-list-num">{{project_Info.whitePaper}}</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="descr"> |
|
|
<h3>{{langue.Project_Introduction}}</h3> |
|
|
<p id="descr">{{project_Info.presentation}}</p> |
|
|
</div> |
|
|
</div> |
|
|
<div id="item2" class="mui-control-content report"> |
|
|
<div class="report-list"> |
|
|
<h3>{{langue.basic_information}}</h3> |
|
|
<ul class="item-ul" id="item-ul1"> |
|
|
<li class="item-list mui-active" data-unit=''>{{langue.all}}</li> |
|
|
<li class="item-list" data-unit='WEEK'>{{langue.weekly}}</li> |
|
|
<li class="item-list" data-unit='MONTH'>{{langue.month}}</li> |
|
|
<li class="item-list" data-unit='SPECIAL'>{{langue.special}}</li> |
|
|
<li class="item-list" data-unit='FINANCIAL'>{{langue.Financial}}</li> |
|
|
</ul> |
|
|
<h3>时间范围</h3> |
|
|
<ul class="item-ul" id="item-ul2"> |
|
|
<li class="item-list mui-active" data-time=''>{{langue.all}}</li> |
|
|
<li class="item-list" data-time='7'>{{langue.seven}}</li> |
|
|
<li class="item-list" data-time='30'>{{langue.thirty}}</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="report-info"> |
|
|
<h3>{{langue.special}}</h3> |
|
|
<div class="report-content" v-for="(item,index) in project_List"> |
|
|
<span class="report-title">{{item.title}}</span> |
|
|
<span class="report-time">{{item.createTime}}</span> |
|
|
<span class="report-download" :data-download='item.fileUrl'>{{langue.download}}</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</body> |
|
|
|
|
|
</html> |
|
|
|
|
|
<script> |
|
|
// 国际化 |
|
|
var langues = { |
|
|
zh_CN: { |
|
|
title: "项目详情", |
|
|
time: "发行时间", |
|
|
num: "发行总量", |
|
|
circulation: "流通总量", |
|
|
price: "众筹价格", |
|
|
paper: "白皮书", |
|
|
Official_website: "官网", |
|
|
note: "*当前页面暂时内容为项目方自行填写，焰火不对此内容真实性负责", |
|
|
Service_homepage:"服务主页", |
|
|
Project_Report:"项目报告", |
|
|
basic_information:"基本资料", |
|
|
Project_Introduction:"项目介绍", |
|
|
all:"全部", |
|
|
weekly:"项目周报", |
|
|
month:"项目月报", |
|
|
special:"专题报告", |
|
|
Financial:"财务报告", |
|
|
seven:"7天", |
|
|
thirty:"项目三十天", |
|
|
download:"下载", |
|
|
download_success:"下载成功", |
|
|
download_failed:"下载失败", |
|
|
network_err:'网络异常' |
|
|
}, |
|
|
zh_HK: { |
|
|
title: "項目詳情", |
|
|
time: "發行時間", |
|
|
num: "發行總量", |
|
|
circulation: "流通總量", |
|
|
price: "衆籌價格", |
|
|
paper: "白皮書", |
|
|
Official_website: "官網", |
|
|
note: "*當前頁面暫時為項目方自行填寫，焰火不對此内容真實性負責", |
|
|
Service_homepage:"服務主頁", |
|
|
Project_Report:"項目報告", |
|
|
basic_information:"基本資料", |
|
|
Project_Introduction:"項目介紹", |
|
|
all:"全部", |
|
|
weekly:"項目周報", |
|
|
month:"項目月報", |
|
|
special:"專題報告", |
|
|
Financial:"財務報告", |
|
|
seven:"7天", |
|
|
thirty:"項目三十天", |
|
|
download:"下載", |
|
|
download_success:"下載成功", |
|
|
download_failed:"下載失敗", |
|
|
network_err:'網絡異常' |
|
|
}, |
|
|
en_US: { |
|
|
title: "Project info", |
|
|
time: "Publish time", |
|
|
num: "Total issuance", |
|
|
circulation: "Total circulation", |
|
|
price: "Crowdfunding price", |
|
|
paper: "White paper", |
|
|
Official_website: "Official website", |
|
|
note: "*The current content of the current page is filled out by the project party, and the fireworks are not responsible for the authenticity of the content.", |
|
|
Service_homepage:"Service homepage", |
|
|
Project_Report:"Project Report", |
|
|
basic_information:"Basic information", |
|
|
Project_Introduction:"Project introduction", |
|
|
all:"All", |
|
|
weekly:"Weekly", |
|
|
month:"Month", |
|
|
special:"Special", |
|
|
Financial:"Financial", |
|
|
seven:"7 days", |
|
|
thirty:"30 days", |
|
|
download:"Download", |
|
|
download_success:"Download success", |
|
|
download_failed:"Download failed", |
|
|
network_err:'network err' |
|
|
} |
|
|
}; |
|
|
//2、页面上所有需要国际化的文字，包括提示，都通过Vue去引用，例子： |
|
|
var langueKey = app.getLanguageLocalStorage(); //获取国际化语种 |
|
|
var langue = langues[langueKey]; // 获取国际化语种数据 |
|
|
//3、每个页面都需要加上以下的方法： |
|
|
window.addEventListener('switchLangueData', function(e) { |
|
|
//dataInfo为Vue对象的名称 |
|
|
dataInfo.langue = langues[e.detail]; |
|
|
}); |
|
|
var dataInfo = new Vue({ |
|
|
el: "#white-paper", |
|
|
data: { |
|
|
langue: langue, |
|
|
project_Info: [], //基本资料内容 |
|
|
project_List: [], //项目报告 |
|
|
currentInfo: [], //主体内容 |
|
|
projectID: '', //项目id |
|
|
unitTime: '', //时间类型 |
|
|
unitType: '', //项目类型 |
|
|
userLocalStorage: app.getUserLocalStorage(), |
|
|
base_file_url: app.paperUrl //基础路 |
|
|
}, |
|
|
methods: { |
|
|
//改变点赞图片 |
|
|
changThumb: function(star) { |
|
|
if(star == '1') { |
|
|
return '../../img/thumb.png' |
|
|
} else { |
|
|
return '../../img/thumb-active.png' |
|
|
} |
|
|
}, |
|
|
//点赞点击事件 |
|
|
thumb: function(_id, star) { |
|
|
console.log(star) |
|
|
if(star == '0') { |
|
|
this.currentInfo.star = '1'; |
|
|
} |
|
|
if(!this.loginType) { |
|
|
app.openWin("../wallet_login.html", "mine/html/wallet_login.html"); |
|
|
} else { |
|
|
this.projectID = _id; |
|
|
getThumb(); |
|
|
} |
|
|
}, |
|
|
|
|
|
}, |
|
|
computed: { |
|
|
loginType: function() { |
|
|
if(JSON.stringify(this.userLocalStorage) != '{}') { |
|
|
return true; |
|
|
} else { |
|
|
return false; |
|
|
} |
|
|
}, |
|
|
} |
|
|
}) |
|
|
</script> |
|
|
<script type="text/javascript"> |
|
|
mui.plusReady(function() { |
|
|
var slef = plus.webview.currentWebview(); |
|
|
var obj = slef.changeObj; |
|
|
dataInfo.currentInfo = obj; |
|
|
dataInfo.projectID = obj.id; |
|
|
console.log("222" + JSON.stringify(dataInfo.currentInfo)); |
|
|
console.log("222" + dataInfo.projectID); |
|
|
getProjec_info(); |
|
|
getProjec_list(); |
|
|
|
|
|
//获取地址 |
|
|
mui(".mui-content").on("tap", ".report-download", function() { |
|
|
var domanUrl = this.getAttribute("data-download"); //为存放文件目录地址 |
|
|
openFile(domanUrl); |
|
|
}) |
|
|
//文件下载及打开第三方软件预览 |
|
|
function openFile(domanUrl) { |
|
|
//把反斜杆变为斜杆 |
|
|
strurl = domanUrl.replace("\\\\", "\/\/"); |
|
|
strurl = strurl.replace("\\", "\/"); |
|
|
strurl = strurl.replace("\\", "\/"); |
|
|
plus.nativeUI.showWaiting(); |
|
|
var downloader = plus.downloader.createDownload(strurl, {}, function(d, status) { |
|
|
// 下载完成 |
|
|
if(status == 200) { |
|
|
plus.nativeUI.closeWaiting(); |
|
|
mui.toast(dataInfo.langue.download_success + d.filename); |
|
|
//打开文件 |
|
|
plus.runtime.openFile(d.filename, {}, function(err) { |
|
|
console.log(err); |
|
|
if(err.code == 1) { |
|
|
mui.toast("请下载相关软件"); |
|
|
} |
|
|
}); |
|
|
} else { |
|
|
plus.nativeUI.closeWaiting(); |
|
|
mui.toast(dataInfo.langue.download_failed); |
|
|
} |
|
|
}); |
|
|
downloader.start(); |
|
|
setTimeout(function() { |
|
|
plus.nativeUI.closeWaiting(); |
|
|
mui.toast(dataInfo.langue.download_failed); |
|
|
}, 20000) |
|
|
} |
|
|
mui.init({ |
|
|
beforeback: function() { |
|
|
var list = plus.webview.currentWebview().opener(); |
|
|
mui.fire(list, 'refresh'); |
|
|
return true; |
|
|
} |
|
|
}); |
|
|
|
|
|
}) |
|
|
</script> |
|
|
<script> |
|
|
// 基本资料点击事件 |
|
|
mui("#item-ul1").on("tap", ".item-list", function() { |
|
|
mui("#item-ul1 .item-list").each(function(index, item) { |
|
|
item.classList.remove("mui-active"); |
|
|
}); |
|
|
var unitType = this.getAttribute("data-unit"); |
|
|
dataInfo.unitType = unitType; |
|
|
this.classList.add('mui-active'); |
|
|
getProjec_list(); |
|
|
|
|
|
}); |
|
|
// 时间范围点击事件 |
|
|
mui("#item-ul2").on("tap", ".item-list", function() { |
|
|
mui("#item-ul2 .item-list").each(function(index, item) { |
|
|
item.classList.remove("mui-active"); |
|
|
}); |
|
|
var unitTime = this.getAttribute("data-time"); |
|
|
dataInfo.unitTime = unitTime; |
|
|
console.log("222" + dataInfo.unitTime); |
|
|
getProjec_list(); |
|
|
this.classList.add('mui-active'); |
|
|
}); |
|
|
//查询基本资料 |
|
|
function getProjec_info() { |
|
|
mui.ajax(myAjaxJs.PROJECT_INFO.getUrl, { |
|
|
headers: { |
|
|
"locale": app.getLanguageLocalStorage() // 语种头部 |
|
|
}, |
|
|
type: myAjaxJs.PROJECT_INFO.getType, //HTTP请求类型 |
|
|
data: { |
|
|
id: dataInfo.projectID |
|
|
}, |
|
|
dataType: 'json', //服务器返回json格式数据 |
|
|
timeout: 10000, //超时时间设置为10秒； |
|
|
success: function(data) { |
|
|
if(data.code == 200) { |
|
|
//渲染数据 |
|
|
console.log(JSON.stringify(data)) |
|
|
dataInfo.project_Info = data.data; |
|
|
} else { |
|
|
mui.toast(data.msg); |
|
|
} |
|
|
} |
|
|
}) |
|
|
} |
|
|
|
|
|
//查询專題報告 |
|
|
function getProjec_list() { |
|
|
plus.nativeUI.showWaiting(); |
|
|
mui.ajax(myAjaxJs.PROJECT_LIST.getUrl, { |
|
|
headers: { |
|
|
"locale": app.getLanguageLocalStorage() // 语种头部 |
|
|
}, |
|
|
type: myAjaxJs.PROJECT_LIST.getType, //HTTP请求类型 |
|
|
data: { |
|
|
projectId: dataInfo.projectID, |
|
|
reportType: dataInfo.unitType, |
|
|
dateType: dataInfo.unitTime |
|
|
}, |
|
|
dataType: 'json', //服务器返回json格式数据 |
|
|
timeout: 10000, //超时时间设置为10秒； |
|
|
success: function(data) { |
|
|
if(data.code == 200) { |
|
|
plus.nativeUI.closeWaiting(); |
|
|
|
|
|
//渲染数据 |
|
|
console.log(JSON.stringify(data)) |
|
|
dataInfo.project_List = data.data.rows; |
|
|
} else { |
|
|
plus.nativeUI.closeWaiting(); |
|
|
mui.toast(data.msg); |
|
|
} |
|
|
}, |
|
|
error: function(xhr, type, errorThrown) { |
|
|
plus.nativeUI.closeWaiting(); |
|
|
mui.toast(dataInfo.langue.network_err); |
|
|
} |
|
|
}) |
|
|
} |
|
|
//点赞查询内容 |
|
|
function getThumb() { |
|
|
mui.ajax(myAjaxJs.AJAX_WHITE_PAPER_THUMB.getUrl, { |
|
|
headers: { |
|
|
"locale": app.getLanguageLocalStorage() // 语种头部 |
|
|
}, |
|
|
type: myAjaxJs.AJAX_WHITE_PAPER_THUMB.getType, //HTTP请求类型 |
|
|
data: { |
|
|
projectId: dataInfo.projectID, |
|
|
userId: dataInfo.userLocalStorage.id |
|
|
}, |
|
|
dataType: 'json', //服务器返回json格式数据 |
|
|
timeout: 10000, //超时时间设置为10秒； |
|
|
success: function(data) { |
|
|
if(data.code == 200) { |
|
|
//渲染数据 |
|
|
dataInfo.currentInfo.starNum++ |
|
|
|
|
|
} else { |
|
|
mui.toast(data.msg); |
|
|
} |
|
|
} |
|
|
}) |
|
|
} |
|
|
</script> |
