注册页面的客服地址错误

zzzz

2024-03-28 91f9b7a3b7dfc4fe6b9b5008cfec4e18dfb6dcd5

 src/page/kline/components/kLine.vue

@@ -19,7 +19,7 @@
                  <el-menu-item v-for="subItem in item.Sub" :key='subItem.Code' :index="subItem.Code">{{subItem.Name}}</el-menu-item>
              </el-submenu>
          </el-menu>
    </div>-->
    </div> -->

    <div class="right" ref="right">
      <!-- <div class="rightTab" ref="rightTab">
@@ -43,7 +43,7 @@
                              @click="OnClickMinuteDayMenu(index, item)">{{ item.Name }}</div>
                      </div>
                  </div>
                  

        </div>-->

        <div class="contentBox">
@@ -52,22 +52,30 @@
                      <div class="btnGroup">
                          <div class="btn" v-for="(item) in KLineIndexMenu" :key="item.ID"
                              @click="ChangeKLineIndex(item)">{{ item.Name }}</div>
                      </div>
                      </div>:class="{ active: KLinePeriodIndex == index }"
          </div>-->
          <div class="periodWrap kline_periodWrap" ref="kline_periodWrap">
            <!-- DWM 分 -->
            <div class="btnGroup" style="position:relative">
              <div
                class="btn2"
                :class="{ active: KLinePeriodIndex == index }"
                v-for="(item, index) in KLinePeriodMenu"
                :class="{ active: KLinePeriodIndex == index }"
                :key="item.ID"
                @click="OnClickKLinePeriodMenu(index, item, 'kline')"
              >
              <!-- <div
                class="btn2"
                v-for="(item, index) in KLinePeriodMenu"
                :class="{ active: KLinePeriodIndex == index }"
                :key="item.ID"
                @click="index == 0 ? changeRightContent('minute') : OnClickKLinePeriodMenu(index, item, 'kline')"
              >
              > -->
                <span>{{ item.Name }}</span>
              </div>
              <div class="btn2" @click="isShow ? isShow = false : isShow = true">
                <div class="btn2" :class="KLinePeriodIndex === index ? 'active' : ''">
                <div class="btn2">
                  <!-- :class="KLinePeriodIndex === index ? 'active' : ''" -->
                  <img src="../../../assets/img/options.png" alt />
                </div>
              </div>
@@ -107,869 +115,870 @@
    </div>

    <!-- <div class="right" ref="kline_right" >
          

    </div>-->
  </div>
</template>

<script>
import _ from "lodash";
import HQChart from "hqchart";
import "hqchart/src/jscommon/umychart.resource/css/tools.css";
import "hqchart/src/jscommon/umychart.resource/font/iconfont.css";
import EastMoney from "../../../eastmoney/HQData.js";
import _ from 'lodash'
import HQChart from 'hqchart'
import 'hqchart/src/jscommon/umychart.resource/css/tools.css'
import 'hqchart/src/jscommon/umychart.resource/font/iconfont.css'
import EastMoney from '../../../eastmoney/HQData.js'
import i18n from '@/locales/index.js'
// 源码调试用
// import Chart from '../jscommon/umychart.vue/umychart.vue.js'
// import '../jscommon/umychart.resource/css/tools.css'
// import '../jscommon/umychart.resource/font/iconfont.css'
// var HQChart={ Chart:Chart };
HQChart.Chart.MARKET_SUFFIX_NAME.GetMarketStatus = function (symbol) {
  return 2
} // 一直交易
function DefaultData () {}

//源码调试用
//import Chart from '../jscommon/umychart.vue/umychart.vue.js'
//import '../jscommon/umychart.resource/css/tools.css'
//import '../jscommon/umychart.resource/font/iconfont.css'
//var HQChart={ Chart:Chart };
HQChart.Chart.MARKET_SUFFIX_NAME.GetMarketStatus = function(symbol) {
  return 2;
}; //一直交易

function DefaultData() {}

DefaultData.GetMinuteOption = function() {
DefaultData.GetMinuteOption = function () {
  var option = {
    Type: "分钟走势图", //创建图形类型
    //Type:'分钟走势图横屏',

    //窗口指标
    Type: '分钟走势图', // 创建图形类型
    // Type:'分钟走势图横屏',
    Language: 1, // 英文 'EN' 简体中文:'CN' 繁体中文："TC"
    // 窗口指标
    Windows: [
      // { Index:"KDJ", Modify: false, Change: true, Close: true},
      // { Index: "KDJ", Modify: false, Change: false, Close: false }
    ],

    Symbol: "AAPL.usa",
    IsAutoUpdate: true, //是自动更新数据
    Symbol: 'AAPL.usa',
    IsAutoUpdate: true, // 是自动更新数据
    AutoUpdateFrequency: 20000,
    DayCount: 1, //1 最新交易日数据 >1 多日走势图
    IsShowRightMenu: false, //是否显示右键菜单
    DayCount: 1, // 1 最新交易日数据 >1 多日走势图
    IsShowRightMenu: false, // 是否显示右键菜单
    CorssCursorTouchEnd: true,

    CorssCursorInfo: { Left: 1, Right: 1 },

    MinuteLine: {
      IsDrawAreaPrice: true, //是否画价格面积图
      IsShowAveragePrice: true //不显示均线
      IsDrawAreaPrice: true, // 是否画价格面积图
      IsShowAveragePrice: true // 不显示均线
    },

    //边框
    // 边框
    Border: {
      Left: 1, //左边间距
      Right: 1, //右边间距
      Left: 1, // 左边间距
      Right: 1, // 右边间距
      Top: 0,
      Bottom: 1,
      AutoRight: { Blank: 10, MinWidth: 40 },
      AutoLeft: { Blank: 10, MinWidth: 40 }
    },

    //子框架设置
    // 子框架设置
    // Height 是否显示成交量 柱状图 0 false
    Frame: [{ SplitCount: 5 }, { SplitCount: 3, Height: 0 }],

    //扩展图形
    // 扩展图形
    ExtendChart: [
      //{Name:'MinuteTooltip' }  //手机端tooltip
      // {Name:'MinuteTooltip' }  //手机端tooltip
    ]
  };
  }

  return option;
};
  return option
}

DefaultData.GetMinuteIndexMenu = function() {
DefaultData.GetMinuteIndexMenu = function () {
  var data = [
    { Name: "MACD", ID: "MACD", WindowIndex: 2 },
    { Name: "KDJ", ID: "KDJ", WindowIndex: 2 },
    { Name: "DMI", ID: "DMI", WindowIndex: 2 },
    { Name: "ROC", ID: "ROC", WindowIndex: 2 }
  ];
    { Name: 'MACD', ID: 'MACD', WindowIndex: 2 },
    { Name: 'KDJ', ID: 'KDJ', WindowIndex: 2 },
    { Name: 'DMI', ID: 'DMI', WindowIndex: 2 },
    { Name: 'ROC', ID: 'ROC', WindowIndex: 2 }
  ]

  return data;
};
  return data
}

