|
@@ -0,0 +1,106 @@
|
|
|
+<template>
|
|
|
+ <div id="index">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
|
|
|
+ <el-col :span="24" class="search">
|
|
|
+ <el-image class="image" :src="searchOne" fit="fill" />
|
|
|
+ <div class="input">
|
|
|
+ <a-input v-model:value="searchValue" placeholder="请输入想要搜索的内容">
|
|
|
+ <template #suffix>
|
|
|
+ <SearchOutlined :style="{ fontSize: '30px', color: '#ffffff' }" />
|
|
|
+ </template>
|
|
|
+ </a-input>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <a-tabs v-model:activeKey="activeKey" centered>
|
|
|
+ <a-tab-pane key="1" tab="成果(0)">成果</a-tab-pane>
|
|
|
+ <a-tab-pane key="2" tab="需求(0)">需求</a-tab-pane>
|
|
|
+ <a-tab-pane key="3" tab="项目(0)">项目</a-tab-pane>
|
|
|
+ <a-tab-pane key="4" tab="赛事(0)">赛事</a-tab-pane>
|
|
|
+ <a-tab-pane key="5" tab="资讯(0)">资讯</a-tab-pane>
|
|
|
+ <a-tab-pane key="6" tab="单位(0)">单位</a-tab-pane>
|
|
|
+ <a-tab-pane key="7" tab="企业(0)">企业</a-tab-pane>
|
|
|
+ <a-tab-pane key="8" tab="专家(0)">专家</a-tab-pane>
|
|
|
+ </a-tabs>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+// 基础
|
|
|
+import { get } from 'lodash-es'
|
|
|
+const $checkRes = inject('$checkRes')
|
|
|
+import { SearchOutlined } from '@ant-design/icons-vue'
|
|
|
+// 接口
|
|
|
+import { DemandStore } from '@/store/api/platform/demand'
|
|
|
+import { DictDataStore } from '@/store/api/system/dictData'
|
|
|
+const store = DemandStore()
|
|
|
+const dictDataStore = DictDataStore()
|
|
|
+// 图片引入
|
|
|
+import searchOne from '@/assets/search.jpeg'
|
|
|
+// 路由
|
|
|
+const route = useRoute()
|
|
|
+// 加载中
|
|
|
+const loading = ref(false)
|
|
|
+const activeKey = ref('1')
|
|
|
+// 请求
|
|
|
+onMounted(async () => {
|
|
|
+ loading.value = true
|
|
|
+ await searchOther()
|
|
|
+ await search()
|
|
|
+ loading.value = false
|
|
|
+})
|
|
|
+const search = async () => {
|
|
|
+ let id = route.query.id
|
|
|
+ if (id) {
|
|
|
+ // let res = await store.fetch(id)
|
|
|
+ // if (res.errcode == '0') info.value = res.data
|
|
|
+ }
|
|
|
+}
|
|
|
+const searchOther = async () => {}
|
|
|
+</script>
|
|
|
+<style scoped lang="scss">
|
|
|
+.main {
|
|
|
+ .search {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .image {
|
|
|
+ width: 100%;
|
|
|
+ height: 200px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input {
|
|
|
+ width: 900px;
|
|
|
+ position: absolute;
|
|
|
+ left: 30%;
|
|
|
+ bottom: 40%;
|
|
|
+
|
|
|
+ :deep(.ant-input-affix-wrapper) {
|
|
|
+ background-color: transparent;
|
|
|
+ border: 3px solid #fff !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ :deep(.ant-input) {
|
|
|
+ height: 45px;
|
|
|
+ line-height: 45px;
|
|
|
+ font-family: PingFangSC-Regular;
|
|
|
+ font-size: 16px;
|
|
|
+ padding-right: 24px;
|
|
|
+
|
|
|
+ border: none !important;
|
|
|
+ outline: none !important;
|
|
|
+ box-shadow: 0 0 0 0 !important;
|
|
|
+ text-shadow: 0 0 0 0 !important;
|
|
|
+ background-color: transparent !important;
|
|
|
+
|
|
|
+ &::placeholder {
|
|
|
+ color: #ffffff !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|