| | |
| | | </template> |
| | | |
| | | <script> |
| | | let timerss = null; //定时器 |
| | | import * as echarts from "echarts"; |
| | | |
| | | import _ from "lodash"; |
| | | import HQChart from "hqchart"; |
| | | import "hqchart/src/jscommon/umychart.resource/css/tools.css"; |
| | |
| | | |
| | | VolChartHeight: 10, |
| | | chartType: "kline", |
| | | timerss: null, |
| | | isShow: false, |
| | | xData: [] |
| | | }; |
| | |
| | | |
| | | // this.CreateKLineChart(); |
| | | this.$nextTick(() => { |
| | | // this.timerss = setInterval(() => { |
| | | // timerss = setInterval(() => { |
| | | // this.CreateMinuteChart(); |
| | | this.CreateKLineChart(); |
| | | }); |
| | |
| | | }); |
| | | }, |
| | | beforeDestroy() { |
| | | clearInterval(this.timerss); // 在组件销毁前清除定时器 |
| | | this.timerss = null; |
| | | clearInterval(timerss); // 在组件销毁前清除定时器 |
| | | timerss = null; |
| | | this.clearTime(); |
| | | }, |
| | | methods: { |
| | |
| | | EastMoney.HQData.Log("[HQChartDemo::NetworkFilter] data", data); |
| | | |
| | | EastMoney.HQData.NetworkFilter(data, callback); |
| | | this.timerss = setInterval(() => { |
| | | timerss = setInterval(() => { |
| | | EastMoney.HQData.NetworkFilter(data, callback); |
| | | }, 3000); |
| | | }, |
| | |
| | | </van-col> |
| | | </van-row> |
| | | |
| | | <van-row |
| | | class="list_item" |
| | | v-for="i in list" |
| | | :key="i.id" |
| | | @click="toDetails(i)" |
| | | > |
| | | <van-row class="list_item" v-for="i in list" :key="i.id" @click="toDetails(i)"> |
| | | <van-col span="8" class="item_n"> |
| | | <div class="flex-start"> |
| | | <span class="i_icon">{{ i.stockGid }}</span> |
| | |
| | | </van-col> |
| | | <van-col span="8" class="item_n"> |
| | | <p class="flex-start">{{ i.orderNum }}</p> |
| | | <p |
| | | class="flex-start i_name" |
| | | :style="{ |
| | | color: |
| | | i.profitAndLose > 0 ? 'green' : i.profitAndLose < 0 ? 'red' : '' |
| | | }" |
| | | > |
| | | <p class="flex-start i_name" :style="{ |
| | | color: |
| | | i.profitAndLose > 0 ? 'green' : i.profitAndLose < 0 ? 'red' : '' |
| | | }"> |
| | | {{ i.profitAndLose }} ({{ i.profitAndLoseParent }}) |
| | | </p> |
| | | </van-col> |
| | |
| | | <van-col span="24" class="flex-start transaction_type"> |
| | | <span>{{ types[i.positionType] }}</span> |
| | | </van-col> |
| | | <van-col |
| | | span="24" |
| | | class="flex-between-start item_card" |
| | | v-if="i.positionType == 4" |
| | | > |
| | | <van-col span="24" class="flex-between-start item_card" v-if="i.positionType == 4"> |
| | | <div class="card_label"> |
| | | <p>{{ $t("建仓成本") }}</p> |
| | | <p>{{ i.orderTotalPrice }}</p> |
| | |
| | | <img src="@/assets/img/zhaobudao2.png" alt="" /> |
| | | </div> |
| | | |
| | | <n-pagination |
| | | :pageNo.sync="pageNum" |
| | | :pageSize="pageSize" |
| | | :total="total" |
| | | ></n-pagination> |
| | | <n-pagination :pageNo.sync="pageNum" :pageSize="pageSize" :total="total"></n-pagination> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | let times = null; // 计时器 |
| | | import tabHead from "@/components/tabHead.vue"; |
| | | import * as api from "@/axios/api"; |
| | | import nPagination from "@/components/nPagination.vue"; |
| | |
| | | watch: { |
| | | pageNum() { |
| | | this.getList(); |
| | | this.creatTimer(); |
| | | }, |
| | | active() { |
| | | this.pageNum = 1; |
| | | this.getList(); |
| | | this.creatTimer(); |
| | | } |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | this.creatTimer(); |
| | | }, |
| | | destroyed() { |
| | | this.stopTimer(); |
| | | }, |
| | | methods: { |
| | | // 获取数据 |
| | |
| | | path: "/Stockdetail", |
| | | query: { codes: i.positionSn } |
| | | }); |
| | | }, |
| | | // |
| | | stopTimer() { |
| | | if (times) { |
| | | clearInterval(times); |
| | | times = null; |
| | | } |
| | | }, |
| | | creatTimer() { |
| | | this.stopTimer() |
| | | times = setInterval(() => { |
| | | this.getList(); |
| | | }, 3000); |
| | | } |
| | | } |
| | | }; |
| | |
| | | background: #fff; |
| | | font-size: 10vw; |
| | | padding-bottom: 1.3rem; |
| | | |
| | | // padding-top: 1.4em; |
| | | /deep/ .van-tabs--line .van-tabs__wrap { |
| | | height: 1.2em; |
| | | } |
| | | |
| | | /deep/ .van-tab__text--ellipsis { |
| | | overflow: visible; |
| | | } |
| | | |
| | | /deep/ .van-tab { |
| | | font-size: 0.4em; |
| | | } |
| | | |
| | | /deep/ .van-tabs__line { |
| | | background-color: @green; |
| | | height: 0.1em; |
| | |
| | | color: #999; |
| | | font-size: 0.35em; |
| | | |
| | | & > p:last-child { |
| | | &>p:last-child { |
| | | color: #333; |
| | | margin-top: 0.15em; |
| | | } |
| | |
| | | .transaction_type { |
| | | color: #fff; |
| | | padding-top: 0.08em; |
| | | |
| | | span { |
| | | font-size: 0.3em; |
| | | background: @brown; |
| | |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | background: linear-gradient( |
| | | to right, |
| | | rgba(0, 0, 0, 0), |
| | | rgba(0, 0, 0, 0.8) |
| | | ); |
| | | background: linear-gradient(to right, |
| | | rgba(0, 0, 0, 0), |
| | | rgba(0, 0, 0, 0.8)); |
| | | text-align: end; |
| | | color: @red; |
| | | padding-right: 0.25em; |
| | |
| | | type="primary" |
| | | @click="onMax" |
| | | > |
| | | {{ $t("全部") }} |
| | | {{ $t("hj160") }} |
| | | </van-button> |
| | | </template> |
| | | </van-field> |