hqchart 1.1.12693 → 1.1.12708

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

@@ -1,19 +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'
-import '../../jscommon/umychart.resource/font/iconfont.css'
-
-if (!window.Promise) {  
-  window.Promise = Promise;  
-}  
-
-
-Vue.use(ElementUI,{ locale })
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

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

@@ -1,37 +0,0 @@
-<template>
-      <div style="width:755px;height:500px">
-          <!-- style="width:775px;height:520px" -->
-        <Stockdealcount :DefaultSymbol="Symbol" :DefaultDate="date"></Stockdealcount>
-        <SearchSymbol  v-on:inputValue="clickButton"></SearchSymbol>
-      </div>
-    </template>
-    
-    <script>
-        import Stockdealcount from '../../jscommon/umychart.vue.components/stockdealcount.vue'      
-         import SearchSymbol from '../../jscommon/umychart.vue.components/searchsymbol.vue'   
-        export default {
-            components: {
-                Stockdealcount,SearchSymbol
-            },
-            data() {
-                return {
-                    Symbol:'',
-                    date: ''
-                }
-            },
-            created :function () {
-                this.Symbol = "600000.sh";
-                this.date = "20190122"
-            },
-            methods: {
-                clickButton(data){
-                   console.log(data); 
-                     this.Symbol = data;
-                },
-            },
-
-        }
-    </script>
-    
-    <style>
-    </style>

package/src/pages/stockdealcount.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/stockdeallastest.demo.page/App.vue

