| | |
| | | </div> |
| | | <div class="right_title"> |
| | | <div class="t_t" style="white-space: nowrap"> |
| | | <span>{{ singDetails.name }}</span> |
| | | <span>{{ singDetails.name }}({{ singDetails.gid }})</span> |
| | | </div> |
| | | <div class="b_t"> |
| | | <span>{{ singDetails.spell }}</span> |
| | |
| | | ( |
| | | Number($store.state.userInfo.userIndexAmt) / 0.9 |
| | | ).toFixed(2) |
| | | : "₹" + $store.state.userInfo.userIndexAmt |
| | | : "" + $store.state.userInfo.userIndexAmt |
| | | }} |
| | | </span> |
| | | <span |
| | |
| | | style="white-space: nowarp" |
| | | > |
| | | {{ |
| | | "₹ " + |
| | | " " + |
| | | parseFloat( |
| | | $store.state.userInfo.enableAmt.toFixed(2) |
| | | ).toLocaleString() |
| | |
| | | </span> |
| | | </div> |
| | | <div class="sanjiao"> |
| | | |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="bottom_balance"> |
| | |
| | | }}</span> --> |
| | | <span |
| | | :class="singDetails.hcrate > 0 ? 'price green' : 'price red'" |
| | | >{{ singDetails.nowPrice | _toString }}</span |
| | | >{{ singDetails.nowPrice }}</span |
| | | > |
| | | </div> |
| | | <div class="bottom_now"> |
| | |
| | | }}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span> --> |
| | | <span v-else> |
| | | {{ |
| | | (singDetails.nowPrice - singDetails.preclose_px) | _toString |
| | | (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) |
| | | }}</span |
| | | > |
| | | </div> |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >{{ singDetails.open_px | _toString }}</span |
| | | >{{ singDetails.open_px }}</span |
| | | > |
| | | </div> |
| | | <div class="rights topes"> |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >{{ singDetails.today_max | _toString }}</span |
| | | >{{ singDetails.today_max }}</span |
| | | > |
| | | </div> |
| | | </div> |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >{{ singDetails.preclose_px | _toString }}</span |
| | | >{{ singDetails.preclose_px }}</span |
| | | > |
| | | </div> |
| | | <div class="rights bots"> |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >{{ singDetails.today_min | _toString }}</span |
| | | >{{ singDetails.today_min }}</span |
| | | > |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="k_line_detail"> |
| | | <Kline :type="singDetails.type" /> |
| | | <Kline :key="key" :type="singDetails.type" /> |
| | | </div> |
| | | <div |
| | | class="priect_top_bottom" |
| | | style="display: none" |
| | | v-if=" |
| | | kLineDetails.if_us != 1 && |
| | | kLineDetails.type != 'hk' && |
| | | kLineDetails.type != 'hk' && |
| | | kLineDetails.if_zhishu == 0 |
| | | kLineDetails.type != 'hk' && |
| | | kLineDetails.type != 'hk' && |
| | | kLineDetails.if_zhishu == 0 |
| | | " |
| | | > |
| | | <div class="t_title"> |
| | |
| | | <img src="../../assets/img/shoucangle.png" alt v-else /> |
| | | </div> |
| | | <div class="right_xx" @click="handleJj()"> |
| | | <a href="#"><img src="../../assets/img/xiaoxi.png" alt /></a> |
| | | <a href="#"><img src="../../assets/img/xiaoxi.png" alt/></a> |
| | | </div> |
| | | </div> |
| | | <div class="rights"> |
| | |
| | | <div class="top_buy" @click="goBuy(0)"> |
| | | <span>{{ $t("hj84") }}</span> |
| | | </div> |
| | | <div class="bottom_buy"> |
| | | <span>{{ singDetails.nowPrice | _toString }}</span> |
| | | </div> |
| | | <!-- <div class="bottom_buy"> |
| | | <span>{{ singDetails.nowPrice }}</span> |
| | | </div> --> |
| | | </div> |
| | | <div class="sell_btn" @click="goBuy(1)"> |
| | | <div class="top_sell"> |
| | | <span>{{ $t("hj85") }}</span> |
| | | </div> |
| | | <div class="bottom_sell"> |
| | | <span>{{ singDetails.nowPrice | _toString }}</span> |
| | | </div> |
| | | <!-- <div class="bottom_sell"> |
| | | <span>{{ singDetails.nowPrice }}</span> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | newsdetailList: [], |
| | | bayType: "", |
| | | timer: null, |
| | | key: 0 |
| | | }; |
| | | }, |
| | | components: { |
| | | Kline, |
| | | Kline |
| | | }, |
| | | |
| | | created() { |
| | |
| | | } else { |
| | | this.timer = setInterval(() => { |
| | | this.getSingDetails(); |
| | | }, 500); |
| | | }, 2000); |
| | | } |
| | | this.getOpation(); |
| | | // this.$Lazyload(); |
| | |
| | | // }, |
| | | methods: { |
| | | async getHknews() { |
| | | await api.queryIndexNews().then((res) => { |
| | | await api.queryIndexNews().then(res => { |
| | | if (res.status === 0) { |
| | | this.newsdetailList = res.data.data; |
| | | } |
| | |
| | | this.optionBtn = false; |
| | | this.$message({ |
| | | message: this.$t("hj97"), |
| | | type: "success", |
| | | type: "success" |
| | | }); |
| | | } else { |
| | | this.optionBtn = false; |
| | | this.$message({ |
| | | message: data.msg, |
| | | type: "warning", |
| | | type: "warning" |
| | | }); |
| | | } |
| | | } else { |
| | |
| | | this.optionBtn = false; |
| | | this.$message({ |
| | | message: this.$t("hj96"), |
| | | type: "success", |
| | | type: "success" |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | message: data.msg, |
| | | type: "warning", |
| | | type: "warning" |
| | | }); |
| | | this.optionBtn = false; |
| | | } |
| | |
| | | }, |
| | | async getOpation() { |
| | | let opts = { |
| | | code: this.$route.query.code, |
| | | code: this.$route.query.code |
| | | }; |
| | | let data = await api.isOption(opts); |
| | | if (data.status === 0) { |
| | |
| | | async getSingDetails() { |
| | | let opts = { |
| | | code: this.kLineDetails.code, |
| | | stockType: this.kLineDetails.type, |
| | | stockType: this.kLineDetails.type |
| | | }; |
| | | await api.getSingleStock(opts).then((res) => { |
| | | await api.getSingleStock(opts).then(res => { |
| | | if (res.status === 0) { |
| | | this.singDetails = res.data.stock; |
| | | this.bayType = res.data.stock.type; |
| | |
| | | } |
| | | const obj = { |
| | | pid: res.data.stock.code, |
| | | type: res.data.stock.type, |
| | | type: res.data.stock.type |
| | | }; |
| | | window.localStorage.setItem("kLine", JSON.stringify(obj)); |
| | | // console.log(this.singDetails) |
| | |
| | | async getSingDetailUs() { |
| | | let opts = { |
| | | code: this.kLineDetails.code, |
| | | stockType: this.kLineDetails.type, |
| | | stockType: this.kLineDetails.type |
| | | }; |
| | | await api.getUsDetail(opts).then((res) => { |
| | | await api.getUsDetail(opts).then(res => { |
| | | // console.log(res,1111123); |
| | | // var that = this |
| | | // if(!res){ |
| | |
| | | this.$router.push({ |
| | | path: "/newPage", |
| | | query: { |
| | | listid: item.id, |
| | | }, |
| | | listid: item.id |
| | | } |
| | | }); |
| | | }, |
| | | goBuy(index) { |
| | |
| | | spell: this.singDetails.spell, |
| | | if_us: this.kLineDetails.if_us, |
| | | bayType: this.bayType, |
| | | }, |
| | | gid: this.singDetails.gid |
| | | } |
| | | }); |
| | | if (navigator.vibrate) { |
| | | // 支持 |
| | | navigator.vibrate([55]); |
| | | } |
| | | }, |
| | | } |
| | | }, |
| | | filters: { |
| | | getName(spell) { |
| | |
| | | .replace(/年|月/g, "-") |
| | | .replace(/日/g, " "); |
| | | return beijingDatetime; // 2017-03-31 16:02:06 |
| | | }, |
| | | }, |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | |
| | | .top_now { |
| | | width: 100%; |
| | | // height: 65%; |
| | | font-size: 0.741rem; |
| | | font-size: 25px; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | font-weight: bold; |
| | | span { |
| | | font-weight: 500; |
| | | } |
| | |
| | | } |
| | | |
| | | .right_ets { |
| | | max-width: 60%; |
| | | max-width: 70%; |
| | | height: 100%; |
| | | |
| | | > div { |
| | |
| | | |
| | | .top_buy { |
| | | width: 100%; |
| | | height: 45%; |
| | | height: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: flex-end; |
| | | align-items: center; |
| | | font-size: 0.4rem; |
| | | } |
| | | |
| | | .bottom_buy { |
| | |
| | | |
| | | .top_sell { |
| | | width: 100%; |
| | | height: 45%; |
| | | height: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: flex-end; |
| | | align-items: center; |
| | | font-size: 0.4rem; |
| | | } |
| | | |
| | | .bottom_sell { |