| | |
| | | import TradeApi from "@/service/trading.js"; |
| | | import { strToArr } from '@/utils/utis' |
| | | import { mapGetters } from "vuex"; |
| | | import { getStorage, setStorage } from '@/utils/index.js'; |
| | | // import PopupConfirmOrder from '@/components/popup-confirm-order' |
| | | export default { |
| | | name: "perpetualPosition", |
| | |
| | | this.title = this.selectData[0].title |
| | | this.type = this.selectData[0].type |
| | | this.form.order_price_type = 'opponent' |
| | | // 检查是否有从其他页面传递的卖出参数 |
| | | this.checkSellParams() |
| | | }, |
| | | watch: { |
| | | initOpen: { // 处理滚动条初始值 |
| | |
| | | this.title = this.selectData[0].title |
| | | this.type = this.selectData[0].type |
| | | this.form.order_price_type = 'opponent' |
| | | // 检查是否有从其他页面传递的卖出参数 |
| | | this.checkSellParams() |
| | | }, |
| | | methods: { |
| | | strToArr, |
| | | // 检查是否有从其他页面传递的卖出参数 |
| | | checkSellParams() { |
| | | const sellParams = getStorage('tradeSellParams') |
| | | if (sellParams && sellParams.mode === 'close' && sellParams.volume) { |
| | | // 切换到卖出模式 |
| | | this.changeTab('close') |
| | | // 设置数量 |
| | | this.$nextTick(() => { |
| | | this.form.volume = sellParams.volume |
| | | this.isTotal = false |
| | | }) |
| | | // 清除存储的参数 |
| | | window.localStorage.removeItem('tradeSellParams') |
| | | } |
| | | }, |
| | | checkIsTotal(val) { |
| | | this.isTotal = val |
| | | this.percentageVal = 0 |
| | |
| | | </template> |
| | | </van-tabbar-item> |
| | | |
| | | <van-tabbar-item name="STO" to="/ICO/ico"> |
| | | <span :class="[active === 'STO' ? 'active' : '']">STO</span> |
| | | <van-tabbar-item name="ICO" to="/ICO/ico"> |
| | | <span :class="[active === 'ICO' ? 'active' : '']">ICO</span> |
| | | <template #icon="props"> |
| | | <img :src="props.active ? icon.sto.active : icon.sto.inactive" /> |
| | | <img :src="props.active ? icon.ICO.active : icon.ICO.inactive" /> |
| | | </template> |
| | | </van-tabbar-item> |
| | | |
| | |
| | | } else if (route.path == "/documentation/index") { |
| | | active.value = 'documentation' |
| | | } else if (route.path == "/ICO/ico") { |
| | | active.value = 'sto' |
| | | active.value = 'ICO' |
| | | } |
| | | let quotesStore = useQuotesStore() |
| | | |
| | |
| | | } else if (route.path == "/documentation/index") { |
| | | active.value = 'documentation' |
| | | } else if (route.path == "/ICO/ico") { |
| | | active.value = 'sto' |
| | | active.value = 'ICO' |
| | | } |
| | | }) |
| | | // 底部列表 |
| | |
| | | // active: new URL('@/assets/imgs/footer/news-active.png', import.meta.url), |
| | | // inactive: new URL('@/assets/imgs/footer/news.png', import.meta.url), |
| | | // }, |
| | | sto: { |
| | | ICO: { |
| | | active: new URL('@/assets/imgs/footer/sto-active.png', import.meta.url), |
| | | inactive: new URL('@/assets/imgs/footer/sto.png', import.meta.url), |
| | | }, |
| | |
| | | "DXCN白皮书":'DXCN-Whitepaper', |
| | | "发售": "Verkauf", |
| | | "资格": "Qualifikation", |
| | | "中签时间": "Zuteilungszeit", |
| | | "发行价": "Ausgabepreis", |
| | | "利润": "Gewinn", |
| | | "申购总额": "Gesamter Zeichnungsbetrag", |
| | | "现价总额": "Gesamter aktueller Preis", |
| | | "利润百分比": "Gewinnprozentsatz", |
| | | } |
| | |
| | | "DXCN白皮书":'Libro bianco DXCN', |
| | | "发售": "Vendita", |
| | | "资格": "Qualifica", |
| | | "中签时间": "Ora di assegnazione", |
| | | "发行价": "Prezzo di emissione", |
| | | "利润": "Profitto", |
| | | "申购总额": "Importo totale di sottoscrizione", |
| | | "现价总额": "Prezzo corrente totale", |
| | | "利润百分比": "Percentuale di profitto", |
| | | } |
| | |
| | | "DXCN白皮书":'DXCNホワイトペーパー', |
| | | "发售": "発売", |
| | | "资格": "資格", |
| | | "中签时间": "抽選時間", |
| | | "发行价": "発行価格", |
| | | "利润": "利益", |
| | | "申购总额": "申込総額", |
| | | "现价总额": "現在価格総額", |
| | | "利润百分比": "利益率", |
| | | } |
| | |
| | | "DXCN白皮书":'Livro Branco do DXCN', |
| | | "发售": "Venda", |
| | | "资格": "Qualificação", |
| | | "中签时间": "Hora de alocação", |
| | | "发行价": "Preço de emissão", |
| | | "利润": "Lucro", |
| | | "申购总额": "Valor total da subscrição", |
| | | "现价总额": "Preço atual total", |
| | | "利润百分比": "Percentagem de lucro", |
| | | } |
| | |
| | | "DXCN白皮书":'Libro blanco de DXCN', |
| | | "发售": "Venta", |
| | | "资格": "Calificación", |
| | | "中签时间": "Hora de asignación", |
| | | "发行价": "Precio de emisión", |
| | | "利润": "Beneficio", |
| | | "申购总额": "Importe total de suscripción", |
| | | "现价总额": "Precio actual total", |
| | | "利润百分比": "Porcentaje de beneficio", |
| | | } |
| | |
| | | "DXCN白皮书":'DXCN白皮書', |
| | | "发售": "發售", |
| | | "资格": "資格", |
| | | "中签时间": "中籤時間", |
| | | "发行价": "發行價", |
| | | "利润": "利潤", |
| | | "申购总额": "申購總額", |
| | | "现价总额": "現價總額", |
| | | "利润百分比": "利潤百分比", |
| | | } |
| | |
| | | "DXCN白皮书":'DXCN White Paper', |
| | | "发售": "Sale", |
| | | "资格": "Qualification", |
| | | "中签时间": "Allocation Time", |
| | | "发行价": "Issue Price", |
| | | "利润": "Profit", |
| | | "申购总额": "Total Subscription Amount", |
| | | "现价总额": "Total Current Price", |
| | | "利润百分比": "Profit Percentage", |
| | | } |
| | |
| | | "DXCN白皮书":'Livre blanc du DXCN', |
| | | "发售": "Vente", |
| | | "资格": "Qualification", |
| | | "中签时间": "Heure d'allocation", |
| | | "发行价": "Prix d'émission", |
| | | "利润": "Profit", |
| | | "申购总额": "Montant total de souscription", |
| | | "现价总额": "Prix actuel total", |
| | | "利润百分比": "Pourcentage de profit", |
| | | } |
| | |
| | | "DXCN白皮书":'DXCN 백서', |
| | | "发售": "판매", |
| | | "资格": "자격", |
| | | "中签时间": "배정 시간", |
| | | "发行价": "발행가", |
| | | "利润": "이익", |
| | | "申购总额": "청약 총액", |
| | | "现价总额": "현재가 총액", |
| | | "利润百分比": "이익률", |
| | | } |
| | |
| | | "DXCN白皮书":'เอกสารไวท์เปเปอร์ของ DXCN', |
| | | "发售": "ขาย", |
| | | "资格": "คุณสมบัติ", |
| | | "中签时间": "เวลาการจัดสรร", |
| | | "发行价": "ราคาออก", |
| | | "利润": "กำไร", |
| | | "申购总额": "จำนวนเงินสมัครซื้อทั้งหมด", |
| | | "现价总额": "ราคาปัจจุบันรวม", |
| | | "利润百分比": "เปอร์เซ็นต์กำไร", |
| | | } |
| | |
| | | "DXCN白皮书":'Sách trắng DXCN', |
| | | "发售": "Bán", |
| | | "资格": "Tư cách", |
| | | "中签时间": "Thời gian phân bổ", |
| | | "发行价": "Giá phát hành", |
| | | "利润": "Lợi nhuận", |
| | | "申购总额": "Tổng số tiền đăng ký mua", |
| | | "现价总额": "Tổng giá hiện tại", |
| | | "利润百分比": "Tỷ lệ lợi nhuận", |
| | | } |
| | |
| | | "DXCN白皮书":'DXCN白皮书', |
| | | "发售": "发售", |
| | | "资格": "資格", |
| | | "中签时间": "中签时间", |
| | | "发行价": "发行价", |
| | | "利润": "利润", |
| | | "申购总额": "申购总额", |
| | | "现价总额": "现价总额", |
| | | "利润百分比": "利润百分比", |
| | | } |
| | |
| | | <div class="ico"> |
| | | <fx-header :showLeft="false"> |
| | | <template v-slot:title> |
| | | <div>STO</div> |
| | | <div>ICO</div> |
| | | </template> |
| | | <!-- <template v-slot:right> |
| | | <template v-slot:right> |
| | | <van-icon name="todo-list-o" @click="$router.push('/ICO/icoRecord')" /> |
| | | </template> --> |
| | | </template> |
| | | </fx-header> |
| | | |
| | | <div class="ico_list"> |
| | |
| | | <van-progress :percentage="i.progressRate || 0" track-color="#ccc" /> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="item_3 flex justify-center"> |
| | | <div class="item_3 flex justify-center"> |
| | | <van-button type="default" round size="large" @click="openBuy(i)">{{$t('申购')}}</van-button> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | <div>{{ $t('中签数量') }}</div> |
| | | <div>{{ item.ballotNumber }}</div> |
| | | </div> |
| | | |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('中签时间') }}</div> |
| | | <div>{{ item.endTime }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('发行价') }}</div> |
| | | <div>{{ item.issuePrice }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('现价') }}</div> |
| | | <div>{{ item.currentPrice }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('利润') }}</div> |
| | | <div>{{ item.profit }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('申购总额') }}</div> |
| | | <div>{{ item.subscriptionTotalAmount }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('现价总额') }}</div> |
| | | <div>{{ item.currentTotalPrice }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('利润百分比') }}</div> |
| | | <div>{{ item.profitPercent ? (item.profitPercent + '%') : '0' }}</div> |
| | | </div> |
| | | <div class="item_3" v-if="item.status == 5"> |
| | | <van-button type="primary" block round @click="goToSell(item)">{{ $t('卖出') }}</van-button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | import { showToast } from 'vant' |
| | | import { _icoRecordList } from "@/service/ico.api.js"; |
| | | import { useI18n } from "vue-i18n"; |
| | | import { useRouter } from "vue-router"; |
| | | import { setStorage } from "@/utils/index.js"; |
| | | const { t } = useI18n() |
| | | const router = useRouter() |
| | | |
| | | // tab切换 |
| | | const active = ref('0'); |
| | |
| | | } |
| | | return str |
| | | } |
| | | |
| | | // 跳转到卖出页面 |
| | | const goToSell = (item) => { |
| | | // 将卖出参数存储到 localStorage,供交易页面读取 |
| | | setStorage('tradeSellParams', { |
| | | volume: item.ballotNumber || '0', |
| | | mode: 'close' // 卖出模式 |
| | | }) |
| | | if (item.symbol) { |
| | | router.push(`/cryptos/trade/${item.symbol}`) |
| | | } else { |
| | | showToast(t('交易对信息错误')) |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | |
| | | |
| | | .icoRecord_list{ |
| | | padding: 1rem 0rem; |
| | | |
| | | .icoRecord_item{ |
| | | background-color: #eee; |
| | | background-color: #333; |
| | | padding:.5rem 1rem; |
| | | border: #aaa solid 1px; |
| | | border-radius: 1rem; |
| | | |
| | | .item_1{ |
| | | padding: 1rem .5rem; |
| | | border-bottom: #ccc solid 1px; |
| | | font-size: 2rem; |
| | | font-weight: 700; |
| | | } |
| | | |
| | | .item_2{ |
| | | padding: 1rem .5rem; |
| | | border-bottom: #ccc solid 1px; |
| | |
| | | color: #999; |
| | | } |
| | | } |
| | | |
| | | .item_3{ |
| | | padding: .5rem; |
| | | padding: 1rem .5rem; |
| | | margin-top: 1rem; |
| | | } |
| | | } |
| | | } |
| | |
| | | // { key: 9, name: t('闪兑'), icon: new URL('@/assets/imgs/home/home_8.png', import.meta.url), path: '/cryptos/exchangePage' }, |
| | | // { key: 9, name: t('划转'), icon: new URL('@/assets/imgs/home/home_8.png', import.meta.url), path: '/my/transfer' }, |
| | | // { key: 10, name: t('更多'), icon: new URL('@/assets/imgs/home/home_9.png', import.meta.url) }, |
| | | |
| | | // { key: 11, name: "STO", icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: '/ICO/ico' }, |
| | | // { key: 12, name: "C2C", icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: '/wantBuy' }, |
| | | // { key: 13, name: t('质押'), icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: '' }, |
| | | { key: 14, name: t('onLineService'), icon: new URL('@/assets/imgs/home/home_10.png', import.meta.url), path: '/customerService' }, |
| | | // { key: 15, name: 'DXCM PDF', icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: 'https://www.dexm-whitepaper.com/' }, |
| | | { key: 11, name: "ICO", icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: '/ICO/ico' }, |
| | | ] |
| | | |
| | | // 获取公告数据 |
| | |
| | | width: 100%; |
| | | |
| | | .grid_item { |
| | | width: 33%; |
| | | width: 25%; |
| | | color: $tab-c; |
| | | font-size: 1.6rem; |
| | | |