From d37ceed2ad5b94bbfc71a8a4cbdb7b498ddf724d Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Sat, 19 Jul 2025 14:14:18 +0800
Subject: [PATCH] 1
---
src/page/user/Warehouse/data.list.vue | 256 ++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 221 insertions(+), 35 deletions(-)
diff --git a/src/page/user/Warehouse/data.list.vue b/src/page/user/Warehouse/data.list.vue
index 83e68a2..fce48da 100644
--- a/src/page/user/Warehouse/data.list.vue
+++ b/src/page/user/Warehouse/data.list.vue
@@ -1,6 +1,6 @@
<template>
<div>
- <ul class="sport-tabs">
+ <!-- <ul class="sport-tabs">
<li
:class="actives === item.key && 'active'"
v-for="item in tabsList"
@@ -9,7 +9,12 @@
>
{{ item.title }}
</li>
- </ul>
+ </ul> -->
+ <div class="list">
+ <div class="list_box" v-for="(item, index) in tabsList" :key="index" :name="item.key">
+ <div @click="clickTabs(item,index)" :class="typeindex==index?'list_box_txts':'list_box_txt'">{{ item.title }}</div>
+ </div>
+ </div>
<van-list
v-model="loading"
:finished="finished"
@@ -23,7 +28,7 @@
v-for="(item, index) in dataList"
:key="index"
@click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
- <div @click.stop="pushRouter(item)">
+ <div @click.stop="pushRouter(item)" style="border-bottom: 1px dashed #d9d7de;padding-bottom: 15px;">
<div class="title-box" style="justify-content: space-between;">
<div class="span" :style="item.isListed==false?'color:red;':''">{{ item.stockName }}</div>
@@ -37,6 +42,83 @@
{{ item.stockSpell }}
</div>
<van-row>
+ <van-col span="18">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("持倉時間") }}{{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}</div>
+ <!-- <div class="sport-content-title2">{{ $t("訂單編號") }}</div> -->
+ </div>
+ </van-col>
+ <van-col span="6">
+ <div style="text-align: right">
+ <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+ {{ item.profitAndLoseParent }}
+ </div>
+ <!-- <div class="sport-content-text2">{{ item.buyOrderId }}</div> -->
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="12">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("hj101") }}</div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-text2">{{ item.orderLever }}</div>
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="12">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-text2">{{ item.orderNum }}</div>
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="12">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("持倉價") }}</div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-text2">{{ item.buyOrderPrice }}</div>
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="12">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("盈虧") }}</div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-text2">{{ item.profitAndLose}}</div>
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="12">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("hj44") }} ({{ activeObj.symbolCode }})</div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-text2">¥{{ item.orderFee }}</div>
+ </div>
+ </van-col>
+ </van-row>
+
+ <!-- <van-row>
<van-col span="8">
<div style="text-align: left">
<div class="sport-content-title2" >
@@ -63,8 +145,8 @@
<div class="sport-content-text2">{{ item.orderNum }}</div>
</div></van-col
>
- </van-row>
- <van-row>
+ </van-row> -->
+ <!-- <van-row>
<van-col span="8">
<div style="text-align: left">
<div class="sport-content-title2">
@@ -116,7 +198,7 @@
¥{{ item.amountToBeCovered | _toLocaleString }}
</div>
</div>
- </van-col>
+ </van-col> -->
<!-- <van-col span="8">
<div style="text-align: center">
<div class="sport-content-title2">
@@ -138,22 +220,7 @@
</div>
</van-col> -->
</van-row>
- <van-row>
- <van-col span="12">
- <div style="text-align: left">
- <div class="sport-content-title2">{{ $t("持倉時間") }}</div>
- <div class="sport-content-text2">
- {{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}
- </div>
- </div>
- </van-col>
- <van-col span="12">
- <div style="text-align: right">
- <div class="sport-content-title2">{{ $t("訂單編號") }}</div>
- <div class="sport-content-text2">{{ item.buyOrderId }}</div>
- </div>
- </van-col>
- </van-row>
+
<div class="but-box" v-if="actives === 0" @click.stop="close(item)">
<div class="but">{{ $t("平仓") }}</div>
@@ -168,7 +235,96 @@
v-for="(item, index) in newdataList"
:key="index"
@click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
- <div @click.stop="pushRouter(item)">
+ <div @click.stop="pushRouter(item)" style="border-bottom: 1px dashed #d9d7de;padding-bottom: 15px;">
+
+ <div class="title-box" style="justify-content: space-between;">
+ <div class="span" :style="item.isListed==false?'color:red;':''">{{ item.stockName }}</div>
+ <div
+ class="states"
+ :class="item.orderDirection === '买跌' ? 'states-red' : ''"
+ >
+ {{ $t(item.orderDirection) }}
+ </div>
+ </div>
+ {{ item.stockSpell }}
+ </div>
+ <van-row>
+ <van-col span="18">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("持倉時間") }}{{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}</div>
+ <!-- <div class="sport-content-title2">{{ $t("訂單編號") }}</div> -->
+ </div>
+ </van-col>
+ <van-col span="6">
+ <div style="text-align: right">
+ <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+ {{ item.profitAndLoseParent }}
+ </div>
+ <!-- <div class="sport-content-text2">{{ item.buyOrderId }}</div> -->
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="12">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("hj101") }}</div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-text2">{{ item.orderLever }}</div>
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="12">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-text2">{{ item.orderNum }}</div>
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="12">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("持倉價") }}</div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-text2">{{ item.buyOrderPrice }}</div>
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="12">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("盈虧") }}</div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-text2">{{ item.profitAndLose}}</div>
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="12">
+ <div style="text-align: left">
+ <div class="sport-content-title2">{{ $t("hj44") }} ({{ activeObj.symbolCode }})</div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-text2">¥{{ item.orderFee }}</div>
+ </div>
+ </van-col>
+ </van-row>
+ <!-- <div @click.stop="pushRouter(item)">
<div class="title-box" style="justify-content: space-between;">
<div class="span">{{ item.stockName }}</div>
<div
@@ -250,7 +406,7 @@
¥{{ item.orderFee | _toLocaleString }}
</div>
</div>
- </van-col>
+ </van-col> -->
<!-- <van-col span="8">
<div style="text-align: center">
<div class="sport-content-title2">
@@ -271,7 +427,7 @@
</div>
</div>
</van-col> -->
- </van-row>
+ <!-- </van-row>
<van-row>
<van-col span="12">
<div style="text-align: left">
@@ -287,7 +443,7 @@
<div class="sport-content-text2">{{ item.buyOrderId }}</div>
</div>
</van-col>
- </van-row>
+ </van-row> -->
<div class="but-box" v-if="actives === 0" @click.stop="close(item)">
<div class="but">{{ $t("平仓") }}</div>
@@ -346,6 +502,7 @@
pageNum: 1,
pageSize: 150,
loading: true,
+ typeindex:0,
finished: false,
closeSell: {},
show: false,
@@ -476,7 +633,8 @@
this.ordernum = ''
},
- clickTabs(e) {
+ clickTabs(e,i) {
+ this.typeindex = i;
this.pageNum = 1;
this.finished = false;
this.actives = e.key;
@@ -512,6 +670,30 @@
</script>
<style lang="less" scoped>
+ .list_box_txts{
+ padding: 12px 24px;
+ color: #fff;
+ background-color: #185546;
+ border-radius: 4px;
+ }
+ .list{
+ display: flex;
+ padding: 12px 0;
+ height: 60px;
+ align-items: center;
+ margin: 30px 0;
+ }
+ .list_box{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-left: 15px;
+ width: 25%;
+ }
+ .list_box_txt{
+ padding: 2px 4px;
+ color: #8B8698;
+ }
.input_box{
text-align: right;
font-size: 16px;
@@ -594,10 +776,11 @@
}
.sport-content-title2 {
+ font-family: Arial, sans-serif;
font-style: normal;
font-weight: 400;
- font-size: 0.29333rem;
- color: #8c9fad;
+ font-size: 0.346667rem;
+ color: #858093;
// text-align: left;
}
.sport-content-text {
@@ -615,6 +798,7 @@
// font-family: "PingFang SC";
font-style: normal;
// font-weight: 500;
+ font-weight: bold;
font-size: 0.34667rem;
color: #14181f;
word-break: break-word;
@@ -624,19 +808,21 @@
.but-box {
display: flex;
justify-content: space-around;
+ width: 100%;
.but {
text-align: center;
- min-width: 2.13333rem;
- height: 0.69333rem;
- line-height: 0.69333rem;
- background: #e6f2ff;
+ // min-width: 2.13333rem;
+ width: 100%;
+ height: 60px;
+ line-height: 60px;
+ background: #185546;
border-radius: 0.10667rem;
list-style: none;
font-style: normal;
font-weight: 400;
- font-size: 0.29333rem;
- color: #0067ed;
+ font-size: 0.346667rem;
+ color: #fff;
border: none;
}
.buts {
--
Gitblit v1.9.3