福田开发

2021-05-26 11:05:40 +08:00
parent 4db7ae5888
commit e372b36ff5
12 changed files with 1122 additions and 275 deletions
@@ -0,0 +1,104 @@
+<!-- 搜索栏 -->
+<template>
+  <div class="search-group">
+    <el-select
+      v-model="selectKey"
+      class="search-group-item"
+      placeholder="请选择"
+    >
+      <el-option
+        v-for="item in jumpPage"
+        :key="item.selectKey"
+        :label="item.label"
+        :value="item.selectKey"
+      ></el-option>
+    </el-select>
+
+    <div class="search-condition">
+      <el-input
+        v-model="keywords"
+        type="text"
+        placeholder="请输入关键词"
+        clearable
+      ></el-input>
+      <el-button class="primary_button" type="primary">搜索</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SearchGroup',
+  components: {},
+  mixins: [],
+  data() {
+    return {
+      selectKey: '',
+      keywords: '',
+      jumpPage: [
+        {
+          selectKey: '选项1',
+          label: '国内外标准法规',
+        },
+        {
+          selectKey: '选项2',
+          label: '研究报告',
+        },
+        {
+          selectKey: '选项3',
+          label: '企业标准',
+        },
+        {
+          selectKey: '选项4',
+          label: '动态&通知',
+        },
+        {
+          selectKey: '选项5',
+          label: '流程中心',
+        },
+      ],
+    }
+  },
+  computed: {},
+  watch: {},
+  mounted() {},
+  methods: {},
+}
+</script>
+
+<style lang="less" scoped>
+.search-group {
+  display: flex;
+  width: 60vw;
+  height: 50px;
+  margin-bottom: 20px;
+  .search-group-item {
+    margin-right: 20px;
+    ::v-deep {
+      .el-input__inner {
+        width: 18vm;
+        height: 40px;
+        color: #fff;
+        background: rgba(182, 213, 255, 0.22);
+      }
+    }
+  }
+  .search-condition {
+    display: flex;
+    flex: 1;
+    ::v-deep {
+      .el-input__inner {
+        height: 40px;
+        font-size: 16px;
+        color: #fff;
+        background: rgba(182, 213, 255, 0.22);
+      }
+    }
+  }
+  .primary_button {
+    width: 8.2vw;
+    height: 40px;
+    background-color: #007dfe;
+  }
+}
+</style>