hqchart 1.1.12693 → 1.1.12706

package/src/pages/index/index.js

@@ -1,7 +0,0 @@
-import Vue from 'vue'
-import App from './App.vue'
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

package/src/pages/indexHq/App.vue

@@ -1,110 +0,0 @@
-<template>
-    <div id="app" >
-        <ul class="menu-box">
-            <li :class="Menu.Index == index?'activeLi':''" v-for="(item,index) in Menu.List" 
-            :key="index">{{item.name}}</li>
-        </ul>
-        <div class="content-box">
-            <div class="box box1"></div>
-            <div class="box box1"></div>
-            <div class="box box1"></div>
-            <div class="box box1"></div>
-            <div class="box box1"></div>
-            <div class="box box1"></div>
-            <div class="box box1"></div>
-            <div class="box box2"></div>
-            <div class="box box3"></div>
-        </div>
-    </div>
-</template>
-
-<script>
-import $ from 'jquery'
-
-export default 
-{
-    data () 
-    {
-        return {
-          Menu:{
-              List:
-              [
-                {name:'行情首页', value: 0},
-                {name:'沪深个股', value: 1},
-                {name:'沪深板块', value: 2},
-                {name:'沪深指数', value: 3},
-                {name:'沪深详情', value: 4},
-                {name:'基金行情', value: 5},
-                {name:'债券行情', value: 6},
-                {name:'港股市场', value: 7}
-              ],
-              Index:0,
-          },
-        }
-    },   
-
-    components: {  },
-
-    created:function()
-    {
-        
-    },
-
-    mounted:function()
-    {
-        
-    },
-
-
-    methods:
-    {
-        
-    }
-}
-
-</script>
-
-<style lang="less">
-html,body{height: 100%;}
-
-#app{
-    width: 100%;
-    height: 100%;
-    display: flex;
-    .menu-box{
-        width: 129px;
-        height: 100%;
-        background-color: #212121;
-        box-sizing: border-box;
-        border: 2px solid #000000;
-        li{
-            height: 34px;
-            line-height: 34px;
-            font-family: MicrosoftYaHei;
-            font-size: 14px;
-            color: #d8d8d8;
-            text-indent: 24px;
-            border-bottom: 2px solid #000000;
-            list-style: none;
-        }
-        .activeLi{
-            color: #fa9a05;
-        }
-    }
-    .content-box{
-        width: calc(100% - 129px);
-        height: 100%;
-        background-color: #1c1d21;
-        box-sizing: border-box;
-        display: inline-block;
-        .box{
-            float: left;
-            width: 33.3%;
-            height: 33.3%;
-            border: 1px solid #000000;
-            box-sizing: border-box;
-        }
-    }
-}
-  
-</style>

package/src/pages/indexHq/index.js

@@ -1,18 +0,0 @@
-import Promise from 'promise-polyfill'
-import Vue from 'vue'
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-default/index.css';
-import locale from 'element-ui/lib/locale/lang/en'
-import App from './App.vue'
-
-if (!window.Promise) {  
-  window.Promise = Promise;  
-}  
-
-
-Vue.use(ElementUI,{ locale })
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

package/src/pages/login.demo.page/App.vue

@@ -1,22 +0,0 @@
-<template>
-  <div >
-    <LoginComponent></LoginComponent>
-  </div>
-</template>
-
-<script>
-import LoginComponent from '../../jscommon/umychart.vue.components/login.vue'
-export default {
-  components: {
-    LoginComponent
-  },
-  data() {
-    return { };
-  },
-  methods: {
-   
-  }
-};
-</script>
-
-<style></style>

package/src/pages/login.demo.page/index.js

@@ -1,12 +0,0 @@
-import Vue from 'vue'
-import App from './app.vue'
-import Promise from 'promise-polyfill'
-
-if (!window.Promise) {  
-  window.Promise = Promise;  
-}
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

package/src/pages/queryContent.demo.page/App.vue

@@ -1,29 +0,0 @@
-<template>
-    <div>
-        <QueryContent ref='queryContent'></QueryContent>
-    </div>
-</template>
-<script>
-    import QueryContent from '../../jscommon/umychart.vue.components/queryContent.vue'
-    export default{
-        data(){
-            return {}
-        },
-        components:{QueryContent},
-        methods:{
-            OnSize(){
-                var queryContent = this.$refs.queryContent;
-                queryContent.OnSize();
-            }
-        },
-        mounted(){
-            var _this = this;
-            window.onresize = function () {
-                _this.OnSize();
-            }
-        }
-    }
-</script>
-
-<style>
-</style>

