From 5516aa713a63b93adb87d95618a1cc15f2032f46 Mon Sep 17 00:00:00 2001 From: bellezhuo <65014152@qq.com> Date: Fri, 3 Jul 2020 16:57:31 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B3=95=E5=B8=81=E6=A8=A1=E5=9D=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/css/other.css | 62 +- src/assets/data/en.js | 75 +- src/assets/data/zh.js | 73 ++ src/components/header.vue | 6 +- src/router.js | 8 + src/views/currency/currency_deal.vue | 4 + src/views/currency/currency_order.vue | 23 +- src/views/currency/currency_order_details.vue | 722 ++++++++++++++++++ src/views/currency/currency_release.vue | 42 +- src/views/login/login.vue | 12 +- 10 files changed, 964 insertions(+), 63 deletions(-) create mode 100644 src/views/currency/currency_order_details.vue diff --git a/src/assets/css/other.css b/src/assets/css/other.css index 8d7bd07..dac3e49 100644 --- a/src/assets/css/other.css +++ b/src/assets/css/other.css @@ -2102,6 +2102,9 @@ otc-index-btn:hover { font-size: 12px; color: #66718f; } +.trade-detail-right .top-price-rm { + margin-right: 40px; +} .fa-question { width: 14px; @@ -2475,22 +2478,24 @@ otc-index-btn:hover { /**************************法币交易-购买订单详情**************************/ .purchase-warp .ul-information { margin-bottom: 30px; + display: flex; } .purchase-warp .ul-information li { width: 170px; + flex: 1 1 170px; } .purchase-warp .ul-information li.li-4 { - width: 120px; + flex: 1 120px; } .purchase-warp .ul-information li.li-5 { - width: 102px; + flex: 1 1 102px; } .purchase-warp .ul-information li.li-6 { - width: 102px; + flex: 1 1 102px; } /***手续费-价格***/ @@ -2613,11 +2618,12 @@ otc-index-btn:hover { .order-person-info .one-body { width: 370px; - height: 100px; margin: 32px auto; position: relative; } - +.tips-body .el-button+.el-button { + margin-left: 0; +} .el-popover_reference { background: #5f97ff; border: 1px solid #5f97ff; @@ -2626,7 +2632,7 @@ otc-index-btn:hover { display: block; white-space: nowrap; cursor: pointer; - margin: 0 auto; + margin: 10px auto; padding: 12px 20px; font-size: 14px; border-radius: 4px; @@ -2650,7 +2656,7 @@ otc-index-btn:hover { /***买家买入信息***/ .confirm-price { width: 100%; - height: 164px; + overflow: hidden; padding: 15px; } @@ -2678,9 +2684,8 @@ otc-index-btn:hover { } .confirm-price-text { - display: inline-block; - width: 55%; - float: right; + width: 100%; + display: flex; } .confirm-price-text ul { @@ -2696,42 +2701,39 @@ otc-index-btn:hover { line-height: 26px; } -.confirm-price-text ul li span { - float: right; -} /*弹出收款信息*/ .collection-information { - display: none; width: 322px; + color: #66718f; position: absolute; - top: -230px; left: 24px; text-align: center; } .collection-information .bank-card { - display: block; width: 100%; - height: 220px; - border: 1px solid #3a3b54; - background: #161826; - padding-top: 20px; + background: #fff; + box-shadow: 0 2px 4px rgba(0,0,0,0.2); + overflow: hidden; + padding: 20px; } .collection-information .account_info { height: 45px; line-height: 40px; - padding-left: 26px; font-size: 12px; color: #ccc; text-align: left; } -.account_info_span { +.collection-information span { color: #66718f; +} +.collection-information span.account_info_span { + color: #8e9eae; font-size: 12px; } @@ -2745,9 +2747,9 @@ otc-index-btn:hover { line-height: 22px; border-radius: 5px; text-align: center; - background: #32a869; + background: #5f97ff; cursor: pointer; - color: #12131f; + color: #fff; } .payment-code { @@ -2807,7 +2809,8 @@ otc-index-btn:hover { width: 320px; } -.person-info-left .el-button { +.person-info-left .el-button, .person-info-right .el-button { + width: 100%; height: 40px; margin: 0 0 20px 0; font-size: 14px; @@ -2866,6 +2869,10 @@ otc-index-btn:hover { border: 1px solid #5f97ff; } +.choose-payment .el-select{ + width: 100%; +} + .chat-title { height: 40px; line-height: 40px; @@ -2876,8 +2883,9 @@ otc-index-btn:hover { .chat-body-div { display: block; width: 100%; - height: 500px; - overflow-y: hidden; + min-height: 500px; + overflow: hidden; + padding: 20px; } .chat-title-headimg { diff --git a/src/assets/data/en.js b/src/assets/data/en.js index cb50554..9a28c49 100644 --- a/src/assets/data/en.js +++ b/src/assets/data/en.js @@ -277,7 +277,7 @@ module.exports = { '用户昵称': '用户昵称', '信用': '信用', '交易方式': '交易方式', - '价格': '价格', + '价格': 'Price', '数量': '数量', '单笔交易限额': '单笔交易限额', '操作': '操作', @@ -346,6 +346,79 @@ module.exports = { '请输入金额！': '请输入金额！', '金额不在限额范围之内！': '金额不在限额范围之内！', '交易成功！': '交易成功！', + '法币订单管理': '法币订单管理', + '查看详情': '查看详情', + '订单详情': '订单详情', + '交易备注': '交易备注', + '请勿在汇款备注内填写比特币、BTC、OTC等任何数字币有关字眼，防止您的汇款被银行拦截。': '请勿在汇款备注内填写比特币、BTC、OTC等任何数字币有关字眼，防止您的汇款被银行拦截。', + '银行帐号：': '银行帐号：', + '支付宝帐号：': '支付宝帐号：', + '单后可以直接加我微信跟我联系，我会尽快回复。': '单后可以直接加我微信跟我联系，我会尽快回复。', + '订单编号': '订单编号', + '交易金额': '交易金额', + '请付款': '请付款', + '已取消': '已取消', + '已完成': '已完成', + '申诉中': '申诉中', + '手续费说明': '手续费说明', + '交易手续费扣除百分之零点一': '交易手续费扣除百分之零点一', + '总额：': '总额：', + '兑换：': '兑换：', + '该订单已经取消，请勿再执行任何转帐行为': '该订单已经取消，请勿再执行任何转帐行为', + '该订单已经取消': '该订单已经取消', + '订单已取消': '订单已取消', + '付款时间剩余': '付款时间剩余', + '，逾期订单将自动取消，请及时付款并点击标记付款': '，逾期订单将自动取消，请及时付款并点击标记付款', + '，逾期订单将自动取消，等待买家付款': '，逾期订单将自动取消，等待买家付款', + '商家收款账号': '商家收款账号', + '银行卡号': '银行卡号', + '复制': '复制', + '付款二维码': '付款二维码', + '看大图': 'view full photo', + '使用微信、支付宝、银行卡转账时，请不要添加任何备注内容！ 否则可能会被支付系统拦截': '使用微信、支付宝、银行卡转账时，请不要添加任何备注内容！ 否则可能会被支付系统拦截', + '标记付款已完成': '标记付款已完成', + '取消交易': '取消交易', + '等待买家付款': '等待买家付款', + '您是否确定取消订单？取消的订单无法恢复！': '您是否确定取消订单？取消的订单无法恢复！', + '订单取消成功！': '订单取消成功！', + '上传付款截图': '上传付款截图', + '选择付款方式': '选择付款方式', + '请上传付款凭证': '请上传付款凭证', + '请输入备注': '请输入备注', + '提交': 'Submit', + '请选择付款方式！': '请选择付款方式！', + '请上传付款凭证！': '请上传付款凭证！', + '支付凭证上传成功，请点击确认付款按钮完成支付！': '支付凭证上传成功，请点击确认付款按钮完成支付！', + '恶意点击将冻结帐户！您确定要标记为已支付吗？': '恶意点击将冻结帐户！您确定要标记为已支付吗？', + '成功标记订单为已支付！': '成功标记订单为已支付！', + '将持续由系统锁定托管': '将持续由系统锁定托管', + '待放行剩余时间': '待放行剩余时间', + '已标记付款，请等待卖家核实后释放数字币': '已标记付款，请等待卖家核实后释放数字币', + '请务必查收到账账户再确认收款': '请务必查收到账账户再确认收款', + '确认收款并放行': '确认收款并放行', + '我要申诉': '我要申诉', + '买家': '买家', + '查收买家付款': '查收买家付款', + '交易单价': '交易单价', + '交易数量': '交易数量', + '付款留言：': '付款留言：', + '请务必登录收款账户确认到账明细，避免因错误点击放行造成财产损失。': '请务必登录收款账户确认到账明细，避免因错误点击放行造成财产损失。', + '确定放行': '确定放行', + '放行成功！': '放行成功！', + '已完成交易': '已完成交易', + '数字货币已转到你的账户': '数字货币已转到你的账户', + '数字货币已转到买家的账户': '数字货币已转到买家的账户', + '查看账户': '查看账户', + '订单申诉': '订单申诉', + '申诉理由': '申诉理由', + '申诉内容': '申诉内容', + '请输入申诉内容': '请输入申诉内容', + '上传问题截图': '上传问题截图', + '请选择申诉理由！': '请选择申诉理由！', + '请输入申诉内容！': '请输入申诉内容！', + '申诉成功，请耐心等待申诉结果！': '申诉成功，请耐心等待申诉结果！', + '此订单已经入申诉状态，请耐心等待客服介入处理': '此订单已经入申诉状态，请耐心等待客服介入处理', + '申诉订单处理中': '申诉订单处理中', '暂无昵称': '暂无昵称', '币币账户': '币币账户', diff --git a/src/assets/data/zh.js b/src/assets/data/zh.js index 0d87538..356b31d 100644 --- a/src/assets/data/zh.js +++ b/src/assets/data/zh.js @@ -346,6 +346,79 @@ module.exports = { '请输入金额！': '请输入金额！', '金额不在限额范围之内！': '金额不在限额范围之内！', '交易成功！': '交易成功！', + '法币订单管理': '法币订单管理', + '查看详情': '查看详情', + '订单详情': '订单详情', + '交易备注': '交易备注', + '请勿在汇款备注内填写比特币、BTC、OTC等任何数字币有关字眼，防止您的汇款被银行拦截。': '请勿在汇款备注内填写比特币、BTC、OTC等任何数字币有关字眼，防止您的汇款被银行拦截。', + '银行帐号：': '银行帐号：', + '支付宝帐号：': '支付宝帐号：', + '单后可以直接加我微信跟我联系，我会尽快回复。': '单后可以直接加我微信跟我联系，我会尽快回复。', + '订单编号': '订单编号', + '交易金额': '交易金额', + '请付款': '请付款', + '已取消': '已取消', + '已完成': '已完成', + '申诉中': '申诉中', + '手续费说明': '手续费说明', + '交易手续费扣除百分之零点一': '交易手续费扣除百分之零点一', + '总额：': '总额：', + '兑换：': '兑换：', + '该订单已经取消，请勿再执行任何转帐行为': '该订单已经取消，请勿再执行任何转帐行为', + '该订单已经取消': '该订单已经取消', + '订单已取消': '订单已取消', + '付款时间剩余': '付款时间剩余', + '，逾期订单将自动取消，请及时付款并点击标记付款': '，逾期订单将自动取消，请及时付款并点击标记付款', + '，逾期订单将自动取消，等待买家付款': '，逾期订单将自动取消，等待买家付款', + '商家收款账号': '商家收款账号', + '银行卡号': '银行卡号', + '复制': '复制', + '付款二维码': '付款二维码', + '看大图': '看大图', + '使用微信、支付宝、银行卡转账时，请不要添加任何备注内容！ 否则可能会被支付系统拦截': '使用微信、支付宝、银行卡转账时，请不要添加任何备注内容！ 否则可能会被支付系统拦截', + '标记付款已完成': '标记付款已完成', + '取消交易': '取消交易', + '等待买家付款': '等待买家付款', + '您是否确定取消订单？取消的订单无法恢复！': '您是否确定取消订单？取消的订单无法恢复！', + '订单取消成功！': '订单取消成功！', + '上传付款截图': '上传付款截图', + '选择付款方式': '选择付款方式', + '请上传付款凭证': '请上传付款凭证', + '请输入备注': '请输入备注', + '提交': '提交', + '请选择付款方式！': '请选择付款方式！', + '请上传付款凭证！': '请上传付款凭证！', + '支付凭证上传成功，请点击确认付款按钮完成支付！': '支付凭证上传成功，请点击确认付款按钮完成支付！', + '恶意点击将冻结帐户！您确定要标记为已支付吗？': '恶意点击将冻结帐户！您确定要标记为已支付吗？', + '成功标记订单为已支付！': '成功标记订单为已支付！', + '将持续由系统锁定托管': '将持续由系统锁定托管', + '待放行剩余时间': '待放行剩余时间', + '已标记付款，请等待卖家核实后释放数字币': '已标记付款，请等待卖家核实后释放数字币', + '请务必查收到账账户再确认收款': '请务必查收到账账户再确认收款', + '确认收款并放行': '确认收款并放行', + '我要申诉': '我要申诉', + '买家': '买家', + '查收买家付款': '查收买家付款', + '交易单价': '交易单价', + '交易数量': '交易数量', + '付款留言：': '付款留言：', + '请务必登录收款账户确认到账明细，避免因错误点击放行造成财产损失。': '请务必登录收款账户确认到账明细，避免因错误点击放行造成财产损失。', + '确定放行': '确定放行', + '放行成功！': '放行成功！', + '已完成交易': '已完成交易', + '数字货币已转到你的账户': '数字货币已转到你的账户', + '数字货币已转到买家的账户': '数字货币已转到买家的账户', + '查看账户': '查看账户', + '订单申诉': '订单申诉', + '申诉理由': '申诉理由', + '申诉内容': '申诉内容', + '请输入申诉内容': '请输入申诉内容', + '上传问题截图': '上传问题截图', + '请选择申诉理由！': '请选择申诉理由！', + '请输入申诉内容！': '请输入申诉内容！', + '申诉成功，请耐心等待申诉结果！': '申诉成功，请耐心等待申诉结果！', + '此订单已经入申诉状态，请耐心等待客服介入处理': '此订单已经入申诉状态，请耐心等待客服介入处理', + '申诉订单处理中': '申诉订单处理中', '暂无昵称': '暂无昵称', '币币账户': '币币账户', diff --git a/src/components/header.vue b/src/components/header.vue index 88c158b..fcee0da 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -7,7 +7,7 @@