@@ -1,74 +0,0 @@
-<template>
-    <div id="app2" ref='app2'>
-        <div ref="dealwrap">
-            <StockDeal ref='stockdeal' :DealSymbol='Symbol' :DefaultStyle="Style"></StockDeal>
-        </div>
-        
-    </div>
-</template>
-    
-<script>
-    import StockDeal from '../../jscommon/umychart.vue.components/stockchartV2.vue'    
-    
-    export default 
-    {
-        data () 
-        {
-            var data=
-            {
-              Symbol:'300219.sz',
-              Style:0,
-            };
-
-            return data;
-        },   
-    
-        components: {StockDeal },
-    
-        created:function()
-        {
-            var symbol = this.GetURLParams('symbol');
-            if (symbol != null) this.Symbol = symbol;
-
-            var style=this.GetURLParams("style");
-            if (style=="black") this.Style=1;
-        },
-    
-        mounted:function()
-        {   
-            this.OnSize();
-    
-            var self=this;
-            window.onresize = function() { self.OnSize() }
-        },
-    
-    
-        methods:
-        {
-            OnSize:function()
-            {
-                var width = window.innerWidth;
-                var height = window.innerHeight;
-                var dealwrap = this.$refs.dealwrap;
-                dealwrap.style.width = width + 'px';
-                dealwrap.style.height = height + 'px';
-                this.$refs.stockdeal.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>
-    
-      
-    </style>
-    

package/src/pages/stockdeallastest.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/stockinfo.demo.page/App.vue

@@ -1,92 +0,0 @@
-<template>
-<div id="app2" >
-    <p>全屏宽度测试用例</p>
-    <StockInfo ref='stockinfo' IsShareStock=true></StockInfo>
-    <!-- <p>百分比宽度+默认股票测试用例</p>
-    <div id='app4' style="width:80%">
-        <StockInfo ref='stockinfo3' DefaultSymbol='399001.sz'></StockInfo> 
-    </div>
-
-    <p>固定宽度测试用例</p>
-    <div id="app3" style=" left:20px;width:600px; position: relative;"> 
-        <StockInfo ref='stockinfo2' IsShareStock=true></StockInfo> 
-    </div>
-
-
-    <StockTradeInfo ref='stocktradeinfo' IsShareStock=true></StockTradeInfo> -->
-
-</div>
-</template>
-
-<script>
-import StockInfo from '../../jscommon/umychart.vue.components/stockinfo.vue'
-import StockTradeInfo from '../../jscommon/umychart.vue.components/stocktradeinfo.demo.vue'
-
-export default 
-{
-    data () 
-    {
-        return {
-          JSStock:null,  //共享的股票数据类
-        }
-    },   
-
-    components: { StockInfo, StockTradeInfo },
-
-    created:function()
-    {
-        this.JSStock=StockInfo.JSCommonStock.JSStockInit(); //创建股票数据类
-    },
-
-    mounted:function()
-    {
-        console.log('[page::mounted]',this,this.$refs.stockinfo);
-        var stockInfo=this.$refs.stockinfo;
-        stockInfo.SetJSStock(this.JSStock); //绑定一个外部的stock ( 五档买卖盘和分笔数据可以共享这一个股票数据类)
-        stockInfo.SetChangeSymbolCallback(this.OnChangeSymbol); //股票切换以后通知
-        stockInfo.SetSymbol("000001.sz");
-        stockInfo.InitalStock();
-
-        // var tradeInfo=this.$refs.stocktradeinfo;
-        // tradeInfo.SetJSStock(this.JSStock); //绑定一个外部的stock
-        // tradeInfo.SetSymbol("000001.sz");
-        // tradeInfo.InitalStock();
-
-        // var stockInfo2=this.$refs.stockinfo2;
-        // stockInfo2.SetJSStock(this.JSStock); //绑定一个外部的stock ( 五档买卖盘和分笔数据可以共享这一个股票数据类)
-        // stockInfo2.SetChangeSymbolCallback(this.OnChangeSymbol); //股票切换以后通知
-        // stockInfo2.SetSymbol("600000.sh");
-        // stockInfo2.InitalStock();
-
-        this.JSStock.ReqeustData();
-
-        // var stockInfo3=this.$refs.stockinfo3;
-
-        var self=this;
-        window.onresize = function() { self.OnSize() }
-    },
-
-
-    methods:
-    {
-        OnChangeSymbol:function(symbol)
-        {
-
-        },
-        
-        OnSize:function()
-        {
-            this.$refs.stockinfo.OnSize();
-            // this.$refs.stockinfo2.OnSize();
-            // this.$refs.stockinfo3.OnSize();
-            // this.$refs.stocktradeinfo.OnSize();
-        }
-    }
-}
-
-</script>
-
-<style>
-
-  
-</style>

package/src/pages/stockinfo.demo.page/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <title>Zealink News</title>
-</head>
-
-<body>
-  <div id="app"></div>
-</body>
-
-</html>

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

@@ -1,19 +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'
-import '../../jscommon/umychart.resource/font/iconfont.css'
-
-if (!window.Promise) {  
-  window.Promise = Promise;  
-}  
-
-
-Vue.use(ElementUI,{ locale })
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

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

@@ -1,55 +0,0 @@
-<template>
-    <div id="app2" >
-        <div style="height:600px;">
-            <StockKLine ref='stockline' DefaultSymbol='000001.sz' DefaultPeriod='五日'></StockKLine>
-        </div>
-    </div>
-</template>
-
-<script>
-import StockKLine from '../../jscommon/umychart.vue.components/stockkline.demo.vue'
-
-export default 
-{
-    data () 
-    {
-        return {
-          JSStock:null,  //共享的股票数据类
-        }
-    },   
-
-    components: { StockKLine },
-
-    created:function()
-    {
-        
-    },
-
-    mounted:function()
-    {
-        var stockKLine=this.$refs.stockline;
-        var self=this;
-        window.onresize = function() { self.OnSize() }
-    },
-
-
-    methods:
-    {
-        OnChangeSymbol:function(symbol)
-        {
-
-        },
-        
-        OnSize:function()
-        {
-            this.$refs.stockline.OnSize();
-        }
-    }
-}
-
-</script>
-
-<style>
-
-  
-</style>

package/src/pages/stockkline.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/stockmultiorder.demo.page/App.vue

@@ -1,149 +0,0 @@
-  <template>
-  <div id="app2">
-    <div class="tab" ref="tab">
-      <span v-for="(tabItem,index) in SymbolsForTab" :class="{active:TabIndex == index}" @click="ChangeSymbol(tabItem.Symbol,index)" >{{tabItem.Text}}</span>
-    </div>
-    <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 tab = this.$refs.tab;
-            var divmultiorder = this.$refs.divmultiorder;
-            var orderHeight = height - tab.offsetHeight;
-            divmultiorder.style.width = width + "px";
-            divmultiorder.style.height = orderHeight + "px";
-            var stockmultiorder = this.$refs.stockmultiorder;
-            stockmultiorder.OnSize();
-        }
-    }
-};
-</script>
-
-<style scoped lang='less'>
-* 
-{
-  margin: 0;
-  padding: 0;
-}
-
-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/stockmultiorder.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/stockmultiperiod.demo.page/App.vue