package/src/pages/queryContent.demo.page/index.js

@@ -1,18 +0,0 @@
-import Promise from 'promise-polyfill'
-import Vue from 'vue'
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-default/index.css';
-import locale from 'element-ui/lib/locale/lang/en'
-import App from './App.vue'
-
-if (!window.Promise) {  
-  window.Promise = Promise;  
-}  
-
-
-Vue.use(ElementUI,{ locale })
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

package/src/pages/ranking.black/App.vue

@@ -1,199 +0,0 @@
-<template>
-  <div id="ranking-black">
-    <div class="divmultiorder" ref="divmultiorder" style="left:10px; position: absolute">
-      <StockMultiOrder ref="stockmultiorder" :DefaultSymbol="Symbol" :DefaultOrderFileds="OrderFileds" />
-    </div>
-  </div>
-</template>
-
-<script>
-  import StockMultiOrder from "../../jscommon/umychart.vue.components/stockmultiorder.vue";
-
-  export default
-  {
-    data()
-    {
-      return {
-        OrderFileds: null,
-        SymbolsForTab: [
-          { Symbol: "CNA.ci", Text: "沪深A股" },
-          { Symbol: "SHA.ci", Text: "上证A股" },
-          { Symbol: "SZA.ci", Text: "深证A股" },
-          { Symbol: "GEM.ci", Text: "创业板" },
-          { Symbol: "SME.ci", Text: "中小板" }
-        ],
-        TabIndex: 0,
-        Symbol: "CNA.ci"
-      };
-    },
-    components: { StockMultiOrder },
-
-    //创建
-    created: function()
-    {
-      this.OrderFileds = [
-        {
-          OrderFiled: StockMultiOrder.STOCK_FIELD_NAME.INCREASE,
-          Order: -1
-        }, //涨幅排名
-        {
-          OrderFiled: StockMultiOrder.STOCK_FIELD_NAME.RISEFALLSPEED_5,
-          Order: -1
-        },
-        {
-          OrderFiled: StockMultiOrder.STOCK_FIELD_NAME.RISEFALLSPEED_15,
-          Order: -1
-        }, //1分钟涨速排名
-
-        {
-          OrderFiled: StockMultiOrder.STOCK_FIELD_NAME.INCREASE,
-          Order: 1
-        }, //跌幅排名
-        {
-          OrderFiled: StockMultiOrder.STOCK_FIELD_NAME.RISEFALLSPEED_5,
-          Order: 1
-        }, //5分钟跌速排名
-        {
-          OrderFiled: StockMultiOrder.STOCK_FIELD_NAME.RISEFALLSPEED_15,
-          Order: 1
-        }, //5分钟振幅排名
-
-        {
-          OrderFiled: StockMultiOrder.STOCK_FIELD_NAME.MINUTE_AMPLITUDE_5,
-          Order: -1
-        }, //5分钟振幅排名
-        {
-          OrderFiled: StockMultiOrder.STOCK_FIELD_NAME.MINUTE_AMOUNT_5,
-          Order: -1
-        }, //5分钟成交金额排名
-        {
-          OrderFiled: StockMultiOrder.STOCK_FIELD_NAME.MINUTE_AMOUNT_15,
-          Order: -1
-        } //15分钟成交金额排名
-      ];
-    },
-
-    mounted: function()
-    {
-      this.OnSize();
-      var that = this;
-      window.onresize = function() { that.OnSize(); };
-    },
-
-    methods:
-      {
-        ChangeSymbol(symbol, index)
-        {
-          this.TabIndex = index;
-          this.Symbol = symbol;
-          var stockmultiorder = this.$refs.stockmultiorder;
-          stockmultiorder.ChangeSymbol(symbol);
-          // console.log(`[demo page] symbol: ${symbol}`);
-        },
-
-        OnSize()
-        {
-          var width = document.documentElement.clientWidth || document.body.clientWidth;
-          var height = document.documentElement.clientHeight || document.body.clientHeight;
-          width = width * 0.8;
-          height = height * 0.8;
-          var divmultiorder = this.$refs.divmultiorder;
-          var orderHeight = height;
-          divmultiorder.style.width = width + "px";
-          divmultiorder.style.height = orderHeight + "px";
-          var stockmultiorder = this.$refs.stockmultiorder;
-          stockmultiorder.OnSize();
-        }
-      }
-  };
-</script>
-
-<style lang='less'>
-  @borderColor: #2c3032;
-  @priceUpColor: #ff5c5c;
-  @priceDownColor: #39e365;
-  @textColor: #d2d978;
-  @captionColor: #919aa3;
-  @borderColor: #2c3032;
-  @bgColor: #141718;
-  @captionBgColor: #1e2325;
-  @activeBgColor: #2c5582;
-  @hoverBgColor: #26384f;
-  *
-  {
-    margin: 0;
-    padding: 0;
-  }
-  html, body {
-    height: 100%;
-    overflow: hidden;
-  }
-  #ranking-black {
-    height: 100%;
-    .divmultiorder {
-      left: 0 !important;
-      width: 100% !important;
-      height: 100% !important;
-      .divorders {
-        box-sizing: border-box;
-        border-color: @borderColor !important;
-        .divstockorder {
-          .rankingList {
-            background-color: @bgColor;
-            .table {
-              color: @textColor;
-              caption {
-                color: @captionColor;
-                border-color: @borderColor !important;
-                background-color: @captionBgColor !important;
-              }
-              tr:hover {
-                background-color: @hoverBgColor !important;
-              }
-              tr.active {
-                background-color: @activeBgColor !important;
-              }
-              .PriceUp {
-                color: @priceUpColor;
-              }
-              .PriceDown{
-                color: @priceDownColor;
-              }
-            }
-          }
-        }
-        .divideline {
-          background-color: @borderColor;
-        }
-      }
-    }
-  }
-
-  html,
-  body
-  {
-    .tab
-    {
-      font: 14px "Simsun";
-      /* display: inline-block; */
-      padding: 5px 0;
-      > span
-      {
-        display: inline-block;
-        line-height: 25px;
-        padding: 0 8px;
-        border: 1px solid #ccc;
-        margin-right: -1px;
-        cursor: pointer;
-      }
-      > span:last-child
-      {
-        margin-right: 0;
-      }
-      > span.active
-      {
-        color: blue;
-      }
-    }
-  }
-</style>

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

