entrust.vue 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <template>
  2. <view>
  3. <view class="entrust-lable">
  4. <text class="entrust-lable-text active-entrust-lable">限价委托({{ myPedingTransaction.length }})</text>
  5. <!-- <text class="entrust-lable-text">计划委托(1)</text> -->
  6. </view>
  7. <template v-if="myPedingTransaction && myPedingTransaction.length > 0">
  8. <view class="lable-title">
  9. <text class="lable-title-text">委托信息</text>
  10. <text class="lable-title-btn" @click.stop="setCloseLeverAll()">全部撤单</text>
  11. </view>
  12. <template v-for="item in myPedingTransaction">
  13. <view class="content-box" :rise-fall="stocksColor">
  14. <view class="content-top">
  15. <view class="top-left">
  16. <view class="top-left-title">
  17. <text>{{ item.symbol }}</text>
  18. <text>{{ item.type_name }}</text>
  19. </view>
  20. <view class="top-left-b">
  21. <text>{{ item.multiple }}倍杠杆</text>
  22. <!-- <text class="top-left-b-tag">逐仓做多</text> -->
  23. </view>
  24. </view>
  25. <view class="top-right top-right-btns">
  26. <text class="top-right-btn">撤单</text>
  27. </view>
  28. </view>
  29. <view class="content-info">
  30. <view class="info-item">
  31. <text class="info-item-lable">委托数量(张)</text>
  32. <text class="info-item-val">{{ item.caution_money }}</text>
  33. </view>
  34. <view class="info-item">
  35. <text class="info-item-lable">保证金(USDT)</text>
  36. <text class="info-item-val">{{ item.price }}</text>
  37. </view>
  38. <view class="info-item">
  39. <text class="info-item-lable">委托价(USDT)</text>
  40. <text class="info-item-val">{{ item.origin_price }}</text>
  41. </view>
  42. <view class="info-item">
  43. <text class="info-item-lable">止损价(USDT)</text>
  44. <text class="info-item-val"
  45. @click.stop="setRestrict(item)">{{ item.stop_loss_price || '--' }} <text
  46. class="iconfont">&#xe610;</text></text>
  47. </view>
  48. <view class="info-item">
  49. <text class="info-item-lable">预计价(USDT)</text>
  50. <text class="info-item-val"
  51. @click.stop="setRestrict(item)">{{ item.target_profit_price || '--' }} <text
  52. class="iconfont">&#xe610;</text> </text>
  53. </view>
  54. <view class="info-item">
  55. <text class="info-item-lable">创建时间(USDT)</text>
  56. <text class="info-item-val">{{item.create_time }}</text>
  57. </view>
  58. </view>
  59. </view>
  60. <gap />
  61. </template>
  62. </template>
  63. <template v-else>
  64. <empty class="empty-content" />
  65. </template>
  66. <restrictPopup ref="restrictRef" @setSuccess="setSuccess" />
  67. </view>
  68. </template>
  69. <script>
  70. import restrictPopup from "./../modules/restrict.vue"
  71. export default {
  72. name: 'entrust',
  73. props: {
  74. myPedingTransaction: {
  75. type: Array,
  76. default: () => {
  77. return []
  78. }
  79. }
  80. },
  81. components: {
  82. restrictPopup
  83. },
  84. data() {
  85. return {
  86. };
  87. },
  88. mounted() {
  89. },
  90. methods: {
  91. setRestrict(item) {
  92. this.$nextTick(() => {
  93. this.$refs.restrictRef.open(item)
  94. })
  95. },
  96. setSuccess() {
  97. this.$emit('closeLeverSuccess')
  98. }
  99. }
  100. }
  101. </script>
  102. <style lang="scss" scoped>
  103. @import "~./index.scss"
  104. </style>