hqchart 1.1.12693 → 1.1.12706

package/src/pages/hqchart.black/index.js

@@ -1,30 +0,0 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
-import 'element-ui/lib/theme-default/index.css';
-import App from './app.vue'
-import timeShareChart from './router/timeShareChart.vue'
-import candlestickChart from './router/candlestickChart.vue'
-import stockDeallas from './router/stockDeallas.vue'
-import PricePointsTable from './router/pricePointsTable.vue'
-
-Vue.use(ElementUI, { locale })
-Vue.use(VueRouter)
-
-const routes = [
-  { path: '/', component: timeShareChart },
-  { path: '/candlestickChart', component: candlestickChart },
-  { path: '/stockDeallas', component: stockDeallas },
-  { path: '/pricePointsTable', component: PricePointsTable },
-];
-
-const router = new VueRouter({
-  routes 
-})
-
-new Vue({
-  el: '#app',
-  router,
-  render: h => h(App)
-})

package/src/pages/hqchart.black/router/candlestickChart.vue

@@ -1,108 +0,0 @@
-<template>
-    <div class='divstockfull'>
-        <StockFull ref='stockfull' DefaultPeriod='' :KlineType="0" :DefaultSymbol="Symbol" 
-            :KLineOption="KLineOption" :MinuteOption="MinuteOption" />
-    </div>
-</template>
-
-<script>
-import StockFull from '../components/stockfull.vue'
-import HQChart from '../../../jscommon/umychart.vue/umychart.vue'
-
-//定制K线设置
-const CUSTOM_KLINE_OPTION=
-{
-    Windows: //窗口指标
-    [
-        {Index:"MA"},
-        {Index:"MACD"},
-    ], 
-
-    //TradeIndex: {Index:'交易系统-BIAS'},    //交易系统
-    //ColorIndex:{ Index:'五彩K线-十字星'},     //五彩K线
-
-    KLine:
-    {
-        //Info:["公告","互动易","调研"],              //信息地雷
-        Right:0,                                   //复权 0 不复权 1 前复权 2 后复权
-    }
-}
-
-const CUSTOM_MINUTE_OPTION=
-{
-    Windows: //窗口指标
-    [
-        {Index:"RSI"},
-    ]
-}
-
-export default 
-{
-    props: ['Symbol'],
-    data () 
-    {
-        return {
-          KLineOption:CUSTOM_KLINE_OPTION,
-          MinuteOption:CUSTOM_MINUTE_OPTION
-        }
-    },   
-
-    components: { StockFull},
-
-    created:function()
-    {
-        var isLog=this.GetURLParams('log');
-        if (isLog=='false') 
-        {
-            HQChart.JSConsole.Chart.Log=()=>{}
-            HQChart.JSConsole.Complier.Log=()=>{}
-        }
-    },
-
-    mounted:function()
-    {
-        var stockfull=this.$refs.stockfull;
-
-        var self=this;
-        window.onresize = function() { self.OnSize() }
-
-        this.OnSize();
-    },
-
-
-    methods:
-    {
-        OnChangeSymbol:function(symbol)
-        {
-            this.$refs.stockfull.SetSymbol(symbol);
-        },
-        
-        OnSize:function()
-        {
-            var height= $(window).height();
-            var width = $(window).width();
-
-            $('.divstockfull').height(height);
-
-            this.$refs.stockfull.OnSize();
-        },
-
-        GetURLParams:function(name) 
-        {
-            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
-            var r = window.location.search.substr(1).match(reg);
-            if (r != null) return decodeURI(r[2]);
-            return null;
-        }
-    }
-}
-
-</script>
-
-<style>
-.divstockfull
-{
-    height:800px;
-}
-  
-</style>

package/src/pages/hqchart.black/router/pricePointsTable.vue

