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 | 105 ++++++++++++++++++++++++----------------------------
1 files changed, 49 insertions(+), 56 deletions(-)
diff --git a/src/components/panel/TopEnterprisePanel.vue b/src/components/panel/TopEnterprisePanel.vue
index 306c7eb..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,6 +32,9 @@
</template>
<script>
+import { listRegion } from '@/api/region'
+import { listEnterprise } from '@/api/enterprise'
+
export default {
name: 'TopEnterprisePanel',
components: {},
@@ -40,46 +43,11 @@
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: ''
+ regionType: '',
+ enterprise: ''
}
}
},
@@ -90,15 +58,25 @@
handleClick (tab, event) {
console.log(tab, event)
},
- handleSearch () {
-
+ handlePipelineType (item) {
+ listEnterprise({}).then((res) => {
+ var data = res.data
+ this.enterpriseOptions = data[item]
+ })
+ },
+ loadData () {
+ listRegion({}).then((res) => {
+ this.regionOptions = res.data
+ })
},
onSubmit () {
}
},
mounted () {
- this.handleSearch()
+ 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