hqchart 1.1.12693 → 1.1.12706

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

@@ -1,51 +0,0 @@
-<!-- 
-    空的模板文件
-  !-->
-
-<template>
-
-
-</template>
-
-
-
-
-
-<script>
-
-import JSCommonStock from "../umychart.vue/umychart.stock.vue.js";
-
-export default 
-{
-    name:'类名',
-    data()
-    {
-
-    },
-
-    props: 
-    [
-    ],
-
-    //创建
-    created:function()
-    {
-
-    },
-
-    mounted:function()
-    {
-
-    },
-
-    methods:
-    {
-    }
-}
-
-</script>
-
-<style>
-
-
-</style>

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

@@ -1,240 +0,0 @@
-<template>
-    <div class="divHistoryDayLine" ref='divHistoryDayLine'>
-        <table class="table" ref='daylinetable'>
-            <thead>
-                <tr>
-                    <th v-for='(item,index) in TheadTitle' :key='index'>{{item}}</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr v-for='(item,index) in PageData' :key="index+'d'">
-                    <td>{{item.Date}}</td>
-                    <td>{{item.MaxPrice}}</td>
-                    <td>{{item.Open}}</td>
-                    <td>{{item.MinPrice}}</td>
-                    <td>{{item.Close}}</td>
-                    <td>{{item.YClose}}</td>
-                    <td>{{item.Vol}}</td>
-                    <td>{{item.Amount}}</td>
-                </tr>
-            </tbody>
-        </table>
-        <div id="paginationWrap" ref="paginationWrap">
-            <el-pagination
-              @size-change="handleSizeChange"
-              @current-change="handleCurrentChange"
-              :current-page.sync="Pagination.CurrentPage"
-              :page-size="Pagination.PageSize"
-              layout="prev, pager, next, jumper"
-              :total="Pagination.Total"
-            ></el-pagination>
-        </div>
-    </div>
-</template>
-
-<script>
-    import JSCommonStock from "../umychart.vue/umychart.stock.vue.js"
-    import StringFormat from '../umychart.vue/stockstringformat.js'
-
-    function DefaultData(){}
-    DefaultData.GetPageData = function() {
-        let dataAry = [];
-        let dataObj = {
-            Date:'',
-            MaxPrice:'',
-            Open:'',
-            MinPrice:'',
-            Close:'',
-            YClose:'',
-            Vol:'',
-            Amount:''
-        }
-        dataAry.push(dataObj);
-        return dataAry;
-    }
-    export default {
-        JSCommonStock:JSCommonStock,
-        name: 'HistoryDayLine',
-        data() {
-            return {
-                // JSStock:null,
-                Symbol:'600000.sh',
-                HistoryData:null,
-                PageData:DefaultData.GetPageData(),
-                SomeDatesDay:[],
-                KLineDayData:[],
-                KLineWeekData:[],
-                KLineMonthData:[],
-                KLinePageData:[],
-                StartDate:20190102,
-                EndDate:20190528,
-                TheadTitle:['日期','最高价','开盘价','最低价','收盘价','昨收价','成交数量','成交金额'],
-                Pagination: {
-                    SingleTableCount: 0,
-                    CurrentPage: 1,
-                    PageSize: 50,
-                    Total: 10
-                }
-            }
-        },
-
-        props:
-        [
-            'DefaultSymbol',    //默认股票
-            'DefaultStartDate',
-            'DefaultEndDate',
-            'DefaultDateType'
-        ],
-
-        //创建
-        created: function () {
-            if (this.DefaultSymbol) this.Symbol = this.DefaultSymbol; //默认股票
-            if(this.DefaultStartDate) this.StartDate = this.DefaultStartDate;
-            if(this.DefaultEndDate) this.EndDate = this.DefaultEndDate;
-
-            this.HistoryData = JSCommonStock.JSStock.GetHistoryDayData(this.Symbol);
-            this.HistoryData.InvokeUpdateUICallback = this.HistoryDataCallback;
-            this.HistoryData.RequestData();
-            
-        },
-
-        mounted: function () {
-            this.OnSize();
-        },
-        watch:{
-            DefaultStartDate(val){
-                this.StartDate = val;
-                this.GetSomeDatesData();
-            },
-            DefaultEndDate(val){
-                this.EndDate = val;
-                this.GetSomeDatesData();
-            },
-            DefaultSymbol(val){
-                this.Symbol = val;
-                this.HistoryData = JSCommonStock.JSStock.GetHistoryDayData(this.Symbol);
-                this.HistoryData.InvokeUpdateUICallback = this.HistoryDataCallback;
-                this.HistoryData.RequestData();
-            },
-            DefaultDateType(val){
-                
-                var data = [];
-                switch(val){
-                    case '0':
-                        data = this.KLineDayData;
-                        break;
-                    case '1':
-                        data = this.KLineWeekData;
-                        break;
-                    case '2':
-                        data = this.KLineMonthData;
-                        break;
-                }
-                this.KLinePageData = data;
-                console.log('[historydayline::DefaultDateType]data:',data);
-                this.GetSomeDatesData();
-            },
-            'Pagination.PageSize': function(val){
-                var startIndex = (this.Pagination.CurrentPage - 1) * val;
-                var endIndex = this.Pagination.CurrentPage * val;
-                this.PageData = this.SomeDatesDay.slice(startIndex,endIndex);
-            }
-        },
-
-        methods: {
-            HistoryDataCallback(){
-                if(this.HistoryData.Data){
-                    var data = this.HistoryData.Data;
-                    this.KLineDayData = data.KLine;
-                    this.KLineWeekData = this.HistoryData.GetWeekData();
-                    this.KLineMonthData = this.HistoryData.GetMonthData();
-                    this.KLinePageData = this.KLineDayData;
-                    this.GetSomeDatesData();  
-                }
-
-            },
-            GetSomeDatesData(){
-                var data = this.KLinePageData;
-                this.SomeDatesDay.splice(0,this.SomeDatesDay.length);
-                for(let i = 0; i < data.length; i++){
-                    var item = data[i];
-                    if(item.Date >= this.StartDate && item.Date <= this.EndDate){
-                        var obj = {
-                            Date: item.Date,
-                            MaxPrice: StringFormat.StockStringFormat.FormatValueString(item.High,2),
-                            Open: StringFormat.StockStringFormat.FormatValueString(item.Open,2),
-                            MinPrice: StringFormat.StockStringFormat.FormatValueString(item.Low,2),
-                            Close: StringFormat.StockStringFormat.FormatValueString(item.Close,2),
-                            YClose: StringFormat.StockStringFormat.FormatValueString(item.YClose,2),
-                            Vol: item.Vol,
-                            Amount: StringFormat.StockStringFormat.FormatValueString(item.Amount,2)
-                        };
-                        this.SomeDatesDay.push(obj);
-                    }
-                }
-                this.Pagination.Total = this.SomeDatesDay.length;
-                this.PaginationTotalData(this.Pagination.CurrentPage);
-            },
-            handleSizeChange(val) {
-                console.log(`每页 ${val} 条`);
-            },
-            handleCurrentChange(val) {
-                this.Pagination.CurrentPage = val
-                this.PaginationTotalData(val);
-            },
-            PaginationTotalData(page){
-                var count = this.Pagination.PageSize;
-                var startIndex = (page - 1) * count;
-                var endIndex = page * count;
-                this.PageData = this.SomeDatesDay.slice(startIndex,endIndex);
-            },
-            OnSize(){
-                var divHistoryDayLine = this.$refs.divHistoryDayLine;
-                var paginationWrap = this.$refs.paginationWrap;
-                var width = divHistoryDayLine.clientWidth;
-                var height = divHistoryDayLine.clientHeight;
-                var paginationWrapHeight = paginationWrap.offsetHeight;
-                var theadHeight = 28;
-                var borderWidth = 1;
-                var tdHeight = 24;
-                var dataHeight = height - theadHeight - borderWidth*1 - paginationWrapHeight;
-                var dataCount = parseInt(dataHeight / (tdHeight + borderWidth));
-
-                this.Pagination.PageSize = dataCount;
-            }
-        }
-    }
-</script>
-
-<style scoped lang='less'>
-*{margin: 0;padding: 0;}
-.divHistoryDayLine{
-    width: 100%;
-    height: 100%;
-    font: 14px "Microsoft Yahei";
-    @border: 1px solid #ccc;
-    .table{
-        border-spacing: 0;
-        border-collapse: collapse;
-        width: 100%;
-        thead>tr>th,thead>tr>td,tbody>tr>td{
-            border: @border;
-            padding: 0 10px;
-        }
-        thead>tr>th,thead>tr>td{
-            height: 28px;
-            line-height: 28px;
-        }
-        tbody>tr>td{
-            height: 22px;
-            line-height: 22px;
-        }
-    }
-    #paginationWrap{
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-    }
-}
-
-</style>

