From bf3323fcbe32918dda7099f05be56aa7151b1e26 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期四, 14 一月 2021 15:56:11 +0800
Subject: [PATCH] 细节

---
 src/components/panel/TopEnterprisePanel.vue |  113 ++++++++++++++++++++++++++------------------------------
 1 files changed, 53 insertions(+), 60 deletions(-)

diff --git a/src/components/panel/TopEnterprisePanel.vue b/src/components/panel/TopEnterprisePanel.vue
index 2c6b240..3bf542e 100644
--- a/src/components/panel/TopEnterprisePanel.vue
+++ b/src/components/panel/TopEnterprisePanel.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="top-enterprise-panel">
-    <el-form :inline="true" :model="formInline" ref="form" style="margin-left:5px">
+    <el-form :inline="true" ref="form" style="margin-left:5px" size="mini">
       <el-form-item label="鍒嗙被锛�">
-        <el-select v-model="form.regionType" @change="handlePipelineType">
+        <el-select v-model="form.regionType" @change="handlePipelineType" style="width: 100px">
           <el-option
-              v-for="item in regionTypeOptions"
+              v-for="item in regionOptions"
               :key="item.value"
               :label="item.label"
               :value="item.value">
@@ -12,9 +12,9 @@
         </el-select>
       </el-form-item>
       <el-form-item label="浼佷笟鍚嶇О锛�">
-        <el-select v-model="form.pipelineType" @change="handlePipelineType">
+        <el-select v-model="form.enterprise" style="width: 100px">
           <el-option
-              v-for="item in pipelineTypeOptions"
+              v-for="item in enterpriseOptions"
               :key="item.value"
               :label="item.label"
               :value="item.value">
@@ -22,7 +22,7 @@
         </el-select>
       </el-form-item>
       <el-form-item label="妯＄硦鎼滅储锛�">
-        <el-input v-model="form.name" placeholder="鍦ㄦ杈撳叆杞藉叿鍙�"></el-input>
+        <el-input v-model="form.name" placeholder="璇疯緭鍏ュ叧閿瓧鎼滅储" style="width: 100px"></el-input>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="onSubmit">鏌ヨ</el-button>
@@ -32,73 +32,51 @@
 </template>
 
 <script>
+import { listRegion } from '@/api/region'
+import { listEnterprise } from '@/api/enterprise'
+
 export default {
   name: 'TopEnterprisePanel',
   components: {},
-  data() {
+  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: '鑼傚悕娑︽粦娌�'
-      }],
+      regionOptions: [],
+      enterpriseOptions: [],
       form: {
         regionType: '',
+        enterprise: ''
       }
     }
   },
   methods: {
-    handleClose(done) {
+    handleClose (done) {
       console.log(done)
     },
-    handleClick(tab, event) {
+    handleClick (tab, event) {
       console.log(tab, event)
     },
-    handleSearch() {
-
+    handlePipelineType (item) {
+      listEnterprise({}).then((res) => {
+        var data = res.data
+        this.enterpriseOptions = data[item]
+      })
     },
-    onSubmit() {
+    loadData () {
+      listRegion({}).then((res) => {
+        this.regionOptions = res.data
+      })
+    },
+    onSubmit () {
 
     }
   },
-  mounted() {
-    this.handleSearch()
+  mounted () {
+    this.loadData()
+  },
+  created () {
   }
 }
 </script>
@@ -106,19 +84,34 @@
 <style lang="less">
 .top-enterprise-panel {
   position: absolute;
-  margin:0 auto;
-  left: 0; right: 0; top: 0;bottom: 0;
+  margin: 0 auto;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
   z-index: 1000;
-  width: 940px;
-  height: 50px;
-  padding-top: 15px;
+  width: 640px;
+  height: 40px;
+  padding-top: 10px;
   background: #07325b;
-  border:2px solid #2A8FD4;
-  border-radius:10px;
+  border: 1px solid #2A8FD4;
+  border-radius: 10px;
+  text-align: center;
 
-  .el-form-item__label{
+  .el-button {
+    border-radius: 0;
+  }
+
+  .el-input__inner {
+    border-radius: 0;
+    border: 1px solid #0e639e;
+    background-color: #061e51;
+  }
+
+  .el-form-item__label {
     color: #ffffff;
   }
+
   .el-message-box__content {
     background-color: #030D2E;
   }

--
Gitblit v1.8.0