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

陈泽平

2021-05-25 35f935483b44b85abbdd1bd5120ece75438c79c5

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

@@ -9,7 +9,10 @@
                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="90px" class="search-form">
                    <!--            事件名称-->
                    <el-form-item class="input-event-name" label="事件名称" prop="nameOfEvent">
                        <el-input v-model="ruleForm.nameOfEvent" placeholder="将事件命名"></el-input>
                        <el-input
                                v-model="ruleForm.nameOfEvent"
                                placeholder="将事件命名"
                        ></el-input>
                    </el-form-item>
                    <!--            事件类型-->
                    <el-form-item label="事件类型" prop="eventOfType">
@@ -122,8 +125,8 @@
                            </el-input>
                            <el-button type="primary">一键<br/>生成</el-button>
                        </el-form-item>
                        <el-form-item label="接收人员" prop="desc">
                            <el-input type="textarea" resize="none" v-model="ruleForm.desc"
                        <el-form-item label="接收人员" prop="receiveOne">
                            <el-input type="textarea" resize="none" v-model="ruleForm.receiveOne"
                                      placeholder="张三；李四，"></el-input>
                            <el-button type="primary">+</el-button>
                        </el-form-item>
@@ -135,15 +138,11 @@
                </el-form>
            </div>
        </div>
<!--        <div class="side-popup map-background">-->
            <PositionChange :location="location"></PositionChange>
<!--        </div>-->
<!--        <div class="pipeline-file map-background">-->
            <PipelineFile></PipelineFile>
<!--        </div>-->
        <PositionChange :location="location" @localCation="getlocalCation"></PositionChange>
        <PipelineFile></PipelineFile>
    </div>
</template>

<!--v-drag v-show="eventsReported"-->
<script>
import '../../../utils/dragBoxes'
import eventBus from '../../../eventBus'
@@ -159,7 +158,7 @@
  },
  data () {
    return {
      // 判断弹框是否能展示
      // 判断弹框是否能展示 temp=>临时true 开发
      eventsReported: false,
      // eventsReported: true,
      saveSuccess: false,
@@ -235,7 +234,11 @@
            name: '手机应用推送',
            value: false
          }
        ]
        ],
        // 事件描述
        desc: '',
        // 接收人员
        receiveOne: ''
      },
      // 表单验证
      rules: {
@@ -306,25 +309,38 @@
      // 上传列表
      fileList: [],
      // 上传地址
      uploadAction: ''
      uploadAction: '',
      getLocalInfo: ''
    }
  },
  mounted () {
    // 点击确认
    eventBus.$on('local-cation', (obj) => {
      this.location = obj
    })
  },
  methods: {
    // 消息推送 选择推送的对象
    infotsChange () {
      if (this.ruleForm.beingPushed.indexOf('短信推送') > -1 || this.ruleForm.beingPushed.indexOf('手机应用推送') > -1) {
        // console.log('包含该元素')
        this.wayTo = true
      } else {
        // console.log('不包含该元素')
        this.wayTo = false
      }
    },
    // 点击定位 进行位置选择
    locationInfo () {
      // console.log('位置信息选择')
      // 父组件 传递数据控制二级附属框的显示隐藏
      this.location = !this.location
      // 传递 数据 控制 三级附属框的隐藏
      eventBus.$emit('pipelineFile-choose', false)
      // 通过 bus 控制tab 栏 显示 哪一个 传递数据规定 每次重新选择定位 都指定 选择第一个开始
      eventBus.$emit('tab-change', 'first')
    },
    // 接收子组件 传递 数据 进行 二级 附属框的显示/隐藏
    getlocalCation (value) {
      // console.log(value)
      this.location = value
    },
    // 点击上传 的取消上传事件
    handleRemove (file, fileList) {
@@ -390,11 +406,10 @@

    .report-incident {
        position: absolute;
        display: inline-flex;
        overflow: hidden;
        top: 0.42979rem;
        left: 0.14583rem;
        z-index: 500;
        left: 3.14583rem;
        display: flex;
        z-index: 9999;

        .report-box {
            .public-bounced-title {