package/src/jscommon/umychart.vue.components/jsloader.adddialog.vue

@@ -1,315 +0,0 @@
-<!-- 
-    添加动态加载组件对话框
--->
-<template>
-    <div class='dialogContainer'>
-        <div class="dialogWrap">
-            <div class="title">添加模块<span class='clostBtn' @click='CloseDialog'><i
-                        class='iconfont icon-drawicon_close'></i></span></div>
-            <div class="content">
-                <div class="choiceItem">
-                    <div class="typeText">
-                        <input type="radio" id='One' :value='Dialog.ChoiceData.MinutChartChoice.TypeText'
-                            v-model='BlockType'>
-                        <label for='One'>{{Dialog.ChoiceData.MinutChartChoice.TypeText}}</label>
-                    </div>
-                </div>
-                <div class="choiceItem">
-                    <div class="typeText">
-                        <input type="radio" id='Two' :value='Dialog.ChoiceData.KLineChoice.TypeText'
-                            v-model='BlockType'>
-                        <label for='Two'>{{Dialog.ChoiceData.KLineChoice.TypeText}}</label>
-                    </div>
-                    <p class='choices' v-show='Dialog.ChoiceData.KLineChoice.Tab1.length > 0'><span
-                            v-for='(choice,ind) in Dialog.ChoiceData.KLineChoice.Tab1' :key='ind'
-                            @click='ChoicebBlock(Dialog.ChoiceData.KLineChoice,Dialog.ChoiceData.KLineChoice.Tab1,ind)'
-                            :class='{seleCur:ind == choice.ActiveIndex}'>{{choice.Text}}</span></p>
-                    <p class='choices' v-show='Dialog.ChoiceData.KLineChoice.Tab2.length > 0'><span
-                            v-for='(choice,flag) in Dialog.ChoiceData.KLineChoice.Tab2' :key='flag'
-                            @click='ChoicebBlock(Dialog.ChoiceData.KLineChoice,Dialog.ChoiceData.KLineChoice.Tab2,flag)'
-                            :class='{seleCur:flag == choice.ActiveIndex}'>{{choice.Text}}</span></p>
-                </div>
-                <div class="choiceItem">
-                    <div class="typeText">
-                        <input type="radio" id='Three' :value='Dialog.ChoiceData.HqData.TypeText' v-model='BlockType'>
-                        <label for='Three'>{{Dialog.ChoiceData.HqData.TypeText}}</label>
-                    </div>
-                    <p class='choices'><span v-for='(choice,ind) in Dialog.ChoiceData.HqData.Tab1' :key='ind'
-                            @click='ChoicebBlock(Dialog.ChoiceData.HqData,Dialog.ChoiceData.HqData.Tab1,ind)'
-                            :class='{seleCur:ind == choice.ActiveIndex}'>{{choice.Text}}</span></p>
-                    <p class='choices' v-show='Dialog.ChoiceData.HqData.Tab2.length > 0'><span
-                            v-for='(choice,flag) in Dialog.ChoiceData.HqData.Tab2' :key='flag'
-                            @click='ChoicebBlock(Dialog.ChoiceData.HqData,Dialog.ChoiceData.HqData.Tab2,flag)'
-                            :class='{seleCur:flag == choice.ActiveIndex}'>{{choice.Text}}</span></p>
-                </div>
-            </div>
-            <div class="btns"><button type="button" @click='AddBlock'>确定</button></div>
-        </div>
-    </div>
-
-</template>
-
-
-
-
-
-<script>
-    import '../umychart.resource/font/iconfont.css'
-
-    function DefaultData() { }
-    DefaultData.BlockData=function(){
-        let data = {
-                    MinutChartChoice:{
-                        TypeText:'走势图',                        
-                        ClassName:'StockChart',
-                        RadioId:'One',
-                        Tab1:[
-                            // {Text:'走势图',ActiveIndex:-1}
-                        ],
-                        Tab2:[],
-                        IsShow:true,
-                        IsGoAdding:false
-                    },
-                    KLineChoice:{
-                        TypeText:'K线图',              
-                        ClassName:'StockChart',
-                        RadioId:'Two',
-                        Tab1:[
-                            {Text:'复权',ActiveIndex:-1},
-                            {Text:'不复权',ActiveIndex:-1}
-                        ],
-                        Tab2:[
-                            {Text:'日线',ActiveIndex:-1},
-                            {Text:'周线',ActiveIndex:-1},
-                            {Text:'月线',ActiveIndex:-1},
-                            {Text:'1分钟',ActiveIndex:-1},
-                            {Text:'5分钟',ActiveIndex:-1},
-                            {Text:'15分钟',ActiveIndex:-1}
-                        ],
-                        IsShow:true,
-                        IsGoAdding:false
-                    },
-                    HqData:{
-                        TypeText:'综合排名',
-                        ClassName:'StockOrder',
-                        RadioId:'Three',
-                        Tab1:[
-                            {Text:'沪深A股',ActiveIndex:-1},
-                            {Text:'上证A股',ActiveIndex:-1},
-                            {Text:'深证A股',ActiveIndex:-1},
-                            {Text:'创业板',ActiveIndex:-1}
-                        ],
-                        Tab2:[
-                            {Text:'涨幅排名',ActiveIndex:-1},
-                            {Text:'跌幅排名',ActiveIndex:-1}
-                        ],
-                        IsShow:true,
-                        IsGoAdding:false
-                    }
-                };
-        return data;
-    }
-    export default {
-        name: 'JSLoaderAddDialog',
-        data() {
-            return {
-                Dialog:{
-                    ChoiceData:DefaultData.BlockData()
-                },
-                BlockType:''
-            };
-        },
-
-        props: [],
-
-        //创建
-        created: function () {
-
-        },
-
-        watch:{
-            BlockType:function(val){
-                switch(val){
-                    case 'K线图':
-                        var tab1 = this.Dialog.ChoiceData.HqData.Tab1;
-                        var tab2 = this.Dialog.ChoiceData.HqData.Tab2;
-                        this.BackToNotSelect(tab1);
-                        this.BackToNotSelect(tab2);
-                        break;
-                    case '综合排名':
-                        var tab1 = this.Dialog.ChoiceData.KLineChoice.Tab1;
-                        var tab2 = this.Dialog.ChoiceData.KLineChoice.Tab2;
-                        this.BackToNotSelect(tab1);
-                        this.BackToNotSelect(tab2);
-                        break;
-                }
-            }
-        },
-
-        mounted: function () {
-
-        },
-
-        methods: {
-            CloseDialog(){
-                this.$emit('closedialog','');
-            },
-            BackToNotSelect(tabItem){ //设置选项为灰色
-                // console.log();
-                for(let i = 0; i < tabItem.length; i++){
-                    var choice = tabItem[i];
-                    choice.ActiveIndex = -1;  //取消选择
-                }
-            },
-            ChoicebBlock(choicetItem,tabItem,index){
-                console.log('[container::ChoicebBlock]index:',index);
-                var type = this.BlockType;
-                if(type == choicetItem.TypeText){
-                    for(let i = 0; i < tabItem.length; i++){
-                        var choice = tabItem[i];
-                        if(i == index && choice.ActiveIndex == -1){
-                            choice.ActiveIndex = index; //选中
-                        }else{
-                            choice.ActiveIndex = -1;  //取消选择
-                        }
-                    }
-                    
-                }else{
-                    this.BackToNotSelect(tabItem);
-                }
-                
-                
-            },
-            AddBlock(){
-                this.$emit('addblock',this.BlockType,this.Dialog.ChoiceData);
-            }
-        }
-    }
-</script>
-
-<style scoped lang='less'>
-    .dialogContainer {
-        font: 14px 'Microsoft Yahei';
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        left: 0;
-        top: 0;
-
-        .dialogWrap {
-            width: 490px;
-            height: 532px;
-            box-sizing: border-box;
-            position: absolute;
-            border: 5px solid rgba(0, 0, 0, .2);
-            background-color: #fff;
-            left: 50%;
-            margin-left: -245px;
-            top: 50%;
-            margin-top: -266px;
-
-            .title {
-                font-size: 16px;
-                font-weight: 700;
-                height: 40px;
-                line-height: 40px;
-                color: #fff;
-                text-align: center;
-                position: relative;
-                width: 100%;
-                background: #4192fe;
-                background: -webkit-linear-gradient(#71bafe, #4192fe);
-                background: -o-linear-gradient(#71bafe, #4192fe);
-                background: -moz-linear-gradient(#71bafe, #4192fe);
-                background: linear-gradient(#71bafe, #4192fe);
-
-                .clostBtn {
-                    width: 40px;
-                    height: 40px;
-                    text-align: center;
-                    position: absolute;
-                    top: 0;
-                    right: 0;
-                    cursor: pointer;
-                }
-            }
-
-            .content {
-                padding: 10px;
-                margin-bottom: 15px;
-
-                .choiceItem {
-                    margin-bottom: 10px;
-
-                    .typeText {
-                        height: 30px;
-
-                        >label {
-                            display: inline-block;
-                            height: 30px;
-                            line-height: 30px;
-                            color: #ea5405;
-                            font-size: 16px;
-                            font-weight: 700;
-                        }
-                    }
-
-                    .choices {
-                        height: 26px;
-                        margin-bottom: 8px;
-                        padding-left: 15px;
-
-                        >span {
-                            padding: 0 15px;
-                            height: 26px;
-                            line-height: 26px;
-                            color: #474747;
-                            font-size: 14px;
-                            margin-right: 10px;
-                            float: left;
-                            background: #eee;
-                            border-radius: 4px;
-                            cursor: pointer;
-                        }
-
-                        >span.seleCur {
-                            background: #ea5405;
-                            color: #fff;
-                        }
-
-                        >span:hover {
-                            background: #ea5405;
-                            color: #fff;
-                        }
-                    }
-                }
-            }
-
-            .btns {
-                height: 36px;
-
-                >button {
-                    width: 156px;
-                    height: 36px;
-                    line-height: 36px;
-                    display: block;
-                    margin: 0 auto;
-                    background: #067ff6;
-                    border: none;
-                    outline: none;
-                    background: -webkit-linear-gradient(left top, #3098fe, #067ff6);
-                    background: -o-linear-gradient(bottom right, #3098fe, #067ff6);
-                    background: -moz-linear-gradient(bottom right, #3098fe, #067ff6);
-                    background: linear-gradient(to bottom right, #3098fe, #067ff6);
-                    color: #fff;
-                    border-radius: 18px;
-                    font: 16px 'Microsoft Yahei';
-                }
-
-                >button:hover {
-                    background: #ea5405;
-                }
-            }
-        }
-    }
-</style>

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

@@ -1,93 +0,0 @@
-<!-- 
-    动态加载组件
--->
-
-<script>
-
-function JSLoaderPath() {}
-
-    
-
-JSLoaderPath.GetFileName=function(className)
-{
-    var pathMap=new Map(
-    [
-        ['StockChart', 'stockchart.vue'],
-        ['StockOrder', 'stockorder.vue'],
-    ]);
-
-    if (pathMap.has(className)) return pathMap.get(className);
-
-    return null;
-}
-
-
-export default 
-{
-    name:'JSLoader',
-
-    props: 
-    [
-        'ClassName',        //控件名称
-        'CreateComplete',   //创建完成事件回调
-        'DefaultSymbol',    //默认代码
-        'DefaultOption',    //配置信息
-    ], 
-
-    created() 
-    {   
-        //动态注册组件
-        switch(this.ClassName)
-        {
-            case 'StockChart':
-                this.$options.components[this.ClassName] = require('./stockchart.vue');
-                break;
-            case 'StockOrder':
-                this.$options.components[this.ClassName] = require('./stockorder.vue');
-                break;
-        }
-       
-        //var file=JSLoaderPath.GetFileName(this.ClassName);
-        //this.$options.components[this.ClassName] = require('./'+file);
-    },
-
-    render: function (createElement) 
-    {
-        console.log("[JSLoader::render] ", this.ClassName, this.DefaultSymbol, this.DefaultOption );
-        this.Control=createElement(this.ClassName, { props:{DefaultSymbol:this.DefaultSymbol, DefaultOption:this.DefaultOption} } );
-        return this.Control;
-    },
-
-    mounted:function()
-    {
-        console.log(`[JSLoader::mounted]`);
-        var self=this;
-        this.$nextTick(function () 
-        {
-            // Code that will run only after the
-            // entire view has been rendered
-            console.log(`[JSLoader::mounted::nextTick]`);
-            if (self.CreateComplete) self.CreateComplete(self); //创建完成 回调通知上层
-            self.GetControl().OnSize();      
-        });     
-    },
-
-    methods: 
-    {
-        GetControl:function()   //获取真正的控件实例
-        {
-            return this.Control.componentInstance;
-        },
-
-        ChangeSymbol:function(symbol)
-        {
-            switch(this.ClassName)
-            {
-                case 'StockChart':
-                    this.GetControl().ChangeSymbol(symbol);
-                    return;
-            }
-        }
-    }
-}
-</script>