| | |
| | | <div class="content_money"> |
| | | <div class="top_price"> |
| | | <div class="left"> |
| | | <span>{{ '余额' }}</span> |
| | | <span>{{ $t('hj47') }}</span> |
| | | </div> |
| | | <div class="right"> |
| | | <span v-if="$store.state.userInfo.userAmt == undefined">¥0.00</span> |
| | |
| | | </div> |
| | | <div class="bottom_balance"> |
| | | <div> |
| | | <span>{{ '可用余额' }}</span> |
| | | <span>{{ $t('hj48') }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="right_ets"> |
| | | <div class="tops"> |
| | | <div class="lefts topes"> |
| | | <span class="titles">{{ '今开' }}</span> |
| | | <span class="titles">{{ $t('hj72') }}</span> |
| | | <span :class="singDetails.nowPrice - singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{ |
| | | singDetails.open_px |
| | | }}</span> |
| | | </div> |
| | | <div class="rights topes"> |
| | | <span class="titles">{{ '最高' }}</span> |
| | | <span class="titles">{{ $t('hj73') }}</span> |
| | | <span :class="singDetails.nowPrice - singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{ |
| | | singDetails.today_max |
| | | }}</span> |
| | |
| | | </div> |
| | | <div class="bottoms"> |
| | | <div class="lefts bots"> |
| | | <span class="titles">{{ '昨收' }}</span> |
| | | <span class="titles">{{ $t('hj74') }}</span> |
| | | <span :class="singDetails.nowPrice - singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{ |
| | | singDetails.preclose_px |
| | | }}</span> |
| | | </div> |
| | | <div class="rights bots"> |
| | | <span class="titles">{{ '最低' }}</span> |
| | | <span class="titles">{{ $t('hj75') }}</span> |
| | | <span :class="singDetails.nowPrice - singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{ |
| | | singDetails.today_min |
| | | }}</span> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="k_line_detail" > |
| | | <Kline :type="singDetails.type"/> |
| | | <div class="k_line_detail"> |
| | | <Kline :type="singDetails.type" /> |
| | | </div> |
| | | <div class="priect_top_bottom" |
| | | v-if="(kLineDetails.if_us != 1 && kLineDetails.type != 'hk') && kLineDetails.type != 'hk' && kLineDetails.if_zhishu == 0"> |
| | | <div class="t_title"> |
| | | <span>{{ '五档' }}</span> |
| | | <span>{{ $t('hj76') }}</span> |
| | | </div> |
| | | <div class="charts"> |
| | | <div class="left_s"> |
| | | <div class="t_ma"> |
| | | <span>{{ '买' }}</span> |
| | | <span>{{ $t('hj77') }}</span> |
| | | </div> |
| | | <div class="ets"> |
| | | <div class="left_sell1"> |
| | |
| | | </div> |
| | | <div class="right_h"> |
| | | <div class="t_ma"> |
| | | <span>{{ '卖' }}</span> |
| | | <span>{{ $t('hj78') }}</span> |
| | | </div> |
| | | <div class="ets"> |
| | | <div class="left_sell1"> |
| | |
| | | </div> |
| | | <div class="priect_top_bottom" v-if="kLineDetails.if_us == 1"> |
| | | <div class="t_title"> |
| | | <span>{{ '分时成交' }}</span> |
| | | <span>{{ $t('hj79') }}</span> |
| | | </div> |
| | | <div class="charts"> |
| | | <div class="left_s"> |
| | | <div class="t_ma"> |
| | | <span>{{ '时间' }}</span> |
| | | <span>{{ $t('hj80') }}</span> |
| | | </div> |
| | | <div class="ets" v-for="item in timedata.data.details"> |
| | | <div class="left_sell1"> |
| | |
| | | </div> |
| | | <div class="right_h"> |
| | | <div class="t_ma"> |
| | | <span>{{ '价格' }}</span> |
| | | <span>{{ $t('hj81') }}</span> |
| | | </div> |
| | | <div class="ets" v-for="item in timedata.data.details"> |
| | | <div class="left_sell1"> |
| | |
| | | </div> |
| | | <div class="right_h"> |
| | | <div class="t_ma"> |
| | | <span>{{ '成交量' }}</span> |
| | | <span>{{ $t('hj82') }}</span> |
| | | </div> |
| | | <div class="ets" v-for="item in timedata.data.details"> |
| | | <div class="left_sell1"> |
| | |
| | | <div class="jianjie" v-if="!(kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1)" |
| | | :class="acseFlag ? 'isjj' : ''" ref="isjj" id="isjj"> |
| | | <div class="top_jj"> |
| | | <span>{{ '简介' }}</span> |
| | | <span>{{ $t('hj83') }}</span> |
| | | </div> |
| | | <div class="jet"> |
| | | <span>{{ jianjie }}</span> |
| | |
| | | |
| | | <div class="news-tab"> |
| | | <div class="t_title"> |
| | | <span>{{ '新闻' }}</span> |
| | | <span>{{ $t('hj6') }}</span> |
| | | </div> |
| | | <mt-tab-container v-model="news" :swipeable="false" style="padding-top: 0.5rem;"> |
| | | <mt-tab-container-item id="tab_2"> |
| | |
| | | <div class="hknews" v-else> |
| | | <div class="news-tab"> |
| | | <div class="t_title"> |
| | | <span>{{ '新闻' }}</span> |
| | | <span>{{ $t('hj6') }}</span> |
| | | </div> |
| | | <mt-tab-container v-model="news" :swipeable="false" style="padding-top: 0.5rem;"> |
| | | <mt-tab-container-item id="tab_2"> |
| | |
| | | <div class="rights"> |
| | | <div class="buy_btn"> |
| | | <div class="top_buy" @click="goBuy(0)"> |
| | | <span>{{ '卖出' }}</span> |
| | | <span>{{ $t('hj84') }}</span> |
| | | </div> |
| | | <div class="bottom_buy"> |
| | | <span>{{ singDetails.nowPrice }}</span> |
| | |
| | | </div> |
| | | <div class="sell_btn" @click="goBuy(1)"> |
| | | <div class="top_sell"> |
| | | <span>{{ '买入' }}</span> |
| | | <span>{{ $t('hj85') }}</span> |
| | | </div> |
| | | <div class="bottom_sell"> |
| | | <span>{{ singDetails.nowPrice }}</span> |
| | |
| | | Kline |
| | | }, |
| | | created() { |
| | | |
| | | |
| | | const { query } = this.$route; |
| | | this.kLineDetails = query; |
| | | if (query.if_us == '1') { |
| | |
| | | if (data.status === 0) { |
| | | this.getOpation(); |
| | | this.optionBtn = false; |
| | | this.$message({ |
| | | message: this.$t('hj97'), |
| | | type: 'success' |
| | | }); |
| | | } else { |
| | | this.optionBtn = false; |
| | | this.$message({ |
| | | message: data.msg, |
| | | type: 'warning' |
| | | }); |
| | | message: data.msg, |
| | | type: 'warning' |
| | | }); |
| | | } |
| | | } else { |
| | | let data = await api.addOption({ code: this.kLineDetails.code }); |
| | | if (data.status === 0) { |
| | | this.getOpation(); |
| | | this.optionBtn = false; |
| | | this.$message({ |
| | | message: this.$t('hj96'), |
| | | type: 'success' |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | message: data.msg, |
| | | type: 'warning' |
| | | }); |
| | | message: data.msg, |
| | | type: 'warning' |
| | | }); |
| | | this.optionBtn = false; |
| | | } |
| | | } |
| | |
| | | await api.getSingleStock(opts).then(res => { |
| | | if (res.status === 0) { |
| | | this.singDetails = res.data.stock; |
| | | |
| | | |
| | | if (res.data.introduction) { |
| | | this.jianjie = res.data.introduction; |
| | | } else { |
| | |
| | | // setTimeout(() => { |
| | | // that.getSingDetailUs() |
| | | // }, 3000); |
| | | |
| | | |
| | | // } |
| | | if (res.status === 0) { |
| | | this.singDetails = res.data.stock; |
| | |
| | | font-size: 0.4546rem; |
| | | margin-top: 0.2rem; |
| | | padding: 0 0.3rem; |
| | | |
| | | span{ |
| | | |
| | | span { |
| | | font-weight: 700; |
| | | } |
| | | } |