DefaultData.GetKLineIndexMenu = function() {
DefaultData.GetKLineIndexMenu = function () {
  var data = [
    { Name: "MA", ID: "MA", WindowIndex: 0 },
    { Name: "BOLL", ID: "BOLL", WindowIndex: 0 },
    { Name: "MACD", ID: "MACD", WindowIndex: 1 },
    { Name: "KDJ", ID: "KDJ", WindowIndex: 1 },
    { Name: "DMI", ID: "DMI", WindowIndex: 1 },
    { Name: "ROC", ID: "ROC", WindowIndex: 1 }
  ];
    { Name: 'MA', ID: 'MA', WindowIndex: 0 },
    { Name: 'BOLL', ID: 'BOLL', WindowIndex: 0 },
    { Name: 'MACD', ID: 'MACD', WindowIndex: 1 },
    { Name: 'KDJ', ID: 'KDJ', WindowIndex: 1 },
    { Name: 'DMI', ID: 'DMI', WindowIndex: 1 },
    { Name: 'ROC', ID: 'ROC', WindowIndex: 1 }
  ]

  return data;
};
  return data
}

DefaultData.GetTestSymbolMenu = function() {
  //品种代码规则 ${东方财富品种代码}_${东方财富市场}.${HQChart内部市场后缀}
DefaultData.GetTestSymbolMenu = function () {
  // 品种代码规则 ${东方财富品种代码}_${东方财富市场}.${HQChart内部市场后缀}
  var data = [
    {
      Title: "美股",
      Icon: "",
      Title: '美股',
      Icon: '',
      Sub: [
        {
          Name: "网易",
          Code: "NTES_105.usa"
          Name: '网易',
          Code: 'NTES_105.usa'
        },
        {
          Name: "微软",
          Code: "MSFT_105.usa"
          Name: '微软',
          Code: 'MSFT_105.usa'
        },
        {
          Name: "亚马逊",
          Code: "AMZN_105.usa"
          Name: '亚马逊',
          Code: 'AMZN_105.usa'
        },
        {
          Name: "人人网",
          Code: "RENN_106.usa"
          Name: '人人网',
          Code: 'RENN_106.usa'
        },
        {
          Name: "滴滴",
          Code: "DIDI_106.usa"
          Name: '滴滴',
          Code: 'DIDI_106.usa'
        },
        {
          Name: "阿里巴巴",
          Code: "BABA_106.usa"
          Name: '阿里巴巴',
          Code: 'BABA_106.usa'
        },
        {
          Name: "知乎",
          Code: "ZH_106.usa"
          Name: '知乎',
          Code: 'ZH_106.usa'
        },
        {
          Name: "道琼斯",
          Code: "DJIA_100.usa"
          Name: '道琼斯',
          Code: 'DJIA_100.usa'
        },
        {
          Name: "标普500",
          Code: "SPX_100.usa"
          Name: '标普500',
          Code: 'SPX_100.usa'
        },
        {
          Name: "纳斯达克",
          Code: "NDX_100.usa"
          Name: '纳斯达克',
          Code: 'NDX_100.usa'
        }
      ]
    },
    {
      Title: "沪深A股",
      Icon: "",
      Title: '沪深A股',
      Icon: '',
      Sub: [
        {
          Name: "浦发银行",
          Code: "600000_1.sh"
          Name: '浦发银行',
          Code: '600000_1.sh'
        },
        {
          Name: "东方财富",
          Code: "300059_0.sz"
          Name: '东方财富',
          Code: '300059_0.sz'
        },
        {
          Name: "上证指数",
          Code: "000001_1.sh"
          Name: '上证指数',
          Code: '000001_1.sh'
        },
        {
          Name: "深证成指",
          Code: "399001_0.sz"
          Name: '深证成指',
          Code: '399001_0.sz'
        }
      ]
    },
    {
      Title: "北交所",
      Icon: "",
      Title: '北交所',
      Icon: '',
      Sub: [
        {
          Name: "凯添燃气",
          Code: "831010_0.bj"
          Name: '凯添燃气',
          Code: '831010_0.bj'
        },
        {
          Name: "驱动力",
          Code: "838275_0.bj"
          Name: '驱动力',
          Code: '838275_0.bj'
        },
        {
          Name: "齐鲁华信",
          Code: "830832_0.bj"
          Name: '齐鲁华信',
          Code: '830832_0.bj'
        },
        {
          Name: "苏轴股份",
          Code: "430418_0.bj"
          Name: '苏轴股份',
          Code: '430418_0.bj'
        }
      ]
    },
    {
      Title: "ETF基金",
      Icon: "",
      Title: 'ETF基金',
      Icon: '',
      Sub: [
        {
          Name: "50ETF基金",
          Code: "510800_1.sh"
          Name: '50ETF基金',
          Code: '510800_1.sh'
        },
        {
          Name: "上证180ETF",
          Code: "510180_1.sh"
          Name: '上证180ETF',
          Code: '510180_1.sh'
        },
        {
          Name: "恒生ETF",
          Code: "159920_0.sz"
          Name: '恒生ETF',
          Code: '159920_0.sz'
        },
        {
          Name: "创业板50ETF",
          Code: "159949_0.sz"
          Name: '创业板50ETF',
          Code: '159949_0.sz'
        }
      ]
    },
    {
      Title: "港股",
      Icon: "",
      Title: '港股',
      Icon: '',
      Sub: [
        {
          Name: "比亚迪股份",
          Code: "01211_116.hk"
          Name: '比亚迪股份',
          Code: '01211_116.hk'
        },
        {
          Name: "招商银行",
          Code: "03968_116.hk"
          Name: '招商银行',
          Code: '03968_116.hk'
        },
        {
          Name: "汇丰控股",
          Code: "00005_116.hk"
          Name: '汇丰控股',
          Code: '00005_116.hk'
        },
        {
          Name: "长和",
          Code: "00001_116.hk"
          Name: '长和',
          Code: '00001_116.hk'
        },
        {
          Name: "恒生指数",
          Code: "HSI_100.hk"
          Name: '恒生指数',
          Code: 'HSI_100.hk'
        }
      ]
    },
    {
      Title: "外汇",
      Icon: "",
      Title: '外汇',
      Icon: '',
      Sub: [
        {
          Name: "美元兑加元",
          Code: "USDCAD_119.FOREX"
          Name: '美元兑加元',
          Code: 'USDCAD_119.FOREX'
        },
        {
          Name: "美元兑港币",
          Code: "USDHKD_119.FOREX"
          Name: '美元兑港币',
          Code: 'USDHKD_119.FOREX'
        },
        {
          Name: "美元兑欧元",
          Code: "USDEUR_119.FOREX"
          Name: '美元兑欧元',
          Code: 'USDEUR_119.FOREX'
        },
        {
          Name: "欧元兑英镑",
          Code: "EURGBP_119.FOREX"
          Name: '欧元兑英镑',
          Code: 'EURGBP_119.FOREX'
        },
        {
          Name: "美元指数",
          Code: "UDI_100.ET"
          Name: '美元指数',
          Code: 'UPI_100.ET'
        }
      ]
    },
    {
      Title: "上海期货交易所",
      Icon: "",
      Title: '上海期货交易所',
      Icon: '',
      Sub: [
        {
          Name: "沪铜主力",
          Code: "CUM_113.SHFE"
          Name: '沪铜主力',
          Code: 'CUM_113.SHFE'
        },
        {
          Name: "沪锡主力",
          Code: "SNM_113.SHFE"
          Name: '沪锡主力',
          Code: 'SNM_113.SHFE'
        },
        {
          Name: "沪金主力",
          Code: "AUM_113.SHFE"
          Name: '沪金主力',
          Code: 'AUM_113.SHFE'
        },
        {
          Name: "沪镍主力",
          Code: "NIM_113.SHFE"
          Name: '沪镍主力',
          Code: 'NIM_113.SHFE'
        },
        {
          Name: "橡胶主力",
          Code: "RUM_113.SHFE"
          Name: '橡胶主力',
          Code: 'RUM_113.SHFE'
        },
        {
          Name: "螺纹钢主力",
          Code: "RBM_113.SHFE"
          Name: '螺纹钢主力',
          Code: 'RBM_113.SHFE'
        },
        {
          Name: "沪银主力",
          Code: "AGM_113.SHFE"
          Name: '沪银主力',
          Code: 'AGM_113.SHFE'
        },
        {
          Name: "线材主力",
          Code: "WRM_113.SHFE"
          Name: '线材主力',
          Code: 'WRM_113.SHFE'
        },
        {
          Name: "沪铅主力",
          Code: "PBM_113.SHFE"
          Name: '沪铅主力',
          Code: 'PBM_113.SHFE'
        },
        {
          Name: "沪锌主力",
          Code: "ZNM_113.SHFE"
          Name: '沪锌主力',
          Code: 'ZNM_113.SHFE'
        },
        {
          Name: "石油沥青主力",
          Code: "BUM_113.SHFE"
          Name: '石油沥青主力',
          Code: 'BUM_113.SHFE'
        },
        {
          Name: "沪铝主力",
          Code: "ALM_113.SHFE"
          Name: '沪铝主力',
          Code: 'ALM_113.SHFE'
        },
        {
          Name: "燃油主力",
          Code: "FUM_113.SHFE"
          Name: '燃油主力',
          Code: 'FUM_113.SHFE'
        },
        {
          Name: "热轧卷板主力",
          Code: "HCM_113.SHFE"
          Name: '热轧卷板主力',
          Code: 'HCM_113.SHFE'
        },
        {
          Name: "纸浆主力",
          Code: "SPM_113.SHFE"
          Name: '纸浆主力',
          Code: 'SPM_113.SHFE'
        },
        {
          Name: "不锈钢主力",
          Code: "SSM_113.SHFE"
          Name: '不锈钢主力',
          Code: 'SSM_113.SHFE'
        }
      ]
    },
    {
      Title: "上海国际能源交易中心",
      Icon: "",
      Title: '上海国际能源交易中心',
      Icon: '',
      Sub: [
        {
          Name: "原油主力",
          Code: "SCM_142.SHFE"
          Name: '原油主力',
          Code: 'SCM_142.SHFE'
        },
        {
          Name: "20号胶主力",
          Code: "NRM_142.SHFE"
          Name: '20号胶主力',
          Code: 'NRM_142.SHFE'
        },
        {
          Name: "低硫燃油主力",
          Code: "LUM_142.SHFE"
          Name: '低硫燃油主力',
          Code: 'LUM_142.SHFE'
        },
        {
          Name: "国际铜主力",
          Code: "BCM_142.SHFE"
          Name: '国际铜主力',
          Code: 'BCM_142.SHFE'
        }
      ]
    },
    {
      Title: "大连商品交易所",
      Icon: "",
      Title: '大连商品交易所',
      Icon: '',
      Sub: [
        {
          Name: "玉米主力",
          Code: "CM_114.DCE"
          Name: '玉米主力',
          Code: 'CM_114.DCE'
        },
        {
          Name: "豆一主力",
          Code: "AM_114.DCE"
          Name: '豆一主力',
          Code: 'AM_114.DCE'
        },
        {
          Name: "豆二主力",
          Code: "BM_114.DCE"
          Name: '豆二主力',
          Code: 'BM_114.DCE'
        },
        {
          Name: "豆粕主力",
          Code: "MM_114.DCE"
          Name: '豆粕主力',
          Code: 'MM_114.DCE'
        },
        {
          Name: "豆油主力",
          Code: "YM_114.DCE"
          Name: '豆油主力',
          Code: 'YM_114.DCE'
        },
        {
          Name: "棕榈油主力",
          Code: "PM_114.DCE"
          Name: '棕榈油主力',
          Code: 'PM_114.DCE'
        },
        {
          Name: "聚乙烯主力",
          Code: "LM_114.DCE"
          Name: '聚乙烯主力',
          Code: 'LM_114.DCE'
        },
        {
          Name: "聚氯乙烯主力",
          Code: "VM_114.DCE"
          Name: '聚氯乙烯主力',
          Code: 'VM_114.DCE'
        },

        {
          Name: "焦炭主力",
          Code: "JM_114.DCE"
          Name: '焦炭主力',
          Code: 'JM_114.DCE'
        },
        {
          Name: "焦煤主力",
          Code: "JMM_114.DCE"
          Name: '焦煤主力',
          Code: 'JMM_114.DCE'
        },
        {
          Name: "纤维板主力",
          Code: "FBM_114.DCE"
          Name: '纤维板主力',
          Code: 'FBM_114.DCE'
        },
        {
          Name: "胶合板主力",
          Code: "BBM_114.DCE"
          Name: '胶合板主力',
          Code: 'BBM_114.DCE'
        },
        {
          Name: "铁矿石主力",
          Code: "IM_114.DCE"
          Name: '铁矿石主力',
          Code: 'IM_114.DCE'
        },
        {
          Name: "鸡蛋主力",
          Code: "JDM_114.DCE"
          Name: '鸡蛋主力',
          Code: 'JDM_114.DCE'
        },

        {
          Name: "聚丙烯主力",
          Code: "PPM_114.DCE"
          Name: '聚丙烯主力',
          Code: 'PPM_114.DCE'
        },
        {
          Name: "玉米淀粉主力",
          Code: "CSM_114.DCE"
          Name: '玉米淀粉主力',
          Code: 'CSM_114.DCE'
        },
        {
          Name: "乙二醇主力",
          Code: "EGM_114.DCE"
          Name: '乙二醇主力',
          Code: 'EGM_114.DCE'
        },
        {
          Name: "粳米主力",
          Code: "RRM_114.DCE"
          Name: '粳米主力',
          Code: 'RRM_114.DCE'
        },
        {
          Name: "苯乙烯主力",
          Code: "EBM_114.DCE"
          Name: '苯乙烯主力',
          Code: 'EBM_114.DCE'
        },
        {
          Name: "LPG主力",
          Code: "PGM_114.DCE"
          Name: 'LPG主力',
          Code: 'PGM_114.DCE'
        },
        {
          Name: "生猪主力",
          Code: "LHM_114.DCE"
          Name: '生猪主力',
          Code: 'LHM_114.DCE'
        }
      ]
    },
    {
      Title: "郑州商品交易所",
      Icon: "",
      Title: '郑州商品交易所',
      Icon: '',
      Sub: [
        {
          Name: "强麦主力",
          Code: "WHM_115.CZC"
          Name: '强麦主力',
          Code: 'WHM_115.CZC'
        },
        {
          Name: "普麦主力",
          Code: "PMM_115.CZC"
          Name: '普麦主力',
          Code: 'PMM_115.CZC'
        },
        {
          Name: "一号棉花主力",
          Code: "CFM_115.CZC"
          Name: '一号棉花主力',
          Code: 'CFM_115.CZC'
        },
        {
          Name: "白糖主力",
          Code: "SRM_115.CZC"
          Name: '白糖主力',
          Code: 'SRM_115.CZC'
        },
        {
          Name: "PTA主力",
          Code: "TAM_115.CZC"
          Name: 'PTA主力',
          Code: 'TAM_115.CZC'
        },
        {
          Name: "菜油主力",
          Code: "OIM_115.CZC"
          Name: '菜油主力',
          Code: 'OIM_115.CZC'
        },
        {
          Name: "早籼稻主力",
          Code: "RIM_115.CZC"
          Name: '早籼稻主力',
          Code: 'RIM_115.CZC'
        },
        {
          Name: "甲醇主力",
          Code: "MAM_115.CZC"
          Name: '甲醇主力',
          Code: 'MAM_115.CZC'
        },
        {
          Name: "玻璃主力",
          Code: "FGM_115.CZC"
          Name: '玻璃主力',
          Code: 'FGM_115.CZC'
        },
        {
          Name: "菜籽主力",
          Code: "RSM_115.CZC"
          Name: '菜籽主力',
          Code: 'RSM_115.CZC'
        },
        {
          Name: "菜粕主力",
          Code: "RMM_115.CZC"
          Name: '菜粕主力',
          Code: 'RMM_115.CZC'
        },
        {
          Name: "粳稻主力",
          Code: "JRM_115.CZC"
          Name: '粳稻主力',
          Code: 'JRM_115.CZC'
        },
        {
          Name: "晚籼稻主力",
          Code: "LRM_115.CZC"
          Name: '晚籼稻主力',
          Code: 'LRM_115.CZC'
        },
        {
          Name: "硅铁主力",
          Code: "SFM_115.CZC"
          Name: '硅铁主力',
          Code: 'SFM_115.CZC'
        },
        {
          Name: "锰硅主力",
          Code: "SMM_115.CZC"
          Name: '锰硅主力',
          Code: 'SMM_115.CZC'
        },
        {
          Name: "动力煤主力",
          Code: "ZCM_115.CZC"
          Name: '动力煤主力',
          Code: 'ZCM_115.CZC'
        },
        {
          Name: "棉纱主力",
          Code: "CYM_115.CZC"
          Name: '棉纱主力',
          Code: 'CYM_115.CZC'
        },
        {
          Name: "苹果主力",
          Code: "APM_115.CZC"
          Name: '苹果主力',
          Code: 'APM_115.CZC'
        },
        {
          Name: "红枣主力",
          Code: "CJM_115.CZC"
          Name: '红枣主力',
          Code: 'CJM_115.CZC'
        },
        {
          Name: "尿素主力",
          Code: "URM_115.CZC"
          Name: '尿素主力',
          Code: 'URM_115.CZC'
        },
        {
          Name: "纯碱主力",
          Code: "SAM_115.CZC"
          Name: '纯碱主力',
          Code: 'SAM_115.CZC'
        },
        {
          Name: "短纤主力",
          Code: "PFM_115.CZC"
          Name: '短纤主力',
          Code: 'PFM_115.CZC'
        },
        {
          Name: "花生主力",
          Code: "PKM_115.CZC"
          Name: '花生主力',
          Code: 'PKM_115.CZC'
        }
      ]
    },
    {
      Title: "中国金融期货交易所",
      Icon: "",
      Title: '中国金融期货交易所',
      Icon: '',
      Sub: [
        {
          Name: "二债主力",
          Code: "TS-130130_8.CFE"
          Name: '二债主力',
          Code: 'TS-130130_8.CFE'
        },
        {
          Name: "五债主力",
          Code: "TF-050130_8.CFE"
          Name: '五债主力',
          Code: 'TF-050130_8.CFE'
        },
        {
          Name: "十债主力",
          Code: "T-110130_8.CFE"
          Name: '十债主力',
          Code: 'T-110130_8.CFE'
        },
        {
          Name: "上证主力",
          Code: "IH-070130_8.CFE"
          Name: '上证主力',
          Code: 'IH-070130_8.CFE'
        },
        {
          Name: "中证主力",
          Code: "IC-060130_8.CFE"
          Name: '中证主力',
          Code: 'IC-060130_8.CFE'
        },
        {
          Name: "沪深主力",
          Code: "IF-040130_8.CFE"
          Name: '沪深主力',
          Code: 'IF-040130_8.CFE'
        }
      ]
    },
    {
      Title: "芝加哥商业交易所",
      Icon: "",
      Title: '芝加哥商业交易所',
      Icon: '',
      Sub: [
        {
          Name: "小麦当月连续",
          Code: "ZW00Y_103.CBOT"
          Name: '小麦当月连续',
          Code: 'ZW00Y_103.CBOT'
        },
        {
          Name: "迷你小麦当月连续",
          Code: "XW00Y_103.CBOT"
          Name: '迷你小麦当月连续',
          Code: 'XW00Y_103.CBOT'
        },
        {
          Name: "玉米当月连续",
          Code: "ZC00Y_103.CBOT"
          Name: '玉米当月连续',
          Code: 'ZC00Y_103.CBOT'
        },
        {
          Name: "迷你玉米当月连续",
          Code: "XC00Y_103.CBOT"
          Name: '迷你玉米当月连续',
          Code: 'XC00Y_103.CBOT'
        },
        {
          Name: "大豆当月连续",
          Code: "ZS00Y_103.CBOT"
          Name: '大豆当月连续',
          Code: 'ZS00Y_103.CBOT'
        },
        {
          Name: "迷你大豆当月连续",
          Code: "XK00Y_103.CBOT"
          Name: '迷你大豆当月连续',
          Code: 'XK00Y_103.CBOT'
        },
        {
          Name: "豆油当月连续",
          Code: "ZL00Y_103.CBOT"
          Name: '豆油当月连续',
          Code: 'ZL00Y_103.CBOT'
        },
        {
          Name: "豆粕当月连续",
          Code: "ZM00Y_103.CBOT"
          Name: '豆粕当月连续',
          Code: 'ZM00Y_103.CBOT'
        },
        {
          Name: "燕麦当月连续",
          Code: "ZO00Y_103.CBOT"
          Name: '燕麦当月连续',
          Code: 'ZO00Y_103.CBOT'
        },
        {
          Name: "稻谷当月连续",
          Code: "ZR00Y_103.CBOT"
          Name: '稻谷当月连续',
          Code: 'ZR00Y_103.CBOT'
        },

        {
          Name: "小型纳指当月连续",
          Code: "NQ00Y_103.CBOT"
          Name: '小型纳指当月连续',
          Code: 'NQ00Y_103.CBOT'
        },
        {
          Name: "小型标普当月连续",
          Code: "ES00Y_103.CBOT"
          Name: '小型标普当月连续',
          Code: 'ES00Y_103.CBOT'
        },
        {
          Name: "小型道指当月连续",
          Code: "YM00Y_103.CBOT"
          Name: '小型道指当月连续',
          Code: 'YM00Y_103.CBOT'
        },

        {
          Name: "2年美国债当月连续",
          Code: "TU00Y_103.CBOT"
          Name: '2年美国债当月连续',
          Code: 'TU00Y_103.CBOT'
        },
        {
          Name: "5年美国债当月连续",
          Code: "FV00Y_103.CBOT"
          Name: '5年美国债当月连续',
          Code: 'FV00Y_103.CBOT'
        },
        {
          Name: "10年美国债当月连续",
          Code: "TY00Y_103.CBOT"
          Name: '10年美国债当月连续',
          Code: 'TY00Y_103.CBOT'
        },
        {
          Name: "30年美国债当月连续",
          Code: "US00Y_103.CBOT"
          Name: '30年美国债当月连续',
          Code: 'US00Y_103.CBOT'
        },
        {
          Name: "超国债当月连续",
          Code: "UL00Y_103.CBOT"
          Name: '超国债当月连续',
          Code: 'UL00Y_103.CBOT'
        }
      ]
    },
    {
      Title: "纽约商品交易所",
      Icon: "",
      Title: '纽约商品交易所',
      Icon: '',
      Sub: [
        {
          Name: "NYMEX原油",
          Code: "CL00Y_102.NYMEX"
          Name: 'NYMEX原油',
          Code: 'CL00Y_102.NYMEX'
        },
        {
          Name: "NYMEX铂金",
          Code: "PL00Y_102.NYMEX"
          Name: 'NYMEX铂金',
          Code: 'PL00Y_102.NYMEX'
        },
        {
          Name: "迷你原油",
          Code: "QM00Y_102.NYMEX"
          Name: '迷你原油',
          Code: 'QM00Y_102.NYMEX'
        },
        {
          Name: "NYMEX燃油",
          Code: "HO00Y_102.NYMEX"
          Name: 'NYMEX燃油',
          Code: 'HO00Y_102.NYMEX'
        },
        {
          Name: "NYMEX汽油",
          Code: "RB00Y_102.NYMEX"
          Name: 'NYMEX汽油',
          Code: 'RB00Y_102.NYMEX'
        },
        {
          Name: "NYMEX钯金",
          Code: "PA00Y_102.NYMEX"
          Name: 'NYMEX钯金',
          Code: 'PA00Y_102.NYMEX'
        },
        {
          Name: "热轧钢卷",
          Code: "HR00Y_102.NYMEX"
          Name: '热轧钢卷',
          Code: 'HR00Y_102.NYMEX'
        },
        {
          Name: "天然气",
          Code: "NG00Y_102.NYMEX"
          Name: '天然气',
          Code: 'NG00Y_102.NYMEX'
        }
      ]
    },
    {
      Title: "纽约商业期货交易所",
      Icon: "",
      Title: '纽约商业期货交易所',
      Icon: '',
      Sub: [
        {
          Name: "COMEX白银",
          Code: "SI00Y_101.COMEX"
          Name: 'COMEX白银',
          Code: 'SI00Y_101.COMEX'
        },
        {
          Name: "迷你白银",
          Code: "QI00Y_101.COMEX"
          Name: '迷你白银',
          Code: 'QI00Y_101.COMEX'
        },
        {
          Name: "微型黄金",
          Code: "MGC00Y_101.COMEX"
          Name: '微型黄金',
          Code: 'MGC00Y_101.COMEX'
        },
        {
          Name: "迷你黄金",
          Code: "QO00Y_101.COMEX"
          Name: '迷你黄金',
          Code: 'QO00Y_101.COMEX'
        },
        {
          Name: "COMEX黄金",
          Code: "GC00Y_101.COMEX"
          Name: 'COMEX黄金',
          Code: 'GC00Y_101.COMEX'
        },
        {
          Name: "COMEX铜",
          Code: "HG00Y_101.COMEX"
          Name: 'COMEX铜',
          Code: 'HG00Y_101.COMEX'
        }
      ]
    },
    {
      Title: "纽约期货交易所",
      Icon: "",
      Title: '纽约期货交易所',
      Icon: '',
      Sub: [
        {
          Name: "棉花当月连续",
          Code: "CT00Y_108.NYBOT"
          Name: '棉花当月连续',
          Code: 'CT00Y_108.NYBOT'
        }
      ]
    },
    {
      Title: "伦敦金属交易所",
      Icon: "",
      Title: '伦敦金属交易所',
      Icon: '',
      Sub: [
        {
          Name: "综合镍03",
          Code: "NI-LNKT_109.LME"
          Name: '综合镍03',
          Code: 'NI-LNKT_109.LME'
        },
        {
          Name: "综合铜03",
          Code: "CA-LCPT_109.LME"
          Name: '综合铜03',
          Code: 'CA-LCPT_109.LME'
        },
        {
          Name: "综合铝03",
          Code: "AH-LALT_109.LME"
          Name: '综合铝03',
          Code: 'AH-LALT_109.LME'
        },
        {
          Name: "综合锡03",
          Code: "SN-LTNT_109.LME"
          Name: '综合锡03',
          Code: 'SN-LTNT_109.LME'
        },
        {
          Name: "综合锌03",
          Code: "ZS-LZNT_109.LME"
          Name: '综合锌03',
          Code: 'ZS-LZNT_109.LME'
        },
        {
          Name: "综合铅03",
          Code: "PB-LLDT_109.LME"
          Name: '综合铅03',
          Code: 'PB-LLDT_109.LME'
        }
      ]
    },
    {
      Title: "东京商品交易所",
      Icon: "",
      Title: '东京商品交易所',
      Icon: '',
      Sub: [
        {
          Name: "日铂金当月连续",
          Code: "JPL00Y_111.TOCOM"
          Name: '日铂金当月连续',
          Code: 'JPL00Y_111.TOCOM'
        },
        {
          Name: "日白银当月连续",
          Code: "JAG00Y_111.TOCOM"
          Name: '日白银当月连续',
          Code: 'JAG00Y_111.TOCOM'
        },
        {
          Name: "日原油当月连续",
          Code: "JCO00Y_111.TOCOM"
          Name: '日原油当月连续',
          Code: 'JCO00Y_111.TOCOM'
        },
        {
          Name: "日煤油当月连续",
          Code: "JKE00Y_111.TOCOM"
          Name: '日煤油当月连续',
          Code: 'JKE00Y_111.TOCOM'
        },
        {
          Name: "日橡胶当月连续",
          Code: "JRU00Y_111.TOCOM"
          Name: '日橡胶当月连续',
          Code: 'JRU00Y_111.TOCOM'
        },
        {
          Name: "日黄金当月连续",
          Code: "JAU00Y_111.TOCOM"
          Name: '日黄金当月连续',
          Code: 'JAU00Y_111.TOCOM'
        },
        {
          Name: "日汽油当月连续",
          Code: "JGL00Y_111.TOCOM"
          Name: '日汽油当月连续',
          Code: 'JGL00Y_111.TOCOM'
        }
      ]
    },
    {
      Title: "美国洲际交易所",
      Icon: "",
      Title: '美国洲际交易所',
      Icon: '',
      Sub: [
        {
          Name: "布伦特原油当月连续",
          Code: "B00Y_112.IPE"
          Name: '布伦特原油当月连续',
          Code: 'B00Y_112.IPE'
        },
        {
          Name: "重柴油当月连续",
          Code: "G00Y_112.IPE"
          Name: '重柴油当月连续',
          Code: 'G00Y_112.IPE'
        }
      ]
    }
  ];
  ]

  return data;
};
  return data
}

DefaultData.GetKLineOption = function() {
// k形图
DefaultData.GetKLineOption = function () {
  var option = {
    Type: "历史K线图", //创建图形类型

    //窗口指标
    Type: '历史K线图', // 创建图形类型
    Language: 1, // 英文 'EN' 简体中文:'CN' 繁体中文："TC"
    // 窗口指标
    Windows: [
      { Index: "MA", Modify: true, Modify: false, Change: false, height: 20 },
      { Index: "ATR", Modify: false, Change: false, Close: false }
      // { Index: "MACD", Modify: true, Change: true, Close: false }
      { Index: 'MA', Modify: true, Change: false, height: 20 },
      // { Index: 'MA', Modify: true, Modify: false, Change: false, height: 20 },
      { Index: 'ATR', Modify: false, Change: false, Close: false }
      // { Index: 'MACD', Modify: true, Change: true, Close: false }
    ],
    Symbol: "600015.sh",
    IsAutoUpdate: true, //是自动更新数据
    Symbol: '600015.sh',
    IsAutoUpdate: true, // 是自动更新数据
    AutoUpdateFrequency: 15000,
    IsApiPeriod: true,
    IsShowRightMenu: false, //是否显示右键菜单
    //CorssCursorTouchEnd:true,
    IsShowRightMenu: false, // 是否显示右键菜单
    // CorssCursorTouchEnd:true,

    KLine: {
      DragMode: 1, //拖拽模式 0 禁止拖拽 1 数据拖拽 2 区间选择
      Right: 0, //复权 0 不复权 1 前复权 2 后复权
      Period: 0, //周期 0 日线 1 周线 2 月线 3 年线
      MaxReqeustDataCount: 1000, //数据个数
      PageSize: 60, //一屏显示多少数据
      KLineDoubleClick: false, //双击分钟走势图
      IsShowTooltip: true, //是否显示K线提示信息
      DragMode: 1, // 拖拽模式 0 禁止拖拽 1 数据拖拽 2 区间选择
      Right: 0, // 复权 0 不复权 1 前复权 2 后复权
      Period: 0, // 周期 0 日线 1 周线 2 月线 3 年线
      MaxReqeustDataCount: 1000, // 数据个数
      PageSize: 60, // 一屏显示多少数据
      KLineDoubleClick: false, // 双击分钟走势图
      IsShowTooltip: true, // 是否显示K线提示信息
      DrawType: 0,
      RightSpaceCount: 2
    },

    CorssCursorInfo: { Left: 0, Right: 1 },

    //标题设置
    // 标题设置
    KLineTitle: {
      IsShowName: false, //不显示股票名称
      IsShowSettingInfo: false, //不显示周期/复权
      IsShowName: false, // 不显示股票名称
      IsShowSettingInfo: false, // 不显示周期/复权
      isShowDateTime: true
    },

    //边框
    // 边框
    Border: {
      Left: 1, //左边间距
      Right: 1, //右边间距
      Left: 1, // 左边间距
      Right: 1, // 右边间距
      Top: 0,
      Bottom: 15,
      AutoRight: { Blank: 10, MinWidth: 40 }
    },

    //子框架设置
    // 子框架设置
    Frame: [
      {
        SplitCount: 5,
@@ -978,7 +987,7 @@
        Custom: [
          {
            Type: 0,
            Position: "right"
            Position: 'right'
          }
        ]
      },
@@ -986,53 +995,60 @@
      { SplitCount: 3, IsShowLeftText: false }
    ],

    //扩展图形
    // 扩展图形
    ExtendChart: [
      //{ Name:'KLineTooltip' },  //手机端tooltip
      // { Name:'KLineTooltip' },  //手机端tooltip
    ]
  };
  }

  return option;
};
  return option
}

