| | |
| | | <meta charset="utf-8"> |
| | | <meta name="viewport" |
| | | content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> |
| | | <title>FidelityJp</title> |
| | | <title>Bitget</title> |
| | | <link rel="shortcut icon" href=./favicon.ico type=image/x-icon> |
| | | <link href="static/css/public1.css" rel="stylesheet"> |
| | | <link href="//at.alicdn.com/t/c/font_4480663_5e9rjcl352x.css" rel="stylesheet"> |
| | |
| | | <style lang="less" scoped> |
| | | @white: #fff; |
| | | @black: #000; |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @purple: #3d1152; |
| | | @dark_green: #07c160; |
| | | @red: #ee0a24; |
| | |
| | | } |
| | | |
| | | /deep/.footCss { |
| | | background: @purple; |
| | | background: #000; |
| | | } |
| | | |
| | | /deep/.newDetail-tits { |
| | |
| | | <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716201706994" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5546" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M1024 511.488C1024 228.864 794.624 0 512 0S0 228.864 0 511.488c0 261.12 195.584 476.16 448.512 507.904 14.336 3.072 31.744 4.608 52.224 4.608 5.632 0 11.264-0.512 16.896-1.024A511.232 511.232 0 0 0 1024 511.488z m-73.216 7.168a505.472 505.472 0 0 0-9.728-74.752c0.512-8.704 0.512-16.896 0.512-24.576 6.144 29.696 9.728 60.416 9.728 92.16-0.512 2.56-0.512 5.12-0.512 7.168zM73.216 511.488c0-31.232 3.072-61.44 9.216-90.624 18.944 20.48 63.488 19.968 74.752-10.24 19.456 11.776 45.568 13.824 45.568 36.864 0 76.8 2.56 158.72 72.192 160.256 2.048 0 38.912 13.824 56.32 59.392 6.144 15.872 30.208 0 56.32 0 13.312 0 0 22.016 0 70.144 0 47.616 102.912 120.832 102.912 120.832a550.4 550.4 0 0 0 3.584 77.312 170.24 170.24 0 0 0-57.856 7.68 437.568 437.568 0 0 1-363.008-431.616z m546.816 424.96c-2.048-11.264-12.288-17.408-30.208-12.288 14.336-61.952 21.504-96.256 51.712-122.368 43.52-37.888 5.12-79.872-28.16-75.264-26.112 4.096-9.728-32.256-33.28-34.304-23.552-2.048-54.272-48.64-87.552-64.512-17.92-8.704-35.328-31.232-62.976-32.256-24.576-1.024-59.904 20.48-59.904 4.096 0-53.76-5.632-92.16-6.656-107.008-1.024-12.288-8.192-4.096 25.088-3.584 17.92 0.512 9.216-36.352 27.136-37.376 17.408-1.536 58.88 16.384 69.632 9.216 9.728-6.656 72.192 164.352 72.192 28.16 0-16.384-8.192-44.032 0-59.392 33.28-60.416 64-109.568 61.44-116.736-1.536-4.096-33.792-7.168-59.392 1.024-8.704 3.072 2.56 16.384-9.728 19.456-47.104 10.752-88.064-12.8-73.728-34.816 14.848-22.528 68.608-9.728 73.216-55.296 2.56-26.112 5.12-55.808 6.656-78.336 62.976 9.728 56.32-81.92-37.888-91.648a438.784 438.784 0 0 1 409.6 294.912c-3.072-2.56-6.656-4.608-10.24-4.608-28.16-70.656-97.28-19.456-73.728 43.008-124.928 96.256-93.184 163.328-52.224 201.728 21.504 19.968 42.496 50.688 55.808 72.192-14.848 42.496 53.76 25.6 87.552-46.592a440.32 440.32 0 0 1-314.368 302.592z" fill="#c4d600" p-id="5547"></path></svg> |
| | | <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716201706994" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5546" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M1024 511.488C1024 228.864 794.624 0 512 0S0 228.864 0 511.488c0 261.12 195.584 476.16 448.512 507.904 14.336 3.072 31.744 4.608 52.224 4.608 5.632 0 11.264-0.512 16.896-1.024A511.232 511.232 0 0 0 1024 511.488z m-73.216 7.168a505.472 505.472 0 0 0-9.728-74.752c0.512-8.704 0.512-16.896 0.512-24.576 6.144 29.696 9.728 60.416 9.728 92.16-0.512 2.56-0.512 5.12-0.512 7.168zM73.216 511.488c0-31.232 3.072-61.44 9.216-90.624 18.944 20.48 63.488 19.968 74.752-10.24 19.456 11.776 45.568 13.824 45.568 36.864 0 76.8 2.56 158.72 72.192 160.256 2.048 0 38.912 13.824 56.32 59.392 6.144 15.872 30.208 0 56.32 0 13.312 0 0 22.016 0 70.144 0 47.616 102.912 120.832 102.912 120.832a550.4 550.4 0 0 0 3.584 77.312 170.24 170.24 0 0 0-57.856 7.68 437.568 437.568 0 0 1-363.008-431.616z m546.816 424.96c-2.048-11.264-12.288-17.408-30.208-12.288 14.336-61.952 21.504-96.256 51.712-122.368 43.52-37.888 5.12-79.872-28.16-75.264-26.112 4.096-9.728-32.256-33.28-34.304-23.552-2.048-54.272-48.64-87.552-64.512-17.92-8.704-35.328-31.232-62.976-32.256-24.576-1.024-59.904 20.48-59.904 4.096 0-53.76-5.632-92.16-6.656-107.008-1.024-12.288-8.192-4.096 25.088-3.584 17.92 0.512 9.216-36.352 27.136-37.376 17.408-1.536 58.88 16.384 69.632 9.216 9.728-6.656 72.192 164.352 72.192 28.16 0-16.384-8.192-44.032 0-59.392 33.28-60.416 64-109.568 61.44-116.736-1.536-4.096-33.792-7.168-59.392 1.024-8.704 3.072 2.56 16.384-9.728 19.456-47.104 10.752-88.064-12.8-73.728-34.816 14.848-22.528 68.608-9.728 73.216-55.296 2.56-26.112 5.12-55.808 6.656-78.336 62.976 9.728 56.32-81.92-37.888-91.648a438.784 438.784 0 0 1 409.6 294.912c-3.072-2.56-6.656-4.608-10.24-4.608-28.16-70.656-97.28-19.456-73.728 43.008-124.928 96.256-93.184 163.328-52.224 201.728 21.504 19.968 42.496 50.688 55.808 72.192-14.848 42.496 53.76 25.6 87.552-46.592a440.32 440.32 0 0 1-314.368 302.592z" fill="#00f0ff" p-id="5547"></path></svg> |
| | |
| | | // baseURL: "https://stockapi.yanshiz.com/", |
| | | // 本地 |
| | | baseURL: |
| | | // process.env.NODE_ENV == "development" ? "http://192.168.10.5:8091/" : "https://api.kuspitai.com/", |
| | | process.env.NODE_ENV == "development" ? "https://api.fidelitys.cfd/" : "https://api.fidelitys.cfd/", |
| | | // process.env.NODE_ENV == "development" ? "http://192.168.10.11:8219/" : "https://api.kuspitai.com/", |
| | | process.env.NODE_ENV == "development" ? "https://api.bitget-jp-us.shop/" : "https://api.bitget-jp-us.shop/", |
| | | util: { |
| | | image: "/util/image.html" // 图片上传 |
| | | } |
| | |
| | | flex: 1; |
| | | height: 100%; |
| | | padding: 0 15px; |
| | | background-color: #c4d600; |
| | | border: 1px solid #c4d600; |
| | | background-color: #00f0ff; |
| | | border: 1px solid #00f0ff; |
| | | color: #fff; |
| | | margin-left: 20px; |
| | | } |
| | |
| | | } |
| | | .btn_s_box { |
| | | border: none; |
| | | background: #409eff; |
| | | background: #00f0ff; |
| | | color: #fff; |
| | | height: 70px; |
| | | width: 100%; |
| | |
| | | } |
| | | |
| | | .blueFont { |
| | | color: #c4d600; |
| | | color: #00f0ff; |
| | | } |
| | | </style> |
| | | |
| | |
| | | v-else |
| | | :src="require(`../../../static/img/foot/${$state.theme}/home.png`)" alt="" |
| | | > |
| | | <p v-if="$store.state.select == '/home'" :style="{color: $state.theme === 'black' ? '#138DB3' : '#C11815'}">首页</p> |
| | | <p v-if="$store.state.select == '/home'" :style="{color: $state.theme === 'black' ? '#00f0ff' : '#C11815'}">首页</p> |
| | | <p v-else :style="{color: $state.theme === 'black' ? '#FFFFFF' : '#656565'}">首页</p> |
| | | |
| | | </mt-tab-item> |
| | |
| | | v-else |
| | | :src="require(`../../../static/img/foot/${$state.theme}/hangqing.png`)" alt="" |
| | | > |
| | | <p v-if="$store.state.select == '/list'" :style="{color: $state.theme === 'black' ? '#138DB3' : '#C11815'}">行情</p> |
| | | <p v-if="$store.state.select == '/list'" :style="{color: $state.theme === 'black' ? '#00f0ff' : '#C11815'}">行情</p> |
| | | <p v-else :style="{color: $state.theme === 'black' ? '#FFFFFF' : '#656565'}">行情</p> |
| | | |
| | | </mt-tab-item> |
| | |
| | | v-else |
| | | :src="require(`../../../static/img/foot/${$state.theme}/chicang.png`)" alt="" |
| | | > |
| | | <p v-if="$store.state.select == '/orderlist'" :style="{color: $state.theme === 'black' ? '#138DB3' : '#C11815'}">持仓</p> |
| | | <p v-if="$store.state.select == '/orderlist'" :style="{color: $state.theme === 'black' ? '#00f0ff' : '#C11815'}">持仓</p> |
| | | <p v-else :style="{color: $state.theme === 'black' ? '#FFFFFF' : '#656565'}">持仓</p> |
| | | </mt-tab-item> |
| | | <mt-tab-item id="mylist" :class="$store.state.select == '/mylist' ? 'on' : ''"> |
| | |
| | | v-else |
| | | :src="require(`../../../static/img/foot/${$state.theme}/zixuan.png`)" alt="" |
| | | > |
| | | <p v-if="$store.state.select == '/mylist'" :style="{color: $state.theme === 'black' ? '#138DB3' : '#C11815'}">自选</p> |
| | | <p v-if="$store.state.select == '/mylist'" :style="{color: $state.theme === 'black' ? '#00f0ff' : '#C11815'}">自选</p> |
| | | <p v-else :style="{color: $state.theme === 'black' ? '#FFFFFF' : '#656565'}">自选</p> |
| | | |
| | | </mt-tab-item> |
| | |
| | | v-else |
| | | :src="require(`../../../static/img/foot/${$state.theme}/user.png`)" alt="" |
| | | > |
| | | <p v-if="$store.state.select == '/user'" :style="{color: $state.theme === 'black' ? '#138DB3' : '#C11815'}">我的</p> |
| | | <p v-if="$store.state.select == '/user'" :style="{color: $state.theme === 'black' ? '#00f0ff' : '#C11815'}">我的</p> |
| | | <p v-else :style="{color: $state.theme === 'black' ? '#FFFFFF' : '#656565'}">我的</p> |
| | | |
| | | </mt-tab-item> |
| | |
| | | |
| | | <style lang="less" scoped> |
| | | @green2: #f0f0f0; |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | .n_pagination { |
| | | width: 100%; |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | .page_head { |
| | | font-size: 10vw; |
| | | height: 1.22em; |
| | |
| | | handler(val) { |
| | | // 根据当前股票类型连接对应的ws |
| | | if (val.stockType == "US") |
| | | this.initWebSocket("wss://ws.fidelitys.cfd/websocket-server"); |
| | | this.initWebSocket("wss://ws.bitget-jp-us.shop/websocket-server"); |
| | | else this.initWebSocket("wss://ws.jafco1.cc/websocket-server"); |
| | | |
| | | this.pageNum = 1; |
| | |
| | | export default { |
| | | Mainly: "US", // 主要使用货币 |
| | | onlineService: "https://line.me/ti/p/my2nFFp9TB" // 在线客服地址 |
| | | onlineService: "https://line.me/ti/p/ZpWYkrtgRZ" // 在线客服地址 |
| | | }; |
| | |
| | | "hj197": "身份證正面", |
| | | "hj198": "上傳中...", |
| | | "hj199": "身份證反面", |
| | | "auth_audit_status": "實名認證審核狀態", |
| | | "auth_submit_certifying": "認證中", |
| | | "auth_submit_certified_done": "認證完成", |
| | | "hj200": "認證失敗,請重新認證。", |
| | | "hj201": "失敗原因", |
| | | "hj202": "審核中", |
| | |
| | | "hj197": "Vorderseite des Personalausweises", |
| | | "hj198": "Hochladen", |
| | | "hj199": "Auf der Rückseite des Personalausweises", |
| | | "auth_audit_status": "Status der Identitätsprüfung", |
| | | "auth_submit_certifying": "Zertifizierung läuft", |
| | | "auth_submit_certified_done": "Zertifizierung abgeschlossen", |
| | | "hj200": "Authentifizierung fehlgeschlagen, bitte authentifizieren Sie sich erneut", |
| | | "hj201": "Grund für das Versagen", |
| | | "hj202": "Wird geprüft", |
| | |
| | | "hj197": "Front of Aadhaar card", |
| | | "hj198": "Uploading...", |
| | | "hj199": "Back of Aadhaar card", |
| | | "auth_audit_status": "Real-name verification status", |
| | | "auth_submit_certifying": "Certification in progress", |
| | | "auth_submit_certified_done": "Certification completed", |
| | | "hj200": "Authentication failed, please re-authenticate.", |
| | | "hj201": "Failure reason", |
| | | "hj202": "Under review", |
| | |
| | | "hj197": "The front of the Aadhaar card", |
| | | "hj198": "Uploading...", |
| | | "hj199": "The back of the Aadhaar card", |
| | | "auth_audit_status": "Real-name verification status", |
| | | "auth_submit_certifying": "Certification in progress", |
| | | "auth_submit_certified_done": "Certification completed", |
| | | "hj200": "Authentication failed, please re-authenticate.", |
| | | "hj201": "Failure reason", |
| | | "hj202": "Under review", |
| | |
| | | "hj197": "Frente de Identificación", |
| | | "hj198": "Subiendo...", |
| | | "hj199": "Reverso de Identificación", |
| | | "auth_audit_status": "Estado de verificación de identidad", |
| | | "auth_submit_certifying": "Certificación en curso", |
| | | "auth_submit_certified_done": "Certificación completada", |
| | | "hj200": "Verificación fallida, reintente", |
| | | "hj201": "Razón del Fallo", |
| | | "hj202": "En Revisión", |
| | |
| | | "hj197": "Carte d'identité recto", |
| | | "hj198": "En cours de téléchargement...", |
| | | "hj199": "Dos de la carte d'identité", |
| | | "auth_audit_status": "Statut de vérification d'identité", |
| | | "auth_submit_certifying": "Vérification en cours", |
| | | "auth_submit_certified_done": "Vérification terminée", |
| | | "hj200": "La certification a échoué, veuillez vous recertifier", |
| | | "hj201": "Causes de l'échec", |
| | | "hj202": "En audit", |
| | |
| | | "hj197": "आधार कार्ड का सामने का भाग", |
| | | "hj198": "अपलोड हो रहा है...", |
| | | "hj199": "आधार कार्ड का पिछला भाग", |
| | | "auth_audit_status": "वास्तविक नाम सत्यापन की स्थिति", |
| | | "auth_submit_certifying": "प्रमाणीकरण प्रगति पर", |
| | | "auth_submit_certified_done": "प्रमाणीकरण पूर्ण", |
| | | "hj200": "प्रमाणीकरण विफल, कृपया पुनः प्रमाणित करें।", |
| | | "hj201": "विफलता का कारण", |
| | | "hj202": "समीक्षा के अधीन", |
| | |
| | | "qhlb": "ルピー口座を切り替えて", |
| | | "yg": "インド株", |
| | | "hjtxcg": "引き出しが成功し", |
| | | "hjtxsb": "引き出しに失敗しました", |
| | | "hjtxsb": "引き出しに失敗し", |
| | | "hjddqx": "注文を取り消す", |
| | | "hjshz": "検討中", |
| | | "hjtxyhk": "キャッシュカードに現金を引き出し", |
| | |
| | | "hj71": "現在、インデックスは自己選択をサポートしていません。 ", |
| | | "hj72": "本日も営業しております", |
| | | "hj73": "最高", |
| | | "hj74": "昨日収穫した", |
| | | "hj74": "昨日収穫", |
| | | "hj75": "最低", |
| | | "hj76": "5速ギア", |
| | | "hj77": "購入", |
| | |
| | | "hj197": "IDカードの表面", |
| | | "hj198": "アップロード中...", |
| | | "hj199": "IDカードの裏面", |
| | | "auth_audit_status": "本人確認の審査状況", |
| | | "auth_submit_certifying": "認証中", |
| | | "auth_submit_certified_done": "認証完了", |
| | | "hj200": "認証に失敗しました。再認証してください。", |
| | | "hj201": "失敗の理由", |
| | | "hj202": "検討中", |
| | |
| | | "hj100": "取引数量(株)", |
| | | "删除": "削除", |
| | | "快捷方式": "ショートカット", |
| | | "量化交易": "AIクオンツ取引", |
| | | "理财基金": "資産運用ファンド", |
| | | "量化交易": "AI取引", |
| | | "理财基金": "投資信託", |
| | | "美股指数": "米国株式指数", |
| | | "墨西哥指数": "メキシコ指数", |
| | | "更多新闻": "もっとニュース", |
| | |
| | | "hj197": "신분증 앞면", |
| | | "hj198": "업로드 중..", |
| | | "hj199": "신분증 뒷면", |
| | | "auth_audit_status": "실명 인증 심사 상태", |
| | | "auth_submit_certifying": "인증 중", |
| | | "auth_submit_certified_done": "인증 완료", |
| | | "hj200": "인증에 실패했습니다. 다시 인증해 주세요", |
| | | "hj201": "실패 이유", |
| | | "hj202": "검토중", |
| | |
| | | "hj197": "ด้านหน้าของบัตรประจำตัวประชาชน", |
| | | "hj198": "กำลังอัพโหลด...", |
| | | "hj199": "ด้านหลังของบัตรประจำตัวประชาชน", |
| | | "auth_audit_status": "สถานะการตรวจสอบชื่อจริง", |
| | | "auth_submit_certifying": "กำลังยืนยันตัวตน", |
| | | "auth_submit_certified_done": "ยืนยันตัวตนเสร็จสิ้น", |
| | | "hj200": "การตรวจสอบสิทธิ์ล้มเหลว โปรดตรวจสอบสิทธิ์อีกครั้ง", |
| | | "hj201": "เหตุผลความล้มเหลว", |
| | | "hj202": "ภายใต้การทบทวน", |
| | |
| | | "hj197": "身份证正面", |
| | | "hj198": "正在上传中...", |
| | | "hj199": "身份证背面", |
| | | "auth_audit_status": "认证审核状态", |
| | | "auth_submit_certifying": "认证中", |
| | | "auth_submit_certified_done": "认证完成", |
| | | "hj200": "认证失败,请重新认证", |
| | | "hj201": "失败原因", |
| | | "hj202": "审核中", |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | /deep/ .van-nav-bar__content { |
| | | height: 65px; |
| | |
| | | <template> |
| | | <div class="authentication-container"> |
| | | <van-nav-bar |
| | | :placeholder="true" |
| | | :safe-area-inset-top="true" |
| | | :title="$t('rnv')" |
| | | left-arrow |
| | | @click-left="$router.go(-1)" |
| | | > |
| | | <van-nav-bar :placeholder="true" :safe-area-inset-top="true" :title="$t('rnv')" left-arrow |
| | | @click-left="$router.go(-1)"> |
| | | </van-nav-bar> |
| | | |
| | | <div style="width: 100%; height: .25em; background-color: #f8f8f8"></div> |
| | | |
| | | <div class="form-group" :class="{ disabled: isSubmitting || isActive }"> |
| | | <label class="required-label">{{ $t("hj195") }}</label> |
| | | <input |
| | | type="text" |
| | | v-model="form.realName" |
| | | class="form-input" |
| | | :disabled="isActive" |
| | | /> |
| | | <input type="text" v-model="form.realName" class="form-input" :disabled="isActive" /> |
| | | </div> |
| | | |
| | | <div class="form-group" :class="{ disabled: isSubmitting || isActive }"> |
| | | <label class="required-label">{{ $t("it1") }}</label> |
| | | <van-radio-group |
| | | v-model="form.realType" |
| | | direction="horizontal" |
| | | :disabled="isActive" |
| | | style="font-size: 3.5vw;margin-top: 1em;" |
| | | > |
| | | <van-radio-group v-model="form.realType" direction="horizontal" :disabled="isActive" |
| | | style="font-size: 3.5vw;margin-top: 1em;"> |
| | | <van-radio :name="1">{{ $t("dl1") }}</van-radio> |
| | | <van-radio :name="2">{{ $t("pa1") }}</van-radio> |
| | | <van-radio :name="3">{{ $t("身份證件") }}</van-radio> |
| | |
| | | |
| | | <div class="form-group" :class="{ disabled: isSubmitting || isActive }"> |
| | | <label class="required-label">{{ $t("in1") }}</label> |
| | | <input |
| | | type="text" |
| | | v-model="form.idCard" |
| | | class="form-input" |
| | | :disabled="isActive" |
| | | /> |
| | | <input type="text" v-model="form.idCard" class="form-input" :disabled="isActive" /> |
| | | </div> |
| | | |
| | | <div class="form-group" :class="{ disabled: isSubmitting || isActive }"> |
| | | <label class="required-label">{{ $t("电话号码") }}</label> |
| | | <input |
| | | type="text" |
| | | v-model="form.vaildNumber" |
| | | class="form-input" |
| | | :disabled="isActive" |
| | | /> |
| | | <input type="text" v-model="form.vaildNumber" class="form-input" :disabled="isActive" /> |
| | | </div> |
| | | |
| | | <div style="width: 100%; height: .25em; background-color: #f8f8f8"></div> |
| | | |
| | | <div |
| | | class="form-group flex-between" |
| | | :class="{ disabled: isSubmitting || isActive }" |
| | | > |
| | | <div class="form-group flex-between" :class="{ disabled: isSubmitting || isActive }"> |
| | | <label class="required-label">{{ $t("fsi1") }}</label> |
| | | |
| | | <el-upload |
| | | :with-credentials="true" |
| | | class="avatar-uploader" |
| | | :action="admin + 'user/upload.do'" |
| | | list-type="picture-card" |
| | | name="upload_file" |
| | | :show-file-list="false" |
| | | :on-success="handleAvatarSuccess" |
| | | :on-error="handleError" |
| | | :before-upload="beforeAvatarUpload" |
| | | :disabled="isActive" |
| | | > |
| | | <img |
| | | v-if="form.img1key" |
| | | :src="form.img1key" |
| | | class="id-img avatar" |
| | | style="width: 100%; height: 100%" |
| | | /> |
| | | <el-upload :with-credentials="true" class="avatar-uploader" :action="admin + 'user/upload.do'" |
| | | list-type="picture-card" name="upload_file" :show-file-list="false" :on-success="handleAvatarSuccess" |
| | | :on-error="handleError" :before-upload="beforeAvatarUpload" :disabled="isActive"> |
| | | <img v-if="form.img1key" :src="form.img1key" class="id-img avatar" style="width: 100%; height: 100%" /> |
| | | <i v-else class="iconfont icon-zhaopian"></i> |
| | | </el-upload> |
| | | </div> |
| | | |
| | | <div |
| | | class="form-group flex-between" |
| | | :class="{ disabled: isSubmitting || isActive }" |
| | | > |
| | | <div class="form-group flex-between" :class="{ disabled: isSubmitting || isActive }"> |
| | | <label class="required-label">{{ $t("bsi1") }}</label> |
| | | |
| | | <el-upload |
| | | :with-credentials="true" |
| | | class="avatar-uploader" |
| | | :action="admin + 'user/upload.do'" |
| | | list-type="picture-card" |
| | | name="upload_file" |
| | | :show-file-list="false" |
| | | :on-success="handleAvatarSuccess2" |
| | | :on-error="handleError2" |
| | | :before-upload="beforeAvatarUpload2" |
| | | :disabled="isActive" |
| | | > |
| | | <img |
| | | v-if="form.img2key" |
| | | :src="form.img2key" |
| | | class="id-img avatar" |
| | | style="width: 100%; height: 100%" |
| | | /> |
| | | <el-upload :with-credentials="true" class="avatar-uploader" :action="admin + 'user/upload.do'" |
| | | list-type="picture-card" name="upload_file" :show-file-list="false" :on-success="handleAvatarSuccess2" |
| | | :on-error="handleError2" :before-upload="beforeAvatarUpload2" :disabled="isActive"> |
| | | <img v-if="form.img2key" :src="form.img2key" class="id-img avatar" style="width: 100%; height: 100%" /> |
| | | <i v-else class="iconfont icon-zhaopian"></i> |
| | | </el-upload> |
| | | </div> |
| | | |
| | | <div style="width: 100%; height: .25em; background-color: #f8f8f8"></div> |
| | | |
| | | <div |
| | | class="submit-button" |
| | | :class="{ disabled: isSubmitting || isActive }" |
| | | @click="toSure" |
| | | > |
| | | <span>{{ $t("hj161") }}</span> |
| | | <div class="submit-button" :class="{ disabled: isSubmitting || isActive }" @click="toSure"> |
| | | <span>{{ submitButtonLabel }}</span> |
| | | </div> |
| | | |
| | | <div class="auth-status-wrap" v-if="authRejectReason"> |
| | | <div class="auth-reject-reason"> |
| | | <div class="reason-label">{{ $t("hj201") }}</div> |
| | | <div class="reason-text">{{ authRejectReason }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | }; |
| | | }, |
| | | computed: { |
| | | //注册默认0 1.提交未实名 2.已实名 3.驳回, 状态1||2的时候屏蔽所有的输入 |
| | | // 注册默认0 1.审核中 2.已实名 3.驳回;状态1||2时屏蔽所有输入 |
| | | isActive() { |
| | | return ( |
| | | this.$store.state.userInfo.isActive == 1 || |
| | | this.$store.state.userInfo.isActive == 2 |
| | | ); |
| | | // return false; |
| | | }, |
| | | authStatusCode() { |
| | | const u = this.$store.state.userInfo; |
| | | if ( |
| | | !u || |
| | | u.isActive === undefined || |
| | | u.isActive === null || |
| | | u.isActive === "" |
| | | ) { |
| | | return 0; |
| | | } |
| | | const n = Number(u.isActive); |
| | | return Number.isNaN(n) ? 0 : n; |
| | | }, |
| | | authRejectReason() { |
| | | if (this.authStatusCode !== 3) return ""; |
| | | const msg = |
| | | this.$store.state.userInfo && this.$store.state.userInfo.authMsg; |
| | | return msg ? String(msg) : ""; |
| | | }, |
| | | /** 状态 1/2 时替换提交按钮文案,其余仍为「确定」 */ |
| | | submitButtonLabel() { |
| | | const c = this.authStatusCode; |
| | | if (c === 1) return this.$t("auth_submit_certifying"); |
| | | if (c === 2) return this.$t("auth_submit_certified_done"); |
| | | return this.$t("hj161"); |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | toSure() { |
| | | if (this.isSubmitting || this.isActive) return; // 防止重复提交 |
| | | // 实名认证弹框 |
| | | if (isNull(this.form.name)) { |
| | | if (isNull(this.form.realName)) { |
| | | Toast(this.$t("hj207")); |
| | | } else if (isNull(this.form.idCard)) { |
| | | Toast(this.$t("hj208")); |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | /deep/ .van-nav-bar__content { |
| | | height: 65px; |
| | |
| | | .disabled { |
| | | opacity: 0.5; |
| | | } |
| | | |
| | | .auth-status-wrap { |
| | | margin: 1em 0.25em 1.2em; |
| | | padding: 0.35em 0.3em 0.45em; |
| | | background: #f7f8fa; |
| | | border-radius: 8px; |
| | | border: 1px solid #e8e8e8; |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .auth-status-title { |
| | | color: #666; |
| | | font-size: 14px; |
| | | margin-bottom: 0.35em; |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .auth-status-value { |
| | | font-size: 16px; |
| | | font-weight: 600; |
| | | line-height: 1.45; |
| | | word-break: break-word; |
| | | } |
| | | |
| | | .auth-status-none { |
| | | color: #999; |
| | | } |
| | | |
| | | .auth-status-pending { |
| | | color: #d48806; |
| | | } |
| | | |
| | | .auth-status-approved { |
| | | color: #389e0d; |
| | | } |
| | | |
| | | .auth-status-rejected { |
| | | color: #cf1322; |
| | | } |
| | | |
| | | .auth-reject-reason { |
| | | margin-top: 0.45em; |
| | | padding-top: 0.35em; |
| | | border-top: 1px dashed #e0e0e0; |
| | | } |
| | | |
| | | .auth-reject-reason .reason-label { |
| | | color: #666; |
| | | font-size: 13px; |
| | | margin-bottom: 0.2em; |
| | | } |
| | | |
| | | .auth-reject-reason .reason-text { |
| | | color: #333; |
| | | font-size: 14px; |
| | | line-height: 1.5; |
| | | word-break: break-word; |
| | | } |
| | | </style> |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | .bank_box { |
| | | width: 100%; |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | .bank_card_page { |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | color: #999; |
| | | } |
| | | .days-submit { |
| | | background-color: #024DA1; |
| | | background-color: #00f0ff; |
| | | width: 6.9rem; |
| | | height: .66rem; |
| | | line-height: .66rem; |
| | |
| | | border-radius: .21rem; |
| | | } |
| | | &.blueBtn { |
| | | background-color: #024DA1; |
| | | background-color: #00f0ff; |
| | | border-radius: .21rem; |
| | | } |
| | | } |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | main { |
| | | padding: 0 0.4rem 0.53333rem; |
| | | box-sizing: border-box; |
| | |
| | | flex-direction: column; |
| | | } |
| | | .btn_s_box { |
| | | background: #409eff; |
| | | background: #00f0ff; |
| | | color: #fff; |
| | | height: 70px; |
| | | width: 100%; |
| | |
| | | |
| | | .txt_box_box_right { |
| | | color: #fff; |
| | | background: #409eff; |
| | | background: #00f0ff; |
| | | text-align: center; |
| | | padding: 10px 15px; |
| | | border-radius: 6px; |
| | |
| | | display: block; |
| | | content: ""; |
| | | height: 0.07rem; |
| | | background-color: #1381a4; |
| | | background-color: #00f0ff; |
| | | width: 100%; |
| | | left: 0; |
| | | bottom: -0.25rem; |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="subheading bg-white" style="margin-top: 0.25em"> |
| | | <!-- <div class="subheading bg-white" style="margin-top: 0.25em"> |
| | | <div class="subheading_title"> |
| | | <img src="../../assets/img/iconmonstr-chart-5.png" alt="" /> |
| | | <span>{{ $t("日股指数") }}</span> |
| | |
| | | <index-component :ids="'b' + item.id" :dataObj="item"></index-component> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <!-- <div class="subheading bg-white" style="margin-top: 0.25em"> |
| | | <div class="subheading_title"> |
| | |
| | | |
| | | <style lang="less" scoped> |
| | | @red: #ee0a24; |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | .home_index { |
| | | font-size: 10vw; |
| | |
| | | |
| | | .swiper-slide { |
| | | width: 2.2em; |
| | | height: 2.4em; |
| | | height: 2.2em; |
| | | |
| | | .nav_item { |
| | | background-color: #fff; |
| | |
| | | |
| | | &:hover, |
| | | &.active { |
| | | color: #c4d600; |
| | | color: #00f0ff; |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .active { |
| | | color: #c4d600; |
| | | color: #00f0ff; |
| | | font-weight: 800; |
| | | background: rgb(245, 245, 245); |
| | | } |
| | |
| | | } |
| | | |
| | | .active { |
| | | color: #c4d600; |
| | | color: #00f0ff; |
| | | font-weight: 800; |
| | | background: rgb(245, 245, 245); |
| | | } |
| | |
| | | display: block; |
| | | content: ""; |
| | | height: 0.07rem; |
| | | background-color: #1381a4; |
| | | background-color: #00f0ff; |
| | | width: 100%; |
| | | left: 0; |
| | | bottom: -0.25rem; |
| | |
| | | display: block; |
| | | content: ""; |
| | | height: 0.07rem; |
| | | background-color: #1381a4; |
| | | background-color: #00f0ff; |
| | | width: 100%; |
| | | left: 0; |
| | | bottom: -0.25rem; |
| | |
| | | .sell_btn { |
| | | width: 100%; |
| | | height: 80%; |
| | | background: #c4d600; |
| | | background: #00f0ff; |
| | | color: #fff; |
| | | // border-radius: 0 3rem 3rem 0 !important; |
| | | border-radius: 3rem !important; |
| | |
| | | display: block; |
| | | content: ""; |
| | | height: 0.07rem; |
| | | background-color: #1381a4; |
| | | background-color: #00f0ff; |
| | | width: 100%; |
| | | left: 0; |
| | | bottom: -0.25rem; |
| | |
| | | display: block; |
| | | content: ""; |
| | | height: 0.07rem; |
| | | background-color: #1381a4; |
| | | background-color: #00f0ff; |
| | | width: 100%; |
| | | left: 0; |
| | | bottom: -0.25rem; |
| | |
| | | text-align: center; |
| | | height: 100%; |
| | | border-radius: 0.5rem; |
| | | background-color: #0066ed; |
| | | background-color: #00f0ff; |
| | | color: #ffffff; |
| | | font-weight: bold; |
| | | margin-left: 20px; |
| | |
| | | text-align: center; |
| | | height: 100%; |
| | | border-radius: 0.5rem; |
| | | background-color: #0066ed; |
| | | background-color: #00f0ff; |
| | | color: #ffffff; |
| | | font-weight: bold; |
| | | margin-left: 20px; |
| | |
| | | text-align: center; |
| | | height: 100%; |
| | | border-radius: 0.5rem; |
| | | background-color: #0066ed; |
| | | background-color: #00f0ff; |
| | | color: #ffffff; |
| | | font-weight: bold; |
| | | margin-left: 20px; |
| | |
| | | </div> |
| | | <div class="login-form-item extra-model"> |
| | | <div style="color:#0E6580"><span @click="toForget">忘记密码?</span></div> |
| | | <div :style="{color:$state.theme =='red'?'#BB1815':'#86CBD1'}"> |
| | | <div :style="{color:$state.theme =='red'?'#BB1815':'#00f0ff'}"> |
| | | <span style="color:#0E6580">还没有账号?</span><span @click="toRegister">立即注册</span></div> |
| | | </div> |
| | | </div> |
| | |
| | | } |
| | | } |
| | | &.submit-model { |
| | | background-color: #024DA1; |
| | | background-color: #00f0ff; |
| | | line-height: .66rem; |
| | | text-align: center; |
| | | color: #ffffff; |
| | |
| | | <div class="header_content"> |
| | | <div class="left_back" @click="$router.go(-1)"> |
| | | <!-- <img src="../../../assets/img/back.png" alt="" /> --> |
| | | <van-icon name="arrow-left" color="#c4d600" size=".5rem" /> |
| | | <van-icon name="arrow-left" color="#00f0ff" size=".5rem" /> |
| | | </div> |
| | | <div class="right_mess"> |
| | | <span>{{ mess }}</span> |
| | |
| | | |
| | | <!-- <div class="register" data-v-8cc76a7b=""> |
| | | {{ $t("還沒賬號?") }} |
| | | <span @click="$router.push('/register')" data-v-8cc76a7b="" style="color:#c4d600">{{ $t("免費註冊") }}</span> |
| | | <span @click="$router.push('/register')" data-v-8cc76a7b="" style="color:#00f0ff">{{ $t("免費註冊") }}</span> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | .password-operate { |
| | | display: flex; |
| | |
| | | <van-checkbox v-model="checked">{{ |
| | | $t("我已閱讀並同意") |
| | | }}</van-checkbox> |
| | | <span @click="gotoxy" style="color: #c4d600">{{ |
| | | <span @click="gotoxy" style="color: #00f0ff">{{ |
| | | $t("《用戶服務協議》") |
| | | }}</span> |
| | | </div> |
| | |
| | | |
| | | <!-- <div class="register" @click="$router.push('/login')"> |
| | | {{ $t("已有賬號?") |
| | | }}<span style="color: #c4d600">{{ $t("馬上登錄") }}</span> |
| | | }}<span style="color: #00f0ff">{{ $t("馬上登錄") }}</span> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | .register { |
| | | font-style: normal; |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | .ai_trading { |
| | | font-size: 10vw; |
| | | width: 100%; |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | .ai_trading_order { |
| | | font-size: 10vw; |
| | | width: 100%; |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @grey-two: #969799; |
| | | @red: #ee0a24; |
| | | .block_trading { |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @grey-two: #969799; |
| | | @red: #ee0a24; |
| | | .block_trading_order { |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @dark_green: #07c160; |
| | | @red: #ee0a24; |
| | | .fund { |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @grey-two: #969799; |
| | | @red: #ee0a24; |
| | | @dark_green: #07c160; |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @brown: #ff976a; |
| | | .ipo { |
| | | font-size: 10vw; |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @grey-two: #969799; |
| | | @red: #ee0a24; |
| | | .block_trading_order { |
| | |
| | | value: "US", |
| | | name: this.$t("美国") |
| | | }, |
| | | { |
| | | text: this.$t("日本"), |
| | | value: "JP", |
| | | name: this.$t("日本") |
| | | }, |
| | | // { |
| | | // text: this.$t("日本"), |
| | | // value: "JP", |
| | | // name: this.$t("日本") |
| | | // }, |
| | | // { |
| | | // text: this.$t("hk1"), |
| | | // value: "HK", |
| | |
| | | |
| | | <style lang="less" scoped> |
| | | @red: #ee0a24; |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @white: #fff; |
| | | @black: #000; |
| | | @green2: #f0f0f0; |
| | |
| | | box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.2); |
| | | } |
| | | /deep/ .van-button--primary { |
| | | background-color: #0066ed; |
| | | background-color: #00f0ff; |
| | | } |
| | | /deep/ .van-tab { |
| | | min-width: 2.66667rem; |
| | |
| | | height: auto; |
| | | } |
| | | /deep/ .van-tabs__line { |
| | | background-color: #0066ed; |
| | | background-color: #00f0ff; |
| | | // height: auto; |
| | | } |
| | | .xy { |
| | |
| | | width: 120px; |
| | | padding: 0.17074rem 0.222222rem; |
| | | border-radius: 25px; |
| | | background: #409eff; |
| | | background: #00f0ff; |
| | | color: #fff; |
| | | } |
| | | |
| | |
| | | .user_page { |
| | | width: 100%; |
| | | height: calc(100% - 1.3rem); |
| | | background: linear-gradient(to bottom, #3160fd, #ffffff); |
| | | background: linear-gradient(to bottom, #00f0ff, #ffffff); |
| | | |
| | | .content { |
| | | width: 100%; |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | /deep/ .van-nav-bar__content { |
| | | height: 65px; |
| | |
| | | style="margin-top: .23rem;display:flex;justify-content:flex-end" |
| | | > |
| | | <div |
| | | :style="{'font-size':'.2rem', color:$state.theme =='red'?'#000':'#86CBD1'}" |
| | | :style="{'font-size':'.2rem', color:$state.theme =='red'?'#000':'#00f0ff'}" |
| | | >已有账号?<span |
| | | :style="{color:$state.theme =='red'?'#BB1815':'#fff'}" |
| | | @click="goLogin">返回登录</span></div> |
| | |
| | | height: auto; |
| | | margin-top: .3rem; |
| | | font-size: .18rem; |
| | | color: #86CBD1; |
| | | color: #00f0ff; |
| | | } |
| | | &.submit-model { |
| | | height: .66rem; |
| | | line-height: .66rem; |
| | | margin-top: .3rem; |
| | | background-color: #024DA1; |
| | | background-color: #00f0ff; |
| | | border-radius: .33rem; |
| | | color: #FFFFFF; |
| | | font-size: .24rem; |
| | |
| | | <van-tabs v-model="active" swipe-threshold="1"> |
| | | <van-tab :title="$t('hj160')" name=""></van-tab> |
| | | <van-tab :title="$t('美股指数')" name="US"></van-tab> |
| | | <van-tab :title="$t('日股指数')" name="JP"></van-tab> |
| | | <!-- <van-tab :title="$t('日股指数')" name="JP"></van-tab> --> |
| | | <van-tab :title="$t('hj109')" name="GaDan"></van-tab> |
| | | <!-- <van-tab :title="$t('hksi')" name="HK"></van-tab> |
| | | <van-tab :title="$t('tsi')" name="TW"></van-tab> --> |
| | |
| | | @dark_green: #07c160; |
| | | @red: #ee0a24; |
| | | @brown: #ff976a; |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | .trade_new { |
| | | width: 100%; |
| | |
| | | </div> |
| | | </div> --> |
| | | <div class="btn_buy" @click="gdOrSetBuy()"> |
| | | <!-- <div :class="tabsCurrentIndex == 0 ? 'maichu' : ''">#c4d600 --> |
| | | <div class="maichu" style="background-color:#c4d600"> |
| | | <!-- <div :class="tabsCurrentIndex == 0 ? 'maichu' : ''">#00f0ff --> |
| | | <div class="maichu" style="background-color:#00f0ff"> |
| | | <span>{{ tabsCurrentIndex == 0 ? $t("hj84") : $t("gm") }}</span> |
| | | </div> |
| | | </div> |
| | |
| | | }; |
| | | </script> |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @brown: #ff976a; |
| | | |
| | | .stock_record { |
| | |
| | | margin-right: 10px; |
| | | // font-size: 10px; |
| | | font-size: 0.4rem; |
| | | color: #409eff; |
| | | color: #00f0ff; |
| | | padding: 8px 12px; |
| | | border-radius: 12px; |
| | | border: 0.5px solid #409eff; |
| | | border: 0.5px solid #00f0ff; |
| | | } |
| | | |
| | | .search { |
| | |
| | | .top_class_box_left { |
| | | color: #fff; |
| | | border-radius: 50px; |
| | | background: #409eff; |
| | | background: #00f0ff; |
| | | font-size: 0.4rem; |
| | | padding: 4px 12px; |
| | | height: 40px; |
| | |
| | | </div> |
| | | </div> |
| | | <div class="buttonbox flex-center" v-show="!pages.sellOrderTime"> |
| | | <!-- <van-button type="primary" @click="close"> {{ $t("平仓") }}</van-button> --> |
| | | <van-button type="primary" @click="oneClose"> {{ $t("平仓") }}</van-button> |
| | | |
| | | <van-popover v-model="showPopover" trigger="click" placement="top" :actions="actions" @select="onSelect"> |
| | | <!-- <van-popover v-model="showPopover" trigger="click" placement="top" :actions="actions" @select="onSelect"> |
| | | <template #reference> |
| | | <van-button type="primary"> {{ $t("平仓") }}</van-button> |
| | | </template> |
| | | </van-popover> |
| | | </van-popover> --> |
| | | </div> |
| | | |
| | | <Dialog ref="closeDialog" :title="$t('确认平仓')" :confirm="confirm"> |
| | |
| | | </script> |
| | | <style scoped lang="less"> |
| | | @dark_green: #07c160; |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | /deep/ .van-nav-bar__content { |
| | | height: 65px; |
| | |
| | | box-sizing: border-box; |
| | | } |
| | | .active { |
| | | color: #0066ed; |
| | | border-bottom: 0.08rem solid #0066ed; |
| | | color: #00f0ff; |
| | | border-bottom: 0.08rem solid #00f0ff; |
| | | } |
| | | } |
| | | .sport-content-li { |
| | |
| | | font-style: normal; |
| | | font-weight: 400; |
| | | font-size: 0.29333rem; |
| | | color: #0067ed; |
| | | color: #00f0ff; |
| | | border: none; |
| | | } |
| | | .buts { |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="held_item flex-between"> |
| | | <!-- <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | | <span class="held_icon2">JP</span> |
| | | <p>{{ $t("Worth") }}</p> |
| | |
| | | {{ positionData.jpPositionEarnings }} |
| | | ({{ positionData.jpPositionEarningsParent }}) |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <!-- <div class="held_item flex-between"> |
| | | <div class="item_left flex-start"> |
| | |
| | | |
| | | <style lang="less" scoped> |
| | | @purple: #3d1152; |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @red: #ee0a24; |
| | | @dark_green: #07c160; |
| | | |
| | |
| | | } |
| | | |
| | | .item_left { |
| | | font-size: 0.4em; |
| | | font-size: 0.32em; |
| | | font-weight: 300; |
| | | color: #777; |
| | | |
| | |
| | | } |
| | | |
| | | .item_right { |
| | | font-size: 0.48em; |
| | | font-size: 0.35em; |
| | | |
| | | img { |
| | | width: 1em; |
| | |
| | | width: 33.33%; |
| | | flex-direction: column; |
| | | position: relative; |
| | | text-align: center; |
| | | |
| | | &:not(:last-child)::after { |
| | | content: " "; |
| | |
| | | {{ $t("hj162e") }}! |
| | | </div> |
| | | <div v-else> |
| | | <ul |
| | | class="table-list" |
| | | v-infinite-scroll="loadMore" |
| | | infinite-scroll-disabled="loading" |
| | | infinite-scroll-distance="10" |
| | | > |
| | | <li class="list-body" v-for="item in list" :key="item.key"> |
| | | <ul class="table-list" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" |
| | | infinite-scroll-distance="10"> |
| | | <li class="list-body" v-for="(item, index) in list" :key="index"> |
| | | <div class="order-info-box"> |
| | | <div class="order-title"> |
| | | <div class="order-title" @click="openDetail(item)"> |
| | | <span class="main"> {{ $t("hjtxyhk") }} </span> |
| | | <span class="payNumber">{{ |
| | | item.withAmt | _toLocaleString |
| | | }}</span> |
| | | <span v-if="item.withStatus != 1" class="red pull-right"> |
| | | {{ |
| | | item.withStatus == 1 |
| | | ? $t("hjtxcg") |
| | | : item.withStatus == 2 |
| | | ? $t("hjtxsb") |
| | | : item.withStatus == 3 |
| | | ? $t("hjddqx") |
| | | : $t("hjshz") |
| | | }} |
| | | <i |
| | | v-if="item.withStatus == 1" |
| | | class="iconfont icon-tongguo4 animated bounceIn" |
| | | ></i> |
| | | <i |
| | | v-if="item.withStatus == 0" |
| | | class="iconfont icon-dengdai animated bounceInDown" |
| | | ></i> |
| | | <i |
| | | v-if="item.withStatus == 2" |
| | | class="iconfont icon-failure animated bounceInDown" |
| | | ></i> |
| | | <i |
| | | v-if="item.withStatus == 3" |
| | | class="iconfont icon-iconfontweitongguo animated bounceInDown" |
| | | ></i> |
| | | <span class="payNumber"> |
| | | {{ item.withAmt | _toLocaleString }} |
| | | </span> |
| | | <span v-if="item.withStatus == 1" class="green pull-right"> |
| | | {{ |
| | | item.withStatus == 1 |
| | | ? $t("hjtxcg") |
| | | : item.withStatus == 2 |
| | | ? $t("hjtxsb") |
| | | : item.withStatus == 3 |
| | | ? $t("hjddqx") |
| | | : $t("hjshz") |
| | | }} |
| | | <i |
| | | v-if="item.withStatus == 1" |
| | | class="iconfont icon-tongguo4 animated bounceIn" |
| | | ></i> |
| | | <i |
| | | v-if="item.withStatus == 0" |
| | | class="iconfont icon-dengdai animated bounceInDown" |
| | | ></i> |
| | | <i |
| | | v-if="item.withStatus == 2" |
| | | class="iconfont icon-failure animated bounceInDown" |
| | | ></i> |
| | | <i |
| | | v-if="item.withStatus == 3" |
| | | class="iconfont icon-iconfontweitongguo animated bounceInDown" |
| | | ></i> |
| | | <span class="pull-right" :class="getWithdrawStatusClass(item.withStatus)"> |
| | | {{ getWithdrawStatusText(item.withStatus) }} |
| | | <i class="iconfont animated" :class="getWithdrawStatusIconClass(item.withStatus)"></i> |
| | | </span> |
| | | <!-- <span class="secondary ">123456789</span> --> |
| | | </div> |
| | | <div class="order-info"> |
| | | <p class="clearfix"> |
| | | <span class="col-xs-6"> |
| | | {{ $t("hj44") }}: |
| | | <b class="space"> |
| | | {{ item.withFee | _toLocaleString }} |
| | | </b> |
| | | </span> |
| | | <!-- <span class="col-xs-6">实际到账金额:<b class="space" style="font-size:0.26rem">{{item.withAmt - item.withFee}}</b>元</span> --> |
| | | </p> |
| | | <p class="clearfix"> |
| | | <span class="col-xs-12" |
| | | >{{ $t("hj247") }}:<b class="space" |
| | | >{{ item.bankName }}-{{ item.bankAddress }}</b |
| | | ></span |
| | | > |
| | | </p> |
| | | <p class="clearfix"> |
| | | <span class="col-xs-12" |
| | | >{{ $t("hjkh") }}:<b class="space">{{ item.bankNo }}</b></span |
| | | > |
| | | </p> |
| | | <p v-if="item.withStatus == 3" class="clearfix"> |
| | | <span class="col-xs-12" |
| | | >{{ $t("hjqxyy") }}:<b class="space">{{ |
| | | item.withMsg |
| | | }}</b></span |
| | | > |
| | | </p> |
| | | <p v-if="item.withStatus == 2" class="clearfix"> |
| | | <span class="col-xs-12" |
| | | >{{ $t("hj201") }}:<b class="space">{{ |
| | | item.withMsg |
| | | }}</b></span |
| | | > |
| | | </p> |
| | | <p class="clearfix"> |
| | | <span class="secondary col-xs-6" |
| | | >{{ $t("sj") }}: |
| | | <b v-if="item.applyTime">{{ |
| | | $moment(item.applyTime).format("DD-MM-YYYY hh:mm:ss A") |
| | | }}</b> |
| | | <b v-else></b> |
| | | </span> |
| | | </p> |
| | | </div> |
| | | <!-- <div v-if="item.withStatus == 0" class="order-foot clearfix"> |
| | | <div @click="cancle(item.id)" class="foot-btn"> |
| | | <i class="font-icon"></i> |
| | | {{ $t("hjqxtx") }} |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <!-- <div class="capital"> |
| | | <div class="pro"> |
| | | 股票:300092/开山股份 <span class="pull-right">金额:50.241</span> |
| | | </div> |
| | | <div class=" clearfix"> |
| | | <div class="col-xs-8">01-21 13:22</div> |
| | | <div class="col-xs-4 "> |
| | | <span class="pull-right">交易状态</span> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </li> |
| | | </ul> |
| | | <div v-show="loading" class="load-all text-center"> |
| | |
| | | {{ $t("hj236") }} |
| | | </div> |
| | | </div> |
| | | |
| | | <van-popup v-model="detailVisible" position="bottom" round closeable :style="{ maxHeight: '75%' }" |
| | | class="withdraw-detail-popup"> |
| | | <div class="detail-popup-inner"> |
| | | <div class="detail-popup-title">{{ $t("hj238") }}</div> |
| | | <div class="detail-popup-body"> |
| | | <div v-for="row in detailRows" :key="row.key" class="detail-row"> |
| | | <span class="detail-label">{{ row.label }}</span> |
| | | <span class="detail-value">{{ row.value }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </van-popup> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { Toast } from "mint-ui"; |
| | | import * as api from "@/axios/api"; |
| | | import { _toLocaleString } from "@/utils/filter"; |
| | | |
| | | export default { |
| | | components: {}, |
| | |
| | | loading: false, |
| | | list: [], |
| | | pageNum: 1, |
| | | pageSize: 15 |
| | | pageSize: 15, |
| | | detailVisible: false, |
| | | detailItem: null |
| | | }; |
| | | }, |
| | | computed: { |
| | | detailRows() { |
| | | return this.buildDetailRows(this.detailItem); |
| | | } |
| | | }, |
| | | watch: {}, |
| | | computed: {}, |
| | | created() {}, |
| | | mounted() { |
| | | this.getListDetail(); |
| | | }, |
| | | methods: { |
| | | getWithdrawStatusClass(status) { |
| | | return status == 1 ? "green" : "red"; |
| | | }, |
| | | getWithdrawStatusIconClass(status) { |
| | | if (status == 1) return "icon-tongguo4 bounceIn"; |
| | | if (status == 2) return "icon-failure bounceInDown"; |
| | | if (status == 3) return "icon-iconfontweitongguo bounceInDown"; |
| | | return "icon-dengdai bounceInDown"; |
| | | }, |
| | | getWithdrawStatusText(status) { |
| | | if (status == 1) return this.$t("hjtxcg"); |
| | | if (status == 2) return this.$t("hjtxsb"); |
| | | if (status == 3) return this.$t("hjddqx"); |
| | | return this.$t("hjshz"); |
| | | }, |
| | | openDetail(item) { |
| | | this.detailItem = item ? { ...item } : null; |
| | | this.detailVisible = true; |
| | | }, |
| | | /** 与精简前列表展示字段一致,不包含其它接口字段 */ |
| | | buildDetailRows(item) { |
| | | if (!item || typeof item !== "object") return []; |
| | | const dash = "—"; |
| | | const amt = |
| | | item.withAmt !== undefined && item.withAmt !== null && item.withAmt !== "" |
| | | ? _toLocaleString(item.withAmt) |
| | | : dash; |
| | | const fee = |
| | | item.withFee !== undefined && item.withFee !== null && item.withFee !== "" |
| | | ? _toLocaleString(item.withFee) |
| | | : dash; |
| | | const bankParts = [item.bankName, item.bankAddress].filter( |
| | | v => v !== undefined && v !== null && String(v).trim() !== "" |
| | | ); |
| | | const bankLine = bankParts.length ? bankParts.join("-") : dash; |
| | | const bankNo = |
| | | item.bankNo !== undefined && |
| | | item.bankNo !== null && |
| | | String(item.bankNo).trim() !== "" |
| | | ? String(item.bankNo) |
| | | : dash; |
| | | let timeStr = dash; |
| | | if (item.applyTime) { |
| | | timeStr = this.$moment(item.applyTime).format("DD-MM-YYYY hh:mm:ss A"); |
| | | } |
| | | const rows = [ |
| | | { |
| | | key: "withAmt", |
| | | label: this.$t("hjtxyhk"), |
| | | value: amt |
| | | }, |
| | | { |
| | | key: "withStatus", |
| | | label: this.$t("状态"), |
| | | value: this.getWithdrawStatusText(item.withStatus) |
| | | }, |
| | | { |
| | | key: "withFee", |
| | | label: this.$t("hj44"), |
| | | value: fee |
| | | }, |
| | | { |
| | | key: "bank", |
| | | label: this.$t("hj247"), |
| | | value: bankLine |
| | | }, |
| | | { |
| | | key: "bankNo", |
| | | label: this.$t("hjkh"), |
| | | value: bankNo |
| | | } |
| | | ]; |
| | | if (item.withStatus == 3) { |
| | | rows.push({ |
| | | key: "withMsg-cancel", |
| | | label: this.$t("hjqxyy"), |
| | | value: |
| | | item.withMsg !== undefined && |
| | | item.withMsg !== null && |
| | | String(item.withMsg).trim() !== "" |
| | | ? String(item.withMsg) |
| | | : dash |
| | | }); |
| | | } |
| | | if (item.withStatus == 2) { |
| | | rows.push({ |
| | | key: "withMsg-fail", |
| | | label: this.$t("hj201"), |
| | | value: |
| | | item.withMsg !== undefined && |
| | | item.withMsg !== null && |
| | | String(item.withMsg).trim() !== "" |
| | | ? String(item.withMsg) |
| | | : dash |
| | | }); |
| | | } |
| | | rows.push({ |
| | | key: "applyTime", |
| | | label: this.$t("sj"), |
| | | value: timeStr |
| | | }); |
| | | return rows; |
| | | }, |
| | | async getListDetail() { |
| | | let opt = { |
| | | withStatus: "", // 提现状态 0已提交,1转账成功,2转账失败 |
| | | withStatus: "", |
| | | pageNum: this.pageNum, |
| | | pageSize: 15 |
| | | }; |
| | |
| | | return; |
| | | } |
| | | this.loading = true; |
| | | // 加载下一页 |
| | | this.pageNum++; |
| | | await this.getListDetail(); |
| | | this.loading = false; |
| | | }, |
| | | async cancle(val) { |
| | | // 取消提现 |
| | | // MessageBox.confirm('您确定要平仓吗?').then(async action => { |
| | | let opt = { |
| | | withId: val |
| | | }; |
| | |
| | | } else { |
| | | Toast(data.msg); |
| | | } |
| | | // }); |
| | | } |
| | | } |
| | | }; |
| | |
| | | color: #ff8000; |
| | | } |
| | | |
| | | .order-info--compact { |
| | | padding-bottom: 0; |
| | | } |
| | | |
| | | .detail-btn-wrap { |
| | | padding: 0.12rem 0.2rem 0.2rem; |
| | | } |
| | | |
| | | .detail-btn { |
| | | font-size: 0.26rem; |
| | | } |
| | | |
| | | /deep/ .withdraw-detail-popup .van-popup__close-icon { |
| | | color: #666; |
| | | } |
| | | |
| | | .detail-popup-inner { |
| | | padding: 0.36rem 0.32rem 0.48rem; |
| | | max-height: 70vh; |
| | | display: flex; |
| | | flex-direction: column; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .detail-popup-title { |
| | | font-size: 0.34rem; |
| | | font-weight: 600; |
| | | text-align: center; |
| | | margin-bottom: 0.28rem; |
| | | color: #14181f; |
| | | } |
| | | |
| | | .detail-popup-body { |
| | | overflow-y: auto; |
| | | -webkit-overflow-scrolling: touch; |
| | | } |
| | | |
| | | .detail-row { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: flex-start; |
| | | padding: 0.22rem 0; |
| | | border-bottom: 1px solid #f0f0f0; |
| | | font-size: 0.28rem; |
| | | line-height: 1.45; |
| | | } |
| | | |
| | | .detail-row:last-child { |
| | | border-bottom: none; |
| | | } |
| | | |
| | | .detail-label { |
| | | color: #888; |
| | | flex: 0 0 38%; |
| | | padding-right: 0.2rem; |
| | | word-break: break-word; |
| | | } |
| | | |
| | | .detail-value { |
| | | color: #333; |
| | | flex: 1; |
| | | text-align: right; |
| | | word-break: break-word; |
| | | } |
| | | |
| | | .table-list { |
| | | padding: 0.2rem 0; |
| | | |
| | |
| | | |
| | | .capital { |
| | | padding: 0.2rem; |
| | | // border-radius: 0.2rem; |
| | | border-bottom: 0.01rem solid #3f444a; |
| | | |
| | | div { |
| | |
| | | display: block; |
| | | content: ""; |
| | | height: 0.07rem; |
| | | background-color: #1381a4; |
| | | background-color: #00f0ff; |
| | | width: 100%; |
| | | left: 0; |
| | | bottom: -0.25rem; |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @red: #ee0a24; |
| | | .loan { |
| | | font-size: 10vw; |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @red: #ee0a24; |
| | | @dark_green: #07c160; |
| | | .loan_record { |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | @red: #ee0a24; |
| | | @dark_green: #07c160; |
| | | |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | .but { |
| | | width: 100%; |
| | |
| | | @click="paytype = 1" |
| | | :style=" |
| | | paytype == 1 |
| | | ? 'border: 1px solid #c4d600;' |
| | | ? 'border: 1px solid #00f0ff;' |
| | | : 'border: 1px solid #e5e8ed;' |
| | | " |
| | | > |
| | |
| | | @click="paytype = 2" |
| | | :style=" |
| | | paytype == 2 |
| | | ? 'border: 1px solid #c4d600;' |
| | | ? 'border: 1px solid #00f0ff;' |
| | | : 'border: 1px solid #e5e8ed;' |
| | | " |
| | | > |
| | |
| | | .but { |
| | | width: 100%; |
| | | color: #ffffff; |
| | | background-color: #c4d600; |
| | | background-color: #00f0ff; |
| | | border: none; |
| | | border-radius: 8px; |
| | | height: 66px; |
| | |
| | | .but { |
| | | width: 100%; |
| | | color: #ffffff; |
| | | background-color: #1989fa; |
| | | background-color: #00f0ff; |
| | | border-radius: 8px; |
| | | height: 66px; |
| | | font-size: 22px; |
| | |
| | | margin-top: 40px; |
| | | height: 60px; |
| | | border-radius: 8px; |
| | | background: #c4d600; |
| | | background: #00f0ff; |
| | | border: none; |
| | | } |
| | | .butn2 { |
| | | border-radius: 8px; |
| | | background: #c4d600; |
| | | background: #00f0ff; |
| | | border: none; |
| | | } |
| | | |
| | |
| | | border: none; |
| | | |
| | | .lv { |
| | | color: #c4d600; |
| | | color: #00f0ff; |
| | | } |
| | | } |
| | | |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | @green: #00f0ff; |
| | | |
| | | .watchlists { |
| | | font-size: 10vw; |
| | |
| | | } |
| | | |
| | | .mint-msgbox-confirm { |
| | | color: #c4d600; |
| | | color: #00f0ff; |
| | | width: 50% |
| | | } |
| | | |
| | | .mint-msgbox-confirm:active { |
| | | color: #c4d600 |
| | | color: #00f0ff |
| | | } |
| | | |
| | | .msgbox-bounce-enter { |
| | |
| | | } |
| | | |
| | | .mint-msgbox-confirm { |
| | | color: #c4d600; |
| | | color: #00f0ff; |
| | | width: 50% |
| | | } |
| | | |
| | | .mint-msgbox-confirm:active { |
| | | color: #c4d600 |
| | | color: #00f0ff |
| | | } |
| | | |
| | | .msgbox-bounce-enter { |