From 9bdae9d2183a84af835d8f327aaacd0c8877188d Mon Sep 17 00:00:00 2001 From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com> Date: Tue, 10 Dec 2024 15:06:36 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- env/.env.dev | 4 +- src/layout/header.vue | 208 +++++++++++++++--- .../user/lessor/quality-manage/index.vue | 6 +- 3 files changed, 188 insertions(+), 30 deletions(-) diff --git a/env/.env.dev b/env/.env.dev index 98cb05f..8455276 100644 --- a/env/.env.dev +++ b/env/.env.dev @@ -8,9 +8,9 @@ VITE_API_URL = '/proxyApi' # VITE_proxyTarget = 'http://10.40.92.74:8080' #盛旭 # VITE_proxyTarget = 'http://192.168.2.246:28080' # 马帅 -VITE_proxyTarget = 'http://192.168.2.127:28080' # 梁超 +# VITE_proxyTarget = 'http://192.168.2.127:28080' # 梁超 # VITE_proxyTarget = 'http://36.33.26.201:17788/proxyApi' # 测试服务 -# VITE_proxyTarget = 'http://192.168.0.244:28580' # 测试服务 +VITE_proxyTarget = 'http://192.168.0.244:28580' # 测试服务 # VITE_proxyTarget = 'http://192.168.2.129:18080' # 马帅j # VITE_proxyTarget = 'http://10.40.92.185:9206' # 赵福海 ( 设备类型) diff --git a/src/layout/header.vue b/src/layout/header.vue index f785754..d0cf26e 100644 --- a/src/layout/header.vue +++ b/src/layout/header.vue @@ -9,9 +9,10 @@ import userClass from '../hooks/userClass' const { getCompanyList } = userClass() import imgSrc from '@/assets/img/logo.png' const store: any = mainStore() +const searchTypeName = ref('装备') const userStore = useStore() const cart = cartStore() -const isType = localStorage.getItem('rolesType') +const isType: any = localStorage.getItem('rolesType') userStore.editMenuList(1) const route = useRoute() const router = useRouter() @@ -21,6 +22,7 @@ rolesName.value = localStorage.getItem('rolesType') const isAdmin = ref(false) const roles = store.userInfo.roles const activeLoginCompanyName = ref('') +const searchCheckVisible = ref(false) if (roles?.length > 0) { isAdmin.value = roles.some((e: any) => e.roleKey == 'admin') } @@ -102,16 +104,39 @@ const searchKeywordBtn = () => { store.addHistoryRecord(keywordIptValue.value) if (route.path == '/equipList') { - $bus.emit('search', keywordIptValue.value) + if (searchTypeName.value === '装备') { + $bus.emit('search', keywordIptValue.value) + } else { + router.push({ + name: 'parity', + query: { keyWord: keywordIptValue.value }, + }) + } } if (route.path == '/parity') { + if (searchTypeName.value === '需求') { + $bus.emit('search', keywordIptValue.value) + } else { + router.push({ + name: 'equipList', + query: { keyWord: keywordIptValue.value }, + }) + } $bus.emit('search', keywordIptValue.value) } if (route.path == '/home') { - router.push({ - name: 'equipList', - query: { keyWord: keywordIptValue.value }, - }) + if (searchTypeName.value === '装备') { + router.push({ + name: 'equipList', + query: { keyWord: keywordIptValue.value }, + }) + } + if (searchTypeName.value === '需求') { + router.push({ + name: 'parity', + query: { keyWord: keywordIptValue.value }, + }) + } } } @@ -277,8 +302,76 @@ const onJumpUser = () => { -
+ +
+ + +
+ {{ searchTypeName }} + +
+ +
+
+ 装备 +
+
+ 需求 +
+
+
+
+
+ + + + 预约车 +
+
- { 预约车 -
+ --> @@ -454,25 +547,85 @@ const onJumpUser = () => { display: flex; align-items: center; background-color: #eeeff6; - padding: 30px 0 60px 0; + padding: 30px 0; + box-sizing: content-box; - img { - margin-left: 38px; - width: 160px; - height: 60px; - cursor: pointer; + // padding: 30px 0 60px 0; + + .home-logo { + width: 246px; + height: 100%; } + .home-search { + position: relative; + width: 800px; + margin-left: 20px; + + .left-check-box { + position: absolute; + left: 0; + top: 0; + height: 53px; + width: 70px; + display: flex; + align-items: center; + justify-content: center; + border-right: 1px solid #3cb4a6; + font-size: 14px; + color: #11806f; + cursor: pointer; + } + + .check-container { + position: absolute; + left: 0; + bottom: -100%; + width: 70px; + background-color: #fff; + border-radius: 6px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + z-index: 999; + transition: all 1s linear; + cursor: pointer; + + div { + height: 25px; + font-size: 14px; + line-height: 25px; + text-align: center; + letter-spacing: 1px; + } + + div:hover { + color: #fff; + background-color: #00a288; + } + } + } + + .cart-container { + flex: 1; + } + + // img { + // margin-left: 38px; + // width: 160px; + // height: 60px; + // cursor: pointer; + // } + input { - width: 700px; - height: 45px; + width: 100%; + height: 53px; + display: block; border: 1px solid #3cb4a6; - border-radius: 45px; - margin-left: 70px; - line-height: 45px; + border-radius: 20px; + line-height: 53px; color: #333; text-shadow: 0 0 0 #333; - padding-left: 30px; + padding-left: 75px; + box-sizing: border-box; } input:focus { @@ -483,16 +636,20 @@ const onJumpUser = () => { color: #949494; } .search-btn { + position: absolute; + top: 0; + right: 0; width: 100px; - height: 39px; - transform: translate(-110px, 0); - border-radius: 39px; + height: 43px; + transform: translate(-10px, 5px); + border-radius: 43px; background: linear-gradient(132deg, #22ab9b 0%, #0d7462 100%); box-shadow: 0px 2px 4px 0px rgba(20, 175, 255, 0.5); border: none; color: #fff; cursor: pointer; font-size: 18px; + box-sizing: border-box; } .ipt-down { @@ -515,9 +672,10 @@ const onJumpUser = () => { } .cart-icon { - width: 10%; + width: 100%; display: flex; align-items: center; + justify-content: flex-end; cursor: pointer; span { diff --git a/src/views/user/lessor/quality-manage/index.vue b/src/views/user/lessor/quality-manage/index.vue index fd9d7c0..f351a45 100644 --- a/src/views/user/lessor/quality-manage/index.vue +++ b/src/views/user/lessor/quality-manage/index.vue @@ -102,9 +102,9 @@ - + - +