| | |
| | | <!-- 盈亏 --> |
| | | <div v-show="showProfit" class="font-size18 text-center yingkui"> |
| | | <div v-if="detailData.profit > 0" class="green"> |
| | | {{ $t("message.home.yingkui") }} {{ detailData.profit }} USD |
| | | {{ $t("message.home.yingkui") }} {{ detailData.profit }} USDT |
| | | </div> |
| | | <div v-else class="red"> |
| | | {{ $t("message.home.yingkui") }} {{ detailData.profit }} USD |
| | | {{ $t("message.home.yingkui") }} {{ detailData.profit }} USDT |
| | | </div> |
| | | </div> |
| | | <!-- 交割信息 --> |
| | |
| | | <div v-if="item.state=='created'">已完成</div> --> |
| | | <!-- <div>{{ item.settlement_time }}</div>--> |
| | | <div class="flex-2"> |
| | | {{ item.settlement_time}} |
| | | {{ dateString(item.settlement_time).split(/ +/)[0] + ' ' + initDate(dateString(item.settlement_time).split(/ +/)[1])}} |
| | | </div> |
| | | <div |
| | | v-if="type == 'orders'" |
| | |
| | | import { useUserStore } from "@/store/user"; |
| | | import AxiosCurrency from "@/api/currency.js"; |
| | | import { handleSymbolImg } from "@/utils"; |
| | | import {initDate} from '@/utils/utils' |
| | | import {initDate,dateString} from '@/utils/utils' |
| | | |
| | | export default { |
| | | name: "deliveryDelegateList", |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | initDate, |
| | | dateString, |
| | | type: "orders", //类型 |
| | | currencyData: [], |
| | | symbol: "btc", |
| | |
| | | prop: "create_time", |
| | | label: "message.home.shijian", |
| | | formatter: (row) => { |
| | | return row.create_time.split(' ')[0] + ' ' + initDate(row.create_time.split(' ')[1]) |
| | | return row.create_time.split(/ +/)[0] + ' ' + initDate(row.create_time.split(/ +/)[1]) |
| | | } |
| | | }, |
| | | { |
| | |
| | | v-for="(cItem, cIndex) in contentList" |
| | | :key="cIndex" |
| | | > |
| | | <div>{{ cItem.create_time.split(' ')[0] + ' ' + initDate(cItem.create_time.split(' ')[1])}}</div> |
| | | <div>{{ cItem.create_time.split(/ +/)[0] + ' ' + initDate(cItem.create_time.split(/ +/)[1])}}</div> |
| | | <div>{{ cItem.name }}</div> |
| | | <div> |
| | | {{ |
| | |
| | | v-for="(cItem, cIndex) in contentList" |
| | | :key="cIndex" |
| | | > |
| | | <div>{{ cItem.create_time.split(' ')[0] + " " + initDate(cItem.create_time.split(' ')[1]) }}</div> |
| | | <div>{{ cItem.create_time.split(/ +/)[0] + " " + initDate(cItem.create_time.split(/ +/)[1]) }}</div> |
| | | <div>{{ cItem.name }}</div> |
| | | <div> |
| | | {{ |
| | |
| | | v-for="(cItem, cIndex) in contentList" |
| | | :key="cIndex" |
| | | > |
| | | <div>{{ cItem.create_time.split(' ')[0] + ' ' + initDate(cItem.create_time.split(' ')[1]) }}</div> |
| | | <div>{{ cItem.create_time.split(/ +/)[0] + ' ' + initDate(cItem.create_time.split(/ +/)[1]) }}</div> |
| | | <div>{{ cItem.name }}</div> |
| | | <div :class="[cItem.offset == 'open' ? 'buy' : 'sell']"> |
| | | {{ |
| | |
| | | } |
| | | }; |
| | | |
| | | //转成12小时制时间 |
| | | export const initDate = (originalTimeStr) => { |
| | | const now = new Date(); // 创建一个当前日期时间的实例,这里只使用日期部分不影响时间部分 |
| | | const timeParts = originalTimeStr.split(':'); // 将时间字符串拆分为时、分、秒 |
| | | const timeParts = originalTimeStr.split(":"); // 将时间字符串拆分为时、分、秒 |
| | | now.setHours(timeParts[0], timeParts[1], timeParts[2]); // 设置日期时间的小时、分钟、秒,但不改变日期 |
| | | return now.toLocaleTimeString('en-US'); |
| | | return now.toLocaleTimeString("en-US"); |
| | | }; |
| | | |
| | | //转成24小时制时间 |
| | | export const timeString = (timeString) => { |
| | | let [datePart, timePart, mPart] = timeString.split(/ +/); |
| | | let [hours, minutes, seconds] = timePart.split(":"); |
| | | console.log(timePart, hours); |
| | | // 如果是下午(PM),并且小时不是12,则将其转换为24小时制 |
| | | if (mPart.includes("PM") && hours !== "12") { |
| | | console.log(parseInt(hours, 10) + 12); |
| | | hours = parseInt(hours, 10) + 12; |
| | | } |
| | | // 如果是上午(AM)并且小时是12,则小时部分设为0 |
| | | if (mPart.includes("AM") && hours === "12") { |
| | | hours = "00"; |
| | | } |
| | | // 补足小时、分钟和秒的格式 |
| | | hours = hours.toString().padStart(2, "0"); |
| | | let twentyFourHourTimeString = `${datePart} ${hours}:${minutes}:${seconds}`; |
| | | return twentyFourHourTimeString |
| | | }; |
| | | |
| | | // 美国时间 |
| | | export const dateString = (inputDateTime) => { |
| | | let time |
| | | if(/[a-zA-Z]/.test(inputDateTime)){ |
| | | time = timeString(inputDateTime) |
| | | }else{ |
| | | time = inputDateTime |
| | | } |
| | | // 将输入的日期时间字符串转换为Date对象 |
| | | var date = new Date(time.replace(/ /, "T")); |
| | | // 减去12小时 |
| | | date.setHours(date.getHours() - 12); |
| | | // 格式化输出结果 |
| | | var outputDateTime = date.toLocaleString() |
| | | outputDateTime = outputDateTime.replaceAll('/','-') |
| | | return outputDateTime |
| | | }; |
| | |
| | | const res = await getContractOrder(data); |
| | | this.tableData = res.data; |
| | | this.tableData.forEach( item => { |
| | | item.close_time = item.close_time.split(' ')[0] + ' ' + initDate(item.close_time.split(' ')[1]) |
| | | item.close_time = item.close_time.split(/ +/)[0] + ' ' + initDate(item.close_time.split(/ +/)[1]) |
| | | }) |
| | | this.tableLength = res.data.length; |
| | | if (this.tableLength == 0 || this.tableLength < 10) { |
| | |
| | | console.log(111, "交割合约订单接口", res.data); |
| | | this.tableData = res.data; |
| | | this.tableData.forEach( item => { |
| | | item.settlement_time = item.settlement_time.split(' ')[0] + ' ' + initDate(item.settlement_time.split(' ')[1]) |
| | | item.close_time = item.close_time.split(' ')[0] + ' ' + initDate(item.close_time.split(' ')[1]) |
| | | item.settlement_time = item.settlement_time.split(/ +/)[0] + ' ' + initDate(item.settlement_time.split(/ +/)[1]) |
| | | item.close_time = item.close_time.split(/ +/)[0] + ' ' + initDate(item.close_time.split(/ +/)[1]) |
| | | }) |
| | | this.tableLength = res.data.length; |
| | | }, |
| | |
| | | this.tableData = res.data; |
| | | this.tableData.forEach((item) => { |
| | | item.create_time = |
| | | item.create_time.split(" ")[0] + |
| | | item.create_time.split(/ +/)[0] + |
| | | " " + |
| | | initDate(item.create_time.split(" ")[1]); |
| | | initDate(item.create_time.split(/ +/)[1]); |
| | | }); |
| | | this.tableLength = res.data.length; |
| | | }, |
| | |
| | | const res = await getSpotOrder(data); |
| | | this.tableData = res.data; |
| | | this.tableData.forEach((item,index) => { |
| | | item.create_time = item.create_time.split(' ')[0] + ' ' + initDate(item.create_time.split(' ')[1]) |
| | | item.create_time = item.create_time.split(/ +/)[0] + ' ' + initDate(item.create_time.split(/ +/)[1]) |
| | | }) |
| | | this.tableLength = res.data.length; |
| | | }, |
| | |
| | | <span class="label" |
| | | >{{ $t("message.user.dingdanshijian3") }}: |
| | | </span> |
| | | <span>{{ detailData.create_time.split(' ')[0] + ' ' + initDate(detailData.create_time.split(' ')[1]) }}</span> |
| | | <span>{{ detailData.create_time.split(/ +/)[0] + ' ' + initDate(detailData.create_time.split(/ +/)[1]) }}</span> |
| | | </div> |
| | | <div> |
| | | <span class="label"> {{ $t("message.user.dingdanhao3") }}: </span> |
| | |
| | | console.log(this.tableData); |
| | | this.tableData.forEach((item) => { |
| | | item.createTimeStr = |
| | | item.createTimeStr.split(" ")[0] + |
| | | item.createTimeStr.split(/ +/)[0] + |
| | | " " + |
| | | initDate(item.createTimeStr.split(" ")[1]); |
| | | initDate(item.createTimeStr.split(/ +/)[1]); |
| | | }); |
| | | this.tableLength = res.data.length; |
| | | }); |
| | |
| | | {{ $t("message.user.chongzhi") }} |
| | | </div> |
| | | <div v-else>{{ $t("message.user.tixian") }}</div> |
| | | <div class="linght-grey-color">{{ item.createTimeStr.split(' ')[0] + ' ' + initDate(item.createTimeStr.split(' ')[1]) }}</div> |
| | | <div class="linght-grey-color">{{ item.createTimeStr.split(/ +/)[0] + ' ' + initDate(item.createTimeStr.split(/ +/)[1]) }}</div> |
| | | </div> |
| | | </div> |
| | | <div class="flex-column" style="text-align: right"> |
| | |
| | | <div class="css-kzcb6r"> |
| | | <div class="css-cp92rp"> |
| | | <div class="css-ig082u"> |
| | | {{ item.createTime.split(' ')[0] + ' ' + initDate(item.createTime.split(' ')[1])}} |
| | | {{ item.createTime.split(/ +/)[0] + ' ' + initDate(item.createTime.split(/ +/)[1])}} |
| | | </div> |
| | | </div> |
| | | <div class="css-cp92rp"> |