@@ -1,294 +0,0 @@
-<template>
-  <div class="price" ref="price">
-    <div class="price-head">
-      <div class="name-wrap">
-        <span class="name">{{Name}} {{Symbol}}</span>
-        <span>分价表</span>
-      </div>
-    </div>
-    <div class="price-content">
-      <div class='dealpricelist' v-for="item in [1, 2, 3, 4, 5, 6]" ref='dealpricelist' v-show='DealPriceData && DealPriceData.length > 0' ><!-- 分价表 -->
-        <table class='table'>
-          <thead>
-            <tr>
-              <th>价格</th>
-              <th>成交量</th>
-              <th>比例</th>
-              <th>竞买率</th>
-            </tr>
-          </thead>
-          <tbody>
-          <tr v-for='(item,index) in DealPriceData' :key='index+"dealprice"'>
-            <td :class='item.Price.Color'>{{item.Price.Text}}</td>
-            <td>{{item.Vol}}</td>
-            <td class="charts">
-              <span :style='item.Bar'>
-                <span class="buy" :style='item.BuyRate'></span>
-                <span class="none" :style='item.NoneRate'></span>
-                <span class="sell" :style='item.SellRate'></span>
-              </span>
-            </td>
-            <td>{{item.Rate}}</td>
-          </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import urlObj from '~/utils/urlObj'
-import $ from "jquery";
-import JSCommon from "~/jscommon/umychart.vue/umychart.vue.js";
-import JSCommonStock from "~/jscommon/umychart.vue/umychart.stock.vue.js";
-
-const tdHeight = 28;
-const minWidth = 200;
-export default {
-  props: ['Symbol'],
-  data () {
-    return {
-      Name: '',
-      DealPrice: {
-        Data:null,
-        JSStock: null //数据请求控制器
-      },
-      DealPriceData: null,
-      tbodyHeight: 0,
-      tbodyWidth: 0
-    }
-  },
-  created() {
-    if(!this.Symbol) {
-      this.Symbol = '000001.sz';
-    }
-    this.requestData();
-  },
-  methods: {
-    calculate() {
-      this.tbodyHeight = document.body.clientHeight - 32 - 26;
-      this.tbodyWidth = document.body.clientWidth - 26;
-      let col = Math.floor(this.tbodyHeight / tdHeight);
-      let totalRow = Math.floor(this.DealPriceData.length / col);
-      let pageRow = Math.floor(this.tbodyWidth / minWidth);
-      console.log(totalRow);
-      console.log(pageRow);
-      if(totalRow < pageRow) {
-        console.log('不能分这么多列');
-      }else {
-        console.log('可以分这么多列');
-      };
-    },
-    requestData() {
-      if (!this.DealPrice.JSStock) this.DealPrice.JSStock = JSCommonStock.JSStock.GetDealPriceListData();
-      let dealPrice = this.DealPrice.JSStock;
-      dealPrice.Symbol=this.Symbol;
-      dealPrice.UpdateUICallback = this.UpdateDealPrice;
-      dealPrice.IsAutoUpdate = true;
-      dealPrice.RequestData();
-    },
-    UpdateDealPrice:function(dealPrice)  //分价表
-    {
-      console.log('[StockTradeInfo::UpdateDealPrice]', dealPrice.Data);
-      this.Name = dealPrice.Data.Stock.Name;
-      var yClose = dealPrice.Data.Day.YClose;
-      var priceList = dealPrice.Data.PriceList;
-      var maxVol = 0;
-      for(let i = 0; i < priceList.length; ++i){
-        var item = priceList[i];
-        if(item.Vol > maxVol){
-          maxVol = item.Vol;
-        }
-      }
-      var tdWPer = 0.25;
-      var paddingRight = 5;
-      var barWidth = this.$refs.dealpricelist.clientWidth * tdWPer - paddingRight;
-      var data = [];
-      for(let i = 0; i < priceList.length; ++i){
-        var item = priceList[i];
-        var vol = item.Vol;
-        var buyRate = item.BuyVol / vol;
-        var sellRate = item.SellVol / vol;
-        var noneRate = item.NoneVol / vol;
-
-        var dealPriceObj = {};
-
-        var barStyle = {width:'20px'};
-        dealPriceObj.Price = {Text:JSCommon.IFrameSplitOperator.FormatValueString(item.Price,2),Color:'',Value:item.Price} ;
-        dealPriceObj.Vol = parseInt(item.Vol/100);
-        dealPriceObj.Rate = JSCommon.IFrameSplitOperator.FormatValueString(item.Proportion * 100, 2) + '%';
-        var color = JSCommon.IFrameSplitOperator.FormatValueColor(item.Price,yClose);
-        dealPriceObj.Price.Color = color;
-        dealPriceObj.WidthRate = item.Vol / maxVol;
-        var totalWidth = barWidth * dealPriceObj.WidthRate > 1 ? barWidth * dealPriceObj.WidthRate : 1;
-        barStyle.width = totalWidth + 'px';
-
-        var buyWidth = buyRate * totalWidth + 'px';
-        var sellWidth = sellRate * totalWidth + 'px';
-        var noneWidth = noneRate * totalWidth + 'px';
-        dealPriceObj.BuyRate = {width:buyWidth};
-        dealPriceObj.SellRate = {width:sellWidth};
-        dealPriceObj.NoneRate = {width:noneWidth};
-
-        dealPriceObj.Bar = barStyle;
-        data.push(dealPriceObj);
-      }
-      data.sort( (l,r) => r.Price.Value-l.Price.Value );
-      this.DealPriceData = data;
-      this.calculate();
-    },
-  }
-}
-</script>
-
-<style scoped lang="less" rel="stylesheet/less">
-  @captionColor: #919aa3;
-  @bgColor: #141718;
-  @borderColor: #292d2f;
-  @priceUpColor: #ff5c5c;
-  @priceDownColor: #39e365;
-  @priceNull: #fff;
-  @buyBgColor: #ff5c5c;
-  @noneBgColor: #71777f;
-  @sellBgColor: #39e365;
-
-  @tradingVolColor: #d8dfe7;
-  @hoverBgColor: #26384f;
-
-  @minWidth: 200px;
-  @maxWidth: 250px;
-
-  .price {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    color: @captionColor;
-    background-color: @bgColor;
-    overflow: hidden;
-    .price-head {
-      fonot-size: 16px;
-      border-bottom: 1px solid @borderColor;
-      box-sizing: border-box;
-      text-align: center;
-      .name-wrap {
-        height: 32px;
-        line-height: 32px;
-        .name {
-          margin-right: 16px;
-        }
-      }
-    }
-    .price-content {
-      display: flex;
-      font-size: 12px;
-      flex: 1;
-      .dealpricelist {
-        width: @minWidth;
-        box-sizing: border-box;
-        .table {
-          width: 100%;
-          border-right: 1px solid @borderColor;
-          box-sizing: border-box;
-          border-collapse: collapse;
-          thead {
-            th {
-              height: 26px;
-              line-height: 26px;
-              border-bottom: 1px solid @borderColor;
-              box-sizing: border-box;
-              &:nth-child(even) {
-                text-align: right;
-              }
-              &:nth-child(odd) {
-                text-align: left;
-              }
-              &:first-child {
-                padding-left: 10px;
-              }
-              &:nth-child(2) {
-                padding-right: 5px;
-              }
-              &:nth-child(3) {
-                padding-left: 5px;
-              }
-              &:last-child {
-                padding-right: 10px;
-              }
-            }
-          }
-          tbody {
-            tr {
-              &:hover {
-                background-color: @hoverBgColor;
-              }
-              td {
-                height: 28px;
-                line-height: 28px;
-                box-sizing: border-box;
-                &:nth-child(even) {
-                  text-align: right;
-                }
-                &:nth-child(odd) {
-                  text-align: left;
-                }
-                &:first-child {
-                  padding-left: 10px;
-                }
-                &:nth-child(2) {
-                  color: @tradingVolColor;
-                  padding-right: 5px;
-                }
-                &:nth-child(3) {
-                  padding-left: 5px;
-                }
-                &:last-child {
-                  color: @tradingVolColor;
-                  padding-right: 10px;
-                }
-                > span {
-                  vertical-align: middle;
-                  display: inline-block;
-                  height: 14px;
-                  > span {
-                    display: inline-block;
-                    height: 14px;
-                  }
-                  .buy {
-                    background-color: @buyBgColor;
-                  }
-                  .none {
-                    background-color: @noneBgColor;
-                  }
-                  .sell {
-                    background-color: @sellBgColor;
-                  }
-                }
-                &.PriceUp {
-                  color: @buyBgColor !important;
-                }
-                &.PriceNull {
-                  color: @noneBgColor !important;
-                }
-                &.PriceDown {
-                  color: @sellBgColor !important;
-                }
-                &.charts {
-                  display: flex;
-                  align-items: center;
-                  &>span {
-                    display: flex;
-                    align-items: center;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-
-</style>