首次提交大宝wap

jhzh

2024-03-23 0d29d9a2bf0d893a67f1263bb9525131a50a2128

 src/page/trading/buy.vue

@@ -59,7 +59,6 @@
            <div class="right_sw flexJy" style="width:auto;">
              <div class="addorj" @click="gdJian">


                <img src="@/assets/img/ic_number_jian.png" alt />
              </div>
              <div class="addorj"></div>
@@ -74,7 +73,7 @@
          </div>
          <div class="tr_es flexJy">
            <div class="top_input">
              <input type="number" onkeyup="value=value.replace(/[^\d]/g,'')" v-model="num">
              <input type="number" onkeyup="value=value.replace(/[^\d]/g,'')"  v-model="num">
            </div>
            <div class="right_sw flexJy" style="width:auto;">
              <div class="addorj" @click="jyslJian">
@@ -98,25 +97,27 @@
              </div> -->
          </div>
          <div class="tr_rs">
            <div class="top_bzz">
              <span>{{ if_us == 1 ? $t('hj102') + '($)' : if_us == '2' ? $t('hj102') + '(HK$)' : $t('hj102') + '(¥)'
            <div class="top_bzz" style="padding-bottom: 0.2rem;">
              <span style="text-align: left;">{{ if_us == 1 ? $t('hj102') + '($)' : if_us == '2' ? $t('hj102') + '(HK$)' : $t('hj102') + '(₹)'
              }}</span>
              <span>{{ if_us == 1 ? $t('hj103') + '($)' : if_us == '2' ? $t('hj103') + '(HK$)' : $t('hj103') + '(¥)'
              <span style="text-align: right;">{{ if_us == 1 ? $t('hj103') + '($)' : if_us == '2' ? $t('hj103') + '(HK$)' : $t('hj103') + '(₹)'
              }}</span>
            </div>

            <div class="bottom_bzz">
              <!-- <span>{{ (nowPrice/ selectCycle).toFixed(2) }}</span> -->
              <span>{{ (nowPrice / selectCycle * 100).toFixed(2) }}</span>
              <span v-if="$store.state.userInfo.userAmt == undefined">¥0.00</span>
              <span v-if="$store.state.userInfo && type != '0'" style="white-space: nowarp;">
              <span>{{ (nowPrice / selectCycle * num).toFixed(2) }}</span>
              <!-- <span>{{ (nowPrice / selectCycle * num * 100).toFixed(2) }}</span> -->
              <span v-if="$store.state.userInfo.userAmt == undefined">₹0.00</span>
              <span v-if="$store.state.userInfo.userIndexAmt != undefined && type != '0'" style="white-space: nowarp;">
                {{ if_us == 1 ? '$' + (Number($store.state.userInfo.userIndexAmt) / 7.1).toFixed(2) : if_us == '2' ?
                    'HK$' +
                    Number($store.state.userInfo.userIndexAmt / 0.9).toFixed(2) : '¥' + $store.state.userInfo.userIndexAmt
                    Number($store.state.userInfo.userIndexAmt / 0.9).toFixed(2) : '₹' + $store.state.userInfo.userIndexAmt
                }}
              </span>
              <span v-if="$store.state.userInfo.userAmt != undefined && type == '0'" style="white-space: nowarp;">
                {{ if_us == 1 ? '$' + (Number($store.state.userInfo.userAmt) / 7.1).toFixed(2) : if_us == '2' ? 'HK$' +
                    Number($store.state.userInfo.userAmt / 0.9).toFixed(2) : '¥ ' + $store.state.userInfo.userAmt
                    Number($store.state.userInfo.userAmt / 0.9).toFixed(2) : '₹ ' + $store.state.userInfo.userAmt
                }}
              </span>
            </div>
@@ -190,13 +191,13 @@
</template>

<script>
import * as api from "@/axios/api";
import {
  Toast
} from "mint-ui";
import * as api from '@/axios/api'
// import {
//   Toast
// } from 'mint-ui'
export default {
  name: 'trBuy',
  created() {
  created () {
    if (this.$route.query.t) {
      this.tabsCurrentIndex = Number(this.$route.query.t)
      console.log(this.tabsCurrentIndex)
@@ -206,6 +207,9 @@
      this.profitTarget = Number(this.$route.query.m)
      this.zhisun = Number(this.$route.query.m)
      this.nums = Number(this.$route.query.m)
    }
    if (this.$route.query.id) {
      this.id = this.$route.query.id
    }
    if (this.$route.query.code) {
      this.code = this.$route.query.code
@@ -220,7 +224,7 @@
      this.if_us = this.$route.query.if_us
    }
  },
  data() {
  data () {
    return {
      tradingArr: [this.$t('hj84'), this.$t('hj85')],
      tabsCurrentIndex: 0,
@@ -243,10 +247,12 @@
      showGg: false,
      profitTarget: 0,
      if_us: 0,
      bayType: '',
      id: '',
      actions: [
        { name: '100X', subname: this.$t('hj102') },
        { name: '200X', subname: this.$t('hj102') },
        { name: '300X', subname: this.$t('hj102') },
        { name: '300X', subname: this.$t('hj102') }
      ],
      profitArr: [
        {
@@ -262,42 +268,49 @@
          checked: false
        }
      ]

    }
  },
  mounted() {
    this.getUserInfo();
    this.getSettingInfo();
  mounted () {
    this.getUserInfo()
    this.getSettingInfo()
    this.bayType = this.$route.query.bayType
    if (this.bayType == 'in') {
      this.priceTabs = [this.$t('hj108'), this.$t('hj109')]
    } else if (this.bayType == 'qh') {
      this.priceTabs = [this.$t('hj108')]
    }
  },
  watch: {
    checkedZy(val) {
    checkedZy (val) {
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55]);
        navigator.vibrate([55])
      }
    },
    checkedZs(val) {
    checkedZs (val) {
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55]);
        navigator.vibrate([55])
      }
    }
  },
  methods: {
    handleBack() {
      this.$router.go(-1);
    handleBack () {
      this.$router.go(-1)
    },
    handleTradingClick(index) {
      this.tabsCurrentIndex = index;
    handleTradingClick (index) {
      this.tabsCurrentIndex = index
    },
    handleTabsClick(item, index) {
      this.priceTabsCurrentIndex = index;
    handleTabsClick (item, index) {
      this.priceTabsCurrentIndex = index
    },
    jyslJian() {
      if (typeof this.num == 'string') {
    jyslJian () {
      if (typeof this.num === 'string') {
        this.num = 1
      } else {
        if (this.num > 1) {
          if (typeof this.num == 'string') {
          if (typeof this.num === 'string') {
            this.num = Number((this.num) - 1)
          } else {
            this.num = Number((this.num) - 1)
@@ -307,10 +320,9 @@
        }
      }
    },
    gdJian() {

    gdJian () {
      if (this.nums > 1) {
        if (typeof this.nums == 'string') {
        if (typeof this.nums === 'string') {
          this.nums = Number(Number(this.nums) - 1).toFixed(2)
        } else {
          this.nums = Number(Number(this.nums) - 1).toFixed(2)
@@ -318,35 +330,32 @@
      } else {
        this.nums = this.nowPrice
      }

    },
    zYjian() {
    zYjian () {
      if ((Number(this.profitTarget) - 1).toFixed(2) < this.nowPrice) {
        this.profitTarget = this.nowPrice
      } else {
        this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2)
      }

    },
    zSjia() {
    zSjia () {
      if ((Number(this.zhisun) + 1).toFixed(2) > this.nowPrice) {
        this.zhisun = this.nowPrice
      } else {
        this.zhisun++
      }
    },
    zsInt(e) {
      if (typeof e.target.value == 'string') {
    zsInt (e) {
      if (typeof e.target.value === 'string') {
        this.zhisun = this.nowPrice
      } else {
        if (Number(e.target.value) > this.nowPrice) {
          this.zhisun = this.nowPrice
        }
      }

    },
    zyInt(e) {
      if (typeof e.target.value == 'string') {
    zyInt (e) {
      if (typeof e.target.value === 'string') {
        this.profitTarget = this.nowPrice
      } else {
        if (Number(e.target.value) < Number(this.nowPrice)) {
@@ -354,11 +363,10 @@
        }
      }
    },
    onSelect(val) {
    onSelect (val) {
      this.selectCycle = val.gg

    },
    gdOrSetBuy() {
    gdOrSetBuy () {
      if (this.priceTabsCurrentIndex == 0) {
        this.setBuy()
      } else {
@@ -366,20 +374,20 @@
      }
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55]);
        navigator.vibrate([55])
      }
    },
    //挂单
    async gdBuy() {
    // 挂单
    async gdBuy () {
      if (this.buying) {
        return;
        return
      }
      this.buying = true
      let opts = {
        stockId: this.code,
        buyNum: this.num * 100,
        buyNum: this.num,
        lever: this.selectCycle ? this.selectCycle : 0,
        targetPrice: this.nums,
        targetPrice: this.nums
      }
      if (this.tabsCurrentIndex == 0) {
        opts.buyType = 1
@@ -387,7 +395,7 @@
        opts.buyType = 0
      }
      if (this.checkedZy) {
        //opts.profitTarget = this.profitTarget.substring(0,this.profitTarget.indexOf(".")+3)
        // opts.profitTarget = this.profitTarget.substring(0,this.profitTarget.indexOf(".")+3)
        opts.profitTarget = this.profitTarget
      }
      if (this.checkedZs) {
@@ -396,18 +404,18 @@
      let data = await api.guadan(opts)
      this.buying = false
      if (data.status === 0) {
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg, 'elAlertType': 'success' });
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg, 'elAlertType': 'success' })
        this.getUserInfo()
        this.$router.push('/warehouse?index=1')
      } else {
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg });
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
      }
    },
    //买卖
    setBuy() {
    // 买卖
    setBuy () {
      if (!this.$store.state.userInfo.idCard) {
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': this.$t('hj111') });
        this.$router.push('/authentication')
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': this.$t('hj111') })
        this.$router.push('/authentications')
        return
      }
      // if (!this.agree) {
@@ -420,7 +428,7 @@
      //   Toast('请选择子账户')
      // } else {}
      if (this.buying) {
        return;
        return
      }
      this.buying = true
      let opts = {}
@@ -431,10 +439,10 @@
        // lever: this.selectCycle ? this.selectCycle : 0,
        // subaccountNumber:this.subaccountNumber

        //买入是买涨buyType:0, 卖出是买跌buyType:1,卖出的状态是0，买入的状态是1
        buyNum: this.num * 100, // 单位为手
        //buyNum: (this.num.match(/\d+/g))[0] * 100, // 单位为手
        lever: this.selectCycle ? this.selectCycle : 0,
        // 买入是买涨buyType:0, 卖出是买跌buyType:1,卖出的状态是0，买入的状态是1
        buyNum: this.num, // 单位为手
        // buyNum: (this.num.match(/\d+/g))[0] * 100, // 单位为手
        lever: this.selectCycle ? this.selectCycle : 0
      }
      if (this.tabsCurrentIndex == 0) {
        opts.buyType = 1
@@ -442,79 +450,75 @@
        opts.buyType = 0
      }
      if (this.checkedZy) {
        //opts.profitTarget = this.profitTarget.substring(0,this.profitTarget.indexOf(".")+3)
        // opts.profitTarget = this.profitTarget.substring(0,this.profitTarget.indexOf(".")+3)
        opts.profitTarget = this.profitTarget
      }
      if (this.checkedZs) {
        opts.stopLoss = this.zhisun
      }
      if (this.type == 0) {
        //股票
        // 股票
        this.gpBuy(opts)
        //   opts.stockId= this.code,
        //  data = await api.buy(opts)  
        //  data = await api.buy(opts)
      } else {
        //指数
        // 指数
        this.zsBuy(opts)
        //   opts.indexId= this.code,
        //  data = await api.indexBuy(opts)
      }


    },
    //股票买入
    async gpBuy(opts) {
      opts.stockId = this.code
    // 股票买入
    async gpBuy (opts) {
      opts.stockId = this.id
      let data = await api.buy(opts)
      this.buying = false
      if (data.status === 0) {
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg, 'elAlertType': 'success' });
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg, 'elAlertType': 'success' })
        this.getUserInfo()
        this.$router.push('/orderlist?index=2')
        this.$router.push('/warehouse?index=0')
      } else {
        if (data.msg.indexOf('不在交易时段内') > -1) {
          this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': this.$t('hj113') });
          this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': this.$t('hj113') })
        } else {
          this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg });
          this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
        }

      }
    },
    //指数买入
    async zsBuy(opts) {
      opts.indexId = this.type
    // 指数买入
    async zsBuy (opts) {
      opts.indexId = this.id
      let data = await api.indexBuy(opts)
      this.buying = false
      if (data.status === 0) {
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg, 'elAlertType': 'success' });
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg, 'elAlertType': 'success' })
        this.getUserInfo()
        this.$router.push('/orderlist?index=2')
        this.$router.push('/warehouse?index=0')
      } else {
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg });
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
      }
    },
    async getUserInfo() {
    async getUserInfo () {
      // 获取用户信息
      //   let showcookie = this.getCookie('USER_TOKEN');
      let data = await api.getUserInfo();
      let data = await api.getUserInfo()
      if (data.status === 0) {
        // this.getProductSetting()
        this.$store.state.userInfo = data.data;
        this.$store.state.userInfo = data.data
      } else {
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg });
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
      }
      this.$store.state.user = this.user;
      this.$store.state.user = this.user
    },
    async getSettingInfo() {
    async getSettingInfo () {
      // 网站设置信息
      let data = await api.getSetting()
      if (data.status === 0) {
        // 成功
        this.settingInfo = data.data
        // 杠杆倍数
        //data.data.siteLever根据/分割成数组
        //this.siteLeverList = data.data.siteLever.split('/')

        // data.data.siteLever根据/分割成数组
        // this.siteLeverList = data.data.siteLever.split('/')

        this.selectCycle = data.data.siteLever
        if (this.$store.state.userInfo !== undefined && this.$store.state.userInfo !== null && this.$store.state.userInfo.phone !== '' && this.$store.state.userInfo.siteLever != null) {
@@ -529,29 +533,28 @@
          this.selectCycle = data.data.siteLever.split('/')[0]
          this.siteLeverList = []
          for (let i = 0; i < data.data.siteLever.split('/').length; i++) {

            let val = data.data.siteLever.split('/')[i]
            var ccet = (Number(this.nowPrice) / Number(val)).toFixed(2)
            //let item = { label: val + '倍', value: val ,bzj:ccet}
            // let item = { label: val + '倍', value: val ,bzj:ccet}
            let item = { name: val + 'X', subname: this.$t('hj102') + '：' + (ccet * 100).toFixed(2), gg: val, bzj: ccet }
            this.siteLeverList.push(item)
          }
        }
      } else {
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg });
        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
      }
    },
    }
  },
  filters: {
    getName(name) {
    getName (name) {
      if (name.length > 15) {
        return name.substring(0, 14);
        return name.substring(0, 14)
      } else {
        return name;
        return name
      }
    }
  }
};
}
</script>

<style scoped lang="less">
@@ -830,7 +833,7 @@
    border-bottom: 0.05rem solid rgb(236, 236, 236);

    >div {
      width: 20%;
      // width: 20%;
      height: 50%;
      display: flex;
      align-items: center;
@@ -847,10 +850,10 @@
  width: 100%;
  height: auto;
  background: #fff;
  padding: .2rem .8rem;
  padding: .8rem .8rem;
  display: flex;
  align-items: flex-end;
  padding-top: 0.8rem;
  // padding-top: 0.8rem;

  >div {
    width: 100%;
@@ -962,4 +965,11 @@

  }
}
</style>
/deep/.van-overlay{
  z-index: 10000!important;
}

/deep/.van-popup{
  z-index: 10001!important;
}
</style>