Leadfyy.co
/
projectionscreenPc
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
bellezhuo 6 years ago
parent
bb0b02f730
commit
7cc7b629f3
8 changed files with 158 additions and 70 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/assets/js/common.js
  2. 16
      src/store/modules/trend.js
  3. 27
      src/views/coincoin/coincoin_trade.vue
  4. 75
      src/views/coincoin/components/trade_depth.vue
  5. 4
      src/views/index/components/price.vue
  6. 75
      src/views/release/components/release_depth.vue
  7. 27
      src/views/release/release_trade.vue
  8. 3
      src/views/user/shop_info.vue

1
src/assets/js/common.js
View File

@ -5,6 +5,7 @@ export default {
//baseURL: '/api',//本地测试时用（解决跨域问题）
baseURL: 'http://119.23.49.169:10601', //测试站使用
//baseURL: 'http://192.168.1.99:10601', //本地测试
//Token名字
tokenKey: '',

16
src/store/modules/trend.js
View File

@ -11,6 +11,8 @@ export default {
myCollectList: [] ,//我的收藏
currentPair: null, //当前交易对
buyList: [], //买盘
sellList: [], //卖盘
},
mutations: {
setCoin(state, data) { //币种 --资产模块
@ -19,12 +21,16 @@ export default {
setPair(state, data) { //交易对 -- 行情、币币模块
//console.log(JSON.stringify(data));
state.allPairList = data;
state.currentPair = data[0].childen[0].prices[0];
},
setTrend(state, data) { //行情
//console.log(JSON.stringify(data));
state.allTrendList = data;
},
setDepth(state, data) { //深度
state.buyList = data.buyList;
state.sellList = data.sellList;
},
setCollect(state, data) { //收藏 -- 自选模块
state.myCollectList = JSON.parse(data);
},
@ -63,6 +69,14 @@ export default {
context.commit('setTrend', res.data);
})
},
getDepth(context, params) { //获取深度
common.setItem('loading', true); //不显示loading
request.postAxios('/api/entrust/depth/list', params)
.then(res => {
context.commit('setDepth', res.data);
})
},
getCollect(context) { //获取收藏列表
request.getAxios('/api/user/config/list')
.then(res => {

27
src/views/coincoin/coincoin_trade.vue
View File

@ -36,7 +36,7 @@
<div class="ce-div3 hc-bgColor1">
<!-- 盘口数据 -->
<trade-depth></trade-depth>
<trade-depth :depthValue="depthValue" @chooseDepth="chooseDepth"></trade-depth>
</div>
<div class="ce-div4 hc-bgColor1">
@ -77,6 +77,10 @@
mainCoinBalance: '0', //主币余额
tradeCoinBalance: '0', //交易币余额
depthValue: 0,
timers: '', //定时器
}
},
computed: {
@ -125,13 +129,30 @@
sideToggle(val) { //左侧币种列表展开/收起
this.sideShow = val;
},
updateOrder() {
getDepth() { //获取深度
this.$store.dispatch('trend/getDepth', {
symbol: this.currentPair.symbolId,
depth: this.depthValue
});
},
chooseDepth(val) { //切换深度
this.depthValue = val;
},
updateOrder() { //更新订单
this.$refs.order.getOrderList(1);
this.getBalance();
}
},
},
beforeDestroy() {
clearInterval(this.timers);
},
created() {
this.initCoin();
this.timers = setInterval(() => {
this.$store.dispatch('trend/getAllPair');
this.getDepth();
}, 1000);
}
}
</script>

75
src/views/coincoin/components/trade_depth.vue
View File

@ -17,12 +17,11 @@
<div class="deal-folder" :class="{'deal-folder-open': depthListType == 3}" v-if="depthListType != 2">
<!-- 买单 -->
<div class="deal-list">
<ul>
<li><span class="red-text">9101.08</span></li>
<li><span>0.0547</span></li>
<ul v-for="(item, index) of buyDepth" :key="index">
<li><span class="red-text">{{item.price}}</span></li>
<li><span>{{item.deal}}</span></li>
<li><span>1.44</span></li>
</ul>
<span class="progress progress-1" style="width: 80%"></span>
</div>
</div>
@ -39,12 +38,11 @@
<div class="deal-folder" :class="{'deal-folder-open': depthListType == 2}" v-if="depthListType != 3">
<!-- 卖单 -->
<div class="deal-list">
<ul>
<li><span class="green-text">9101.08</span></li>
<li><span>0.0547</span></li>
<ul v-for="(item, index) of sellDepth" :key="index">
<li><span class="green-text">{{item.price}}</span></li>
<li><span>{{item.deal}}</span></li>
<li><span>1.44</span></li>
</ul>
<span class="progress progress-2" style="width: 80%"></span>
</div>
</div>
</div>
@ -61,7 +59,7 @@
</div>
<div class="deal-list-type">
<el-select v-model="depthValue" @change="chooseDepth">
<el-select v-model="depth" @change="chooseDepth">
<el-option v-for="item in depthOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
@ -75,42 +73,59 @@
import { mapState } from 'vuex'
export default {
name: 'tradeDepth',
props: {
depthValue: Number,
},
data() {
return {
timer:'',
timers:'',
depthListType: 1, //1全部 2买单 3卖单
depthValue: 1,
depthOptions: [
{value: 1, label: '深度1'},
{value: 2, label: '深度2'},
{value: 3, label: '深度3'},
{value: 4, label: '深度4'},
]
depth: 0, //深度
depthOptions: [ //深度
{value: 0, label: '深度1'},
{value: 1, label: '深度2'},
{value: 2, label: '深度3'},
{value: 3, label: '深度4'},
],
}
},
computed: {
...mapState('trend', ['currentPair']),
...mapState('trend', ['currentPair', 'buyList', 'sellList']),
buyDepth() {
let list = [];
let buyLength = this.depthListType == 2 ? 30: 15;
this.buyList.forEach((item, index) => {
if(index < buyLength) {
list.push(item)
}
});
return list;
},
sellDepth() {
let list = [];
let sellLength = this.depthListType == 3 ? 30: 15;
this.sellList.forEach((item, index) => {
if(index < sellLength) {
list.push(item)
}
});
return list;
},
},
methods: {
getDepth() { //获取深度盘口
this.postAxios('/api/coin/price/getDepth', {symbolId: this.currentPair.symbolId})
.then(data => {
console.log(JSON.stringify(data))
})
},
chooseDepth(val) { //切换深度
this.depthValue = val;
this.$emit('chooseDepth', val);
},
changeList(val) { //切换列表类型
this.depthListType = val;
}
},
mounted() {
this.getDepth();
}
}
</script>

4
src/views/index/components/price.vue
View File

@ -27,8 +27,8 @@
priceList() {
let list = [];
this.allTrendList.forEach((item, index) => {
if(index < 6) {
this.allTrendList.forEach((item) => {
if(item.caseCode == 1) {
list.push(item)
}
});

75
src/views/release/components/release_depth.vue
View File

@ -17,12 +17,11 @@
<div class="deal-folder" :class="{'deal-folder-open': depthListType == 3}" v-if="depthListType != 2">
<!-- 买单 -->
<div class="deal-list">
<ul>
<li><span class="red-text">9101.08</span></li>
<li><span>0.0547</span></li>
<ul v-for="(item, index) of buyDepth" :key="index">
<li><span class="red-text">{{item.price}}</span></li>
<li><span>{{item.deal}}</span></li>
<li><span>1.44</span></li>
</ul>
<span class="progress progress-1" style="width: 80%"></span>
</div>
</div>
@ -39,12 +38,11 @@
<div class="deal-folder" :class="{'deal-folder-open': depthListType == 2}" v-if="depthListType != 3">
<!-- 卖单 -->
<div class="deal-list">
<ul>
<li><span class="green-text">9101.08</span></li>
<li><span>0.0547</span></li>
<ul v-for="(item, index) of sellDepth" :key="index">
<li><span class="green-text">{{item.price}}</span></li>
<li><span>{{item.deal}}</span></li>
<li><span>1.44</span></li>
</ul>
<span class="progress progress-2" style="width: 80%"></span>
</div>
</div>
</div>
@ -61,7 +59,7 @@
</div>
<div class="deal-list-type">
<el-select v-model="depthValue" @change="chooseDepth">
<el-select v-model="depth" @change="chooseDepth">
<el-option v-for="item in depthOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
@ -75,42 +73,59 @@
import { mapState } from 'vuex'
export default {
name: 'tradeDepth',
props: {
depthValue: Number,
},
data() {
return {
timer:'',
timers:'',
depthListType: 1, //1全部 2买单 3卖单
depthValue: 1,
depthOptions: [
{value: 1, label: '深度1'},
{value: 2, label: '深度2'},
{value: 3, label: '深度3'},
{value: 4, label: '深度4'},
]
depth: 0, //深度
depthOptions: [ //深度
{value: 0, label: '深度1'},
{value: 1, label: '深度2'},
{value: 2, label: '深度3'},
{value: 3, label: '深度4'},
],
}
},
computed: {
...mapState('trend', ['currentPair']),
...mapState('trend', ['currentPair', 'buyList', 'sellList']),
buyDepth() {
let list = [];
let buyLength = this.depthListType == 2 ? 30: 15;
this.buyList.forEach((item, index) => {
if(index < buyLength) {
list.push(item)
}
});
return list;
},
sellDepth() {
let list = [];
let sellLength = this.depthListType == 3 ? 30: 15;
this.sellList.forEach((item, index) => {
if(index < sellLength) {
list.push(item)
}
});
return list;
},
},
methods: {
getDepth() { //获取深度盘口
this.postAxios('/api/coin/price/getDepth', {symbolId: this.currentPair.symbolId})
.then(data => {
console.log(JSON.stringify(data))
})
},
chooseDepth(val) { //切换深度
this.depthValue = val;
this.$emit('chooseDepth', val);
},
changeList(val) { //切换列表类型
this.depthListType = val;
}
},
mounted() {
this.getDepth();
}
}
</script>

27
src/views/release/release_trade.vue
View File

@ -36,7 +36,7 @@
<div class="ce-div3 hc-bgColor1">
<!-- 盘口数据 -->
<release-depth></release-depth>
<release-depth :depthValue="depthValue" @chooseDepth="chooseDepth"></release-depth>
</div>
<div class="ce-div4 hc-bgColor1">
@ -77,6 +77,10 @@
mainCoinBalance: '0', //主币余额
tradeCoinBalance: '0', //交易币余额
depthValue: 0,
timers: '', //定时器
}
},
computed: {
@ -129,13 +133,30 @@
sideToggle(val) { //左侧币种列表展开/收起
this.sideShow = val;
},
updateOrder() {
getDepth() { //获取深度
this.$store.dispatch('trend/getDepth', {
symbol: this.currentPair.symbolId,
depth: this.depthValue
});
},
chooseDepth(val) { //切换深度
this.depthValue = val;
},
updateOrder() { //更新订单
this.$refs.order.getOrderList(1);
this.getBalance();
}
},
},
beforeDestroy() {
clearInterval(this.timers);
},
created() {
this.initCoin();
this.timers = setInterval(() => {
this.$store.dispatch('trend/getAllPair');
this.getDepth();
}, 1000);
}
}
</script>

3
src/views/user/shop_info.vue
View File

@ -184,7 +184,8 @@
<td class="is-left">
<div class="trade-business">
<div class="avatar-wrapper">
<img class="trade-center-table-img1" src="../../assets/images/user-head-img.png">
<img class="trade-center-table-img1" :src="dealerInfo.avatar" v-if="dealerInfo.avatar">
<img class="trade-center-table-img1" src="../../assets/images/user-head-img.png" v-else>
</div>
<div class="nick-name">

Write Preview
Loading…
Cancel
Save