<template>
  <div v-loading="openInterestLoading">
    <!-- 选择symbol -->
    <!-- <el-row>
      <el-col :span="2.5">
         <el-button @click="handelLineSwitch"
         style="margin-left:100px;height:35px;border-radius:6px;"
         >{{ $t(`home.switch`)
          }}<span class="according"> {{ $t(switch3) }}</span></el-button
        >
      </el-col>
   
      <el-col :span="3" class="timeBoxS">
        <el-select
          class="symbol"  
          v-model="params.symbol"
          @change="handelChang"
         
          filterable
          :placeholder="$t(`arh.pleaseTrade`)"
        >
          <el-option
            v-for="item in symbolList"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </el-col>
    </el-row> -->

    <el-row>
      <el-col :span="24">      
        <div
          id="openInterestBox"
          style="width: 100%; min-height: 700px"
        ></div>
      </el-col>
    </el-row>



  </div>
</template>

<script>
import IndexJs from "./index";
export default {
  mixins: [IndexJs],
};
</script>

<style scoped>
.timeBoxS{
  /* outline: 1px solid red; */
  padding: 10px 10px;
  margin-bottom: 10px;
}
::v-deep .el-row--flex{
  height: 550px;
}
</style>