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 | 821 +++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 694 insertions(+), 127 deletions(-)
diff --git a/src/page/user/Warehouse/data.list.vue b/src/page/user/Warehouse/data.list.vue
index 69e0889..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,86 +9,472 @@
>
{{ item.title }}
</li>
- </ul>
-
- <div class="sport-content-li">
- <div class="title-box">
- <div class="span">SoundHound AI, Inc. Class A Commond StockSOUN</div>
- <div class="states">买涨</div>
- </div>
- <div class="van-rows">
- <div style="text-align: left">
- <div class="sport-content-title2">盈虧 (USD)</div>
- <div class="sport-content-text" style="color: #d04b64">-35.4632</div>
- </div>
- <div style="text-align: right">
- <div class="sport-content-title2">盈虧 (USD)</div>
- <div class="sport-content-text">-35.4632</div>
- </div>
- </div>
- <div class="van-rows">
- <div style="text-align: left">
- <div class="sport-content-title2">最新價(USD)</div>
- <div class="sport-content-text2">-35.4632</div>
- </div>
- <div style="text-align: center">
- <div class="sport-content-title2">持倉價 (USD)</div>
- <div class="sport-content-text2">-35.4632</div>
- </div>
- <div style="text-align: right">
- <div class="sport-content-title2">訂單金額 (USD)</div>
- <div class="sport-content-text2">-35.4632</div>
- </div>
- </div>
- <div class="van-rows">
- <div style="text-align: left">
- <div class="sport-content-title2">開倉手續費 (USD)</div>
- <div class="sport-content-text2">-35.4632</div>
- </div>
- <div style="text-align: center">
- <div class="sport-content-title2">止損價 (USD)</div>
- <div class="sport-content-text2">-35.4632</div>
- </div>
- <div style="text-align: right">
- <div class="sport-content-title2">止盈價 (USD)</div>
- <div class="sport-content-text2">-35.4632</div>
- </div>
- </div>
- <div class="van-rows">
- <div style="text-align: left">
- <div class="sport-content-title2">持倉時間</div>
- <div class="sport-content-text2">19-03-24 16:11:22</div>
- </div>
- <div style="text-align: right">
- <div class="sport-content-title2">訂單編號</div>
- <div class="sport-content-text2">-17108358821839588500127</div>
- </div>
- </div>
- <div class="but-box">
- <div class="but" @click="close">平仓</div>
- <!-- <div class="but buts">止盈止损</div> -->
+ </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-popup v-model="show" position="top" :style="{ height: '30%' }" />
+ <van-list
+ v-model="loading"
+ :finished="finished"
+ :finished-text="$t('hj43')"
+ :loading-text="$t('hj430')"
+ @load="onLoad"
+ >
+ <div v-if="actives === 0"
+ class="sport-content-li"
+ :style="actives === 1 ? 'height:5.52rem' : 'height:7.52rem'"
+ v-for="(item, index) in dataList"
+ :key="index"
+ @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
+ <div @click.stop="pushRouter(item)" style="border-bottom: 1px dashed #d9d7de;padding-bottom: 15px;">
- <Dialog ref="closeDialog" title="确认平仓">
+ <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>
+
+ <!-- <van-row>
+ <van-col span="8">
+ <div style="text-align: left">
+ <div class="sport-content-title2" >
+ {{ $t("盈虧") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+ ¥{{ item.profitAndLose | _toLocaleString }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="8">
+ <div style="text-align: center">
+ <div class="sport-content-title2">
+ {{ $t("hj141") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+ {{ item.profitAndLoseParent }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="8">
+ <div style="text-align: right">
+ <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
+ <div class="sport-content-text2">{{ item.orderNum }}</div>
+ </div></van-col
+ >
+ </van-row> -->
+ <!-- <van-row>
+ <van-col span="8">
+ <div style="text-align: left">
+ <div class="sport-content-title2">
+ {{ $t("hj40") }}({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ ¥{{ item.now_price | _toLocaleString }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="8">
+ <div style="text-align: center">
+ <div class="sport-content-title2">
+ {{ $t("持倉價") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ ¥{{ item.buyOrderPrice | _toLocaleString }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="8">
+ <div style="text-align: right">
+ <div class="sport-content-title2">
+ {{ $t("訂單金額") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ ¥{{ item.orderTotalPrice | _toLocaleString }}
+ </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 class="sport-content-text2">
+ ¥{{ item.orderFee | _toLocaleString }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-title2">
+ {{ $t("待补金额") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ ¥{{ item.amountToBeCovered | _toLocaleString }}
+ </div>
+ </div>
+ </van-col> -->
+ <!-- <van-col span="8">
+ <div style="text-align: center">
+ <div class="sport-content-title2">
+ {{ $t("止損價") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ {{ item.stopTargetPrice | _toLocaleString }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="8">
+ <div style="text-align: right">
+ <div class="sport-content-title2">
+ {{ $t("止盈價") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ {{ item.profitTargetPrice | _toLocaleString }}
+ </div>
+ </div>
+ </van-col> -->
+ </van-row>
+
+
+ <div class="but-box" v-if="actives === 0" @click.stop="close(item)">
+ <div class="but">{{ $t("平仓") }}</div>
+ <!-- <div class="but buts">止盈止损</div> -->
+ </div>
+ </div>
+
+
+ <div v-if="actives === 1"
+ class="sport-content-li"
+ :style="actives === 1 ? 'height:5.52rem' : 'height:7.52rem'"
+ v-for="(item, index) in newdataList"
+ :key="index"
+ @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
+ <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
+ class="states"
+ :class="item.orderDirection === '买跌' ? 'states-red' : ''"
+ >
+ {{ $t(item.orderDirection) }}
+ </div>
+ </div>
+ {{ item.stockSpell }}
+ </div>
+ <van-row>
+ <van-col span="8">
+ <div style="text-align: left">
+ <div class="sport-content-title2">
+ {{ $t("盈虧") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+ ¥{{ item.profitAndLose | _toLocaleString }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="8">
+ <div style="text-align: center">
+ <div class="sport-content-title2">
+ {{ $t("hj141") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+ {{ item.profitAndLoseParent }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="8">
+ <div style="text-align: right">
+ <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
+ <div class="sport-content-text2">{{ item.orderNum }}</div>
+ </div></van-col
+ >
+ </van-row>
+ <van-row>
+ <van-col span="8">
+ <div style="text-align: left">
+ <div class="sport-content-title2">
+ {{ $t("hj40") }}({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ ¥{{ item.now_price | _toLocaleString }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="8">
+ <div style="text-align: center">
+ <div class="sport-content-title2">
+ {{ $t("持倉價") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ ¥{{ item.buyOrderPrice | _toLocaleString }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="8">
+ <div style="text-align: right">
+ <div class="sport-content-title2">
+ {{ $t("訂單金額") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ ¥{{ item.orderTotalPrice | _toLocaleString }}
+ </div>
+ </div>
+ </van-col>
+ </van-row>
+ <van-row>
+ <van-col span="8">
+ <div style="text-align: left">
+ <div class="sport-content-title2">
+ {{ $t("hj44") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ ¥{{ item.orderFee | _toLocaleString }}
+ </div>
+ </div>
+ </van-col> -->
+ <!-- <van-col span="8">
+ <div style="text-align: center">
+ <div class="sport-content-title2">
+ {{ $t("止損價") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ {{ item.stopTargetPrice | _toLocaleString }}
+ </div>
+ </div>
+ </van-col>
+ <van-col span="8">
+ <div style="text-align: right">
+ <div class="sport-content-title2">
+ {{ $t("止盈價") }} ({{ activeObj.symbolCode }})
+ </div>
+ <div class="sport-content-text2">
+ {{ item.profitTargetPrice | _toLocaleString }}
+ </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 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>
+ <!-- <div class="but buts">止盈止损</div> -->
+ </div>
+ </div>
+ </van-list>
+
+ <!-- <van-popup v-model="show" position="top" :style="{ height: '30%' }" /> -->
+
+ <Dialog ref="closeDialog" :title="$t('确认平仓')" :confirm="confirm">
<template v-slot:center>
<div>
<div class="hang">
- <div class="left">名称</div>
- <div class="right">SOUN</div>
+ <div class="left">{{ $t("hj39") }}</div>
+ <div class="right">{{ closeSell.stockName }}</div>
</div>
<div class="hang">
- <div class="left">買漲/買跌</div>
- <div class="right">買漲</div>
+ <div class="left">{{ $t("買漲/買跌") }}</div>
+ <div class="right">{{ $t(closeSell.orderDirection) }}</div>
</div>
<div class="hang">
- <div class="left">倉位(股)</div>
- <div class="right" style="color: rgb(3, 173, 143)">20.0000</div>
+ <div class="left">{{ $t("倉位(股)") }}</div>
+ <!-- <div class="right" style="color: rgb(3, 173, 143)">
+ {{ closeSell.orderNum }}
+ </div> -->
+ <input class="input_box" type="number" :max="closeSell.orderNum" :placeholder="$t('hj262')" v-model="ordernum" />
</div>
<div class="hang">
- <div class="left">類型</div>
- <div class="right">市價</div>
+ <div class="left">{{ $t("類型") }}</div>
+ <div class="right">{{ $t("市價") }}</div>
</div>
</div>
</template>
@@ -98,47 +484,222 @@
<script>
import Dialog from "@/components/Dialog";
-
+import { getchicang, sell } from "../../../axios/api";
+import { Notify } from "vant";
export default {
components: { Dialog },
-
+ props: {
+ activeObj: {
+ type: Object,
+ default: {},
+ },
+ },
+ mounted() {
+ this.getList();
+ },
data() {
return {
- // show:
- actives: "1",
+ pageNum: 1,
+ pageSize: 150,
+ loading: true,
+ typeindex:0,
+ finished: false,
+ closeSell: {},
+ show: false,
+ actives: 0,
+ ordernum:'',
+ dataList: [],
+ newdataList:[],
+ timer: null,
tabsList: [
{
- title: "持倉",
- key: "1",
+ title: this.$t("持倉"),
+ key: 0,
},
+
{
- title: "掛單",
- key: "2",
- },
- {
- title: "撤單",
- key: "3",
- },
- {
- title: "平倉",
- key: "4",
+ title: this.$t("平倉"),
+ key: 1,
},
],
};
},
+ created(){
+ this.dsq()
+ },
+ beforeDestroy() {
+ clearInterval(this.timer); // 在组件销毁前清除定时器
+ },
methods: {
- close() {
- this.$refs.closeDialog.show = true;
+ dsq(){
+ // this.dataList = [];
+ this.timer = setInterval(() => {
+ this.getList();
+ }, 1000);
},
- clickTabs(e) {
- console.log(e);
+ pushRouter(item) {
+ const obj = {
+ pid: item.stockCode || "",
+ type: item.stockGid || "",
+ };
+ window.localStorage.setItem("kLine", JSON.stringify(obj));
+ // return;
+ var codes = item.stockCode;
+ var names = item.stockName;
+
+ this.$router.push({
+ path: "/kline",
+ query: {
+ name: names,
+ code: codes,
+ if_us: "",
+ if_zhishu: 0,
+ sok: "",
+ type: item.stockGid,
+ },
+ });
+ },
+ onLoad() {
+ // this.pageNum++;
+ this.loading = true;
+ },
+ async confirm() {
+ this.$refs.closeDialog.show = false;
+ const res = await sell({
+ positionSn: this.closeSell.positionSn,
+ number:this.ordernum
+ });
+ if (res.status === 0) {
+ this.dataList = [];
+ this.pageNum = 1;
+ this.finished = false;
+ Notify({ type: "success", message: res.msg });
+ this.getList();
+ this.$emit("closingPosition");
+ } else {
+ Notify({ type: "danger", message: res.msg });
+ }
+ },
+ // 获取仓位列表
+ async getLists(laber) {
+ if (laber) {
+ this.dataList = [];
+ this.pageNum = 1;
+ this.finished = false;
+ }
+ const res = await getchicang({
+ state: this.actives,
+ stockType: laber || this.activeObj.laber,
+ pageNum: 1,
+ pageSize: 30,
+ });
+
+ this.loading = false;
+ if (res.status === 0) {
+ this.newdataList = res.data.list;
+ this.finished = true;
+ } else {
+ this.loading = false;
+ this.finished = true;
+ }
+ },
+ // 获取仓位列表
+ async getList(laber) {
+ if (laber) {
+ this.dataList = [];
+ this.pageNum = 1;
+ this.finished = false;
+ }
+ const res = await getchicang({
+ state: this.actives,
+ stockType: laber || this.activeObj.laber,
+ pageNum: 1,
+ pageSize: 30,
+ });
+
+ this.loading = false;
+ if (res.status === 0) {
+ this.dataList = []
+ this.dataList = res.data.list;
+ this.finished = true;
+ } else {
+ this.loading = false;
+ this.finished = true;
+ }
+ },
+ close(item) {
+ this.closeSell = item;
+ this.$refs.closeDialog.show = true;
+ this.ordernum = ''
+ },
+
+ clickTabs(e,i) {
+ this.typeindex = i;
+ this.pageNum = 1;
+ this.finished = false;
this.actives = e.key;
+ this.newdataList = []
+ this.dataList = []
+
+ if(e.key==1){
+ clearInterval(this.timer); // 在组件销毁前清除定时器
+ // clearTimeout(this.timer);
+ // setTimeout(()=>{
+ // clearInterval(this.timer); // 在组件销毁前清除定时器
+ // },3000)
+ this.getLists()
+ // this.startPolling();
+ // this.dsq()
+ }else{
+ clearInterval(this.timer); // 在组件销毁前清除定时器
+ this.dsq()
+ }
+ this.$forceUpdate(); // 强制Vue重新渲染
+
+ // this.getList()
+ // if(e.key !=this.actives){
+
+
+ // }else{
+ // this.actives = e.key;
+ // this.dsq()
+ // }
},
},
};
</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;
+
+ padding: 0 4px;
+ }
.sport-tabs {
// font-family: PingFang SC;
font-family: "DINPro";
@@ -207,55 +768,61 @@
flex-shrink: 0;
font-weight: 900;
}
-}
-.van-rows {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- .sport-content-title2 {
- font-style: normal;
- font-weight: 400;
- font-size: 0.29333rem;
- color: #8c9fad;
- // text-align: left;
- }
- .sport-content-text {
- margin-top: 5px;
- font-style: normal;
- // font-weight: 500;
- font-size: 0.48rem;
- color: #14181f;
- // font-family: "PingFang SC";
- // line-height: 18px;
- // text-align: right;
- }
- .sport-content-text2 {
- margin-top: 5px;
- // font-family: "PingFang SC";
- font-style: normal;
- // font-weight: 500;
- font-size: 0.34667rem;
- color: #14181f;
- word-break: break-word;
- // line-height: 18px;
+
+ .states-red {
+ background: rgba(208, 75, 100, 0.15);
+ color: rgb(208, 75, 100);
}
}
+
+.sport-content-title2 {
+ font-family: Arial, sans-serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 0.346667rem;
+ color: #858093;
+ // text-align: left;
+}
+.sport-content-text {
+ margin-top: 5px;
+ font-style: normal;
+ // font-weight: 500;
+ font-size: 0.48rem;
+ color: #14181f;
+ // font-family: "PingFang SC";
+ // line-height: 18px;
+ // text-align: right;
+}
+.sport-content-text2 {
+ margin-top: 5px;
+ // font-family: "PingFang SC";
+ font-style: normal;
+ // font-weight: 500;
+ font-weight: bold;
+ font-size: 0.34667rem;
+ color: #14181f;
+ word-break: break-word;
+ // line-height: 18px;
+}
+
.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 {
@@ -289,4 +856,4 @@
text-align: right;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3