hqchart 1.1.12693 → 1.1.12708

package/src/jscommon/umychart.vue.components/stockorder.vue

@@ -1,320 +0,0 @@
-<!-- 
-      个股排名
-!-->
-
-<template>
-    <div class="rankingList" ref='rankingList' style='width:100%;height:100%;'>
-        <table class='table'>
-            <caption ref='caption'>{{TableCaption}}</caption>
-            <tbody>
-                <tr v-for='(ranking,index) in BlockData.TableData' :key='index' @click='selectCurrRow(index)' :class='{active:RowIndex == index}'>
-                    <td>{{ranking.Name}}</td>
-                    <td :class='ranking.Price.Color'>{{ranking.Price.Text}}</td>
-                    <td :class='ranking.FieldValue.Color'>{{ranking.FieldValue.Text}}</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
-
-
-<script>
- 
-import $ from 'jquery'
-import JSCommonStock from '../umychart.vue/umychart.stock.vue.js'
-import DataFormat from '../umychart.vue/stockstringformat.js'
-
-function DefaultData(){}
-
-DefaultData.GetBlockName=function(symbol)
-{
-    let mapName=new Map([
-        ['CNA.ci','沪深A'],
-        ['SHA.ci','上证A'],
-        ['SZA.ci','深证A'],
-        ['GEM.ci','创业板'],
-        ['SME.ci','中小板'],
-    ]);
-    if (mapName.has(symbol)) return mapName.get(symbol);
-
-    return '';
-}
-
-export default 
-{
-    name: 'StockOrder',
-
-    props:
-    [
-        'DefaultOrderFiled',    //显示的周期
-        'DefaultOrder',         //默认排序方向
-        'DefaultSymbol',        //默认板块代码
-        'DefaultOption',        //默认排序方向+板块代码 (尽量使用这个默认值)
-    ],
-
-    STOCK_FIELD_NAME:JSCommonStock.STOCK_FIELD_NAME,    //把字段类型导出
-    
-    data() 
-    {
-        let data =
-        {
-            OrderFiled:JSCommonStock.STOCK_FIELD_NAME.INCREASE,      //排序字段
-            Symbol:'CNA.ci',    //板块代码
-            Order:-1,           //排序方向 -1 /1
-            JSStock: null,      //数据模块
-            BlockData:{MateData:[],TableData:[]},
-            TableCaption:'',
-            RowIndex:-1,
-            TableCount:15,
-            IsRate:true
-        }
-
-        return data;
-    },
-
-    created() 
-    {
-        if (this.DefaultOrderFiled) this.OrderFiled=this.DefaultOrderFiled;
-        if (this.DefaultOrder===-1 || this.DefaultOrder===1) this.Order=this.DefaultOrder;
-
-        if (this.DefaultOption)
-        {
-            if (this.DefaultOption.OrderFiled) this.OrderFiled=this.DefaultOption.OrderFiled;
-            if (this.DefaultOption.Order===-1 || this.DefaultOption.Order===1) this.Order=this.DefaultOption.Order;
-        }
-
-        if (this.DefaultSymbol) this.Symbol=this.DefaultSymbol;
-    },
-
-    mounted() 
-    {
-        this.OnSize();
-        this.JSStock = JSCommonStock.JSStock.GetBlockMember(this.Symbol);
-        this.InitalStock();
-        this.JSStock.RequestData();
-    },
-    methods: 
-    {
-        selectCurrRow(index){
-            this.RowIndex = index;
-        },
-        OnSize: function ()   //动态调整UI
-        {
-            var rankingList = this.$refs.rankingList;
-            var height = rankingList.clientHeight;
-            var width = rankingList.clientWidth;
-            var captionHeight = 26;
-            var mainHeight = height - captionHeight;
-            var lineHeight = 20;
-            this.TableCount = Math.floor(mainHeight / lineHeight);
-
-            if(this.JSStock) 
-            {
-                var oldPageSize=this.JSStock.PageSize;
-                if (this.TableCount>15) this.JSStock.PageSize=this.TableCount+5;
-                else this.JSStock.PageSize=15;
-
-                if (oldPageSize<this.TableCount) this.UpdateData(this.JSStock);
-                else this.JSStock.RequestData(); //重新请求
-            }
-        },
-
-        InitalStock:function()
-        {
-            this.JSStock.SetField([
-                JSCommonStock.STOCK_FIELD_NAME.SYMBOL, JSCommonStock.STOCK_FIELD_NAME.PRICE, 
-                JSCommonStock.STOCK_FIELD_NAME.NAME,JSCommonStock.STOCK_FIELD_NAME.YCLOSE,this.OrderFiled]);
-            this.JSStock.SetOrder(this.OrderFiled, this.Order);
-            this.JSStock.OrderNull=1;   //过滤掉null股票
-            this.JSStock.PageSize=15;
-            this.JSStock.UpdateUICallback = this.UpdateData;
-        },
-
-        ChangeSymbol:function(symbol)
-        {
-            console.log(`[stockorder::ChangeSymbol] symbol: ${symbol}`);
-            if (this.Symbol==symbol) return;
-            this.Symbol=symbol;
-            if (this.JSStock) 
-            {
-                this.JSStock.Stop();
-                this.JSStock.Symbol=this.Symbol;
-                this.JSStock.IsAutoUpdate=true;
-                this.JSStock.RequestData(); 
-            }
-        },
-
-        //数据到达
-        UpdateData: function (jsStock) 
-        {
-            console.log('[StockOrder::UpdateData] recv data', jsStock);
-            var aryData=[];
-            for(var i in jsStock.Data)
-            {
-                var item=jsStock.Data[i];
-                var name=item.Name;         //股票名称
-                var price=item.Price;       //最新价格
-                var yClose=item.YClose;     //前收盘价
-                var value;
-                switch(this.OrderFiled)
-                {
-                    case JSCommonStock.STOCK_FIELD_NAME.INCREASE: //涨幅
-                        this.TableCaption = '涨幅排名';
-                        this.IsRate = true;
-                        value=item.Increase;
-                        break;
-
-                    //分钟跌速
-                    case JSCommonStock.STOCK_FIELD_NAME.RISEFALLSPEED_1:
-                        this.TableCaption = '1分钟跌速排名';
-                        this.IsRate = true;
-                        value=item.RiseFallSpeed.M1;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.RISEFALLSPEED_3:
-                        this.TableCaption = '3分钟跌速排名';
-                        this.IsRate = true;
-                        value=item.RiseFallSpeed.M3;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.RISEFALLSPEED_5:
-                        this.TableCaption = '5分钟跌速排名';
-                        this.IsRate = true;
-                        value=item.RiseFallSpeed.M5;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.RISEFALLSPEED_10:
-                        this.TableCaption = '10分钟跌速排名';
-                        this.IsRate = true;
-                        value=item.RiseFallSpeed.M10;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.RISEFALLSPEED_15:
-                        this.TableCaption = '15分钟跌速排名';
-                        this.IsRate = true;
-                        value=item.RiseFallSpeed.M15;
-                        break;
-
-                    //振幅
-                    case JSCommonStock.STOCK_FIELD_NAME.MINUTE_AMPLITUDE_1:
-                        this.TableCaption = '1分钟振幅排名';
-                        this.IsRate = true;
-                        value=item.MinuteAmplitude.M1;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.MINUTE_AMPLITUDE_3:
-                        this.TableCaption = '3分钟振幅排名';
-                        this.IsRate = true;
-                        value=item.MinuteAmplitude.M3;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.MINUTE_AMPLITUDE_5:
-                        this.IsRate = true;
-                        this.TableCaption = '5分钟振幅排名';
-                        value=item.MinuteAmplitude.M5;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.MINUTE_AMPLITUDE_10:
-                        this.IsRate = true;
-                        this.TableCaption = '10分钟振幅排名';
-                        value=item.MinuteAmplitude.M10;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.MINUTE_AMPLITUDE_15:
-                        this.TableCaption = '15分钟振幅排名';
-                        this.IsRate = true;
-                        value=item.MinuteAmplitude.M15;
-                        break;
-
-                    //成交金额
-                    case JSCommonStock.STOCK_FIELD_NAME.MINUTE_AMOUNT_1:
-                        this.TableCaption = '1分钟成交金额排名';                    
-                        this.IsRate = false;
-                        value=item.MAmount.M1;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.MINUTE_AMOUNT_3:
-                        this.TableCaption = '3分钟成交金额排名';
-                        this.IsRate = false;
-                        value=item.MAmount.M3;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.MINUTE_AMOUNT_5:
-                        this.TableCaption = '5分钟成交金额排名';
-                        this.IsRate = false;
-                        value=item.MAmount.M5;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.MINUTE_AMOUNT_10:
-                        this.TableCaption = '10分钟成交金额排名';
-                        this.IsRate = false;
-                        value=item.MAmount.M10;
-                        break;
-                    case JSCommonStock.STOCK_FIELD_NAME.MINUTE_AMOUNT_15:
-                        this.TableCaption = '15分钟成交金额排名';
-                        this.IsRate = false;
-                        value=item.MAmount.M15;
-                        break;
-                }
-
-                this.TableCaption=DefaultData.GetBlockName(this.Symbol)+this.TableCaption;  //标题加上板块的名字
-                // console.log(`[StockOrder::UpdateData] name:${name} price:${price} yClose:${yClose} value:${value}`);
-                var item={ Name:'', Price:{Text:'',Color:''}, FieldValue:{Text:'',Color:''} };
-                item.Name = name;
-                item.Price.Text = DataFormat.StockStringFormat.FormatValueString(price,2);
-                item.Price.Color = DataFormat.StockStringFormat.FormatValueColor(price,yClose);
-                item.FieldValue.Text = this.IsRate ? DataFormat.StockStringFormat.FormatValueString(value,2) + '%' : DataFormat.StockStringFormat.FormatValueString(value,2);
-                item.FieldValue.Color = DataFormat.StockStringFormat.FormatValueColor(value,0);
-                aryData.push(item);
-
-                //TODO:判断目前的数组高度是否大于表格高度
-            }
-
-            this.BlockData.MateData=aryData;
-            this.BlockData.TableData = this.BlockData.MateData.slice(0,this.TableCount);
-        }
-    }
-        
-}
-
-
-</script>
-
-<style scoped lang='less'>
-    * {margin: 0;padding: 0;}
-    html,body,table {
-        font: 14px 'Simsun';
-        color: #333;
-    }
-    
-    .rankingList {
-        width: 100%;
-        height: 100%;
-        /* box-sizing: border-box;
-        border-right: 1px solid #ccc; */
-
-        .table {
-            width: 100%;
-            border-collapse:collapse;
-            border-spacing: 0;
-            caption 
-            {
-                /*border-top: 1px solid #ccc;*/
-                border-bottom: 1px solid #ccc;
-                line-height: 24px;
-                background-color: #ebebeb;
-
-            }
-            tr.active {
-                background-color: #edf1f3;
-            }
-            td,th {
-                line-height: 20px;
-                padding: 0 3px;
-                width: 33%;
-            }
-            tr>td:nth-of-type(2),tr>td:nth-of-type(3){
-                text-align: right;
-            }
-            /*tr>td:nth-of-type(3)
-            {
-                border-right: 1px solid #ccc;
-            }*/
-            .PriceUp {
-                color: red;
-            }
-            .PriceDown{
-                color: green;
-            }
-        }
-    }
-</style>

