From 1775eb6227ed2f8ab7da8a464881ee43c82f724b Mon Sep 17 00:00:00 2001
From: liaoxinyu <liaoxinyu@xingtongworld.com>
Date: Thu, 29 Feb 2024 15:05:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=88=E7=BA=A6=E6=B7=BB=E5=8A=A0=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=EF=BC=8C=E4=BF=AE=E6=94=B9=E5=B8=81=E5=B8=81=E4=B8=8D?=
 =?UTF-8?q?=E8=83=BD=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/contract/handicap.vue |  2 +-
 src/views/contract/index.vue    | 55 ++++++++++++++++++++++++++++++---
 src/views/exchange/symbols.vue  |  6 ++--
 3 files changed, 55 insertions(+), 8 deletions(-)

diff --git a/src/views/contract/handicap.vue b/src/views/contract/handicap.vue
index 66d1eb7..1b1b1c6 100644
--- a/src/views/contract/handicap.vue
+++ b/src/views/contract/handicap.vue
@@ -197,7 +197,7 @@ export default {
         }
         bus.$on('collapse', msg => {
             // this.newPriceObj.price =this.symbol=='BTC'? (msg.close).toFixed(1):(msg.close).toFixed(3);
-			const closeStr = msg.close.toString();
+			const closeStr = msg.close.toFixed(1)
 			this.newPriceObj.price = this.symbol === 'BTC' ? closeStr.slice(0, closeStr.indexOf('.') + 2) : closeStr.slice(0, closeStr.indexOf('.') + 4);
             this.$emit("input", this.newPriceObj);
         });
diff --git a/src/views/contract/index.vue b/src/views/contract/index.vue
index 6cf1aaf..d76550e 100644
--- a/src/views/contract/index.vue
+++ b/src/views/contract/index.vue
@@ -31,9 +31,18 @@
                   style="max-height:300px;overflow:auto;"
                 >
                   <template v-for="parent in contractList">
-                    <div class="px-3 text-primary" :key="parent.coin_name">
-                      {{ parent.coin_name }}
-                    </div>
+					<div style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;">
+						<div class="px-3 text-primary" :key="parent.coin_name">
+						  {{ parent.coin_name }}
+						</div>
+						<div>
+							<!-- 搜索框区域 -->
+							<div class="input-group search_box">
+							    <i class="el-icon-search" style="color: #fff;"></i>
+							    <input type="text" class="form-control" v-model="searchs" :placeholder="$t('exchange.search')">
+							</div>
+						</div>
+					</div>
                     <table class="table" :key="parent.coin_name + 1">
                       <thead>
                         <tr class="text-secondary">
@@ -51,6 +60,7 @@
                           :key="item.symbol"
                           :class="{ active: item.symbol == activeSymbol }"
                           @click="ispopover1(item.symbol)"
+						  v-show="searchsShow(item)"
                         >
                           <td class="w-10/24">
                             {{ item.symbol }}/{{ parent.coin_name }}
@@ -232,6 +242,7 @@ export default {
         contractOpen: false,
         contractAgreement: {},
         symbolDetail:{},
+		searchs:''
     };
   },
   computed: {
@@ -273,8 +284,8 @@ export default {
     // console.info(this.$refs)
     bus.$on('collapse', msg => {
 		// 将数字转换为字符串
-		const closeStr = msg.close.toString();
 		// this.activeContract.price =this.activeContract.symbol=='BTC'? (msg.close).toFixed(1):(msg.close).toFixed(3);
+		const closeStr = msg.close.toFixed(1)
         this.activeContract.price = this.activeContract.symbol === 'BTC' ? closeStr.slice(0, closeStr.indexOf('.') + 2) : closeStr.slice(0, closeStr.indexOf('.') + 4);
         this.holdPositionList.map(item=>{
             if(item.symbol==this.activeContract.symbol) item.realtimePrice=this.activeContract.price
@@ -386,7 +397,16 @@ export default {
     //获取某一个持仓订单的数据
     setactiveItem(index=0){
         this.accountInfo=this.holdPositionList[index]
-    }
+    },
+	searchsShow(item){
+		const reg = new RegExp(this.searchs, "gi");
+		if (!this.searchs){
+			return true;
+		}else {
+			let name = item.pair_name || item.coin_name;
+			return reg.test(name);
+		}
+	}
   }
 };
 </script>
@@ -401,4 +421,29 @@ export default {
     .increase{
       color: #6EB189;
     }
+	.search_box{
+	    width: 90%;
+	    height: 30px;
+	    // margin: 10px auto;
+	    border: 1px solid #fff;
+	    border-radius: 5px;
+	    color: #2e2e2e;
+	    align-items: center;
+		margin-right: 15px;
+	    i{
+	        width: 40px;
+	        text-align: center;
+	        font-size: 16px;
+	    }
+	    input{
+	        background-color: transparent;
+	        border: none;
+	        border-left: 1px solid #fff;
+	        padding: 0px 10px;
+	        height: 27px;
+	        font-size: 14px;
+	        color: #fff;
+	        line-height: 30px;
+	    }
+	}
 </style>
diff --git a/src/views/exchange/symbols.vue b/src/views/exchange/symbols.vue
index ded7014..17e4fa8 100644
--- a/src/views/exchange/symbols.vue
+++ b/src/views/exchange/symbols.vue
@@ -181,8 +181,10 @@ export default {
             const reg = new RegExp(this.keyword, "gi");
             if (!this.keyword) return true;
             else {
-                let name = symbol.coinName || symbol.pair;
-                return name.search(reg) >= 0;
+                // let name = symbol.coinName || symbol.pair;
+                // return name.search(reg) >= 0;
+				let name = symbol.pair_name || symbol.coin_name;
+				return name.search(reg) >= 0;
             }
             // return !this.keyword || symbol.coinName.concat(symbol.pair).search(reg) >= 0;