|
|
@ -2,7 +2,7 @@ |
|
|
<div class="quotation-main"> |
|
|
<div class="quotation-main"> |
|
|
<div class="quotation-main-soso"> |
|
|
<div class="quotation-main-soso"> |
|
|
<div class="soso-box"> |
|
|
<div class="soso-box"> |
|
|
<input placeholder="搜索币种"> |
|
|
|
|
|
|
|
|
<el-input class="inp" :placeholder="$t('搜索币种')" v-model="searchKeywords" type="text" clearable autocomplete="off"></el-input> |
|
|
<i class="icon-search"></i> |
|
|
<i class="icon-search"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -32,7 +32,7 @@ |
|
|
<div class="cell"> |
|
|
<div class="cell"> |
|
|
{{$t('最新价')}}(USDT) |
|
|
{{$t('最新价')}}(USDT) |
|
|
<span class="caret-wrapper"> |
|
|
<span class="caret-wrapper"> |
|
|
<i class="sort-caret ascending active"></i> |
|
|
|
|
|
|
|
|
<i class="sort-caret ascending"></i> |
|
|
<i class="sort-caret descending"></i> |
|
|
<i class="sort-caret descending"></i> |
|
|
</span> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
@ -122,8 +122,8 @@ |
|
|
</div> |
|
|
</div> |
|
|
</td> |
|
|
</td> |
|
|
<td class="is-center"> |
|
|
<td class="is-center"> |
|
|
<div class="cell"> |
|
|
|
|
|
<img src="@/assets/images/icon-transaction-2.png" /> |
|
|
|
|
|
|
|
|
<div class="cell" @click="gotoTrade(item)"> |
|
|
|
|
|
<img src="@/assets/images/icon-transaction-2.png"> |
|
|
</div> |
|
|
</div> |
|
|
</td> |
|
|
</td> |
|
|
</tr> |
|
|
</tr> |
|
|
@ -143,6 +143,7 @@ |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
caseIndex: 1, //选择主板 |
|
|
caseIndex: 1, //选择主板 |
|
|
|
|
|
searchKeywords: '', //搜索关键字 |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
@ -163,15 +164,30 @@ |
|
|
}, |
|
|
}, |
|
|
tradePairList() { //交易对列表 |
|
|
tradePairList() { //交易对列表 |
|
|
let list = []; |
|
|
let list = []; |
|
|
this.allPairList.forEach(item => { |
|
|
|
|
|
if(item.caseCode == this.caseIndex) { |
|
|
|
|
|
item.childen.forEach(item2 => { |
|
|
|
|
|
item2.prices.forEach(item3 => { |
|
|
|
|
|
list.push(item3); |
|
|
|
|
|
|
|
|
if(this.searchKeywords) { //搜索 |
|
|
|
|
|
this.allPairList.forEach(item => { |
|
|
|
|
|
if(item.caseCode == this.caseIndex) { |
|
|
|
|
|
item.childen.forEach(item2 => { |
|
|
|
|
|
item2.prices.forEach(item3 => { |
|
|
|
|
|
if (item3.dealCoin.toUpperCase().indexOf(this.searchKeywords.toUpperCase()) > -1) { |
|
|
|
|
|
list.push(item3); |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
} else { |
|
|
|
|
|
this.allPairList.forEach(item => { |
|
|
|
|
|
if(item.caseCode == this.caseIndex) { |
|
|
|
|
|
item.childen.forEach(item2 => { |
|
|
|
|
|
item2.prices.forEach(item3 => { |
|
|
|
|
|
list.push(item3); |
|
|
|
|
|
}) |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
list.forEach(item => { |
|
|
list.forEach(item => { |
|
|
if(this.checkCollected(item.symbolId)) { |
|
|
if(this.checkCollected(item.symbolId)) { |
|
|
this.$set(item, 'collected', true); |
|
|
this.$set(item, 'collected', true); |
|
|
@ -234,6 +250,23 @@ |
|
|
chooseCase(item) { // 选择主板 |
|
|
chooseCase(item) { // 选择主板 |
|
|
this.caseIndex = item.caseCode; |
|
|
this.caseIndex = item.caseCode; |
|
|
}, |
|
|
}, |
|
|
|
|
|
gotoTrade(item) { //去交易 |
|
|
|
|
|
if(item.caseCode == 3) { //解封交易 |
|
|
|
|
|
this.$router.push({ |
|
|
|
|
|
path: '/release/trade', |
|
|
|
|
|
query: { |
|
|
|
|
|
id: item.dealCoin, |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
} else { //币币交易 |
|
|
|
|
|
this.$router.push({ |
|
|
|
|
|
path: '/coincoin/trade', |
|
|
|
|
|
query: { |
|
|
|
|
|
id: item.dealCoin, |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|