1

jhzh

2024-08-12 f1dc8f5a7f3a661ce19513a9ad47fe18e3e883ff

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!-- 市价全平 -->
<template>
  <div v-if="isShow">
    <div
      class="okui-transition-fade okui-dialog market-close-dialog okui-tip-dialog okui-dialog-float okui-transition-fade-entered"
      style="transition-duration: 100ms; z-index: 10053"
    >
      <div class="okui-dialog-window okui-dialog-window-float bottom-align">
        <div
          class="okui-dialog-top-l okui-dialog-top-action-fixed okui-dialog-top-action-hidden"
        >
          <i
            class="icon iconfont okui-dialog-top-action-hidden iconicn-left-arrow-glyph-sm-copy okui-dialog-b-btn"
          ></i>
        </div>
        <div class="okui-dialog-top-r okui-dialog-top-action-fixed">
          <i
            class="icon iconfont iconicn-close-outline-lg-copy okui-dialog-c-btn"
            @click="open"
          ></i>
        </div>
        <div id="scroll-box" class="okui-dialog-scroll-box">
          <div class="okui-dialog-container">
            <div class="okui-dialog-tip-content">
              <div class="okui-dialog-tip-icon-bg info-icon-bg">
                <i class="icon iconfont tip-icon iconinfo info-icon"></i>
              </div>
            </div>
            <div class="market-close-tip">
              <span class="market-close-title"
                >{{ $t("message.home.querendui") }} {{ obj.name }}
                {{ $t("message.home.yongxu") }}
                <em
                  class="position-side"
                  :class="[obj.direction === 'buy' ? 'green' : 'red']"
                >
                  {{
                    obj.direction === "buy"
                      ? $t("message.home.kaiduo")
                      : $t("message.home.kaikong")
                  }}
                  <!-- {{ obj.direction | fliterDir }} -->
                </em>
                {{ obj.lever_rate | leverFilter }}
                {{ $t("message.home.cangweijinxing") }}
                <em class="close-all">{{ $t("message.home.pingcang") }}</em
                >？
              </span>
              <span class="market-close-subtitle">{{
                $t("message.home.ruguofashengpingcangguadan")
              }}</span>
            </div>
          </div>
        </div>
        <div class="okui-dialog-footer-box">
          <div class="okui-dialog-btn-box layout-full">
            <button
              type="button"
              class="okui-btn btn-sm btn-fill-primary dialog-btn"
              @click="submit"
            >
              <span class="btn-content">{{ $t("message.home.queren") }}</span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Axios from "@/api/perpetualContract.js";
import bus from "vue3-eventbus";
 
export default {
  name: "closeAllDialog",
  data() {
    return {
      isShow: false,
      obj: {},
    };
  },
  filters: {
    fliterDir(val) {
      if (val == "buy") {
        return $t("message.home.kaiduo");
        // return "开多";
      } else if (val == "sell") {
        return $t("message.home.kaikong");
        // return "开空";
      }
    },
    leverFilter(val) {
      if (val) {
        var data = Number(val).toFixed(2);
        return data + "X";
      } else {
        return "1X";
      }
    },
  },
  methods: {
    open(val) {
      this.obj = val;
      console.log(val);
      this.isShow = !this.isShow;
    },
    submit() {
      const data = {
        order_no: this.obj.order_no,
      };
      Axios.orderClose(data).then((res) => {
        //刷新token
        bus.emit("getSesstionToken", "close");
        if (res.code == "0") {
          this.$message({
            message: this.$t("message.home.pingcangchengong"),
            type: "success",
          });
          this.isShow = !this.isShow;
        }
      });
    },
  },
};
</script>
<style lang="css" scoped>
@import url("@/assets/css/commonTrade/closeDialog.css");
</style>