bellezhuo
6 years ago
32 changed files with 1043 additions and 233 deletions
-
2src/assets/css/base.css
-
30src/assets/css/other.css
-
26src/assets/data/en.js
-
28src/assets/data/zh.js
-
BINsrc/assets/images/bg_default.png
-
29src/router.js
-
2src/store/modules/user.js
-
26src/views/assets/coincoin_assets.vue
-
43src/views/assets/coincoin_records.vue
-
54src/views/assets/currency_assets.vue
-
45src/views/assets/currency_records.vue
-
298src/views/assets/exchange.vue
-
21src/views/coincoin/coincoin_order.vue
-
17src/views/coincoin/coincoin_trade.vue
-
9src/views/coincoin/components/trade_form.vue
-
24src/views/coincoin/components/trade_order_list.vue
-
6src/views/currency/currency_ads.vue
-
32src/views/currency/currency_deal.vue
-
12src/views/currency/currency_merchant.vue
-
18src/views/currency/currency_order.vue
-
2src/views/currency/currency_order_details.vue
-
77src/views/currency/currency_release.vue
-
35src/views/currency/currency_trade.vue
-
57src/views/index/components/announce.vue
-
51src/views/index/index.vue
-
14src/views/login/login.vue
-
100src/views/news/details.vue
-
95src/views/news/list.vue
-
11src/views/news/news.vue
-
16src/views/register/register.vue
-
3src/views/user/account.vue
-
93src/views/user/shop_info.vue
|
After Width: 540 | Height: 340 | Size: 8.1 KiB |
@ -0,0 +1,298 @@ |
|||||
|
<template> |
||||
|
<div class="global-width"> |
||||
|
<div class="container"> |
||||
|
<!--当前位置--> |
||||
|
<div class="hc-breadcrumb"> |
||||
|
<span class="hc-color4">{{$t('币币账户')}}</span> |
||||
|
<i class="hc-breadcrumb-icon"></i> |
||||
|
<span class="margin0">{{$t('兑换')}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="hc-breadcrumb second-position"> |
||||
|
<span class="hc-color1"> |
||||
|
<img src="../../assets/images/icon-money.png" />{{exchangeCoin}} {{$t('兑换')}} |
||||
|
</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="recharge-warp"> |
||||
|
<div class="withdrawmoney-box"> |
||||
|
<div class="form-box"> |
||||
|
<div class="form-group"> |
||||
|
<label class="form-label">{{$t('选择兑换币种')}}</label> |
||||
|
|
||||
|
<div class="form-control"> |
||||
|
<div class="hc-form-warp" @click="showCoin1 = !showCoin1" v-if="exchangeCoin"> |
||||
|
<img class="hc-select-img" :src="'data:img/jpg;base64,' + exchangeCoinImg" v-if="exchangeCoinImg"> |
||||
|
<span class="hc-select-span1">{{exchangeCoin}}</span> |
||||
|
|
||||
|
<span class="hc-form-down-icon"> |
||||
|
<i class="fa-caret-down"></i> |
||||
|
</span> |
||||
|
</div> |
||||
|
<div class="hc-form-warp" @click="showCoin1 = !showCoin1" v-else> |
||||
|
<span class="hc-select-span1">{{$t('选择兑换币种')}}</span> |
||||
|
|
||||
|
<span class="hc-form-down-icon"> |
||||
|
<i class="fa-caret-down"></i> |
||||
|
</span> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 选择币种弹框 --> |
||||
|
<div class="choose-currencies" v-if="showCoin1"> |
||||
|
<div class="hc-select-options" v-for="item of allCoinList" :key="item.id" @click="chooseCoin(item)"> |
||||
|
<img class="hc-select-img" :src="'data:img/jpg;base64,' + item.image" v-if="item.image"> |
||||
|
<span class="hc-select-span1">{{item.id}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="form-label">{{$t('选择目标币种')}}</label> |
||||
|
|
||||
|
<div class="form-control"> |
||||
|
<div class="hc-form-warp" @click="showCoin2 = !showCoin2"> |
||||
|
<img class="hc-select-img" :src="'data:img/jpg;base64,' + targetCoinImg" v-if="targetCoinImg"> |
||||
|
<span class="hc-select-span1">{{targetCoin ? targetCoin : $t('选择目标币种')}}</span> |
||||
|
|
||||
|
<span class="hc-form-down-icon"> |
||||
|
<i class="fa-caret-down"></i> |
||||
|
</span> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 选择币种弹框 --> |
||||
|
<div class="choose-currencies" v-if="showCoin2"> |
||||
|
<div class="hc-select-options" v-for="item of targetCoinList" :key="item.id" @click="chooseTargeCoin(item)"> |
||||
|
<img class="hc-select-img" :src="'data:img/jpg;base64,' + item.image" v-if="item.image"> |
||||
|
<span class="hc-select-span1">{{item.id}}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="form-label"> |
||||
|
{{$t('兑换数量')}} |
||||
|
<span class="hc-color3">( {{$t('可用')}}:{{account}} )</span> |
||||
|
</label> |
||||
|
|
||||
|
<div class="form-control"> |
||||
|
<el-input class="text-input" :placeholder="$t('请输入兑换数量')" v-model="amount" type="text" clearable autocomplete="off" @keyup.enter.native="submit"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<div class="address-form-div2"> |
||||
|
<label class="form-label">{{$t('兑换比例')}}</label> |
||||
|
<div class="form-control"> |
||||
|
<input type="text" class="text-input" :value="proportion" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="address-form-div3"> |
||||
|
<label class="form-label">{{$t('支付密码')}}</label> |
||||
|
<div class="form-control"> |
||||
|
<el-input class="text-input" :placeholder="$t('请输入支付密码')" v-model="password" type="password" clearable autocomplete="off" @keyup.enter.native="submit"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<el-button class="form-submit-btn" type="primary" :loading="true" v-if="loading">{{$t('提交中...')}}</el-button> |
||||
|
<el-button class="form-submit-btn" type="primary" @click="submit" v-else>{{$t('确认划转')}}</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="address-line"></div> |
||||
|
<div class="recharge-reminder"> |
||||
|
<div class="recharge-r-top"> |
||||
|
<i class="fa-exclamation"></i> |
||||
|
<span>{{$t('温馨提示')}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<p>{{$t('1. 最小兑换数量为：')}}{{minAmount}}{{exchangeCoin}}{{$t('，最大兑换数量为：')}}{{maxAmount}}{{exchangeCoin}}{{$t('，手续费为：')}}{{fee}}</p> |
||||
|
<p>{{$t('2. 请务必确认电脑及浏览器安全，防止信息被篡改或泄露。')}}</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState } from 'vuex' |
||||
|
export default { |
||||
|
name: 'exchange', |
||||
|
data() { |
||||
|
return { |
||||
|
assetsCaseCode: 'COIN_TO_COIN', //账号类型 1币币 2法币 |
||||
|
exchangeCoin: '', //兑换币种 |
||||
|
targetCoin: '', //目标币种 |
||||
|
showCoin1: false, //选择币种弹窗 |
||||
|
showCoin2: false, //选择币种弹窗 |
||||
|
|
||||
|
account: 0, //余额 |
||||
|
proportion: 0, //兑换比例 |
||||
|
maxAmount: 0, //最大兑换数 |
||||
|
minAmount: 0, //最小兑换数 |
||||
|
fee: 0, //手续费 |
||||
|
amount: '', //兑换数量 |
||||
|
password: '', //支付密码 |
||||
|
|
||||
|
loading: false, |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState('trend', ['allCoinList']), |
||||
|
|
||||
|
exchangeCoinImg() { //币种的图片 |
||||
|
let img; |
||||
|
this.allCoinList.forEach(item => { |
||||
|
if (item.id == this.exchangeCoin) { |
||||
|
img = item.image; |
||||
|
} |
||||
|
}) |
||||
|
return img; |
||||
|
}, |
||||
|
targetCoinImg() { //目标币种图片 |
||||
|
let img; |
||||
|
this.allCoinList.forEach(item => { |
||||
|
if (item.id == this.targetCoin) { |
||||
|
img = item.image; |
||||
|
} |
||||
|
}) |
||||
|
return img; |
||||
|
}, |
||||
|
targetCoinList() { |
||||
|
let list = []; |
||||
|
this.allCoinList.forEach(item => { |
||||
|
if(item.id != this.exchangeCoin) { |
||||
|
list.push(item) |
||||
|
} |
||||
|
}); |
||||
|
return list; |
||||
|
}, |
||||
|
|
||||
|
// summary() { //实际扣除数量 |
||||
|
// let value = 0; |
||||
|
// let remainder = this.common.accAdd(1, this.fee); |
||||
|
|
||||
|
// if(this.amount > 0) { |
||||
|
// if(this.common.accMul(this.fee, this.amount) < this.minFee) { //最低手续费 |
||||
|
// value = this.common.accAdd(this.amount, this.minFee).toFixed(8); |
||||
|
// } else { |
||||
|
// value = this.common.accMul(this.amount, remainder).toFixed(8); |
||||
|
// } |
||||
|
// } |
||||
|
// return value; |
||||
|
// } |
||||
|
}, |
||||
|
methods: { |
||||
|
getBalance() { //获取余额 |
||||
|
this.getAxios('/api/user/assets/list?type=' + this.assetsCaseCode) |
||||
|
.then(data => { |
||||
|
let list = data.data; |
||||
|
list.forEach(item => { |
||||
|
if(item.coinId == this.exchangeCoin) { |
||||
|
this.account = item.normalAmount; |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
getExchangeInfo() { //获取兑换信息 |
||||
|
let params = { |
||||
|
caseCode: this.assetsCaseCode, |
||||
|
inCoinId: this.exchangeCoin, |
||||
|
outCoinId: this.targetCoin |
||||
|
} |
||||
|
this.postAxios('/api/exchange/coin/info', params) |
||||
|
.then(data => { |
||||
|
this.proportion = data.data.proportion; |
||||
|
this.maxAmount = data.data.maxAmount; |
||||
|
this.minAmount = data.data.minAmount; |
||||
|
this.fee = data.data.exchangeFee; |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
chooseCoin(item) { //选择币种 |
||||
|
this.exchangeCoin = item.id; |
||||
|
this.showCoin1 = false; |
||||
|
|
||||
|
this.getBalance(); |
||||
|
|
||||
|
if(this.targetCoin) { |
||||
|
this.getExchangeInfo(); |
||||
|
} |
||||
|
}, |
||||
|
chooseTargeCoin(item) { //选择目标币种 |
||||
|
if(!this.exchangeCoin) { |
||||
|
this.$message.error(this.$t('请先选择兑换币种！')); |
||||
|
return; |
||||
|
} |
||||
|
this.targetCoin = item.id; |
||||
|
this.showCoin2 = false; |
||||
|
|
||||
|
this.getExchangeInfo(); |
||||
|
}, |
||||
|
|
||||
|
submit() { |
||||
|
if(this.loading) { |
||||
|
return; |
||||
|
} |
||||
|
if(!this.targetCoin) { |
||||
|
this.$message.error(this.$t('请选择目标币种！')); |
||||
|
return; |
||||
|
} |
||||
|
if(!this.amount) { |
||||
|
this.$message.error(this.$t('请输入兑换数量！')); |
||||
|
return; |
||||
|
} |
||||
|
if(!this.password) { |
||||
|
this.$message.error(this.$t('请输入支付密码！')); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
this.loading = true; |
||||
|
|
||||
|
let params = { |
||||
|
caseCode: this.assetsCaseCode, |
||||
|
inCoinId: this.exchangeCoin, |
||||
|
outCoinId: this.targetCoin, |
||||
|
exchangeAmount: this.amount, |
||||
|
payPassword: this.password |
||||
|
} |
||||
|
this.postAxios('/api/exchange/coin/exchangeCoin', params) |
||||
|
.then(() => { |
||||
|
this.$message.success(this.$t('兑换提交成功！')); |
||||
|
|
||||
|
this.loading = false; |
||||
|
this.getBalance(); |
||||
|
this.clearData(); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.loading = false; |
||||
|
}) |
||||
|
}, |
||||
|
clearData() { |
||||
|
this.amount = ''; |
||||
|
this.password = ''; |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.exchangeCoin = this.$route.params.id; |
||||
|
this.assetsCaseCode = this.$route.params.type == 1 ? 'COIN_TO_COIN' : 'F_COIN'; |
||||
|
this.getBalance(); |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.address-form-div4 { |
||||
|
width: 32px; |
||||
|
display: inline-block; |
||||
|
margin: 0 9px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,57 @@ |
|||||
|
<template> |
||||
|
<div class="home-news"> |
||||
|
<div class="home-news-top"> |
||||
|
<h2>{{$t('公告')}}</h2> |
||||
|
<router-link to="/news">{{$t('查看更多')}}</router-link> |
||||
|
</div> |
||||
|
|
||||
|
<ul class="home-news-ul"> |
||||
|
<li v-for="item of announceList" :key="item.id"> |
||||
|
<router-link :to="'/news/details/' + item.id"> |
||||
|
<div class="news-li-top">{{item.createDatetime | dateFormat('YYYY-MM-DD')}} / {{item.source}}</div> |
||||
|
|
||||
|
<div class="news-li-text"> |
||||
|
<img src="@/assets/images/bg_bg4-2.png" /> |
||||
|
|
||||
|
<div class="news-li-content"> |
||||
|
<h3>{{item.title}}</h3> |
||||
|
<p>{{item.brief}}</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</router-link> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'indexAnnounce', |
||||
|
data() { |
||||
|
return { |
||||
|
announceList: [], |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
getList() { //获取列表 最新5条数据 |
||||
|
let params = { |
||||
|
data: { |
||||
|
newsType: 'T_S_T_ANNO', |
||||
|
}, |
||||
|
page: 1, |
||||
|
limit: 3, |
||||
|
} |
||||
|
this.postAxios('/api/news/news/page', params) |
||||
|
.then(data => { |
||||
|
this.announceList = data.data.records; |
||||
|
}) |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
this.getList() |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
</style> |
||||
@ -0,0 +1,100 @@ |
|||||
|
<template> |
||||
|
<div class="global-width"> |
||||
|
<div class="container"> |
||||
|
<div class="hc-breadcrumb"> |
||||
|
<span class="hc-color4" @click="$router.push('/news')">{{$t('最新公告')}}</span> |
||||
|
<i class="hc-breadcrumb-icon"></i> |
||||
|
<span class="margin0">{{newsDetails.title}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="hc-breadcrumb trade-center-top"> |
||||
|
<span>{{$t('最新公告')}}</span> |
||||
|
|
||||
|
<!-- <div class="helpcenter-soso"> |
||||
|
<div class="soso-box"> |
||||
|
<input placeholder="搜索"><i class="icon-search"></i> |
||||
|
</div> |
||||
|
</div> --> |
||||
|
</div> |
||||
|
|
||||
|
<div class="helpcenter-main"> |
||||
|
<div class="helpcenter-l"> |
||||
|
<div class="helpcenter-problem"> |
||||
|
<h2 class="more">{{$t('公告')}}</h2> |
||||
|
|
||||
|
<ul class="more-li open"> |
||||
|
<li v-for="item of newsList" :key="item.id"> |
||||
|
<router-link :to="'/news/details/' + item.id" class="list-title">{{item.title}}</router-link> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="helpcenter-r"> |
||||
|
<header class="article-header"> |
||||
|
<h1 class="article-title">{{newsDetails.title}}</h1> |
||||
|
<p class="time"> |
||||
|
{{newsDetails.createDatetime | dateFormat('YYYY-MM-DD hh:mm:ss')}} |
||||
|
<span>{{$t('来源')}}: {{newsDetails.source}}</span> |
||||
|
</p> |
||||
|
</header> |
||||
|
|
||||
|
<div class="article-info" v-html="newsDetails.content"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'newsDetails', |
||||
|
data() { |
||||
|
return { |
||||
|
newsList: [], //最新数据 |
||||
|
|
||||
|
id: '', //新闻id |
||||
|
newsDetails: {}, //新闻详情 |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
$route() { |
||||
|
this.id = this.$route.params.id; |
||||
|
|
||||
|
this.getNewsList(); |
||||
|
this.getNewsDetails(); |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
getNewsList() { //获取列表 最新5条数据 |
||||
|
let params = { |
||||
|
data: { |
||||
|
newsType: 'T_S_T_ANNO', |
||||
|
}, |
||||
|
page: 1, |
||||
|
limit: 5, |
||||
|
} |
||||
|
this.postAxios('/api/news/news/page', params) |
||||
|
.then(data => { |
||||
|
this.newsList = data.data.records; |
||||
|
}) |
||||
|
}, |
||||
|
getNewsDetails() { //获取新闻详情 |
||||
|
this.getAxios('/api/news/' + this.id) |
||||
|
.then(data => { |
||||
|
this.newsDetails = data.data; |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.id = this.$route.params.id; |
||||
|
|
||||
|
this.getNewsList(); |
||||
|
this.getNewsDetails(); |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
</style> |
||||
@ -1,8 +1,101 @@ |
|||||
<template> |
<template> |
||||
<div class="wrap"></div> |
|
||||
|
<div class="global-width"> |
||||
|
<div class="container"> |
||||
|
<div class="hc-breadcrumb"> |
||||
|
<span>{{$t('公告')}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="hc-breadcrumb trade-center-top"> |
||||
|
<span>{{$t('最新公告')}}</span> |
||||
|
|
||||
|
<!-- <div class="helpcenter-soso"> |
||||
|
<div class="soso-box soso-boxs"> |
||||
|
<input class="inp" placeholder="搜索"> |
||||
|
<i class="icon-search icon-searchs"></i> |
||||
|
</div> |
||||
|
</div> --> |
||||
|
</div> |
||||
|
|
||||
|
<div class="news-main"> |
||||
|
<ul class="news-list-ul"> |
||||
|
<li v-for="item of newsList" :key="item.id"> |
||||
|
<div class="list-left" @click="$router.push('/news/details/' + item.id)"> |
||||
|
<img :src="item.thumbUrl" v-if="item.thumbUrl"> |
||||
|
<img src="../../assets/images/bg_default.png" v-else> |
||||
|
</div> |
||||
|
|
||||
|
<div class="list-right"> |
||||
|
<router-link :to="'/news/details/' + item.id" class="list-title">{{item.title}}</router-link> |
||||
|
<p class="list-cont">{{item.brief}}</p> |
||||
|
|
||||
|
<div class="list-time"> |
||||
|
<span>{{item.createDatetime | dateFormat('YYYY-MM-DD hh:mm:ss')}}</span> |
||||
|
<span>{{$t('来源')}}: {{item.source}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</li> |
||||
|
</ul> |
||||
|
|
||||
|
<no-content :isText="$t('暂无数据')" :isContent="isContent"></no-content> |
||||
|
|
||||
|
<el-pagination class="list-pages" background layout="prev, pager, next" v-show="!isContent" :page-count="pageTotal" :current-page="currentPage" @next-click="pagesChange" @prev-click="pagesChange" @current-change="pagesChange"></el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import noContent from '@/components/no_content' |
||||
|
export default { |
||||
|
name: 'news', |
||||
|
components: { |
||||
|
noContent, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
newsList: [], |
||||
|
|
||||
|
isContent: false, |
||||
|
noResult: false, |
||||
|
pageTotal: 0, //总页数 |
||||
|
currentPage: 1, //默认当前页 |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
getNewsList(pages) { |
||||
|
let params = { |
||||
|
data: { |
||||
|
newsType: 'T_S_T_ANNO', |
||||
|
}, |
||||
|
page: pages, |
||||
|
limit: 10, |
||||
|
} |
||||
|
this.currentPage = pages; |
||||
|
|
||||
|
this.postAxios('/api/news/news/page', params) |
||||
|
.then(data => { |
||||
|
this.pageTotal = data.data.pages; |
||||
|
|
||||
|
if (data.data.total == 0) { |
||||
|
this.isContent = true; |
||||
|
} else { |
||||
|
this.isContent = false; |
||||
|
} |
||||
|
|
||||
|
this.newsList = []; |
||||
|
data.data.records.forEach(item => { |
||||
|
this.newsList.push(item); |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
pagesChange(pages) { |
||||
|
this.getNewsList(pages); |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
this.getNewsList(1); |
||||
|
} |
||||
|
} |
||||
</script> |
</script> |
||||
|
|
||||
<style> |
<style> |
||||
|
|||||
@ -0,0 +1,11 @@ |
|||||
|
<template> |
||||
|
<div class="wrap"> |
||||
|
<router-view></router-view> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue