1

PC-20250623MANY\Administrator

2025-07-16 61944978f51ca99a001162ac1ff3d32dcd5315ed

 src/page/kline/components/kLine.vue

@@ -6,27 +6,60 @@
          <div class="periodWrap kline_periodWrap" ref="kline_periodWrap">
            <!-- DWM 分 -->
            <div class="btnGroup" style="position: relative">
              <div class="btn2" 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="OnClickKLinePeriodMenu(index, item, 'kline')"
              >
                <span>{{ item.Name }}</span>
              </div>

              <div style="position: absolute; right: 0; top: 25px; z-index: 99" v-if="isShow == true">
                <div class="btnGroup" v-show="IsShowRightMenu" style="display: flex; flex-direction: column">
                  <div class="btn" :class="{ active: KLineRightIndex == index }" v-for="(item, index) in KLineRightMenu"
                    :key="item.ID" style="padding: 10px" @click="OnClickKLineRightMenu(index, item)">
              <div
                style="position: absolute; right: 0; top: 25px; z-index: 99"
                v-if="isShow == true"
              >
                <div
                  class="btnGroup"
                  v-show="IsShowRightMenu"
                  style="display: flex; flex-direction: column"
                >
                  <div
                    class="btn"
                    :class="{ active: KLineRightIndex == index }"
                    v-for="(item, index) in KLineRightMenu"
                    :key="item.ID"
                    style="padding: 10px"
                    @click="OnClickKLineRightMenu(index, item)"
                  >
                    {{ item.Name }}
                  </div>
                  <div class="btn" v-for="item in KLineIndexMenu" :key="item.ID" style="padding: 10px"
                    @click="ChangeKLineIndex(item)">
                  <div
                    class="btn"
                    v-for="item in KLineIndexMenu"
                    :key="item.ID"
                    style="padding: 10px"
                    @click="ChangeKLineIndex(item)"
                  >
                    {{ item.Name }}
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="hqchart" id="hqchart_minute" ref="kline" v-show="chartType == 'minute'"></div>
          <div class="hqchart" id="hqchart_kline" ref="kline2" v-show="chartType == 'kline'"></div>
          <div
            class="hqchart"
            id="hqchart_minute"
            ref="kline"
            v-show="chartType == 'minute'"
          ></div>
          <div
            class="hqchart"
            id="hqchart_kline"
            ref="kline2"
            v-show="chartType == 'kline'"
          ></div>
        </div>
      </div>
    </div>
@@ -73,7 +106,7 @@

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

      // 边框
@@ -89,29 +122,33 @@
        AutoLeft: {
          Blank: 10,
          MinWidth: 40
        },
      }
      },

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

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

    return option;
  };

  DefaultData.GetMinuteIndexMenu = function() {
    var data = [{
  var data = [
    {
        Name: "MACD",
        ID: "MACD",
        WindowIndex: 2
@@ -130,14 +167,15 @@
        Name: "ROC",
        ID: "ROC",
        WindowIndex: 2
      },
    }
    ];

    return data;
  };

  DefaultData.GetKLineIndexMenu = function() {
    var data = [{
  var data = [
    {
        Name: "MA",
        ID: "MA",
        WindowIndex: 0
@@ -166,7 +204,7 @@
        Name: "ROC",
        ID: "ROC",
        WindowIndex: 1
      },
    }
    ];

    return data;
@@ -174,699 +212,719 @@

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

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

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

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

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

    return data;
@@ -878,7 +936,8 @@
      Type: "历史K线图", // 创建图形类型
      Language: "EN", // 英文 'EN' 简体中文:'CN' 繁体中文："TC"
      // 窗口指标
      Windows: [{
    Windows: [
      {
          Index: "MA",
          Modify: true,
          Change: false,
@@ -890,7 +949,7 @@
          Modify: false,
          Change: false,
          Close: false
        },
      }
        // { Index: 'MACD', Modify: true, Change: true, Close: false }
      ],
      Symbol: "600015.sh",
@@ -909,7 +968,7 @@
        KLineDoubleClick: false, // 双击分钟走势图
        IsShowTooltip: true, // 是否显示K线提示信息
        DrawType: 0,
        RightSpaceCount: 2,
      RightSpaceCount: 2
      },

      CorssCursorInfo: {
@@ -921,7 +980,7 @@
      KLineTitle: {
        IsShowName: false, // 不显示股票名称
        IsShowSettingInfo: false, // 不显示周期/复权
        isShowDateTime: true,
      isShowDateTime: true
      },

      // 边框
@@ -933,18 +992,21 @@
        AutoRight: {
          Blank: 10,
          MinWidth: 40
        },
      }
      },

      // 子框架设置
      Frame: [{
    Frame: [
      {
          SplitCount: 5,
          IsShowLeftText: false,
          IsShowYLine: false,
          Custom: [{
        Custom: [
          {
            Type: 0,
            Position: "right",
          }, ],
            Position: "right"
          }
        ]
        },
        {
          SplitCount: 3,
@@ -953,20 +1015,21 @@
        {
          SplitCount: 3,
          IsShowLeftText: false
        },
      }
      ],

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

    return option;
  };

  DefaultData.GetMinuteDayMenu = function() {
    var data = [{
  var data = [
    {
        Name: "1D",
        ID: 1
      },
@@ -985,7 +1048,7 @@
      {
        Name: "5D",
        ID: 5
      },
    }
    ];

    return data;
@@ -1018,14 +1081,15 @@
      {
        Name: i18n.t("hj92"),
        ID: 7
      },
    }
    ];

    return data;
  };

  DefaultData.GetKLineRightMenu = function() {
    var data = [{
  var data = [
    {
        Name: i18n.t("hj93"),
        ID: 0
      },
@@ -1036,7 +1100,7 @@
      {
        Name: i18n.t("hj95"),
        ID: 2
      },
    }
    ];

    return data;
@@ -1046,8 +1110,8 @@
    props: {
      hktype: {
        type: String,
        default: "",
      },
      default: ""
    }
    },
    data() {
      return {
@@ -1076,14 +1140,12 @@
        chartType: "kline",
        timerss: null,
        isShow: false,
        xData: [],
      xData: []
      };
    },

    created() {
      const {
        query
      } = this.$route;
    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) {
@@ -1140,7 +1202,7 @@
        callOnAdd: true, // callOnAdd选项，用于确定在添加侦听器时是否应调用它们。默认为true。
        // 如果为true，则确保在添加侦听器后将对其进行调用。如果为false，则在添加侦听器时将不保证其
        // 被调用（不会阻止其被调用）
        debug: true,
      debug: true
      });
      // 监听class为staticNextMain的元素 大小变化
      var self = this;
@@ -1157,10 +1219,9 @@
    },
    beforeDestroy() {
      clearInterval(this.timerss); // 在组件销毁前清除定时器
      this.timerss = null
    this.timerss = null;
    },
    methods: {

      OnSize() {
        var width = this.$refs.right.clientWidth;
        // var rightTab = this.$refs.rightTab
@@ -1265,7 +1326,7 @@
        item,
        type // K线周期
      ) {
        console.log('1');
      console.log("1");
        //分时额外处理才注释的
        this.chartType = type;
        this.KLinePeriodIndex = index;
@@ -1299,7 +1360,10 @@
        callback // 第3方数据替换接口
      ) {
        EastMoney.HQData.Log("[HQChartDemo::NetworkFilter] data", data);

      if (this.timerss) {
        clearInterval(this.timerss);
        this.timerss = null;
      }
        this.timerss = setInterval(() => {
          switch (data.Name) {
            // 分时图数据对接
@@ -1327,8 +1391,6 @@
              break;
          }
        }, 2000);


      },

      handleSelect(key, keyPath) {
@@ -1342,8 +1404,8 @@

      handleClose(key, keyPath) {
        console.log(key, keyPath);
      },
    },
    }
  }
  };
</script>
<style lang="less">
@@ -1422,7 +1484,7 @@

          &:hover,
          &.active {
            color: rgb(2, 99, 226);
          color: #c4d600;
          }
        }
      }
@@ -1467,7 +1529,7 @@
        }

        .active {
          color: rgb(2, 99, 226);
        color: #c4d600;
          font-weight: 800;
          background: rgb(245, 245, 245);
        }
@@ -1547,7 +1609,7 @@
    }

    .active {
      color: rgb(2, 99, 226);
    color: #c4d600;
      font-weight: 800;
      background: rgb(245, 245, 245);
    }