From 6e264d29ea646f9afcfd70200969c8765ed64e22 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期二, 05 一月 2021 18:01:17 +0800
Subject: [PATCH] 请求mock
---
src/components/panel/TopEnterprisePanel.vue | 69 +++++++++++-----------------------
1 files changed, 22 insertions(+), 47 deletions(-)
diff --git a/src/components/panel/TopEnterprisePanel.vue b/src/components/panel/TopEnterprisePanel.vue
index 3d94cbc..1185c8c 100644
--- a/src/components/panel/TopEnterprisePanel.vue
+++ b/src/components/panel/TopEnterprisePanel.vue
@@ -4,7 +4,7 @@
<el-form-item label="鍒嗙被锛�">
<el-select v-model="form.regionType" @change="handlePipelineType">
<el-option
- v-for="item in regionTypeOptions"
+ v-for="item in regionOptions"
:key="item.value"
:label="item.label"
:value="item.value">
@@ -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;
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