package/src/jscommon/umychart.vue.components/stocktradeinfo.demo.vue

@@ -1,250 +0,0 @@
-<!--
-    5档买卖盘,成交笔数
-!-->
-
-<template>
-    <div id="stockinfo">
-        <p>{{ Symbol }}</p>
-        <p>5档买卖盘,成交笔数</p>
-        <p>买一</p>
-        <p>{{BuyData[0].Vol.Text}}</p>
-        <p>卖一</p>
-        <p>{{SellData[0].Vol.Text}}</p>
-    </div>
-</template>
-
-<script type="text/javascript">
-
-import $ from 'jquery'
-import JSCommon from '../umychart.vue/umychart.vue.js'
-import JSCommonStock from '../umychart.vue/umychart.stock.vue.js'
-
-
-//默认数据输出
-class DefaultData
-{
-    static GetBuyData()
-    {
-        const data=
-        [
-            { Vol:{Text:''}, Price:{Text:'', Color:''} },
-            { Vol:{Text:''}, Price:{Text:'', Color:''} },
-            { Vol:{Text:''}, Price:{Text:'', Color:''} },
-            { Vol:{Text:''}, Price:{Text:'', Color:''} },
-            { Vol:{Text:''}, Price:{Text:'', Color:''} },
-        ];
-
-        return data;
-    }
-
-    static GetSellData()
-    {
-        return DefaultData.GetBuyData();
-    }
-
-    static GetTradeData()
-    {
-
-    }
-
-    static GetBookData()
-    {
-        
-    }
-}
-
-export default 
-{
-    JSCommonStock: JSCommonStock,
-
-    name:'StockTradeInfo',
-    props: 
-    [
-        'IsShareStock',     //是否共享使用一个Stock类,
-    ],
-
-    data()
-    {
-        let data=
-        { 
-            Symbol:'600000.sh',
-            ID:[ JSCommon.JSChart.CreateGuid(), JSCommon.JSChart.CreateGuid(), JSCommon.JSChart.CreateGuid()],   //[0]=买卖盘  [1]=分笔 [2]=委比委差
-            JSStock:null,
-
-            BuyData:DefaultData.GetBuyData(),       //买盘
-            SellData:DefaultData.GetSellData(),     //卖盘
-            IsBuySellInital:false, //第1次 需要初始化
-
-            TradeData:null, //分笔数据
-            IsTradeDataInital:false, //第1次 需要初始化
-
-            BookData:null, //委比委差数据
-        }
-
-        return data;
-    },
-
-    created:function()
-    {
-        
-    },
-
-    mounted:function()
-    {
-        console.log(`[StockTradeInfo::mounted] IsShareStock=${this.IsShareStock} ID=${this.ID}`);
-        if (this.IsShareStock==true)    //外部调用SetJSStock()设置， 内部不创建
-        {
-
-        }
-        else
-        {
-            this.JSStock=JSCommonStock.JSStockInit();
-        }
-    },
-
-    methods:
-    {
-        UpdateBuySell:function(id, arySymbol, dataType, jsStock)
-        {
-            if(arySymbol.indexOf(this.Symbol)<0) return;
-
-            let read = jsStock.GetStockRead(this.ID[0], this.UpdateBuySell);                     //获取一个读取数据类,并绑定id和更新数据方法
-            let aryBuy=read.Get(this.Symbol, JSCommonStock.STOCK_FIELD_NAME.BUY5);
-            let arySell=read.Get(this.Symbol, JSCommonStock.STOCK_FIELD_NAME.SELL5);
-            let yClose = read.Get(this.Symbol, JSCommonStock.STOCK_FIELD_NAME.YCLOSE);
-
-            if (!this.IsPlusNumber(yClose)) return;
-
-            if (this.IsBuySellInital==true && (id!=this.ID[0] || dataType!=JSCommonStock.RECV_DATA_TYPE.BUY_SELL_DATA)) return;
-
-            console.log('[StockTradeInfo::UpdateBuySell]', this.Symbol, aryBuy,arySell,yClose);
-            let buyData=DefaultData.GetBuyData();
-            for(var i in aryBuy)
-            {
-                var item=aryBuy[i];
-                var buyItem=buyData[i];
-                buyItem.Vol.Text=item.Vol.toString();
-            }
-            
-            let sellData=DefaultData.GetSellData();
-            for(var i in arySell)
-            {
-                var item=arySell[i];
-                var selItem=sellData[i];
-                selItem.Vol.Text=item.Vol.toString();
-            }
-
-            this.IsBuySellInital=true;  //已经初始化了
-            this.SellData=sellData;
-            this.BuyData=buyData;
-        },
-
-        UpdateTrade:function(id, arySymbol, dataType, jsStock)
-        {
-            if(arySymbol.indexOf(this.Symbol)<0) return;
-
-            let read = jsStock.GetStockRead(this.ID[1], this.UpdateTrade); //获取一个读取数据类,并绑定id和更新数据方法
-            let aryDeal={ Value:read.Get(this.Symbol, JSCommonStock.STOCK_FIELD_NAME.DEAL) };
-            let yClose = read.Get(this.Symbol, JSCommonStock.STOCK_FIELD_NAME.YCLOSE);
-
-            console.log('[StockTradeInfo::UpdateTrade]', this.Symbol,aryDeal,yClose);
-            if (!this.IsPlusNumber(yClose)) return;
-
-            if (id!=this.ID[1] || dataType!=JSCommonStock.RECV_DATA_TYPE.DEAL_DATA) return;
-        },
-
-        UpdateBookRate:function(id, arySymbol, dataType, jsStock)
-        {
-            if(arySymbol.indexOf(this.Symbol)<0) return;
-
-            let read = jsStock.GetStockRead(this.ID[2], this.UpdateBookRate); //获取一个读取数据类,并绑定id和更新数据方法
-            var bookRate={ Value:read.Get(this.Symbol, JSCommonStock.STOCK_FIELD_NAME.BOOK_RATE) } ; //委比
-            var bookDiffer={ Value:read.Get(this.Symbol, JSCommonStock.STOCK_FIELD_NAME.BOOK_DIFFER) };  //委差
-
-            if (id!=this.ID[2] || dataType!=JSCommonStock.RECV_DATA_TYPE.DERIVATIVE_DATA) return;
-            console.log('[StockTradeInfo::UpdateBookRate]', this.Symbol,bookRate,bookDiffer);
-        },
-
-        //设置外部共享的股票数据类
-        SetJSStock:function(jsStock)
-        {
-            this.JSStock=jsStock;
-        },
-
-        RequestData:function()
-        {
-            this.JSStock.RequestData();
-        },
-
-        //切换股票代码
-        SetSymbol:function(symbol)
-        {
-            if (this.Symbol==symbol) return;
-
-            var isIndexBackup=this.IsSHSZIndex();
-            this.Symbol=symbol;
-            var isIndex=this.IsSHSZIndex();   //是否是指数
-
-            console.log(`[StockTradeInfo::SetSymbol] symbol=${this.Symbol} isIndex=${isIndex} isIndexBackup=${isIndexBackup}`);
-
-            //TODO: 更新UI, 指数和个股显示字段不一样
-            if (isIndexBackup!=isIndex)
-            {
-
-            }
-
-            this.IsBuySellInital=false;
-            this.IsTradeDataInital=false;
-            this.InitalStock();     //订阅数据
-        },
-
-        //初始化
-        InitalStock:function()
-        {
-            if (this.IsSHSZIndex()) return; //指数没有买卖盘
-            
-            // 分成3个ID 分开取
-            let read = this.JSStock.GetStockRead(this.ID[0], this.UpdateBuySell);          //订阅买卖盘数据
-            read.SetQueryField(this.Symbol,[ JSCommonStock.STOCK_FIELD_NAME.BUY5,
-                                                JSCommonStock.STOCK_FIELD_NAME.SELL5,
-                                                JSCommonStock.STOCK_FIELD_NAME.YCLOSE]);
-
-            read= this.JSStock.GetStockRead(this.ID[1], this.UpdateTrade);               //订阅成交明细
-            read.SetQueryField(this.Symbol,[ JSCommonStock.STOCK_FIELD_NAME.DEAL,
-                                                JSCommonStock.STOCK_FIELD_NAME.YCLOSE]);
-
-            read= this.JSStock.GetStockRead(this.ID[2], this.UpdateBookRate);            //订阅委比委差
-            read.SetQueryField(this.Symbol,[  JSCommonStock.STOCK_FIELD_NAME.BOOK_RATE,
-                                                JSCommonStock.STOCK_FIELD_NAME.BOOK_DIFFER]);
-        },
-
-        //窗口变化UI自适应调整
-        OnSize:function()
-        {
-
-        },
-
-        IsSHSZIndex:function () 
-        {
-                return JSCommon.MARKET_SUFFIX_NAME.IsSHSZIndex(this.Symbol);
-        },
-
-        IsNumber:JSCommon.IFrameSplitOperator.IsNumber,          //是否是数值型
-        IsPlusNumber:JSCommon.IFrameSplitOperator.IsPlusNumber,  //是否是>0的数值型
-    }
-
-}
-
-
-</script>
-
-<style lang="less" scoped>
-*{
-  padding:0; margin: 0;
-}
-    
-ul,ol{
-  list-style:none;
-}
-</style>
-