From 0dedf75a903b8502b94d5d03679b42aa306bb18a Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期三, 13 一月 2021 14:30:12 +0800
Subject: [PATCH] 细节
---
src/components/panel/TopEnterprisePanel.vue | 81 ++++++++++++++--------------------------
1 files changed, 28 insertions(+), 53 deletions(-)
diff --git a/src/components/panel/TopEnterprisePanel.vue b/src/components/panel/TopEnterprisePanel.vue
index 3d94cbc..aded26e 100644
--- a/src/components/panel/TopEnterprisePanel.vue
+++ b/src/components/panel/TopEnterprisePanel.vue
@@ -2,9 +2,9 @@
<div class="top-enterprise-panel">
<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,7 +12,7 @@
</el-select>
</el-form-item>
<el-form-item label="浼佷笟鍚嶇О锛�">
- <el-select v-model="form.enterprise">
+ <el-select v-model="form.enterprise" style="width: 100px">
<el-option
v-for="item in enterpriseOptions"
:key="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,7 @@
</template>
<script>
+import { listRegion } from '@/api/region'
import { listEnterprise } from '@/api/enterprise'
export default {
@@ -42,44 +43,8 @@
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: ''
@@ -94,11 +59,14 @@
console.log(tab, event)
},
handlePipelineType (item) {
-
+ listEnterprise({}).then((res) => {
+ var data = res.data
+ this.enterpriseOptions = data[item]
+ })
},
loadData () {
- listEnterprise({}).then((res) => {
- console.log(res)
+ listRegion({}).then((res) => {
+ this.regionOptions = res.data
})
},
onSubmit () {
@@ -107,6 +75,8 @@
},
mounted () {
this.loadData()
+ },
+ created () {
}
}
</script>
@@ -114,19 +84,24 @@
<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: 2px solid #2A8FD4;
+ border-radius: 10px;
+ text-align: center;
- .el-form-item__label{
+ .el-form-item__label {
color: #ffffff;
}
+
.el-message-box__content {
background-color: #030D2E;
}
--
Gitblit v1.8.0