@@ -1,18 +0,0 @@
-import Promise from 'promise-polyfill'
-import Vue from 'vue'
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-default/index.css';
-import locale from 'element-ui/lib/locale/lang/en'
-import App from './App.vue'
-
-if (!window.Promise) {  
-  window.Promise = Promise;  
-}  
-
-
-Vue.use(ElementUI,{ locale })
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

package/src/pages/search.demo.page/App.vue

@@ -1,28 +0,0 @@
-<template>
-      <div>
-        <SearchSymbol  v-on:inputValue="clickButton"></SearchSymbol>
-      </div>
-    </template>
-    
-    <script>
-        import SearchSymbol from '../../jscommon/umychart.vue.components/searchsymbol.vue'      
-        import JSCommonStock from "../../jscommon/umychart.vue/umychart.stock.vue.js"
-        
-        export default {
-            components: {
-                SearchSymbol
-            },
-            data() {
-                return {}
-            },
-            methods: {
-                clickButton(data){
-                   console.log(data); 
-                },
-            },
-
-        }
-    </script>
-    
-    <style>
-    </style>

package/src/pages/search.demo.page/index.js

@@ -1,12 +0,0 @@
-import Promise from 'promise-polyfill'
-import Vue from 'vue'
-import App from './App.vue'
-
-if (!window.Promise) {  
-  window.Promise = Promise;  
-}
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

package/src/pages/simulatetrade.demo.page/app.vue