DefaultData.GetMinuteDayMenu = function() {
DefaultData.GetMinuteDayMenu = function () {
  var data = [
    { Name: "1D", ID: 1 },
    { Name: "2D", ID: 2 },
    { Name: "3D", ID: 3 },
    { Name: "4D", ID: 4 },
    { Name: "5D", ID: 5 }
  ];
    { Name: '1D', ID: 1 },
    { Name: '2D', ID: 2 },
    { Name: '3D', ID: 3 },
    { Name: '4D', ID: 4 },
    { Name: '5D', ID: 5 }
  ]

  return data;
};
  return data
}

DefaultData.GetKLinePeriodMenu = function() {
DefaultData.GetKLinePeriodMenu = function () {
  var data = [
    { Name: "分时", ID: 3 },
    { Name: "天", ID: 0 },
    { Name: "周", ID: 1 },
    { Name: "月", ID: 2 },
    { Name: "1分", ID: 4 },
    { Name: "5分", ID: 5 },
    { Name: "30分", ID: 7 }
  ];
    // { Name: i18n.t('hj86'), ID: 3 },分时额外处理
    { Name: i18n.t('hj86'), ID: 4 },
    { Name: i18n.t('hj87'), ID: 0 },
    { Name: i18n.t('hj88'), ID: 1 },
    { Name: i18n.t('hj89'), ID: 2 },
    { Name: i18n.t('hj90'), ID: 4 },
    { Name: i18n.t('hj91'), ID: 5 },
    { Name: i18n.t('hj92'), ID: 7 }
  ]

  return data;
};
  return data
}

