{"ast":null,"code":"import \"vant/es/action-sheet/style\";\nimport _ActionSheet from \"vant/es/action-sheet\";\nimport \"vant/es/popup/style\";\nimport _Popup from \"vant/es/popup\";\nimport \"core-js/modules/es.array.push.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport config from \"@/config\";\nimport { mapGetters } from \"vuex\";\n// import VueSlider from \"vue-slider-component\";\nimport AmountSlider from \"./amountSlider.vue\";\nimport \"vue-slider-component/theme/default.css\";\nimport { _orderOpen, _orderClose, _futrueOrder, _futrueOrderDetail, _getBalance, _futrueOrderInit } from \"@/API/trade.api\";\nimport ContractFutrue from \"@/components/contract-futrue\";\nimport PopupDelivery from \"@/components/popup-delivery\";\nimport { fixDate } from \"@/utils/utis\";\nimport { _getHomeList } from \"@/API/home.api\";\nimport { getStorage } from \"@/utils/utis\";\n// import PopupConfirmOrder from '@/components/popup-confirm-order'\nexport default {\n  name: \"perpetualPosition\",\n  components: {\n    // VueSlider,\n    AmountSlider,\n    ContractFutrue,\n    [_Popup.name]: _Popup,\n    PopupDelivery,\n    [_ActionSheet.name]: _ActionSheet\n    // PopupConfirmOrder\n  },\n  props: {\n    greenData: {\n      // 买单\n      type: Array,\n      default() {\n        return [];\n      }\n    },\n    redData: {\n      // 卖单\n      type: Array,\n      default() {\n        return [];\n      }\n    },\n    symbol: {\n      type: String,\n      default: \"\"\n    },\n    price: {\n      type: [Number, String],\n      default: \"0.00\"\n    },\n    initOpen: {\n      type: Object,\n      default() {\n        return {};\n      }\n    },\n    initClose: {\n      type: Object,\n      default() {\n        return {};\n      }\n    },\n    initFutrue: {\n      type: Object,\n      default() {\n        return {};\n      }\n    },\n    selectIndex: {\n      type: [String, Number],\n      default: 1\n    },\n    currentType: {\n      type: String,\n      default: \"long\"\n    }\n  },\n  watch: {\n    price(val) {\n      if (this.type === \"1\") {\n        // !this.focus &&\n        this.form.price = val;\n      }\n      this.form.para_id = this.initFutrue.para && this.initFutrue.para[this.paraIndex].para_id; // 不优雅，不可靠\n      // this.form.symbol = this.symbol.toLowerCase()\n    },\n    initOpen: {\n      // 处理滚动条初始值\n      deep: true,\n      handler(val) {\n        this.handleInitSliderOption();\n      }\n    },\n    initClose: {\n      // 处理滚动条初始值\n      deep: true,\n      handler(newVal, oldVal) {\n        if (newVal.amount / 1 > 0) {\n          this.handleInitSliderOption(true);\n        }\n      }\n    },\n    symbol(val) {\n      this.getHomeList(val);\n    },\n    greenData(val) {\n      if (this.dataArrValue >= 1) {\n        this.greenData.map(item => {\n          item.price = parseFloat(item.price).toFixed(this.dataArrValue);\n        });\n        this.redData.map(item => {\n          item.price = parseFloat(item.price).toFixed(this.dataArrValue);\n        });\n      } else {\n        if (this.dataArrValue == -1) {\n          this.greenData.map(item => {\n            item.price = item.price.substring(0, item.price.indexOf(\".\"));\n          });\n          this.redData.map(item => {\n            item.price = item.price.substring(0, item.price.indexOf(\".\"));\n          });\n        }\n        if (this.dataArrValue == -2) {\n          this.greenData.map(item => {\n            item.price = item.price.substring(0, item.price.indexOf(\".\") - 1) + \"0\";\n          });\n          this.redData.map(item => {\n            item.price = item.price.substring(0, item.price.indexOf(\".\") - 1) + \"0\";\n          });\n        }\n        if (this.dataArrValue == -3) {\n          this.greenData.map(item => {\n            item.price = item.price.substring(0, item.price.indexOf(\".\") - 2) + \"00\";\n          });\n          this.redData.map(item => {\n            item.price = item.price.substring(0, item.price.indexOf(\".\") - 2) + \"00\";\n          });\n        }\n      }\n      this.approximately = this.redData[0].price;\n    }\n  },\n  mounted() {\n    this.getHomeList(this.$route.params.symbol);\n    setInterval(() => {\n      // 刷新页面\n      if (location.href.indexOf(\"#reloaded\") == -1 && location.href.indexOf(\"perpetualContract\") > 0) {\n        location.href = location.href + \"#reloaded\";\n        location.reload();\n      }\n    }, 1000); // 1000毫秒 = 1秒\n  },\n  computed: {\n    ...mapGetters({\n      userInfo: \"user/userInfo\",\n      theme: \"home/theme\"\n    }),\n    initData() {\n      let obj = null;\n      if (this.selectIndex / 1 === 1) {\n        obj = this.initOpen;\n        if (!obj.lever || !obj.lever.length) {\n          // 倍数\n          obj.lever = [{\n            id: 1,\n            lever_rate: 1\n          }];\n        }\n        return obj;\n      }\n      return this.initFutrue;\n    },\n    coudBuyVolume() {\n      // 可买数量\n      return Math.floor(this.initOpen.volume / 1 / this.form.lever_rate);\n    }\n  },\n  filters: {\n    nan(val) {\n      return isNaN(val) ? \"--\" : val;\n    }\n  },\n  data() {\n    return {\n      fixDate,\n      currentBuyType: \"\",\n      // 交割合约当前下单的类型，用于弹窗倒计时结束以后，点击再下一单\n      timeout2: null,\n      timeout: null,\n      detailData: {},\n      // 交割合约订单详情数据\n      show: false,\n      popType: \"confirm\",\n      // 弹框类型 confirm / counting\n      showOptions: false,\n      options: config.sliderOptions,\n      value: 0,\n      isShow: false,\n      title: this.$t(\"市价\"),\n      paraIndex: 0,\n      selectData: [{\n        title: this.$t(\"市价\"),\n        type: \"1\"\n      }, {\n        title: this.$t(\"限价\"),\n        type: \"2\"\n      }],\n      form: {\n        symbol: \"\",\n        // 币种\n        session_token: \"\",\n        direction: \"buy\",\n        // 买or卖\n        price_type: \"opponent\",\n        // 市价or限价\n        lever_rate: 1,\n        // 杠杆\n        stop_price_profit: \"\",\n        stop_price_loss: \"\",\n        price: \"\",\n        amount: \"\",\n        // 数量\n        para_id: \"\" // 交割周琦id\n      },\n      focus: false,\n      type: \"1\",\n      //选中市价或限价类型\n      // currentType:\"open\", //开仓类型\n      // action: _orderOpen // 开仓or\n      isShow: false,\n      selectDataArry: [],\n      isSelectShow: false,\n      actions: [{\n        name: this.$t(\"默认\"),\n        value: 0,\n        className: \"actions-active\"\n      }, {\n        name: this.$t(\"展示买单\"),\n        value: 1,\n        className: \"\"\n      }, {\n        name: this.$t(\"展示卖单\"),\n        value: 2,\n        className: \"\"\n      }],\n      showType: 0,\n      dataArrTitle: 0,\n      dataArrValue: 0,\n      arryIsShow: false,\n      marks: val => val % 50 === 0,\n      approximately: \"\"\n    };\n  },\n  beforeDestroy() {\n    this.clearTimeout();\n  },\n  activated() {\n    this.selectData = [{\n      title: this.$t(\"市价\"),\n      type: \"1\"\n    }, {\n      title: this.$t(\"限价\"),\n      type: \"2\"\n    }];\n    this.title = this.selectData[0].title;\n    this.type = this.selectData[0].type;\n  },\n  methods: {\n    //获取张数\n    getAmount(val) {\n      this.form.amount = val;\n    },\n    // 获取张数,数据转换\n    getVolumnByLever() {\n      let vol;\n      vol = this.initOpen.volume / 1;\n      return Math.floor(vol);\n    },\n    getHomeList(symbol) {\n      _getHomeList(symbol).then(res => {\n        let numberText = res[0].close;\n        let numberLength = numberText.substring(numberText.indexOf(\".\") + 1, numberText.length).length;\n        let arry = [];\n        let str = \"0.\";\n        for (let j = 0; j < numberLength - 1; j++) {\n          str = str + \"0\";\n          arry.push(str);\n        }\n        let newArry = [];\n        arry.map(item => {\n          let obj = {\n            name: item + \"1\",\n            value: item.substring(item.indexOf(\".\") + 1, item.length).length + 1\n          };\n          newArry.push(obj);\n        });\n        if (numberLength <= 2) {\n          let obj = [{\n            name: \"0.1\",\n            value: 1\n          }, {\n            name: \"1\",\n            value: -1\n          }, {\n            name: \"10\",\n            value: -2\n          }\n          // {\n          //   name: '100',\n          //   value: -3,\n          // }\n          ];\n          let arryItem = {\n            name: \"100\",\n            value: -3\n          };\n          if (numberText.substring(0, numberText.indexOf(\".\")).length > 2) {\n            obj.push(arryItem);\n          }\n          newArry = newArry.concat(obj);\n        }\n        if (this.symbol == \"shib\") {\n          newArry = newArry.slice(-4);\n        }\n        let dataObj = {\n          arry: newArry,\n          numberLength: numberLength\n        };\n        this.selectDataArry = dataObj.arry;\n        if (numberLength >= 2) {\n          this.dataArrTitle = this.selectDataArry[0].name;\n        } else {\n          this.dataArrTitle = this.selectDataArry[this.selectDataArry.length - 1].name;\n        }\n      });\n    },\n    continueTobuy(detailData) {\n      this.show = false;\n      setTimeout(() => {\n        this.$router.push(`/trendDetails/${detailData.symbol}?direction=${detailData.direction}`);\n      }, 300);\n    },\n    onQuickPrice(price) {\n      // 点击金额变化\n      if (this.type === \"2\") {\n        this.form.price = price;\n      }\n    },\n    clearTimeout() {\n      clearTimeout(this.timeout);\n      this.timeout = null;\n    },\n    handleTimeEnd(order) {\n      if (this.selectIndex / 1 === 2) {\n        // 交割合约需要弹出详情框\n        _futrueOrderDetail(order).then(data => {\n          this.clearTimeout();\n          this.detailData = data;\n          if (data.state !== \"created\") {\n            this.timeout = setTimeout(() => {\n              this.handleTimeEnd(order);\n            }, 1000);\n          }\n        });\n      }\n    },\n    handleInitSliderOption(amount) {\n      if (!amount) {\n        // 金额是否需要变动\n        this.form.amount = \"\";\n      }\n      console.log(this.initOpen.volume, this.form.lever_rate);\n      let vol;\n      vol = this.initOpen.volume / 1;\n      this.options.max = Math.floor(vol);\n      console.log(\"this.options.max\", this.options.max);\n      if (this.options.max > 0) {\n        this.options.disabled = false;\n      } else {\n        this.options.disabled = true;\n      }\n    },\n    handleChoose(item) {\n      this.showOptions = !this.showOptions;\n      this.form.lever_rate = item.lever_rate;\n      console.log(\"handleChoose\");\n      this.handleInitSliderOption();\n    },\n    onAdd() {\n      // +\n      if (this.options.max === 0) {\n        return;\n      }\n      if (this.form.amount === this.options.max) {\n        return;\n      }\n      console.log(this.options.max);\n      this.form.amount++;\n    },\n    onReduce() {\n      // -\n      if (this.form.amount > 1) {\n        this.form.amount--;\n      }\n    },\n    jump() {\n      this.$router.push(`/trendDetails/${this.symbol}`);\n    },\n    onParaId({\n      id,\n      index\n    }) {\n      // 交割日期\n      // console.log(evt)\n      this.form.para_id = id;\n      this.form.amount = \"\";\n      this.paraIndex = index;\n    },\n    onInput() {\n      // 数量变化\n      // console.log(1111111, this.form.amount, this.selectIndex)\n      if (this.selectIndex == 1 && this.options.max == 0) {\n        this.form.amount = this.form.amount / 1;\n      } else if (this.selectIndex == 1 && this.form.amount / 1 > this.options.max / 1) {\n        this.form.amount = this.options.max / 1;\n      }\n      if (this.selectIndex / 1 === 1) {\n        this.$refs.sliderRef.amountChange(this.form.amount);\n      }\n    },\n    //价格类型下拉框切换\n    selectBtn() {\n      this.isShow = !this.isShow;\n    },\n    //选择价格类型\n    selectItem(item) {\n      if (item.type == 1) {\n        this.form.price = this.price;\n      }\n      this.form.price_type = item.type === \"1\" ? \"opponent\" : \"limit\";\n      this.title = item.title;\n      this.type = item.type;\n      this.isShow = false;\n    },\n    //选择开仓类型\n    changeTab(type) {\n      // 开仓和\n      console.log(\"changeTab\", type);\n      if (this.currentType === type) {\n        return;\n      }\n      this.$emit(\"changeCurrentType\", type);\n      // this.currentType = type;\n\n      this.$refs.sliderRef.emptyValue();\n      this.handleInitSliderOption();\n    },\n    onClose() {\n      // 关闭\n      this.show = false;\n      setTimeout(() => {\n        this.popType = \"confirm\";\n      }, 500);\n    },\n    // onOrderConfirm() {\n    //   /// 交割合约确认\n    //   this.show = false;\n    //   this.popType = \"counting\";\n    //   this.order(this.form.direction === \"buy\" ? \"open\" : \"close\");\n    // },\n    order(type) {\n      if (!this.userInfo.token) {\n        this.$router.push(\"/login\");\n        return false;\n      }\n      //  if (!this.form.stop_price_profit) {\n      //  \tthis.$toast.fail(this.$t(\"请输入止盈金额\"));\n      //  \t return false;\n      //  \t}\n      // if (!this.form.stop_price_loss) {\n      // \tthis.$toast.fail(this.$t(\"请输入止损金额\"));\n      // \t return false;\n      // \t}\n      if (!this.form.amount) {\n        if (this.selectIndex == 1) {\n          this.$toast.fail(this.$t(\"请输入合约张数\"));\n        } else {\n          this.$toast.fail(this.$t(\"请输入金额\"));\n        }\n        return;\n      }\n\n      // this.form.direction = type\n      this.form.symbol = this.$route.params.symbol;\n      if (type == \"long\" || type == \"open\") {\n        this.form.direction = \"buy\";\n      } else {\n        this.form.direction = \"sell\";\n      }\n      let _order = null; // api\n      let emitFunc = null; // 触发函数\n      if (this.selectIndex / 1 === 1) {\n        // 永续合约\n        this.form.session_token = this.initOpen.session_token;\n        _order = _orderOpen;\n        emitFunc = this.currentType;\n        this.openOrder(_order, emitFunc);\n      } else {\n        // 交割合约\n        this.form.session_token = this.initFutrue.session_token;\n        _order = _futrueOrder;\n        emitFunc = \"futrue\";\n        if (this.initFutrue.session_token == undefined || this.initFutrue.session_token == \"\") {\n          _futrueOrderInit(this.symbol).then(data => {\n            this.form.session_token = data.session_token;\n            this.openOrder(_order, emitFunc);\n          }).catch(err => {\n            if (err.code == \"ECONNABORTED\") {\n              this.$toast(this.$t(\"网络超时！\"));\n            } else if (err.msg != undefined) {\n              this.$toast(this.$t(err.msg));\n            }\n          });\n        } else {\n          this.form.session_token = this.initFutrue.session_token;\n          this.openOrder(_order, emitFunc);\n        }\n      }\n    },\n    openOrder(_order, emitFunc) {\n      _order(this.form).then(res => {\n        if (this.selectIndex / 1 === 1) {\n          this.$refs.sliderRef.emptyValue();\n        }\n        this.$toast(this.$t(\"操作成功\"));\n        _getBalance().then(data => {\n          // 刷新余额\n          this.$store.commit(\"user/SET_USERINFO\", {\n            balance: data.money\n          });\n        });\n        this.$emit(\"ordered\", emitFunc);\n        if (this.selectIndex / 1 === 2) {\n          // 交割合约需要弹出详情框\n          _futrueOrderDetail(res.order_no).then(data => {\n            this.detailData = data;\n            this.show = true;\n          });\n        }\n      }).catch(() => {\n        // 也需要重新初始化\n        this.$emit(\"ordered\", emitFunc);\n        if (this.selectIndex / 1 === 1) {\n          this.$refs.sliderRef.emptyValue();\n        }\n      });\n    },\n    //价格类型下拉框切换\n    selectBtn() {\n      this.isShow = !this.isShow;\n    },\n    selectArryBtn() {\n      this.arryIsShow = !this.arryIsShow;\n    },\n    onSelect(item) {\n      this.actions.map(item => {\n        item.className = \"\";\n      });\n      item.className = \"actions-active\";\n      this.showType = item.value;\n      this.$emit(\"changeValueBack\", this.showType);\n    },\n    onCancel() {\n      this.isSelectShow = false;\n    },\n    selectItemArry(item) {\n      this.dataArrValue = item.value;\n      this.arryIsShow = false;\n      this.dataArrTitle = item.name;\n    }\n  }\n};","map":{"version":3,"names":["config","mapGetters","AmountSlider","_orderOpen","_orderClose","_futrueOrder","_futrueOrderDetail","_getBalance","_futrueOrderInit","ContractFutrue","PopupDelivery","fixDate","_getHomeList","getStorage","name","components","_Popup","_ActionSheet","props","greenData","type","Array","default","redData","symbol","String","price","Number","initOpen","Object","initClose","initFutrue","selectIndex","currentType","watch","val","form","para_id","para","paraIndex","deep","handler","handleInitSliderOption","newVal","oldVal","amount","getHomeList","dataArrValue","map","item","parseFloat","toFixed","substring","indexOf","approximately","mounted","$route","params","setInterval","location","href","reload","computed","userInfo","theme","initData","obj","lever","length","id","lever_rate","coudBuyVolume","Math","floor","volume","filters","nan","isNaN","data","currentBuyType","timeout2","timeout","detailData","show","popType","showOptions","options","sliderOptions","value","isShow","title","$t","selectData","session_token","direction","price_type","stop_price_profit","stop_price_loss","focus","selectDataArry","isSelectShow","actions","className","showType","dataArrTitle","arryIsShow","marks","beforeDestroy","clearTimeout","activated","methods","getAmount","getVolumnByLever","vol","then","res","numberText","close","numberLength","arry","str","j","push","newArry","arryItem","concat","slice","dataObj","continueTobuy","setTimeout","$router","onQuickPrice","handleTimeEnd","order","state","console","log","max","disabled","handleChoose","onAdd","onReduce","jump","onParaId","index","onInput","$refs","sliderRef","amountChange","selectBtn","selectItem","changeTab","$emit","emptyValue","onClose","token","$toast","fail","_order","emitFunc","openOrder","undefined","catch","err","code","msg","$store","commit","balance","money","order_no","selectArryBtn","onSelect","onCancel","selectItemArry"],"sources":["src/components/perpetual-open/index.vue"],"sourcesContent":["<template>\n  <!-- 永续合约开仓页 -->\n  <div class=\"perpetual-open\">\n    <!-- 隐藏杠杠   全仓     k 线图入口 -->\n    <!-- <div class=\"flex header-open\">\n      <div class=\"flex flex-1 pt-34\">\n        <div class=\"w-180 h-60 lh-60 text-center rounded inputBackground textColor\">\n          {{ $t(\"全仓\") }}\n        </div>\n        <div class=\"w-140 h-60 lh-60 ml-29 rounded tabBackground textColor\" v-if=\"selectIndex / 1 === 1\">\n          <div @click=\"showOptions = !showOptions\" style=\"height: 100%; box-sizing: border-box\"\n            class=\"relative word-30 pl-28 pr-10 w-140 h-60 select-wrap flex justify-between items-center\">\n            {{ form.lever_rate }}x\n            <img src=\"../../assets/image/public/grey-select.png\" alt=\"select-icon\" class=\"w-22 h-11\" />\n            <div v-if=\"showOptions\" class=\"options w-140 absolute top-97 left-0 z-10\">\n              <div class=\"w-full\" @click.stop=\"handleChoose(item)\" :class=\"{\n                'option-active': form.lever_rate === item.lever_rate,\n              }\" :value=\"item.lever_rate\" v-for=\"item in initData.lever\" :key=\"item.id\">\n                {{ item.lever_rate }}x\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <img src=\"../../assets/image/public/k-line.png\" alt=\"line-img\" class=\"w-38 h-35\" @click=\"jump\" />\n      </div>\n    </div> -->\n    <div class=\"pt-30 pb-20\">\n      <div class=\"flex\">\n        <div class=\"mr-30\">\n          <div class=\"w-290 flex justify-between newcolor1 font-22\">\n            <div>\n              <div class=\"\">{{ $t(\"价格\") }}</div>\n              <div class=\"mt-4\">(USDT)</div>\n            </div>\n            <div class=\"text-right items-end justify-end\">\n              <div class=\"\">{{ $t(\"数量\") }}</div>\n              <div class=\"mt-4\">({{ symbol.toUpperCase() || \"--\" }})</div>\n            </div>\n          </div>\n          <div\n            v-if=\"showType == 0 || showType == 1\"\n            class=\"w-290 flex justify-between pt-12 font-26\"\n            v-for=\"(item, index) in greenData\"\n            :key=\"index\"\n            @click=\"onQuickPrice(item.price)\"\n            :style=\"{\n              background:\n                `linear-gradient(to right,${\n                  theme == 'dark' ? '#121212' : '#ffffff'\n                } 0%` +\n                (1 - item.amount / greenData[greenData.length - 1].amount) *\n                  100 +\n                '%,rgba(94,186,137,.1) ' +\n                (1 - item.amount / greenData[greenData.length - 1].amount) *\n                  100 +\n                '%,rgba(94,186,137,.1) 100%)',\n            }\"\n          >\n            <div class=\"text-green\">{{ item.price }}</div>\n            <div class=\"text-right textColor\" v-if=\"symbol == 'shib'\">\n              {{ fixDate(item.amount, $i18n) || \"--\" }}\n            </div>\n            <div class=\"text-right textColor\" v-else>\n              {{ item.amount || \"--\" }}\n            </div>\n          </div>\n          <div\n            v-if=\"showType == 0 || showType == 1 || showType == 2\"\n            class=\"w-290 mt-20 mb-20 text-red pt-12 font-34 font-700\"\n          >\n            {{ approximately || \"--\" }}\n          </div>\n          <!-- <div\n            v-if=\"showType == 0 || showType == 1 || showType == 2\"\n            class=\"approximately-text pb-12 font-20 text-center\"\n          >\n            ≈ {{ price || \"--\" }}\n          </div> -->\n          <div\n            v-if=\"showType == 0 || showType == 2\"\n            class=\"w-290 flex justify-between pt-12 font-26\"\n            v-for=\"(item, index) in redData\"\n            :key=\"item + index\"\n            @click=\"onQuickPrice(item.price)\"\n            :style=\"{\n              background:\n                `linear-gradient(to right,${\n                  theme == 'dark' ? '#121212' : '#ffffff'\n                } 0%` +\n                (1 - item.amount / greenData[greenData.length - 1].amount) *\n                  100 +\n                '%,rgba(246,70,93,.1) ' +\n                (1 - item.amount / greenData[greenData.length - 1].amount) *\n                  100 +\n                '%,rgba(246,70,93,.1) 100%)',\n            }\"\n          >\n            <div class=\"text-red\">{{ item.price }}</div>\n            <div class=\"text-right textColor\" v-if=\"symbol == 'shib'\">\n              {{ fixDate(item.amount, $i18n) || \"--\" }}\n            </div>\n            <div class=\"text-right textColor\" v-else>\n              {{ item.amount || \"--\" }}\n            </div>\n          </div>\n          <!-- <div class=\"flex k-select-box\">\n            <div class=\"mt-30 mb-30 select-box\" style=\"position: relative\">\n              <div\n                class=\"flex justify-between items-center w-full h-70\"\n                @click=\"selectArryBtn\"\n              >\n                <div class=\"pl-16 textColor\" style=\"width: 80%\">\n                  {{ dataArrTitle }}\n                </div>\n                <img\n                  src=\"@/assets/image/public/grey-select.png\"\n                  alt=\"select-icon\"\n                  class=\"w-22 h-11 pr-20\"\n                />\n              </div>\n              <div class=\"option-box\" v-show=\"arryIsShow\">\n                <div\n                  class=\"font-30\"\n                  v-for=\"(item, index) in selectDataArry\"\n                  :key=\"index\"\n                  @click=\"selectItemArry(item)\"\n                >\n                  {{ item.name }}\n                </div>\n              </div>\n            </div>\n            <div @click=\"isSelectShow = true\">\n              <img\n                src=\"@/assets/image/selectIcon.png\"\n                alt=\"warn-icon\"\n                class=\"w-36 h-30\"\n              />\n            </div>\n          </div> -->\n        </div>\n        <div class=\"w-440 flex flex-col\">\n          <template v-if=\"selectIndex == 1\">\n            <div class=\"flex items-center h-66 rounded-lg text-grey\">\n              <p\n                class=\"font-28 flex-1 flex items-center justify-center h-66 long\"\n                :class=\"currentType == 'long' ? 'long' : ''\"\n                @click=\"changeTab('long')\"\n              >\n                {{ $t(\"开多\") }}\n              </p>\n              <p\n                class=\"font-28 flex-1 ml-20 flex items-center justify-center h-66 short\"\n                :class=\"currentType == 'short' ? 'short' : ''\"\n                @click=\"changeTab('short')\"\n              >\n                {{ $t(\"开空\") }}\n              </p>\n            </div>\n            <div class=\"mt-30 mb-30\" style=\"position: relative\">\n              <div\n                class=\"box-show flex justify-between items-center w-full h-76 rounded-lg textColor\"\n                @click=\"selectBtn\"\n              >\n                <img\n                  src=\"../../assets/image/public/warn.png\"\n                  alt=\"warn-icon\"\n                  class=\"w-25 h-25 pl-20\"\n                />\n                <div class=\"text-center\" style=\"width: 80%\">{{ title }}</div>\n                <img\n                  src=\"../../assets/image/public/grey-select.png\"\n                  alt=\"select-icon\"\n                  class=\"w-22 h-11 pr-20\"\n                />\n              </div>\n              <div class=\"option-box\" v-show=\"isShow\">\n                <div\n                  class=\"font-30\"\n                  v-for=\"item in selectData\"\n                  :key=\"item.type\"\n                  @click=\"selectItem(item)\"\n                >\n                  {{ item.title }}\n                </div>\n              </div>\n            </div>\n          </template>\n          <contract-futrue\n            v-if=\"selectIndex == 2\"\n            class=\"mb-20\"\n            :initFutrue=\"initFutrue\"\n            @paraId=\"onParaId\"\n          />\n          <div\n            class=\"h-76 lh-76 mb-30 flex pr-20 justify-center rounded-lg newcolor1 box-show\"\n            v-if=\"selectIndex == 1\"\n          >\n            <input\n              placeholder=\"\"\n              class=\"w-full pl-20 h-76 border-none text-left rounded-lg\"\n              :disabled=\"type / 1 === 1\"\n              @focus=\"focus = true\"\n              v-model=\"form.price\"\n            />\n            <span class=\"ml-20\">USDT</span>\n          </div>\n          <!-- <div\n            class=\"h-76 lh-76 inputBackground mb-30 flex pr-20 justify-center rounded-lg textColor\"\n            v-if=\"selectIndex == 1\"\n          >\n            <input\n              :placeholder=\"selectIndex == 1 ? $t('请输入止盈金额') : ''\"\n              class=\"inputBackground pl-20 h-76 border-none text-left rounded-lg\"\n              v-model=\"form.stop_price_profit\"\n            />\n            <span class=\"font-22 font-400 textColor\">{{ $t(\"止盈\") }}</span>\n          </div> -->\n          <!-- <div\n            class=\"h-76 lh-76 inputBackground mb-30 flex pr-20 justify-center rounded-lg textColor\"\n            v-if=\"selectIndex == 1\"\n          >\n            <input\n              :placeholder=\"selectIndex == 1 ? $t('请输入止损金额') : ''\"\n              class=\"inputBackground pl-20 h-76 border-none text-left rounded-lg\"\n              v-model=\"form.stop_price_loss\"\n            />\n            <span class=\"font-22 font-400 textColor\">{{ $t(\"止损\") }}</span>\n          </div> -->\n          <div class=\"w-440 flex items-center box-show h-76 lh-76 rounded-lg\">\n            <div\n              v-if=\"selectIndex == 1\"\n              class=\"w-80 flex items-center justify-center\"\n              style=\"height: 100%\"\n              @click=\"onReduce\"\n            >\n              <img\n                src=\"../../assets/image/public/reduce.png\"\n                alt=\"add\"\n                class=\"w-30 h-6\"\n              />\n            </div>\n            <input\n              :placeholder=\"\n                selectIndex == 1\n                  ? $t('张数')\n                  : $t('最少') + initFutrue && initFutrue.para\n                  ? $t('最小金额') + initFutrue.para[paraIndex].buy_min\n                  : ''\n              \"\n              class=\"border-none text-center newcolor1\"\n              style=\"width: 156px\"\n              v-model=\"form.amount\"\n              type=\"number\"\n              @input=\"onInput\"\n            />\n            <div\n              class=\"w-80 flex items-center justify-center\"\n              style=\"height: 100%\"\n            >\n              <template v-if=\"selectIndex == 1\">\n                <img\n                  @click=\"onAdd\"\n                  src=\"../../assets/image/public/add.png\"\n                  alt=\"reduce\"\n                  class=\"w-30 h-30\"\n                />\n              </template>\n              <template v-else>\n                <span class=\"textColor\">USDT</span>\n              </template>\n            </div>\n          </div>\n          <template v-if=\"selectIndex == 1\">\n            <div class=\"mt-50 w-full flex justify-between items-center\">\n              <span class=\"font-22 font-400 newcolor1\">{{\n                $t(\"可开张数\")\n              }}</span>\n              <span class=\"font-22 font-400 newcolor1\">\n                {{ initData.volume }}\n                {{ $t(\"张\") }}\n              </span>\n            </div>\n            <!-- <vue-slider v-bind=\"options\" v-model=\"form.amount\"></vue-slider> -->\n            <!-- <vue-slider class=\"mainBox\" v-bind=\"options\" :marks=\"marks\" v-model=\"form.volume\" :hide-label=\"true\"  width=\"90%\"\n              :railStyle=\"{ background: '#404040', height: '4px' }\"\n              :processStyle=\"{ background: '#266BFF', height: '4px' }\">\n              <template v-slot:step=\"{ active }\">\n                <div :class=\"['custom-step', { active }]\"></div>\n              </template>\n            </vue-slider>\n            <div style=\"color: #868D9A\" class=\"mt-36 font-24 w-full flex justify-between items-center\">\n              <span class=\"flex-1 text-left\">0%</span>\n              <span class=\"flex-1 text-left\">25%</span>\n              <span class=\"flex-1 text-center\">50%</span>\n              <span class=\"flex-1 text-right\">75%</span>\n              <span class=\"flex-1 text-right\">100%</span>\n            </div> -->\n            <!-- 张数输入 -->\n            <amount-slider\n              ref=\"sliderRef\"\n              :maxAmount=\"getVolumnByLever()\"\n              @getAmount=\"getAmount\"\n            ></amount-slider>\n          </template>\n          <template v-if=\"selectIndex == 1 && userInfo.token\">\n            <div class=\"flex justify-between mt-30\">\n              <div class=\"newcolor1\">{{ $t(\"合约金额\") }}</div>\n              <div class=\"textColor\">\n                {{ initData.amount * (form.amount / 1) * form.lever_rate }} USDT\n              </div>\n            </div>\n            <div class=\"flex justify-between mt-30\">\n              <div class=\"newcolor1\">{{ $t(\"保证金\") }}</div>\n              <div class=\"textColor\">\n                {{ (initData.amount * (form.amount / 1)) | nan }} USDT\n              </div>\n            </div>\n            <div class=\"flex justify-between mt-30\">\n              <div class=\"newcolor1\">{{ $t(\"建仓手续费\") }}</div>\n              <div class=\"textColor\">\n                {{\n                  userInfo.perpetual_contracts_status === \"1\"\n                    ? initData.fee * (form.amount / 1)\n                    : (initData.fee * (form.amount / 1) * form.lever_rate) | nan\n                }}\n                USDT\n              </div>\n            </div>\n          </template>\n          <div\n            class=\"flex font-24 text-grey justify-between mt-32\"\n            v-if=\"selectIndex == 2\"\n          >\n            <div>{{ $t(\"可用USDT\") }}</div>\n            <div class=\"textColor\">{{ initFutrue.amount | nan }} USDT</div>\n          </div>\n          <div\n            class=\"flex font-24 text-grey justify-between mt-20\"\n            v-if=\"selectIndex == 2\"\n          >\n            <div>{{ $t(\"手续费\") }}</div>\n            <div class=\"textColor\">\n              {{\n                (\n                  form.amount *\n                  (initFutrue && initFutrue.para\n                    ? initData.para[paraIndex].unit_fee\n                    : \"\")\n                ).toFixed(2) | nan\n              }}\n              USDT\n            </div>\n          </div>\n          <template v-if=\"userInfo.token\">\n            <template v-if=\"selectIndex == 1\">\n              <div\n                class=\"w-full h-80 lh-80 bg-green flex text-white rounded-md mt-50\"\n                v-if=\"currentType == 'long'\"\n                @click=\"order('long')\"\n              >\n                <div\n                  class=\"font-34 relative text-center\"\n                  style=\"flex-grow: 1\"\n                  v-if=\"selectIndex == 1\"\n                >\n                  {{ $t(\"开多\") }}\n                  <!-- <span class=\"right-word font-22 text-center\">{{\n                    $t(\"看涨\")\n                  }}</span> -->\n                </div>\n                <div\n                  class=\"font-34 relative text-center\"\n                  style=\"flex-grow: 1\"\n                  v-else\n                >\n                  {{ $t(\"做多买入\") }}\n                </div>\n              </div>\n              <div\n                class=\"w-full h-80 lh-80 bg-red flex text-white rounded-md mt-50\"\n                v-if=\"currentType == 'short'\"\n                @click=\"order('short')\"\n              >\n                <div\n                  class=\"relative font-34 text-center\"\n                  style=\"flex-grow: 1\"\n                  v-if=\"selectIndex == 1\"\n                >\n                  {{ $t(\"开空\") }}\n                  <!-- <span class=\"right-word font-22 text-center\">{{\n                    $t(\"看跌\")\n                  }}</span> -->\n                </div>\n                <div\n                  class=\"relative font-34 text-center\"\n                  style=\"flex-grow: 1\"\n                  v-else\n                >\n                  {{ $t(\"做空买入\") }}\n                </div>\n              </div>\n            </template>\n            <template v-if=\"selectIndex == 2\">\n              <div\n                class=\"w-full h-80 lh-80 bg-green flex text-white rounded-md mt-30\"\n                @click=\"order('open')\"\n                v-if=\"userInfo.token\"\n              >\n                <div class=\"font-34 relative text-center\" style=\"flex-grow: 1\">\n                  {{ $t(\"开多\") }}\n                  <span class=\"right-word font-22 text-center\">{{\n                    $t(\"看涨\")\n                  }}</span>\n                </div>\n              </div>\n              <div\n                class=\"w-full h-80 lh-80 bg-red flex text-white rounded-md mt-20 mb-10\"\n                style=\"position: relative\"\n                :class=\"{ 'mt-22': selectIndex == 2 }\"\n                @click=\"order('close')\"\n                v-if=\"userInfo.token\"\n              >\n                <div class=\"relative font-34 text-center\" style=\"flex-grow: 1\">\n                  {{ $t(\"开空\") }}\n                  <span class=\"right-word font-22 text-center\">{{\n                    $t(\"看跌\")\n                  }}</span>\n                </div>\n              </div>\n            </template>\n          </template>\n          <div v-else class=\"w-full mt-120\">\n            <div class=\"textColor\">\n              <p>{{ $t(\"套期保值，风险对冲\") }}</p>\n              <p class=\"pt-8\">{{ $t(\"登陆后继续\") }}</p>\n            </div>\n            <div\n              class=\"h-80 lh-80 btnBackground flex text-white rounded-md justify-center mt-50\"\n              @click=\"$router.push('/login')\"\n            >\n              {{ $t(\"登录后进行交易\") }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <van-popup v-model=\"show\" class=\"rounded-2xl\">\n      <popup-delivery\n        showBtns\n        :detailData=\"detailData\"\n        :key=\"detailData.order_no\"\n        @close=\"onClose\"\n        @continueToBuy=\"continueTobuy\"\n        @timeEnd=\"handleTimeEnd\"\n        :price=\"price\"\n      />\n    </van-popup>\n    <van-action-sheet\n      v-model=\"isSelectShow\"\n      @select=\"onSelect\"\n      :actions=\"actions\"\n      :cancel-text=\"$t('取消')\"\n      close-on-click-action\n      @cancel=\"onCancel\"\n    >\n    </van-action-sheet>\n  </div>\n</template>\n\n<script>\nimport config from \"@/config\";\nimport { Popup, ActionSheet } from \"vant\";\nimport { mapGetters } from \"vuex\";\n// import VueSlider from \"vue-slider-component\";\nimport AmountSlider from \"./amountSlider.vue\";\nimport \"vue-slider-component/theme/default.css\";\nimport {\n  _orderOpen,\n  _orderClose,\n  _futrueOrder,\n  _futrueOrderDetail,\n  _getBalance,\n  _futrueOrderInit,\n} from \"@/API/trade.api\";\nimport ContractFutrue from \"@/components/contract-futrue\";\nimport PopupDelivery from \"@/components/popup-delivery\";\nimport { fixDate } from \"@/utils/utis\";\nimport { _getHomeList } from \"@/API/home.api\";\nimport { getStorage } from \"@/utils/utis\";\n// import PopupConfirmOrder from '@/components/popup-confirm-order'\nexport default {\n  name: \"perpetualPosition\",\n  components: {\n    // VueSlider,\n    AmountSlider,\n    ContractFutrue,\n    [Popup.name]: Popup,\n    PopupDelivery,\n    [ActionSheet.name]: ActionSheet,\n    // PopupConfirmOrder\n  },\n  props: {\n    greenData: {\n      // 买单\n      type: Array,\n      default() {\n        return [];\n      },\n    },\n    redData: {\n      // 卖单\n      type: Array,\n      default() {\n        return [];\n      },\n    },\n    symbol: {\n      type: String,\n      default: \"\",\n    },\n    price: {\n      type: [Number, String],\n      default: \"0.00\",\n    },\n    initOpen: {\n      type: Object,\n      default() {\n        return {};\n      },\n    },\n    initClose: {\n      type: Object,\n      default() {\n        return {};\n      },\n    },\n    initFutrue: {\n      type: Object,\n      default() {\n        return {};\n      },\n    },\n    selectIndex: {\n      type: [String, Number],\n      default: 1,\n    },\n    currentType: {\n      type: String,\n      default: \"long\",\n    },\n  },\n  watch: {\n    price(val) {\n      if (this.type === \"1\") {\n        // !this.focus &&\n        this.form.price = val;\n      }\n      this.form.para_id =\n        this.initFutrue.para && this.initFutrue.para[this.paraIndex].para_id; // 不优雅，不可靠\n      // this.form.symbol = this.symbol.toLowerCase()\n    },\n    initOpen: {\n      // 处理滚动条初始值\n      deep: true,\n      handler(val) {\n        this.handleInitSliderOption();\n      },\n    },\n    initClose: {\n      // 处理滚动条初始值\n      deep: true,\n      handler(newVal, oldVal) {\n        if (newVal.amount / 1 > 0) {\n          this.handleInitSliderOption(true);\n        }\n      },\n    },\n    symbol(val) {\n      this.getHomeList(val);\n    },\n    greenData(val) {\n      if (this.dataArrValue >= 1) {\n        this.greenData.map((item) => {\n          item.price = parseFloat(item.price).toFixed(this.dataArrValue);\n        });\n        this.redData.map((item) => {\n          item.price = parseFloat(item.price).toFixed(this.dataArrValue);\n        });\n      } else {\n        if (this.dataArrValue == -1) {\n          this.greenData.map((item) => {\n            item.price = item.price.substring(0, item.price.indexOf(\".\"));\n          });\n          this.redData.map((item) => {\n            item.price = item.price.substring(0, item.price.indexOf(\".\"));\n          });\n        }\n        if (this.dataArrValue == -2) {\n          this.greenData.map((item) => {\n            item.price =\n              item.price.substring(0, item.price.indexOf(\".\") - 1) + \"0\";\n          });\n          this.redData.map((item) => {\n            item.price =\n              item.price.substring(0, item.price.indexOf(\".\") - 1) + \"0\";\n          });\n        }\n        if (this.dataArrValue == -3) {\n          this.greenData.map((item) => {\n            item.price =\n              item.price.substring(0, item.price.indexOf(\".\") - 2) + \"00\";\n          });\n          this.redData.map((item) => {\n            item.price =\n              item.price.substring(0, item.price.indexOf(\".\") - 2) + \"00\";\n          });\n        }\n      }\n      this.approximately = this.redData[0].price;\n    },\n  },\n  mounted() {\n    this.getHomeList(this.$route.params.symbol);\n    setInterval(() => {\n      // 刷新页面\n      if (\n        location.href.indexOf(\"#reloaded\") == -1 &&\n        location.href.indexOf(\"perpetualContract\") > 0\n      ) {\n        location.href = location.href + \"#reloaded\";\n        location.reload();\n      }\n    }, 1000); // 1000毫秒 = 1秒\n  },\n  computed: {\n    ...mapGetters({\n      userInfo: \"user/userInfo\",\n      theme: \"home/theme\",\n    }),\n    initData() {\n      let obj = null;\n      if (this.selectIndex / 1 === 1) {\n        obj = this.initOpen;\n        if (!obj.lever || !obj.lever.length) {\n          // 倍数\n          obj.lever = [{ id: 1, lever_rate: 1 }];\n        }\n        return obj;\n      }\n      return this.initFutrue;\n    },\n    coudBuyVolume() {\n      // 可买数量\n      return Math.floor(this.initOpen.volume / 1 / this.form.lever_rate);\n    },\n  },\n  filters: {\n    nan(val) {\n      return isNaN(val) ? \"--\" : val;\n    },\n  },\n  data() {\n    return {\n      fixDate,\n      currentBuyType: \"\", // 交割合约当前下单的类型，用于弹窗倒计时结束以后，点击再下一单\n      timeout2: null,\n      timeout: null,\n      detailData: {}, // 交割合约订单详情数据\n      show: false,\n      popType: \"confirm\", // 弹框类型 confirm / counting\n      showOptions: false,\n      options: config.sliderOptions,\n      value: 0,\n      isShow: false,\n      title: this.$t(\"市价\"),\n      paraIndex: 0,\n      selectData: [\n        { title: this.$t(\"市价\"), type: \"1\" },\n        { title: this.$t(\"限价\"), type: \"2\" },\n      ],\n      form: {\n        symbol: \"\", // 币种\n        session_token: \"\",\n        direction: \"buy\", // 买or卖\n        price_type: \"opponent\", // 市价or限价\n        lever_rate: 1, // 杠杆\n        stop_price_profit: \"\",\n        stop_price_loss: \"\",\n        price: \"\",\n        amount: \"\", // 数量\n        para_id: \"\", // 交割周琦id\n      },\n      focus: false,\n      type: \"1\", //选中市价或限价类型\n      // currentType:\"open\", //开仓类型\n      // action: _orderOpen // 开仓or\n      isShow: false,\n      selectDataArry: [],\n      isSelectShow: false,\n      actions: [\n        { name: this.$t(\"默认\"), value: 0, className: \"actions-active\" },\n        { name: this.$t(\"展示买单\"), value: 1, className: \"\" },\n        { name: this.$t(\"展示卖单\"), value: 2, className: \"\" },\n      ],\n      showType: 0,\n      dataArrTitle: 0,\n      dataArrValue: 0,\n      arryIsShow: false,\n      marks: (val) => val % 50 === 0,\n      approximately: \"\",\n    };\n  },\n  beforeDestroy() {\n    this.clearTimeout();\n  },\n  activated() {\n    this.selectData = [\n      { title: this.$t(\"市价\"), type: \"1\" },\n      { title: this.$t(\"限价\"), type: \"2\" },\n    ];\n    this.title = this.selectData[0].title;\n    this.type = this.selectData[0].type;\n  },\n\n  methods: {\n    //获取张数\n    getAmount(val) {\n      this.form.amount = val;\n    },\n    // 获取张数,数据转换\n    getVolumnByLever() {\n      let vol;\n      vol = this.initOpen.volume / 1;\n      return Math.floor(vol);\n    },\n\n    getHomeList(symbol) {\n      _getHomeList(symbol).then((res) => {\n        let numberText = res[0].close;\n        let numberLength = numberText.substring(\n          numberText.indexOf(\".\") + 1,\n          numberText.length\n        ).length;\n        let arry = [];\n        let str = \"0.\";\n        for (let j = 0; j < numberLength - 1; j++) {\n          str = str + \"0\";\n          arry.push(str);\n        }\n        let newArry = [];\n        arry.map((item) => {\n          let obj = {\n            name: item + \"1\",\n            value:\n              item.substring(item.indexOf(\".\") + 1, item.length).length + 1,\n          };\n          newArry.push(obj);\n        });\n        if (numberLength <= 2) {\n          let obj = [\n            {\n              name: \"0.1\",\n              value: 1,\n            },\n            {\n              name: \"1\",\n              value: -1,\n            },\n            {\n              name: \"10\",\n              value: -2,\n            },\n            // {\n            //   name: '100',\n            //   value: -3,\n            // }\n          ];\n          let arryItem = {\n            name: \"100\",\n            value: -3,\n          };\n          if (numberText.substring(0, numberText.indexOf(\".\")).length > 2) {\n            obj.push(arryItem);\n          }\n          newArry = newArry.concat(obj);\n        }\n        if (this.symbol == \"shib\") {\n          newArry = newArry.slice(-4);\n        }\n        let dataObj = {\n          arry: newArry,\n          numberLength: numberLength,\n        };\n        this.selectDataArry = dataObj.arry;\n        if (numberLength >= 2) {\n          this.dataArrTitle = this.selectDataArry[0].name;\n        } else {\n          this.dataArrTitle =\n            this.selectDataArry[this.selectDataArry.length - 1].name;\n        }\n      });\n    },\n    continueTobuy(detailData) {\n      this.show = false;\n      setTimeout(() => {\n        this.$router.push(\n          `/trendDetails/${detailData.symbol}?direction=${detailData.direction}`\n        );\n      }, 300);\n    },\n    onQuickPrice(price) {\n      // 点击金额变化\n      if (this.type === \"2\") {\n        this.form.price = price;\n      }\n    },\n    clearTimeout() {\n      clearTimeout(this.timeout);\n      this.timeout = null;\n    },\n    handleTimeEnd(order) {\n      if (this.selectIndex / 1 === 2) {\n        // 交割合约需要弹出详情框\n        _futrueOrderDetail(order).then((data) => {\n          this.clearTimeout();\n          this.detailData = data;\n          if (data.state !== \"created\") {\n            this.timeout = setTimeout(() => {\n              this.handleTimeEnd(order);\n            }, 1000);\n          }\n        });\n      }\n    },\n    handleInitSliderOption(amount) {\n      if (!amount) {\n        // 金额是否需要变动\n        this.form.amount = \"\";\n      }\n      console.log(this.initOpen.volume, this.form.lever_rate);\n      let vol;\n      vol = this.initOpen.volume / 1;\n      this.options.max = Math.floor(vol);\n      console.log(\"this.options.max\", this.options.max);\n      if (this.options.max > 0) {\n        this.options.disabled = false;\n      } else {\n        this.options.disabled = true;\n      }\n    },\n    handleChoose(item) {\n      this.showOptions = !this.showOptions;\n      this.form.lever_rate = item.lever_rate;\n      console.log(\"handleChoose\");\n      this.handleInitSliderOption();\n    },\n    onAdd() {\n      // +\n      if (this.options.max === 0) {\n        return;\n      }\n      if (this.form.amount === this.options.max) {\n        return;\n      }\n      console.log(this.options.max);\n      this.form.amount++;\n    },\n    onReduce() {\n      // -\n      if (this.form.amount > 1) {\n        this.form.amount--;\n      }\n    },\n    jump() {\n      this.$router.push(`/trendDetails/${this.symbol}`);\n    },\n    onParaId({ id, index }) {\n      // 交割日期\n      // console.log(evt)\n      this.form.para_id = id;\n      this.form.amount = \"\";\n      this.paraIndex = index;\n    },\n    onInput() {\n      // 数量变化\n      // console.log(1111111, this.form.amount, this.selectIndex)\n      if (this.selectIndex == 1 && this.options.max == 0) {\n        this.form.amount = this.form.amount / 1;\n      } else if (\n        this.selectIndex == 1 &&\n        this.form.amount / 1 > this.options.max / 1\n      ) {\n        this.form.amount = this.options.max / 1;\n      }\n      if (this.selectIndex / 1 === 1) {\n        this.$refs.sliderRef.amountChange(this.form.amount);\n      }\n    },\n    //价格类型下拉框切换\n    selectBtn() {\n      this.isShow = !this.isShow;\n    },\n    //选择价格类型\n    selectItem(item) {\n      if (item.type == 1) {\n        this.form.price = this.price;\n      }\n      this.form.price_type = item.type === \"1\" ? \"opponent\" : \"limit\";\n      this.title = item.title;\n      this.type = item.type;\n      this.isShow = false;\n    },\n    //选择开仓类型\n    changeTab(type) {\n      // 开仓和\n      console.log(\"changeTab\", type);\n\n      if (this.currentType === type) {\n        return;\n      }\n      this.$emit(\"changeCurrentType\", type);\n      // this.currentType = type;\n\n      this.$refs.sliderRef.emptyValue();\n      this.handleInitSliderOption();\n    },\n    onClose() {\n      // 关闭\n      this.show = false;\n      setTimeout(() => {\n        this.popType = \"confirm\";\n      }, 500);\n    },\n    // onOrderConfirm() {\n    //   /// 交割合约确认\n    //   this.show = false;\n    //   this.popType = \"counting\";\n    //   this.order(this.form.direction === \"buy\" ? \"open\" : \"close\");\n    // },\n    order(type) {\n      if (!this.userInfo.token) {\n        this.$router.push(\"/login\");\n        return false;\n      }\n      //  if (!this.form.stop_price_profit) {\n      //  \tthis.$toast.fail(this.$t(\"请输入止盈金额\"));\n      //  \t return false;\n      //  \t}\n      // if (!this.form.stop_price_loss) {\n      // \tthis.$toast.fail(this.$t(\"请输入止损金额\"));\n      // \t return false;\n      // \t}\n      if (!this.form.amount) {\n        if (this.selectIndex == 1) {\n          this.$toast.fail(this.$t(\"请输入合约张数\"));\n        } else {\n          this.$toast.fail(this.$t(\"请输入金额\"));\n        }\n        return;\n      }\n\n      // this.form.direction = type\n      this.form.symbol = this.$route.params.symbol;\n      if (type == \"long\" || type == \"open\") {\n        this.form.direction = \"buy\";\n      } else {\n        this.form.direction = \"sell\";\n      }\n      let _order = null; // api\n      let emitFunc = null; // 触发函数\n      if (this.selectIndex / 1 === 1) {\n        // 永续合约\n        this.form.session_token = this.initOpen.session_token;\n        _order = _orderOpen;\n        emitFunc = this.currentType;\n        this.openOrder(_order, emitFunc);\n      } else {\n        // 交割合约\n        this.form.session_token = this.initFutrue.session_token;\n        _order = _futrueOrder;\n        emitFunc = \"futrue\";\n        if (\n          this.initFutrue.session_token == undefined ||\n          this.initFutrue.session_token == \"\"\n        ) {\n          _futrueOrderInit(this.symbol)\n            .then((data) => {\n              this.form.session_token = data.session_token;\n              this.openOrder(_order, emitFunc);\n            })\n            .catch((err) => {\n              if (err.code == \"ECONNABORTED\") {\n                this.$toast(this.$t(\"网络超时！\"));\n              } else if (err.msg != undefined) {\n                this.$toast(this.$t(err.msg));\n              }\n            });\n        } else {\n          this.form.session_token = this.initFutrue.session_token;\n          this.openOrder(_order, emitFunc);\n        }\n      }\n    },\n    openOrder(_order, emitFunc) {\n      _order(this.form)\n        .then((res) => {\n          if (this.selectIndex / 1 === 1) {\n            this.$refs.sliderRef.emptyValue();\n          }\n          this.$toast(this.$t(\"操作成功\"));\n          _getBalance().then((data) => {\n            // 刷新余额\n            this.$store.commit(\"user/SET_USERINFO\", { balance: data.money });\n          });\n          this.$emit(\"ordered\", emitFunc);\n          if (this.selectIndex / 1 === 2) {\n            // 交割合约需要弹出详情框\n            _futrueOrderDetail(res.order_no).then((data) => {\n              this.detailData = data;\n              this.show = true;\n            });\n          }\n        })\n        .catch(() => {\n          // 也需要重新初始化\n          this.$emit(\"ordered\", emitFunc);\n          if (this.selectIndex / 1 === 1) {\n            this.$refs.sliderRef.emptyValue();\n          }\n        });\n    },\n    //价格类型下拉框切换\n    selectBtn() {\n      this.isShow = !this.isShow;\n    },\n    selectArryBtn() {\n      this.arryIsShow = !this.arryIsShow;\n    },\n    onSelect(item) {\n      this.actions.map((item) => {\n        item.className = \"\";\n      });\n      item.className = \"actions-active\";\n      this.showType = item.value;\n      this.$emit(\"changeValueBack\", this.showType);\n    },\n    onCancel() {\n      this.isSelectShow = false;\n    },\n    selectItemArry(item) {\n      this.dataArrValue = item.value;\n      this.arryIsShow = false;\n      this.dataArrTitle = item.name;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\ninput:disabled {\n  background: transparent;\n}\n.perpetual-open {\n  font-size: 26px;\n}\n\n.options {\n  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);\n  border-radius: 6px;\n\n  @include themify() {\n    background: themed(\"tab_background\");\n  }\n\n  div {\n    font-size: 22px;\n    text-align: center;\n    width: 140px;\n    height: 50px;\n    line-height: 50px;\n\n    &.option-active {\n      @include themify() {\n        background: themed(\"tab_background\");\n      }\n    }\n  }\n}\n\n.right-word {\n  top: 50%;\n  transform: translateY(-50%);\n  right: 19px;\n  position: absolute;\n  border-radius: 6px;\n}\n\n.vue-slider {\n  height: 3px !important;\n  padding: 0 20px !important;\n}\n\n.vue-slider-dot {\n  width: 32px !important;\n  height: 32px !important;\n}\n\n.vue-slider-mark-label {\n  font-size: 16px;\n  margin-top: 14px !important;\n}\n\n.vue-slider-mark-label-active {\n  color: #868d9a !important;\n}\n\n.vue-slider-dot-handle {\n  border: 3px solid #2c78f8;\n}\n\n.vue-slider-mark {\n  width: 20px !important;\n  height: 20px !important;\n\n  &:nth-child(1) {\n    .vue-slider-mark-label {\n      transform: translateX(-14px) !important;\n    }\n  }\n\n  &:nth-child(5) {\n    .vue-slider-mark-label {\n      transform: translateX(-60px) !important;\n    }\n  }\n}\n\n// 开仓样式\n.tabcon {\n  // padding-bottom: 16%;\n  position: relative;\n  height: 80px;\n}\n\n.tab {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px;\n  display: flex;\n  align-items: center;\n  background-color: #f3f3f3;\n  border-radius: 5px;\n  overflow: hidden;\n}\n\n.tab > * {\n  height: 100%;\n}\n\n.tab > img {\n  margin-left: -2px;\n  margin-right: -2px;\n}\n\n.tab > a {\n  flex-grow: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n\n.open,\n.long {\n  background-color: #12b298;\n  color: white;\n}\n\n// 下拉\n.option-box {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 90px;\n  width: 100%;\n\n  @include themify() {\n    background: themed(\"grey_bg\");\n  }\n\n  text-align: center;\n\n  @include themify() {\n    box-shadow: 0px 0px 3px 3px themed(\"grey_bg\");\n  }\n\n  border-radius: 4px;\n\n  @include themify() {\n    color: themed(\"text_color3\");\n  }\n}\n\n.option-box > div {\n  padding: 30px 0;\n}\n\n.option-box > div:hover {\n  // background-color: #f5f5f5;\n}\n\n.num-text-color {\n  color: #4c4a54;\n}\n\nselect {\n  appearance: none;\n  /* 去掉默认图标 */\n  -moz-appearance: none;\n  /* Firefox */\n  -webkit-appearance: none;\n  /* Safari and Chrome */\n  padding: 0 20px 0 20px;\n  background: url(\"../../assets/image/public/grey-select.png\") no-repeat scroll\n    right center transparent;\n  /* 自己的图*/\n  background-size: 20px 11px;\n}\n\n.with100 {\n  width: 100%;\n}\n\n.height100 {\n  height: 100%;\n}\n\n.open {\n  background-color: #12b298;\n  // background: url(@/assets/image/public/open-bg.png) no-repeat right center;\n  // background-size: 100% 100%;\n  color: white;\n}\n\n.close,\n.short {\n  background-color: #f6465d;\n  // background: url(@/assets/image/public/close-bg.png) no-repeat left center;\n  // background-size: 100% 100%;\n  color: white;\n}\n\n// .custom-step {\n//   width: 10px;\n//   height: 10px;\n//   border-radius: 50%;\n//   background: fff;\n//   border: solid 1px #1d91ff;\n//   background: #fff;\n// }\n\n// .custom-step.active {\n//   box-shadow: 0 0 0 2px #1d91ff;\n//   background-color: #1d91ff;\n// }\n\n.all-div {\n  @include themify() {\n    background: themed(\"input_background1\");\n  }\n}\n\n.select-wrap {\n  @include themify() {\n    background: themed(\"input_background1\");\n  }\n\n  border: none;\n}\n\n.greyBg {\n  @include themify() {\n    border: 1px solid themed(\"input_background1\");\n  }\n\n  @include themify() {\n    background: themed(\"input_background1\");\n  }\n}\n\n.usdt-bg {\n  @include themify() {\n    background: themed(\"input_background1\");\n  }\n}\n\n.header-open {\n  align-items: center;\n}\n\n.k-select-box {\n  justify-content: flex-end;\n  padding-right: 40px;\n  align-items: center;\n\n  .select-box {\n    width: 220px;\n\n    @include themify() {\n      background: themed(\"input_background\");\n    }\n\n    margin-right: 20px;\n  }\n}\n\n.van-popup {\n  @include themify() {\n    background: themed(\"input_background1\");\n  }\n}\n\n::v-deep .van-popup {\n  @include themify() {\n    background: themed(\"input_background1\");\n  }\n}\n\n.actions-active {\n  @include themify() {\n    background: themed(\"color_main\") !important;\n  }\n\n  color: #fff !important;\n}\n\n.perpetual-open {\n  ::v-deep .van-action-sheet__item,\n  ::v-deep .van-action-sheet__cancel {\n    @include themify() {\n      background: themed(\"input_background1\");\n    }\n\n    @include themify() {\n      color: themed(\"text_color\");\n    }\n  }\n\n  ::v-deep .van-action-sheet__gap {\n    @include themify() {\n      background: themed(\"cont_background\");\n    }\n  }\n}\n\n.approximately-text {\n  @include themify() {\n    color: themed(\"text_color1\");\n  }\n}\n</style>\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}