// <!--底部操作区域-->
// <template>
//   <div class="foot_main">
//     <div class="foot_sidebar">
//       <div v-for="item in sidebarList" :key="item.id" class="sidebar_content" @click="switchComponents(item.content)">
//         {{ item.name }}
//       </div>
//     </div>
//     <div class="foot_content">
//       <div class="left">
//         <div class="topOperation">
//           <div @click="onOrderSwitching(0)" :class="{'active':tabIndex === 0}">闪电手下单</div>
//           <div @click="onOrderSwitching(1)" :class="{'active':tabIndex === 1}">三键下单</div>
//         </div>
//         <div class="left_content">
//           <div v-if="tabIndex === 0" class="lightning">
//             <div class="lightning_top">
//               <div class="lightning_contract">
//                 <div class="name">合约</div>
//                 <n-select v-model:value="contract" :options="contractSelectionList" class="lightning_contract_selection"
//                           disabled size="tiny"/>
//                 <div>富时A50 2211</div>
//               </div>
//               <div class="lightning_position">
//                 <n-radio-group v-model:value="position" name="radiogroup">
//                   <n-space>
//                     <n-radio v-for="song in binList" :key="song.value" :value="song.value">
//                       {{ song.label }}
//                     </n-radio>
//                   </n-space>
//                 </n-radio-group>
//               </div>
//               <div class="quantity">
//                 <div class="quantity_left">
//                   <div class="name">数量</div>
//                   <n-input-number v-model:value="purchaseQuantity" :min="1" class="input_number"
//                                   placeholder="请输入购买数量"
//                                   size="tiny"/>
//                 </div>
//                 <div class="business">
//                   <div class="top">
//                     <div class="name">买:</div>
//                     <div class="open">可开&lt;=9</div>
//                     <div class="flat">可平/0</div>
//                   </div>
//                   <div class="bottom">
//                     <div class="name two">卖:</div>
//                     <div class="open">可开&lt;=9</div>
//                     <div class="flat">可平/0</div>
//                   </div>
//                 </div>
//               </div>
//               <div class="price">
//                 <div class="name">价格</div>
//                 <n-select v-model:value="price" :options="priceList" class="price_selection" size="tiny"/>
//               </div>
//             </div>
//             <div class="lightning_bottom">
//               <div class="cha_ke_kai btn">查可开</div>
//               <div class="reset btn">复位</div>
//               <div class="condition btn">条件单</div>
//               <div class="purchase buyBtn one">
//                 <div class="name">0.6347</div>
//                 <div>买入</div>
//               </div>
//               <div class="sell_out buyBtn two">
//                 <div class="name">0.6347</div>
//                 <div>卖出</div>
//               </div>
//             </div>
//           </div>
//           <div v-if="tabIndex === 1" class="tripleBond">
//             <div class="tripleBond_contract">
//               <div>合约</div>
//               <n-select v-model:value="lightningContractSelection" :options="lightningContractSelectionList"
//                         class="tripleBond_contract_selection" size="tiny"/>
//               <div>澳元2212</div>
//             </div>
//             <div class="quantity_price">
//               <div class="number_tripleBond">
//                 <div>数量</div>
//                 <n-input-number v-model:value="tripleBondQuantity" :min="1" class="input_number_tripleBond"
//                                 placeholder="请输入购买数量" size="tiny"/>
//               </div>
//               <div class="tripleBond_price">
//                 <div>价格</div>
//                 <n-select v-model:value="tripleBondPrice" :options="tripleBondPriceList"
//                           class="tripleBond_price_selection" size="tiny"/>
//               </div>
//             </div>
//             <div class="flash_sale">
//               <div class="flash_sale_buy">
//                 <div class="name one">买</div>
//                 <div class="open">可开&lt;=14</div>
//                 <div>可平/0</div>
//               </div>
//               <div class="flash_sale_sell">
//                 <div class="name two">卖</div>
//                 <div class="open">可开&lt;=14</div>
//                 <div>可平/0</div>
//               </div>
//             </div>
//             <div class="order_button">
//               <div class="btn">
//                 <div class="name">0.666</div>
//                 <div class="title">买多</div>
//               </div>
//               <div class="btn">
//                 <div class="name">0.666</div>
//                 <div class="title">卖空</div>
//               </div>
//               <div class="btn">
//                 <div class="name">先开先平</div>
//                 <div class="title">平仓</div>
//               </div>
//             </div>
//             <div class="btns">
//               <div>查可开</div>
//               <div>复位</div>
//               <div>条件单</div>
//             </div>
//           </div>
//         </div>
//       </div>
//       <div class="right">
//         <component :is="dynamicComponents" class="right"></component>
//       </div>
//     </div>
//   </div>
// </template>

