企业应急事件上报页面修改

陈泽平

2021-05-25 40110af52484266d765eab597099b746d1358b06

 src/components/base-page/enterprise-emergency/PipelineFile.vue

@@ -1,20 +1,47 @@
<template>
    <div class="pipeline-file map-background" v-show="pipelineFile">
        <span>管线文件选择</span>
        <el-row>
            <el-form ref="form" :model="form" label-width="80px">
                <el-col :span="12">
                    <el-form-item label="管线名称">
                        <el-input v-model="form.pipeName">
                            <el-button style="padding-right:10px;" slot="suffix" type="text">
                                <img src="../../../../public/assets/images/map/emergency/search.png" alt="">
                            </el-button>
                        </el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="管段编码">
                        <el-input v-model="form.pipeCode">
                            <el-button style="padding-right:10px;" slot="suffix" type="text">
                                <img src="../../../../public/assets/images/map/emergency/search.png" alt="">
                            </el-button>
                        </el-input>
                    </el-form-item>
                </el-col>
            </el-form>
        </el-row>
    </div>
</template>

<script>
import eventBus from '../../../eventBus'

export default {
  name: 'PipelineFile',
  data () {
    return {
      pipelineFile: false
      pipelineFile: false,
      form: {
        pipeName: '',
        pipeCode: ''
      }
    }
  },
  mounted () {
    eventBus.$on('pipelineFile-choose', (obj) => {
      // console.log(obj)
      this.pipelineFile = obj
    })
  }
@@ -26,4 +53,9 @@
        min-width: 1.94532rem;
        max-height: 2.343213rem;
    }

    /*/deep/ .el-input {*/
    /*    width: 65%;*/
    /*    margin: 0 auto;*/
    /*}*/
</style>