From bf95b758e7d4e98b007e6ec2b928431acf07e90c Mon Sep 17 00:00:00 2001
From: Enzo <1284707383@qq.com>
Date: Mon, 9 Aug 2021 10:02:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E8=B5=B7=E6=8A=A5=E4=BB=B7=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E6=A1=86=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 supplier/pages/offer/index.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/supplier/pages/offer/index.vue b/supplier/pages/offer/index.vue
index f1776da..341159c 100644
--- a/supplier/pages/offer/index.vue
+++ b/supplier/pages/offer/index.vue
@@ -45,7 +45,11 @@
 		<view class="box">
 			<view class="lf-m-b-20 lf-row-between">
 				<view class="lf-font-32 lf-color-black lf-font-bold">报价明细</view>
-				<input placeholder="搜索物资" confirm-type="search" :value="searchValue" @input="inputChange" @confirm="inputConfirm" style="background: pink;" />
+				<view class="flex lf-row-between">
+					<u-icon name="search" style="position: relative;left: 50rpx;" v-if="show_icon"></u-icon>
+					<input placeholder="搜索物资" confirm-type="search" @focus="hideIcon()" class="search-self" :value="searchValue" @input="inputChange" @confirm="inputConfirm" />
+				</view>
+				
 			</view>
 			<wyb-table :first-line-fixed="true" 
 				contentBgColor="#eef6fe" 
@@ -78,6 +82,7 @@
 		},
 		data(){
 			return {
+				show_icon: true,
 				headers: [{
 					label: '物资名称',
 					key: 'name',
@@ -173,6 +178,11 @@
 			}
 		},
 		methods: {
+			hideIcon() {
+				if(this.searchValue != '') {
+					this.show_icon = false;
+				}
+			},
 			// 搜索input值被改变
 			inputChange(event){
 				if(timer){
@@ -182,6 +192,10 @@
 				timer = setTimeout(() => {
 					this.searchValue = event.detail.value;
 				}, 1000);
+				this.show_icon = false;
+				if(event.detail.value == '') {
+					this.show_icon = true;
+				}
 			},
 			// 搜索按下回车
 			inputConfirm(event){
@@ -455,6 +469,15 @@
 	}
 </style>
 <style lang="scss" scoped="scoped">
+	.search-self {
+		background: rgb(228,228,228);
+		padding: 10rpx 0 10rpx 20rpx;
+		border-radius: 40rpx;
+	}
+	.search-self .uni-input-placeholder {
+		margin-left: 40rpx;
+		color: #333;
+	}
 	.lf-m-t-5{
 		margin-top: 5rpx;
 	}