~admin/aerospace-pc.git

			@@ -11,26 +11,45 @@
			<div class="top-left-wrapper">
			<!-- 收藏的币种 -->
			<div class="allgoods" v-if="collectList.length > 0">
			<i style="color: #e0b525" class="icon iconfont icon-Mul_favorite"></i>
			<div v-for="(item, index) in collectList" class="item" :key="index">
			<i
			style="color: #e0b525"
			class="icon iconfont icon-Mul_favorite"
			></i>
			<div
			v-for="(item, index) in collectList"
			class="item"
			:key="index"
			>
			<span class="name">{{ item.name }}</span>
			<span :class="[
			<span
			:class="[
			'text-end',
			item.change_ratio >= 0 ? 'color-up' : 'color-down',
			]">{{ addAndSubtr(item.change_ratio) }}</span>
			]"
			>{{ addAndSubtr(item.change_ratio) }}</span
			>
			</div>
			</div>
			<div style="position: relative">
			<!-- 单个币种-->
			<single-currency-info :isFullscreen="isFullscreen" :pageData="pageData"
			:pageType="pageType" @showSerachCollect="showSerachCollect">
			<single-currency-info
			:isFullscreen="isFullscreen"
			:pageData="pageData"
			:pageType="pageType"
			@showSerachCollect="showSerachCollect"
			>
			</single-currency-info>
			<!-- 市场搜索币种弹窗-->
			<div class="search-dialog" v-show="showSearchModal == true">
			<coin-search-collect @checkCurrency="checkCurrency" @CurrencySort="CurrencySort"
			@collectFun="collectFun" @deleteCollectFun="deleteCollectFun"
			:listData="searchCoinList" :AllListData="allListData"
			@searchFun="searchFun" />
			<coin-search-collect
			@checkCurrency="checkCurrency"
			@CurrencySort="CurrencySort"
			@collectFun="collectFun"
			@deleteCollectFun="deleteCollectFun"
			:listData="searchCoinList"
			:AllListData="allListData"
			@searchFun="searchFun"
			/>
			</div>
			</div>
			<!-- K线 -->
			@@ -42,47 +61,69 @@
			<div class="chart-box">
			<div class="chart-kline" id="trade_k1">
			<!-- 具体K线 -->
			<div class="kline-wrap"
			:class="[isFullscreen ? 'wrap-full' : '']">
			<div
			class="kline-wrap"
			:class="[isFullscreen ? 'wrap-full' : '']"
			>
			<!-- K线操作栏 -->
			<div :class="[
			<div
			:class="[
			isFullscreen
			? 'k-toolbar-wrap-full'
			: 'k-toolbar-wrap ',
			]">
			<div class="k-toolbar dark" style="
			]"
			>
			<div
			class="k-toolbar dark"
			style="
			background: rgb(18, 18, 18);
			height: 36px;
			">
			"
			>
			<div class="k-toolbar-btn">
			<div class="k-toolbar-left">
			<!-- 时间选择 -->
			<div class="periods"
			v-if="mapIndex == 0">
			<div
			class="periods"
			v-if="mapIndex == 0"
			>
			<ul>
			<li v-for="(item, index) in kTimeArr"
			:key="index" :class="
			<li
			v-for="(item, index) in kTimeArr"
			:key="index"
			:class="
			kTimeIndex == item.data
			? 'selected'
			: ''
			" @click="changeKTime(item)">
			"
			@click="changeKTime(item)"
			>
			{{ item.title }}
			</li>
			<li v-if="
			<li
			v-if="
			pageType == 'etf' \|\|
			pageType == 'usStocks'
			" class="kTimeDivider"></li>
			"
			class="kTimeDivider"
			></li>
			<!-- 更多 -->
			<div v-if="
			<div
			v-if="
			pageType == 'etf' \|\|
			pageType == 'usStocks'
			">
			<li v-for="(it, i) in kTimeArrMore"
			:key="i" :class="
			"
			>
			<li
			v-for="(it, i) in kTimeArrMore"
			:key="i"
			:class="
			kTimeIndex == it.data
			? 'selected'
			: ''
			" @click="changeKTime(it)">
			"
			@click="changeKTime(it)"
			>
			{{ it.title }}
			</li>
			</div>
			@@ -90,19 +131,25 @@
			</div>
			</div>
			<div class="k-toolbar-right">
			<p class="status-info" v-if="
			<p
			class="status-info"
			v-if="
			symbolMarketInfo?.market?.status
			">
			<span>{{
			"
			>
			<span
			>{{
			symbolMarketInfo?.market
			?.status &&
			$t(
			`message.jiaoyi.${symbolMarketInfo?.market?.status}`
			)
			}} </span>
			}} </span
			>
			<span class="time">{{
			symbolMarketInfo?.market?.time_str
			}}</span>
			}}</span
			>
			<span>{{
			symbolMarketInfo?.market
			?.time_zone &&
			@@ -114,147 +161,223 @@

			<!-- 基本版和深度图切换 -->
			<div class="toggle">
			<span :class="
			<span
			:class="
			mapIndex == index
			? 'selected'
			: ''
			" v-for="(item, index) in mapClass" @click="tabMap(index)"
			:key="index">{{ item }}</span>
			"
			v-for="(item, index) in mapClass"
			@click="tabMap(index)"
			:key="index"
			>{{ item }}</span
			>
			<div @click="fullScreen">
			<img style="width: 20px"
			<img
			style="width: 20px"
			src="@/assets/images/quotes/Group2892.png"
			alt="" />
			alt=""
			/>
			</div>
			</div>
			</div>
			</div>
			</div>
			</div>
			<div class="kline-body-wrap" id="okline-wrap"
			style="display: flex">
			<div
			class="kline-body-wrap"
			id="okline-wrap"
			style="display: flex"
			>
			<!-- 640px -->

			<div v-loading="loading"
			<div
			v-loading="loading"
			element-loading-spinner="el-icon-loading"
			element-loading-background="rgba(0, 0, 0, 0.8)"
			:element-loading-text="
			$t('message.jiaoyi.jiazaizhong') + '...'
			" :class="[
			"
			:class="[
			isFullscreen ? 'fullscreen-box' : '',
			]" id="kline-Box" style="
			]"
			id="kline-Box"
			style="
			background: rgb(18, 18, 18);
			width: 100%;
			/* height: 640px; */
			position: relative;
			">
			"
			>
			<kline-Box
			:width="isFullscreen ? 0 : klineWidth"
			:data="KLInedata" :klineIndex="klineIndex"
			:data="KLInedata"
			:klineIndex="klineIndex"
			:isFullscreen="isFullscreen"
			v-if="mapIndex == 0" />
			v-if="mapIndex == 0"
			/>
			<deep-chart
			v-else-if="mapIndex == 1 && !isFullscreen"
			:isFullscreen="isFullscreen"
			:deepBuy="deepBuy" :deepSell="deepSell" />
			:deepBuy="deepBuy"
			:deepSell="deepSell"
			/>
			<deep-chart-full-screen
			v-else-if="mapIndex == 1 && isFullscreen"
			:deepBuy="deepBuy" :deepSell="deepSell" />
			<div class="draw-line-box" style="width: auto">
			:deepBuy="deepBuy"
			:deepSell="deepSell"
			/>
			<div
			class="draw-line-box"
			style="width: auto"
			>
			<ul class="tool-panel hide-bottom">
			<li class="arrow arrow-top">
			<i class="iconfont icon-fold"></i>
			</li>
			<li key="CURSOR" class="" name="光标">
			<i
			class="iconfont icon-kline-cursor"></i>
			class="iconfont icon-kline-cursor"
			></i>
			</li>
			<li key="CROSS_CURSOR" class="selected"
			name="十字光标">
			<li
			key="CROSS_CURSOR"
			class="selected"
			name="十字光标"
			>
			<i
			class="iconfont icon-kline_tool_a"></i>
			class="iconfont icon-kline_tool_a"
			></i>
			</li>
			<li key="SEG" class="" name="线段">
			<i
			class="iconfont icon-kline_tool_b"></i>
			class="iconfont icon-kline_tool_b"
			></i>
			</li>
			<li key="STRAIGHT" class="" name="直线">
			<i
			class="iconfont icon-kline_tool_c"></i>
			class="iconfont icon-kline_tool_c"
			></i>
			</li>
			<li key="RAY" class="" name="射线">
			<i
			class="iconfont icon-kline_tool_d"></i>
			class="iconfont icon-kline_tool_d"
			></i>
			</li>
			<li key="ARROW" class="" name="箭头">
			<i
			class="iconfont icon-kline_tool_e"></i>
			class="iconfont icon-kline_tool_e"
			></i>
			</li>
			<li key="H_SEG" class="" name="水平线段">
			<li
			key="H_SEG"
			class=""
			name="水平线段"
			>
			<i
			class="iconfont icon-kline_tool_f"></i>
			class="iconfont icon-kline_tool_f"
			></i>
			</li>
			<li key="H_STRAIGHT" class=""
			name="水平直线">
			<li
			key="H_STRAIGHT"
			class=""
			name="水平直线"
			>
			<i
			class="iconfont icon-kline_tool_g"></i>
			class="iconfont icon-kline_tool_g"
			></i>
			</li>
			<li key="H_RAY" class="" name="水平射线">
			<li
			key="H_RAY"
			class=""
			name="水平射线"
			>
			<i
			class="iconfont icon-kline_tool_h"></i>
			class="iconfont icon-kline_tool_h"
			></i>
			</li>

			<li key="PRICE" class="" name="价格线">
			<i
			class="iconfont icon-kline_tool_j"></i>
			class="iconfont icon-kline_tool_j"
			></i>
			</li>
			<li key="TRI_PARALLEL" class=""
			name="价格通道线">
			<li
			key="TRI_PARALLEL"
			class=""
			name="价格通道线"
			>
			<i
			class="iconfont icon-kline_tool_k"></i>
			class="iconfont icon-kline_tool_k"
			></i>
			</li>
			<li key="BI_PARALLEL" class=""
			name="平行直线">
			<li
			key="BI_PARALLEL"
			class=""
			name="平行直线"
			>
			<i
			class="iconfont icon-kline_tool_l"></i>
			class="iconfont icon-kline_tool_l"
			></i>
			</li>
			<li key="BI_PARALLEL_RAY" class=""
			name="平行射线">
			<li
			key="BI_PARALLEL_RAY"
			class=""
			name="平行射线"
			>
			<i
			class="iconfont icon-kline_tool_m"></i>
			class="iconfont icon-kline_tool_m"
			></i>
			</li>
			<li key="FIB_RETRACE" class=""
			name="斐波纳契回调">
			<li
			key="FIB_RETRACE"
			class=""
			name="斐波纳契回调"
			>
			<i
			class="iconfont icon-kline_tool_n"></i>
			class="iconfont icon-kline_tool_n"
			></i>
			</li>
			<li key="FIB_FANS"
			<li
			key="FIB_FANS"
			class="tool-bottom-end"
			name="斐波纳契扇形">
			name="斐波纳契扇形"
			>
			<i
			class="iconfont icon-kline_tool_o"></i>
			class="iconfont icon-kline_tool_o"
			></i>
			</li>
			<li key="SHOW_ALL"
			<li
			key="SHOW_ALL"
			class="tool-bottom hide"
			name="显示所有绘图工具">
			<i
			class="iconfont icon-Mul_hide"></i>
			name="显示所有绘图工具"
			>
			<i class="iconfont icon-Mul_hide"></i>
			</li>
			<li key="HIDE_ALL" class="tool-bottom"
			name="隐藏所有绘图工具">
			<i
			class="iconfont icon-Mul_show"></i>
			<li
			key="HIDE_ALL"
			class="tool-bottom"
			name="隐藏所有绘图工具"
			>
			<i class="iconfont icon-Mul_show"></i>
			</li>
			<li key="DELETE_ALL" class="tool-bottom"
			name="删除所有绘图工具">
			<li
			key="DELETE_ALL"
			class="tool-bottom"
			name="删除所有绘图工具"
			>
			<i
			class="iconfont icon-Mul_delete"></i>
			class="iconfont icon-Mul_delete"
			></i>
			</li>
			<li class="arrow arrow-bottom">
			<i class="iconfont icon-Unfold"></i>
			</li>
			</ul>
			</div>
			<div v-if="isShowLoading" class="kline-loading"
			<div
			v-if="isShowLoading"
			class="kline-loading"
			style="
			width: 100%;
			height: 100%;
			@@ -263,7 +386,8 @@
			top: 0%;
			left: 16px;
			z-index: 2;
			">
			"
			>
			<div class="kline-loading-dot"></div>
			</div>
			</div>
			@@ -279,23 +403,44 @@
			</div>
			</div>
			<!-- 中间最新订单 -->
			<div v-if="pageType !== 'forex'" class="top-middle"
			:style="{ display: isFullscreen ? 'none' : 'block' }">
			<OrderBookNew :pageData="pageData" :pageType="pageType"
			:changeClickData="handleChangeClickData" :sellList="sellList" :buyList="buyList"
			:bigIndex="bigIndex" :recentList="wsTradeData" :unit="unit"></OrderBookNew>
			<div
			v-if="pageType !== 'forex'"
			class="top-middle"
			:style="{ display: isFullscreen ? 'none' : 'block' }"
			>
			<OrderBookNew
			:pageData="pageData"
			:pageType="pageType"
			:changeClickData="handleChangeClickData"
			:sellList="sellList"
			:buyList="buyList"
			:bigIndex="bigIndex"
			:recentList="wsTradeData"
			:unit="unit"
			></OrderBookNew>
			</div>

			<!-- 右边下单区 -->
			<div class="top-right" @click="changeRule" :style="{
			<div
			class="top-right"
			@click="changeRule"
			:style="{
			display: isFullscreen ? 'none' : 'block',
			height: pageType == 'forex' ? '822px' : '100%',
			}">
			}"
			>
			<div class="place-order-container-common place-order-xl-box">
			<component :is="createOrderKey" :pageData="pageData" :clickData="clickData"
			:unit="unit" />
			<component
			:is="createOrderKey"
			:pageData="pageData"
			:clickData="clickData"
			:unit="unit"
			/>
			<!-- 保证金比率 -->
			<div class="cashbi margin-block" v-if="$route.query.RouterName != 'delivery'">
			<!-- <div
			class="cashbi margin-block"
			v-if="$route.query.RouterName != 'delivery'"
			>
			<div class="cashHead">
			{{ $t("message.home.baozhengjinbilv") }}
			</div>
			@@ -308,7 +453,7 @@
			{{ $t("message.home.baozhengjinbilv") }}
			</div>
			<div class="cash_right">
			<!--下了单才有，没下单没有-->
			// 下了单才有，没下单没有
			<i class="el-icon-stopwatch"></i>
			{{ marginRate }}
			</div>
			@@ -328,37 +473,99 @@
			</div>
			</li>
			</ul>
			</div> -->
			<div
			class="cashbi asset-block"
			v-if="$route.query.RouterName != 'delivery'"
			>
			<div class="cashHead">{{ $t("message.user.zichan3") }}</div>
			<div class="assets-btns">
			<el-button
			type="info"
			size="small"
			@click="gotoPage('reCharge')"
			>{{ $t("message.user.chongzhi") }}</el-button
			>
			<el-button
			type="info"
			size="small"
			@click="gotoPage('exchange')"
			>{{ $t("message.user.duihuan") }}</el-button
			>
			<el-button
			type="info"
			size="small"
			@click="gotoPage('withdraw')"
			>{{ $t("message.user.tixian") }}</el-button
			>
			</div>
			<!-- <div class="cashbilist" v-if="existToken"> -->
			<!-- <p>
			{{ $t("message.jiaoyi.qianbaoyue")
			}}<span>{{ walletMoney }} {{ unit }}</span>
			</p> -->
			<!-- <p>
			{{ $t("message.jiaoyi.weishixianyinkui1")
			}}<span>{{ profitLoss }} {{ unit }}</span>
			</p> -->
			<!-- </div> -->
			</div>
			</div>
			</div>
			</div>
			<!-- 下部分-->
			<div class="trade-box-bottom" :style="{ display: isFullscreen ? 'none' : '' }">
			<div
			class="trade-box-bottom"
			:style="{ display: isFullscreen ? 'none' : '' }"
			>
			<!-- 仓位区域 -->
			<component class="position-wrapper" @infos="getInfos" :is="positionKey" :keys="key"
			:symbol="pageData?.symbol" :pageData="pageData" :paramsType="paramsType" :unit="unit" />
			<component
			class="position-wrapper"
			@infos="getInfos"
			:is="positionKey"
			:keys="key"
			:symbol="pageData?.symbol"
			:pageData="pageData"
			:paramsType="paramsType"
			:unit="unit"
			/>
			<!-- 资产 -->
			<div class="cashbi asset-block" v-if="$route.query.RouterName != 'delivery'">
			<div class="cashHead">{{ $t("message.jiaoyi.zichan") }}</div>
			<!-- <div
			class="cashbi asset-block"
			v-if="$route.query.RouterName != 'delivery'"
			>
			<div class="cashHead">{{ $t("message.user.zichan3") }}</div>
			<div class="assets-btns">
			<el-button type="info" size="small"
			@click="gotoPage('reCharge')">{{ $t("message.user.chongzhi") }}</el-button>
			<el-button type="info" size="small"
			@click="gotoPage('exchange')">{{ $t("message.user.duihuan") }}</el-button>
			<el-button type="info" size="small"
			@click="gotoPage('withdraw')">{{ $t("message.user.tixian") }}</el-button>
			<el-button
			type="info"
			size="small"
			@click="gotoPage('reCharge')"
			>{{ $t("message.user.chongzhi") }}</el-button
			>
			<el-button
			type="info"
			size="small"
			@click="gotoPage('exchange')"
			>{{ $t("message.user.duihuan") }}</el-button
			>
			<el-button
			type="info"
			size="small"
			@click="gotoPage('withdraw')"
			>{{ $t("message.user.tixian") }}</el-button
			>
			</div>
			<div class="cashbilist" v-if="existToken">
			<p>
			{{ $t("message.jiaoyi.qianbaoyue")
			}}<span>{{ walletMoney }} {{ unit }}</span>
			</p>
			<p>
			</p> -->
			<!-- <p>
			{{ $t("message.jiaoyi.weishixianyinkui1")
			}}<span>{{ profitLoss }} {{ unit }}</span>
			</p>
			</div>
			</div>
			</p> -->
			<!-- </div> -->
			<!-- </div> -->
			</div>
			</div>
			</div>
			@@ -369,22 +576,12 @@
			</template>
			<script>
			import bus from "vue3-eventbus";
			import {
			mapState,
			mapActions,
			mapStores
			} from "pinia";
			import {
			ElMessage
			} from "element-plus";
			import { mapState, mapActions, mapStores } from "pinia";
			import { ElMessage } from "element-plus";
			import Axios from "@/api/currency.js";
			import {
			addAndSubtr
			} from "@/utils/index";
			import { addAndSubtr } from "@/utils/index";
			import AxiosKline from "@/api/kline.js";
			import {
			WhrWebSocket
			} from "@/utils/WhrWebSocket";
			import { WhrWebSocket } from "@/utils/WhrWebSocket";
			import klineDialog from "@comTrade/klineDialog.vue";
			import klineBox from "@comTrade/kline.vue";
			import deepChart from "@comTrade/deepChart.vue";
			@@ -398,12 +595,8 @@
			import DeliveryPositionVue from "@comConstract/DeliveryContract/position.vue";
			import footer from "@comConstract/components/footer.vue";
			import coinSearchCollect from "@comConstract/components/coinSearchCollect.vue";
			import {
			useUserStore
			} from "@/store/user";
			import {
			useCurrencyStore
			} from "@/store/currency";
			import { useUserStore } from "@/store/user";
			import { useCurrencyStore } from "@/store/currency";
			import ConfigURL from "@/config/index";
			import API from "@/api/api";

			@@ -484,7 +677,8 @@
			isShowLoading: true,
			clickData: undefined,

			kTimeArrCoin: [{
			kTimeArrCoin: [
			{
			data: "minHour",
			title: this.$t("message.jiaoyi.fenshi"),
			},
			@@ -525,7 +719,8 @@
			title: this.$t("message.jiaoyi.1yue"),
			},
			],
			kTimeArrETF: [{
			kTimeArrETF: [
			{
			data: "minHour",
			title: this.$t("message.jiaoyi.fenshi"),
			},
			@@ -554,7 +749,8 @@
			title: this.$t("message.jiaoyi.year"),
			},
			],
			kTimeArrMore: [{
			kTimeArrMore: [
			{
			data: "1min",
			title: this.$t("message.jiaoyi.1fenzhong"),
			},
			@@ -724,12 +920,7 @@
			//获取资产总余额
			getAssetTotal() {
			Axios.currencyPaypal().then((res) => {
			const {
			total,
			money_wallet,
			money_contract,
			money_contract_profit
			} =
			const { total, money_wallet, money_contract, money_contract_profit } =
			res.data;
			this.totalAsset = total; //总资产
			this.walletMoney = bigDecimal.round(money_wallet, 2); //钱包余额
			@@ -927,12 +1118,12 @@
			}
			this.kTimeIndex = item.data;
			// this.kParamsTime = this.kTimeIndex
			console.log('this.kTimeIndexthis.kTimeIndex',this.kTimeIndex);
			console.log("this.kTimeIndexthis.kTimeIndex", this.kTimeIndex);
			// this.$forceUpdate(); // 强制重新渲染组件
			},
			//定时轮训的
			getKlineData() {
			// console.log("getKlineData定时轮训的");
			console.log("getKlineData定时轮训的");
			AxiosKline.getKline({
			symbol: this.$route.params.id,
			line: this.kParamsTime,
			@@ -976,9 +1167,7 @@
			});
			this.openTime.init();
			},
			getOpenTmeMessage({
			data
			}) {
			getOpenTmeMessage({ data }) {
			var openTimeData = JSON.parse(data);
			if (openTimeData.code == "0") {
			this.symbolMarketInfo = openTimeData.data[0];
			@@ -986,11 +1175,10 @@
			},

			// 获取交易数据,最近成交以及orderbook
			getTradeMessage({
			data
			}) {
			getTradeMessage({ data }) {
			// console.log(data,'data')
			var TradeData = JSON.parse(data);
			console.log("TradeData", this.sellList);
			if (TradeData.code == "0") {
			// 用于最近成交
			this.wsTradeData = TradeData.data.data;
			@@ -1012,9 +1200,7 @@
			//
			},
			// 用于深度图
			getDeepMessage({
			data
			}) {
			getDeepMessage({ data }) {
			var deepData = JSON.parse(data);
			setTimeout(() => {
			this.loading = false;
			@@ -1418,8 +1604,8 @@
			}

			.el-button--primary {
			background-color: #1d91ff;
			border-color: #1d91ff;
			background-color: #f7b328;
			border-color: #f7b328;
			color: #fff !important;
			}