@@ -1,121 +0,0 @@
-<template>
-    <div class="hqSimulateWrap">
-        <div class='divstockfull'>
-            <StockFull ref='stockfull' DefaultPeriod='日线' :DefaultSymbol=this.Symbol :KLineOption=this.KLineOption
-                :MinuteOption=this.MinuteOption>
-            </StockFull>
-        </div>
-        <div class='simulateWrap' ref='simulateWrap'>
-            <SimulateTrade ref='simulatetrade' :DefaultUserID='userid' @selectRow='OnChangeSymbol' @selectedsymbol='OnChangeSymbol' @collapsediv='CollapseOnSize'></SimulateTrade>
-        </div>
-    </div>
-
-</template>
-
-<script>
-    import StockFull from '../../jscommon/umychart.vue.components/stockfull.vue'
-    import SimulateTrade from '../../jscommon/umychart.vue.components/simulatetrade.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 {
-        data() {
-            return {
-                KLineOption: CUSTOM_KLINE_OPTION,
-                MinuteOption: CUSTOM_MINUTE_OPTION,
-                Symbol: '000001.sz',
-                userid: 'lixq'
-            }
-        },
-        components: {
-            StockFull,
-            SimulateTrade
-        },
-        created() {
-            var symbol = this.GetURLParams('symbol');
-            if (symbol != null) this.Symbol = symbol;
-            if (this.GetURLParams('userid') != null) this.userid = this.GetURLParams('userid');
-        },
-        mounted() {
-            var simulatetrade = this.$refs.simulatetrade;
-            var stockfull=this.$refs.stockfull;
-
-            var self=this;
-            self.OnSize();
-            window.onresize = function () {
-                self.OnSize();
-            };
-
-        },
-        methods: {
-            CollapseOnSize(simulateHeight){
-                var simulateWrap= this.$refs.simulateWrap;
-                simulateWrap.style.height = simulateHeight + 'px';
-                this.OnSize();
-            },
-            OnChangeSymbol(symbol)
-            {
-                console.log(`[simulate demo::OnChangeSymbol] symbol=${symbol}`);
-                var stockfull = this.$refs.stockfull;
-                if(symbol != ''){
-                    stockfull.OnChangeSymbol(symbol);
-                }
-                
-            },
-            GetURLParams(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;
-            },
-            toggleSelection(rows) {
-                if (rows) {
-                    rows.forEach(row => {
-                        this.$refs.multipleTable.toggleRowSelection(row);
-                    });
-                } else {
-                    this.$refs.multipleTable.clearSelection();
-                }
-            },
-            handleSelectionChange(val) {
-                this.multipleSelection = val;
-            },
-            OnSize(){
-                var height= $(window).height();
-                var width = $(window).width();
-                $('.hqSimulateWrap').width(width);
-                $('.hqSimulateWrap').height(height);
-                var simulateWrapHeight = $('.simulateWrap').height();
-
-                $('.divstockfull').height(height-simulateWrapHeight);
-
-                this.$refs.stockfull.OnSize();
-                this.$refs.simulatetrade.OnSize();
-            }
-        }
-    }
-</script>

package/src/pages/simulatetrade.demo.page/index.js

@@ -1,17 +0,0 @@
-import Promise from 'promise-polyfill'
-import Vue from 'vue'
-import App from './app.vue'
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-default/index.css';
-import locale from 'element-ui/lib/locale/lang/en'
-
-if (!window.Promise) {  
-    window.Promise = Promise;  
-}
-
-Vue.use(ElementUI,{ locale })
-
-new Vue({
-    el: '#app',
-    render:h => h(App)
-})

package/src/pages/stockdeal.demo.page/App.vue

@@ -1,63 +0,0 @@
-  <template>
-      <div>
-          <div>
-              <button type="button" @click='ChoiceCount(100)'>>=100</button>
-              <button type="button" @click='ChoiceCount(500)'>>=500</button>
-              <button type="button" @click='ChoiceDate(20180506)'>20180506</button>
-              <button type="button" @click='ChoiceDate(20180509)'>20180509</button>
-              <button type="button" @click='ReverseData(true)'>倒序</button>
-          </div>
-          <div id='app2' style="width:1400px;height:500px;">
-              <StockDeal ref='stockdeal' :ChoiceIndex='CurrentChoiceIndex' :ChoiceDate='CurrentDate' :IsReverse='IsReverse'></StockDeal>
-          </div>
-      </div>
-  </template>
-
-
-
-
-
-  <script>
-      import StockDeal from '../../jscommon/umychart.vue.components/stockdeal.vue'
-
-      export default {
-          name: 'StockDealDemo',
-          data() {
-              return {
-                  CurrentChoiceIndex: '',
-                  CurrentDate: '20180508',
-                  IsReverse:false
-              };
-          },
-          components: {
-              StockDeal
-          },
-
-          props: [],
-
-          //创建
-          created: function () {
-
-          },
-
-          mounted: function () {
-              this.OnSize();
-          },
-
-          methods: {
-              ChoiceCount(count) {
-                this.CurrentChoiceIndex = count;
-              },
-              ChoiceDate(date){
-                  this.CurrentDate = date;
-              },
-              ReverseData(boo){
-                this.IsReverse = boo;
-              },
-              OnSize() {
-                  var stockdeal = this.$refs.stockdeal;
-                  stockdeal.OnSize();
-              }
-          }
-      }
-  </script>