// <script lang="ts" setup>
// import {computed, ref, shallowRef} from "vue";
// //交易页面
// import Transaction from '@/views/bottomContent/transaction/index.vue'
// //当日委托
// import Entrust from '@/views/bottomContent/entrust/index.vue'

// //导航栏
// const sidebarList = computed(() => {
//   return [
//     {
//       id: 0,
//       name: '交易',
//       path: '',
//       content: Transaction
//     },
//     {
//       id: 1,
//       name: '当日委托',
//       path: '',
//       content: Entrust
//     },
//     {
//       id: 2,
//       name: '当日成交',
//       path: ''
//     },
//     {
//       id: 3,
//       name: '持仓',
//       path: ''
//     },
//     {
//       id: 4,
//       name: '查询',
//       path: ''
//     },
//     {
//       id: 5,
//       name: '条件单',
//       path: ''
//     },
//     {
//       id: 6,
//       name: '帮助及说明',
//       path: ''
//     },
//     {
//       id: 7,
//       name: '银期转账',
//       path: ''
//     },
//     {
//       id: 8,
//       name: '交易统计',
//       path: ''
//     },
//     {
//       id: 9,
//       name: '修改密码',
//       path: ''
//     }
  
//   ]
// })

// //  动态组件
// const dynamicComponents = shallowRef<any>(Transaction)

// //切换组件
// const switchComponents = (components: any) => {
//   dynamicComponents.value = components
// }

// /*下单区域*/
// //切换下单
// const tabIndex = ref<number>(0)
// const onOrderSwitching = (n:number)=>{
//   tabIndex.value = n
// }

// /*闪电下单*/
// //选中的合约
// const contract = ref('暂无数据')
// //合约展示数据
// const contractSelectionList = ref([])

// /*是否开仓*/
// //选中仓位
// const position = ref(null)
// //仓位选择列表
// const binList = ref([
//   {
//     value: "开仓",
//     label: "开仓"
//   }, {
//     value: '平仓',
//     label: '开仓'
//   }
// ])

// /*数量*/
// const purchaseQuantity = ref<number>(1)

// /*价格*/
// //当前选中
// const price = ref<string>('市价')
// //可选列表
// const priceList = ref([])

// /*三键下单*/
// //合约选择
// const lightningContractSelection = ref(null)
// //合约选择列表
// const lightningContractSelectionList = ref([])

// //数量
// const tripleBondQuantity = ref(0)
// //价格
// const tripleBondPrice = ref(0)
// //价格选择
// const tripleBondPriceList = ref([])






// // 语言设置
// export class language{
//     //获取语言
//      static getLang():string{
//         //浏览语言
//         const language = (navigator.language || 'zh').toLocaleLowerCase();
//         const localLanguage =  localStorage.getItem('lang');
//         return localLanguage || language.split('-')[0]
//     }
//     //设置语言
//     static setLang(name:'zh'|'en'){
//          //修改当前数据
//          il8n.global.locale = name
//         //修改本地数据
//         localStorage.setItem('lang',name)
//     }
// }



// 不论点击多少次，只执行最后一次
// //函数防抖
// export const Debounce = (fn:any, t?:number) => {
//     let delay = t || 500
//     let timer:any
//     return function () {
//         let args = arguments
//         if (timer) {
//             clearTimeout(timer)
//         }
//         timer = setTimeout(() => {
//             timer = null
//             // @ts-ignore
//             fn.apply(this, args)
//         }, delay)
//     }
// }

//不论点击多少次 都是根据传入的t值，进行执行

// //函数节流
// export const Throttle = (fn:any, t:number) => {
//     let last:any
//     let timer:any
//     let interval = t || 1000
//     return function () {
//         let args = arguments
//         let now = +new Date()
//         if (last && now - last < interval) {
//             clearTimeout(timer)
//             timer = setTimeout(() => {
//                 last = now
//                 // @ts-ignore
//                 fn.apply(this, args)
//             }, interval)
//         } else {
//             last = now
//             // @ts-ignore
//             fn.apply(this, args)
//         }
//     }
// }


//保留小数
// export const format = (num:number, i = 2, isZero = false) => {
//     if (!isNaN(num) && (typeof num === 'number' || Object.prototype.toString.call(num) === '[object String]')) {
//         let a = num.toString()
//         let b = a.split('.')
//         let c = b[1] || '0'
//         let d = c.length
//         if (d === i) {
//             return `${b[0]}.${c}`
//         } else {
//             if (d > i) {
//                 let e = c.toString().substring(0, i)
//                 return `${b[0]}.${e}`
//             } else {
//                 let e = c
//                 if (isZero) {
//                     e = e.padEnd(i, '0')
//                 }
//                 return `${b[0]}.${e}`
//             }
//         }
//     } else {
//         throw new Error(`${num}应是字符串或字符串！`)
//     }
// }
















// </script>