@@ -1,87 +0,0 @@
-<template>
-    <div>
-        <div ref='divstockinfo'>
-            <StockInfo ref='stockinfo' IsShareStock=1 :DefaultSymbol='Symbol'></StockInfo>
-        </div>
-        <div ref='divmulitperiod'>
-            <StockMultiPeriod ref='stockMultiPeriod' :DefaultShowPeriod='ShowPeriod' :DefaultSymbol='Symbol'></StockMultiPeriod>
-        </div>
-    </div>
-</template>
-
-<script>
-    import StockMultiPeriod from '../../jscommon/umychart.vue.components/stockmultiperiod.vue'
-    import StockInfo from '../../jscommon/umychart.vue.components/stockinfo.vue'
-    
-    export default
-    {
-        data(){
-            return {
-                Symbol:'000001.sz',
-                JSStock:null
-            };
-        },
-        components:{StockMultiPeriod,StockInfo},
-
-        methods:
-        {
-            OnSize()
-            {
-                console.log(`[demo page::OnSize]`);
-                var width = document.documentElement.clientWidth || document.body.clientWidth;
-                var height = document.documentElement.clientHeight || document.body.clientHeight;
-                var divMultiPeriod=this.$refs.divmulitperiod;
-                var divstockinfo = this.$refs.divstockinfo;
-                var stockinfoHeight = divstockinfo.offsetHeight;
-                divMultiPeriod.style.width=width+'px';
-                divMultiPeriod.style.height=(height-stockinfoHeight)+'px';
-
-                var stockMultiPeriod = this.$refs.stockMultiPeriod;
-                stockMultiPeriod.OnSize();
-                var stockinfo = this.$refs.stockinfo;
-                stockinfo.OnSize();
-            },
-            OnChangeSymbol(symbol){
-                this.SetSymbol(symbol);
-            },
-            SetSymbol(symbol){
-                this.Symbol=symbol;
-                this.$refs.stockinfo.SetSymbol(symbol);
-                this.JSStock.ReqeustData();
-
-                this.$refs.stockMultiPeriod.ChangeSymbol(symbol);
-            }
-        },
-
-        created()
-        {
-            this.JSStock=StockInfo.JSCommonStock.JSStockInit(); //创建股票数据类
-            this.ShowPeriod = [
-                                { Period:StockMultiPeriod.STOCK_PERIOD.PERIOD_MINUTE_ID},
-
-                                { Period:StockMultiPeriod.STOCK_PERIOD.PERIOD_KLINE_DAY_ID},
-                                { Period:StockMultiPeriod.STOCK_PERIOD.PERIOD_KLINE_WEEK_ID},
-                                //{ Period:STOCK_PERIOD.PERIOD_KLINE_MONTH_ID },
-                               // { Period:STOCK_PERIOD.PERIOD_KLINE_YEAR_ID },
-
-                                //{ Period:STOCK_PERIOD.PERIOD_KLINE_MINUTE_ID},
-                                { Period:StockMultiPeriod.STOCK_PERIOD.PERIOD_KLINE_5_MINUTE_ID},
-                                //{ Period:STOCK_PERIOD.PERIOD_KLINE_15_MINUTE_ID},
-                               // { Period:STOCK_PERIOD.PERIOD_KLINE_30_MINUTE_ID }
-            ];
-        },
-        mounted(){
-            var stockInfo = this.$refs.stockinfo;
-            stockInfo.SetJSStock(this.JSStock);                         //绑定一个外部的stock ( 五档买卖盘和分笔数据可以共享这一个股票数据类)
-            stockInfo.SetChangeSymbolCallback(this.OnChangeSymbol);   //股票切换以后通知
-            stockInfo.SetSymbol(this.Symbol);
-            stockInfo.InitalStock();
-            this.JSStock.ReqeustData();
-            var _this = this;
-            this.OnSize();
-            window.onresize = function () {
-                _this.OnSize();
-            }
-        }
-    }
-</script>

package/src/pages/stockmultiperiod.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)
-})