From 9e05dfc9ada42db45ed37dfcc79f3754cd972747 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期二, 05 一月 2021 11:40:25 +0800
Subject: [PATCH] 顶部表单

---
 src/views/MapTemplate.vue                   |    4 +
 src/components/panel/TopEnterprisePanel.vue |  149 +++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 152 insertions(+), 1 deletions(-)

diff --git a/src/components/panel/TopEnterprisePanel.vue b/src/components/panel/TopEnterprisePanel.vue
new file mode 100644
index 0000000..2c6b240
--- /dev/null
+++ b/src/components/panel/TopEnterprisePanel.vue
@@ -0,0 +1,149 @@
+<template>
+  <div class="top-enterprise-panel">
+    <el-form :inline="true" :model="formInline" ref="form" style="margin-left:5px">
+      <el-form-item label="鍒嗙被锛�">
+        <el-select v-model="form.regionType" @change="handlePipelineType">
+          <el-option
+              v-for="item in regionTypeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="浼佷笟鍚嶇О锛�">
+        <el-select v-model="form.pipelineType" @change="handlePipelineType">
+          <el-option
+              v-for="item in pipelineTypeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="妯＄硦鎼滅储锛�">
+        <el-input v-model="form.name" placeholder="鍦ㄦ杈撳叆杞藉叿鍙�"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">鏌ヨ</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TopEnterprisePanel',
+  components: {},
+  data() {
+    return {
+      isPanelVisible: false,
+      total: 0,
+      list: [],
+      regionTypeOptions: [{
+        value: '1',
+        label: '闀挎睙娴佸煙'
+      }, {
+        value: '2',
+        label: '榛勬渤娴佸煙'
+      }, {
+        value: '3',
+        label: '鍗楅儴娌挎捣姘村煙'
+      }, {
+        value: '4',
+        label: '鐜袱娴锋按鍩�'
+      }, {
+        value: '5',
+        label: '鍏朵粬鍦板煙'
+      }, {
+        value: '6',
+        label: '鍌寲鍓傚叕鍙�'
+      }],
+      enterpriseOptions: [{
+        value: '1',
+        label: '鍖楁捣鐐煎寲'
+      }, {
+        value: '2',
+        label: '鑼傚悕鐭冲寲'
+      }, {
+        value: '3',
+        label: '婀涙睙涓滃叴'
+      }, {
+        value: '4',
+        label: '骞垮窞鐭冲寲'
+      }, {
+        value: '5',
+        label: '娴峰崡鐐煎寲'
+      }, {
+        value: '6',
+        label: '鑼傚悕娑︽粦娌�'
+      }],
+      form: {
+        regionType: '',
+      }
+    }
+  },
+  methods: {
+    handleClose(done) {
+      console.log(done)
+    },
+    handleClick(tab, event) {
+      console.log(tab, event)
+    },
+    handleSearch() {
+
+    },
+    onSubmit() {
+
+    }
+  },
+  mounted() {
+    this.handleSearch()
+  }
+}
+</script>
+
+<style lang="less">
+.top-enterprise-panel {
+  position: absolute;
+  margin:0 auto;
+  left: 0; right: 0; top: 0;bottom: 0;
+  z-index: 1000;
+  width: 940px;
+  height: 50px;
+  padding-top: 15px;
+  background: #07325b;
+  border:2px solid #2A8FD4;
+  border-radius:10px;
+
+  .el-form-item__label{
+    color: #ffffff;
+  }
+  .el-message-box__content {
+    background-color: #030D2E;
+  }
+
+  .search-form .el-form-item {
+    margin: 0px;
+  }
+
+  .search-form .el-icon-search {
+    display: grid;
+    line-height: 30px;
+    font-size: 18px;
+  }
+
+  .search-panel {
+    border: #07325B;
+    background-color: #07325B;
+  }
+
+  .search-result {
+    margin: 5px 0px 0px 0px;
+    padding: 0px;
+    border: #051842;
+    overflow-y: scroll;
+    background-color: #051842;
+  }
+}
+</style>
diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue
index cbc4bcc..08869b5 100644
--- a/src/views/MapTemplate.vue
+++ b/src/views/MapTemplate.vue
@@ -8,6 +8,7 @@
         </sgis-layer-controller>
         <lc-service-layer-filter v-show="showServiceLayerFilter" ref="serviceLayerFilter"></lc-service-layer-filter>
         <monitor-panel></monitor-panel>
+        <top-enterprise-panel></top-enterprise-panel>
   </div>
 </template>
 
@@ -21,10 +22,11 @@
 import LcServiceLayerFilter from '@components/LayerController/modules/LcServiceLayerFilter'
 import MonitorPanel from '@components/panel/MonitorPanel'
 import { mapMutations, mapState } from 'vuex'
+import TopEnterprisePanel from "@components/panel/TopEnterprisePanel";
 
 export default {
   name: 'MapTemplate',
-  components: {SgisLayerController, MonitorPanel, LcBasemap, LcServiceLayer, LcServiceLayerFilter},
+  components: {TopEnterprisePanel, SgisLayerController, MonitorPanel, LcBasemap, LcServiceLayer, LcServiceLayerFilter},
   data(){
     return {
       basemapHelper: {},

--
Gitblit v1.8.0