派生自 wuyushui/SewerAndRainNetwork

YANGDL
2021-01-09 aea776ca7f115901e98b4a1f1d7874ed58d71f94
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>
@@ -115,7 +85,10 @@
.top-enterprise-panel {
  position: absolute;
  margin:0 auto;
  left: 0; right: 0; top: 0;bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  width: 940px;
  height: 50px;
@@ -123,10 +96,12 @@
  background: #07325b;
  border:2px solid #2A8FD4;
  border-radius:10px;
  text-align: center;
  .el-form-item__label{
    color: #ffffff;
  }
  .el-message-box__content {
    background-color: #030D2E;
  }