Merge remote-tracking branch 'origin/master'

YANGDL

2021-01-09 aea776ca7f115901e98b4a1f1d7874ed58d71f94

Merge remote-tracking branch 'origin/master'

 src/api/region.js

New file
@@ -0,0 +1,12 @@
import $http from '@/utils/axios'
let $HOST = ''
// 如果不是开发版本指定url地址
if (process.env.NODE_ENV !== 'development') {
  $HOST = process.env.VUE_APP_API_HOST
}

export const RegionList = $HOST + '/region/list'

export function listRegion (data) {
  return $http.get(RegionList, data)
}

 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;
  }

 src/mock/modules/region.js