DefaultData.GetKLineRightMenu = function() {
DefaultData.GetKLineRightMenu = function () {
  var data = [
    { Name: "不复权", ID: 0 },
    { Name: "前复权", ID: 1 },
    { Name: "后复权", ID: 2 }
  ];
    { Name: i18n.t('hj93'), ID: 0 },
    { Name: i18n.t('hj94'), ID: 1 },
    { Name: i18n.t('hj95'), ID: 2 }
  ]

  return data;
};
  return data
}

export default {
  data() {
  props: {
    hktype: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      MinuteDayMenu: DefaultData.GetMinuteDayMenu(),
      MinuteDayIndex: 0,
@@ -1047,214 +1063,250 @@
      // Symbol:'000001_0.sh',
      // 上海 1.sh  深圳0.sz  北京0.bj

      Symbol: "", //HQChart内部编码美股加后缀.usa AAPL.usa
      Chart: null, //图形控件  分时图
      KLineChart: null, //图形控件  K线图
      Symbol: '', // HQChart内部编码美股加后缀.usa AAPL.usa

      Chart: null, // 图形控件  分时图
      KLineChart: null, // 图形控件  K线图
      NavMenuAry: DefaultData.GetTestSymbolMenu(),

      VolChartHeight: 10,
      chartType: "kline",
      chartType: 'kline',
      isShow: false
    };
    }
  },
  created() {
    const { query } = this.$route;
    console.log(query, "33333");
    this.Symbol = `${query.code}_${query.sok}.${query.type}`;
    console.log(this.Symbol);
  created () {
    const { query } = this.$route
    if (query.if_zhishu === '0') {
      this.Symbol = `${query.code}_${query.sok}.${query.type}`
    } else if ((query.code.indexOf('hk') > -1) && query.if_zhishu !== 0) {
      this.Symbol = `${query.if_zhishu}_${query.sok}.hk`
    } else {
      this.Symbol = `${query.if_zhishu}_${query.sok}.${query.type}`
    }
    // this.Symbol = 'BRK_A106.usa'

    console.log('------?????', this.Symbol)
    // 写入localStorage
    localStorage.setItem('hqchart_symbol', this.Symbol)
  },

  mounted() {
    console.log(this.NavMenuAry, "333333333");
    this.OnSize();
    this.SetChartStyle();
  mounted () {
    this.offHeight = this.$refs['rightContent'].offsetHeight
    this.OnSize()
    this.SetChartStyle()
    this.$nextTick(() => {
      this.CreateMinuteChart();
      this.CreateKLineChart();
    });
      this.CreateMinuteChart()
      this.CreateKLineChart()
    })
    let that = this
    window.onresize = _.debounce(this.OnSize, 200)
    // 自适应K线图
    var elementResizeDetectorMaker = require('element-resize-detector')

    window.onresize = _.debounce(this.OnSize, 200);
    // 创建实例，无参数
    var erd = elementResizeDetectorMaker() // 使用默认选项（将使用基于对象的方法）。

    // 创建实例带参数
    // 使用基于超快速滚动的方法。
    // 这是推荐的策略。
    elementResizeDetectorMaker({
    // var erdUltraFast = elementResizeDetectorMaker({
      strategy: 'scroll',
      callOnAdd: true, // callOnAdd选项，用于确定在添加侦听器时是否应调用它们。默认为true。
      // 如果为true，则确保在添加侦听器后将对其进行调用。如果为false，则在添加侦听器时将不保证其
      // 被调用（不会阻止其被调用）
      debug: true
    })
    // 监听class为staticNextMain的元素 大小变化
    var self = this
    // 侦听元素的调整大小事件，并使用元素作为调整大小事件的参数来调用侦听器函数。传递给函数的选项将
    // 覆盖实例选项
    erd.listenTo(this.$refs['rightContent'], function (
      element
    ) {
      var width = element.offsetWidth
      var height = element.offsetHeight
      self.tableHeight = height - 100 // 将监听到的宽高进行赋值
      self.tableWidth = width - 20
      that.offHeight = height
      that.OnSize()
    })
  },

  methods: {
    OnSize() {
      var width = this.$refs.right.clientWidth;
      var rightTab = this.$refs.rightTab;
      var periodWrap = this.$refs.minute_periodWrap;
      var indexWrap = this.$refs.minute_indexWrap;
      var statementWrap = this.$refs.minute_statementWrap;
      // var chartHeight = window.innerHeight - rightTab.offsetHeight - periodWrap.offsetHeight - indexWrap.offsetHeight;
      var chartHeight = 280;
    OnSize () {
      var width = this.$refs.right.clientWidth
      // var rightTab = this.$refs.rightTab
      // var periodWrap = this.$refs.minute_periodWrap
      // var indexWrap = this.$refs.minute_indexWrap
      // var statementWrap = this.$refs.minute_statementWrap
      // // var chartHeight = window.innerHeight - rightTab.offsetHeight - periodWrap.offsetHeight - indexWrap.offsetHeight;
      var chartHeight = this.offHeight

      var kline = this.$refs.kline;
      kline.style.width = width + "px";
      kline.style.height = chartHeight + "px";
      console.log(width, chartHeight, '333333333333333333333');
      var kline = this.$refs.kline
      kline.style.width = width + 'px'
      kline.style.height = chartHeight + 'px'
      var kline2 = this.$refs.kline2
      kline2.style.width = width + 'px'
      kline2.style.height = chartHeight + 'px'

      var chartHeight = 280;
      var kline2 = this.$refs.kline2;
      kline2.style.width = width + "px";
      kline2.style.height = chartHeight + "px";
      

      if (this.Chart) this.Chart.OnSize();
      if (this.KLineChart) this.KLineChart.OnSize();
      if (this.Chart) this.Chart.OnSize()
      if (this.KLineChart) this.KLineChart.OnSize()
    },

    changeRightContent(type) {
      this.KLinePeriodIndex = 0;
      this.chartType = type;
    changeRightContent (type) {
      this.KLinePeriodIndex = 0
      this.chartType = type
      this.$nextTick(() => {
        this.OnSize();
      });
        this.OnSize()
      })
    },

    SetChartStyle() {
      EastMoney.HQData.SetMinuteChartCoordinate();
    SetChartStyle () {
      EastMoney.HQData.SetMinuteChartCoordinate()
      var blackStyle = HQChart.Chart.HQChartStyle.GetStyleConfig(
        HQChart.Chart.STYLE_TYPE_ID.WHITE_ID
      ); //读取黑色风格配置
      HQChart.Chart.JSChart.SetStyle(blackStyle);
      ) // 读取黑色风格配置
      HQChart.Chart.JSChart.SetStyle(blackStyle)
    },

    CreateMinuteChart() {
      if (this.Chart) return;
    CreateMinuteChart () {
      if (this.Chart) return

      var option = DefaultData.GetMinuteOption();
      option.Symbol = this.Symbol;
      var option = DefaultData.GetMinuteOption()
      option.Symbol = this.Symbol
      option.NetworkFilter = (data, callback) => {
        this.NetworkFilter(data, callback);
      }; //网络请求回调函数
        this.NetworkFilter(data, callback)
      } // 网络请求回调函数

      var chart = HQChart.Chart.JSChart.Init(this.$refs.kline);
      chart.SetOption(option);
      this.Chart = chart;
      var chart = HQChart.Chart.JSChart.Init(this.$refs.kline)
      chart.SetOption(option)
      this.Chart = chart
    },

    CreateKLineChart() {
      if (this.KLineChart) return;
    CreateKLineChart () {
      if (this.KLineChart) return

      var option = DefaultData.GetKLineOption();
      option.Symbol = this.Symbol;
      var option = DefaultData.GetKLineOption()
      option.Symbol = this.Symbol
      option.NetworkFilter = (data, callback) => {
        this.NetworkFilter(data, callback);
      }; //网络请求回调函数

      var chart = HQChart.Chart.JSChart.Init(this.$refs.kline2);
      HQChart.Chart.JSChart.GetResource().FrameLogo.Text = null;
      chart.SetOption(option);
      this.KLineChart = chart;
        this.NetworkFilter(data, callback)
      } // 网络请求回调函数
      var chart = HQChart.Chart.JSChart.Init(this.$refs.kline2)
      HQChart.Chart.JSChart.GetResource().FrameLogo.Text = null
      chart.SetOption(option)
      this.KLineChart = chart
    },

    ChangeSymbol(
      symbol //切换股票
    ChangeSymbol (
      symbol // 切换股票
    ) {
      var symbolUpper = symbol.toUpperCase();
      var isShowVolChart = EastMoney.HQData.IsShowVolChart(symbolUpper);
      var frame = this.Chart.JSChartContainer.Frame.SubFrame[1];
      var symbolUpper = symbol.toUpperCase()
      var isShowVolChart = EastMoney.HQData.IsShowVolChart(symbolUpper)
      var frame = this.Chart.JSChartContainer.Frame.SubFrame[1]
      if (isShowVolChart) {
        if (frame.Height <= 0) frame.Height = this.VolChartHeight;
        if (frame.Height <= 0) frame.Height = this.VolChartHeight
      } else {
        if (frame.Height > 0) this.VolChartHeight = frame.Height;
        frame.Height = 0;
        if (frame.Height > 0) this.VolChartHeight = frame.Height
        frame.Height = 0
      }
      var period = this.KLineChart.JSChartContainer.Period;
      var isShowRightMenu = EastMoney.HQData.IsEnableRight(period, symbol); //是否显示复权菜单
      this.IsShowRightMenu = isShowRightMenu;
      var period = this.KLineChart.JSChartContainer.Period
      var isShowRightMenu = EastMoney.HQData.IsEnableRight(period, symbol) // 是否显示复权菜单
      this.IsShowRightMenu = isShowRightMenu

      this.Symbol = symbol;
      this.Chart.ChangeSymbol(this.Symbol);
      this.KLineChart.ChangeSymbol(this.Symbol);
      this.Symbol = symbol
      this.Chart.ChangeSymbol(this.Symbol)
      this.KLineChart.ChangeSymbol(this.Symbol)
    },

    OnClickMinuteDayMenu(
    OnClickMinuteDayMenu (
      index,
      item //分时图天数
      item // 分时图天数
    ) {
      this.MinuteDayIndex = index;
      this.Chart.ChangeDayCount(item.ID);
      this.MinuteDayIndex = index
      this.Chart.ChangeDayCount(item.ID)
    },

    OnClickKLinePeriodMenu(
    OnClickKLinePeriodMenu (
      index,
      item,
      type //K线周期
      type // K线周期
    ) {
      if (index != 0) {
        this.chartType = type;
        this.KLinePeriodIndex = index;
        this.KLineChart.ChangePeriod(item.ID);
      }

      // if (index !== 0) {  //分时额外处理才注释的
        this.chartType = type
        this.KLinePeriodIndex = index
        this.KLineChart.ChangePeriod(item.ID)
      // }
    },

    OnClickKLineRightMenu(
    OnClickKLineRightMenu (
      index,
      item //K线复权
      item // K线复权
    ) {
      this.KLineRightIndex = index;
      this.KLineChart.ChangeRight(item.ID);
      this.KLineRightIndex = index
      this.KLineChart.ChangeRight(item.ID)
    },

    ChangeMinuteIndex(
      item //切换分时图指标
    ChangeMinuteIndex (
      item // 切换分时图指标
    ) {
      if (this.Chart) this.Chart.ChangeIndex(item.WindowIndex, item.ID);
      if (this.Chart) this.Chart.ChangeIndex(item.WindowIndex, item.ID)
    },

    ChangeKLineIndex(
      item //切换K线图指标
    ChangeKLineIndex (
      item // 切换K线图指标
    ) {
      if (this.KLineChart)
        this.KLineChart.ChangeIndex(item.WindowIndex, item.ID);
      if (this.KLineChart) { this.KLineChart.ChangeIndex(item.WindowIndex, item.ID) }
    },

    NetworkFilter(
    NetworkFilter (
      data,
      callback //第3方数据替换接口
      callback // 第3方数据替换接口
    ) {
      EastMoney.HQData.Log("[HQChartDemo::NetworkFilter] data", data);
      EastMoney.HQData.Log('[HQChartDemo::NetworkFilter] data', data)

      switch (data.Name) {
        //分时图数据对接
        case "MinuteChartContainer::RequestMinuteData":
          EastMoney.HQData.NetworkFilter(data, callback);
          break;
        case "MinuteChartContainer::RequestHistoryMinuteData":
          EastMoney.HQData.NetworkFilter(data, callback);
          break;
        // 分时图数据对接
        case 'MinuteChartContainer::RequestMinuteData':
          EastMoney.HQData.NetworkFilter(data, callback)
          break
        case 'MinuteChartContainer::RequestHistoryMinuteData':
          EastMoney.HQData.NetworkFilter(data, callback)
          break

        case "KLineChartContainer::RequestHistoryData": //日线全量数据下载
          EastMoney.HQData.NetworkFilter(data, callback);
          break;
        case "KLineChartContainer::RequestRealtimeData": //日线实时数据更新
          EastMoney.HQData.NetworkFilter(data, callback);
          break;
        case "KLineChartContainer::RequestFlowCapitalData": //流通股本
          EastMoney.HQData.NetworkFilter(data, callback);
          break;
        case "KLineChartContainer::ReqeustHistoryMinuteData": //分钟全量数据下载
          EastMoney.HQData.NetworkFilter(data, callback);
          break;
        case "KLineChartContainer::RequestMinuteRealtimeData": //分钟增量数据更新
          EastMoney.HQData.NetworkFilter(data, callback);
          break;
        case 'KLineChartContainer::RequestHistoryData': // 日线全量数据下载
          EastMoney.HQData.NetworkFilter(data, callback)
          break
        case 'KLineChartContainer::RequestRealtimeData': // 日线实时数据更新
          EastMoney.HQData.NetworkFilter(data, callback)
          break
        case 'KLineChartContainer::RequestFlowCapitalData': // 流通股本
          EastMoney.HQData.NetworkFilter(data, callback)
          break
        case 'KLineChartContainer::ReqeustHistoryMinuteData': // 分钟全量数据下载
          EastMoney.HQData.NetworkFilter(data, callback)
          break
        case 'KLineChartContainer::RequestMinuteRealtimeData': // 分钟增量数据更新
          EastMoney.HQData.NetworkFilter(data, callback)
          break
      }
    },

    handleSelect(key, keyPath) {
      console.log(key, keyPath);
      this.ChangeSymbol(keyPath[1]);
    handleSelect (key, keyPath) {
      console.log(key, keyPath)
      this.ChangeSymbol(keyPath[1])
    },

    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    handleOpen (key, keyPath) {
      console.log(key, keyPath)
    },

    handleClose(key, keyPath) {
      console.log(key, keyPath);
    handleClose (key, keyPath) {
      console.log(key, keyPath)
    }
  }
};
}
</script>
<style lang="less">
@animation-duration: 0.3s;
@@ -1447,6 +1499,11 @@
    width: 0.5rem;
    height: 0.5rem;
  }
        .active {
        color: rgb(2, 99, 226);
        font-weight: 800;
        background: rgb(245, 245, 245);
      }
}
canvas {
  height: 100% !important;
@@ -1455,4 +1512,4 @@
  width: 100%;
  height: 7.5rem;
}
</style>
</style>