事件上报页面修改

陈泽平

2021-05-25 6ebf06fa7ce4fccb3144a0c15773cb9e48276fd7

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

@@ -3,7 +3,7 @@
        <div class="report-box map-background">
            <div class="public-bounced-title panel-title">
                <span>事件上报</span>
                <i class="el-icon-close"></i>
                <i class="el-icon-close" @click="circlePopup"></i>
            </div>
            <div class="form-popup">
                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="90px" class="search-form">
@@ -23,19 +23,21 @@
                        </el-radio-group>
                    </el-form-item>
                    <!--            事件等级-->
                    <el-form-item label="事件等级" prop="eventOfLevel">
                    <el-form-item label="事件分级" prop="eventOfLevel">
                        <el-radio-group v-model="ruleForm.eventOfLevel">
                            <el-radio v-for="(item,index) in ruleForm.eventOfLevelList" :label="item.value"
                                      :key="index">
                                <span>{{ item.name }}</span>
                            </el-radio>
                            <el-col :span="8" v-for="(item,index) in ruleForm.eventOfLevelList" :key="index"
                                    :style="{margin:'5px 0'}">
                                <el-radio :label="item.value">
                                    <span>{{ item.name }}</span>
                                </el-radio>
                            </el-col>
                        </el-radio-group>
                    </el-form-item>
                    <el-row>
                        <!--                事发单位-->
                        <el-col :span="12">
                            <el-form-item label="事发单位" prop="unit">
                                <el-select v-model="ruleForm.unit" placeholder="请选择活动区域">
                                <el-select v-model="ruleForm.unit" placeholder="单位,装置选择">
                                    <el-option
                                            v-for="item in ruleForm.unitList"
                                            :key="item.value"
@@ -51,7 +53,7 @@
                                <el-date-picker
                                        v-model="ruleForm.atTime"
                                        type="datetime"
                                        placeholder="选择日期时间">
                                        placeholder="年/月/日">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
@@ -118,7 +120,7 @@
                        </el-checkbox-group>
                    </el-form-item>
                    <!--            // 描述 接收 展示、隐藏-->
                    <div v-show="wayTo">
                    <div v-show="wayTo" class="way-to">
                        <el-form-item label="事件描述" prop="desc">
                            <el-input type="textarea" resize="none" v-model="ruleForm.desc"
                                      placeholder="带出事件类型，事件位置，事件单位，事件时间等字段自动生产一部分描述">
@@ -146,11 +148,9 @@
        </div>
    </div>
</template>
<!--v-drag v-show="eventsReported"-->
<script>
import '../../../utils/dragBoxes'
import eventBus from '../../../eventBus'
import DisposalEvent from './DisposalEvent'
import PositionChange from './PositionChange'
import PipelineFile from './PipelineFile'

@@ -192,16 +192,28 @@
        // 事件等级可选择数据radio 绑定数据
        eventOfLevelList: [
          {
            name: '待补充',
            name: '特别重大环境事件',
            value: 1
          },
          {
            name: '待补充',
            name: '重大环境事件',
            value: 2
          },
          {
            name: '待补充',
            name: '较大环境事件',
            value: 3
          },
          {
            name: '一般A级',
            value: 4
          },
          {
            name: '一般B级',
            value: 5
          },
          {
            name: '一般C级',
            value: 6
          }
        ],
        // 事发单位 绑定数据值
@@ -322,6 +334,9 @@
    eventBus.$on('local-cation', (obj) => {
      this.location = obj
    })
    eventBus.$on('start-analysis', (obj) => {
      this.eventsReported = obj
    })
  },
  methods: {
    // 消息推送 选择推送的对象
@@ -346,6 +361,27 @@
      // console.log(value)
      this.location = value
    },
    // 表单的确认按钮点击事件
    submitForm (formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          alert('submit!')
        } else {
          console.log('error submit!!')
          return false
        }
      })
      this.eventsReported = false
    },
    // 点击关闭 事件上报
    circlePopup () {
      this.eventsReported = false
    },
    // form表单的取消按钮点击事件 重置信息
    resetForm (formName) {
      this.$refs[formName].resetFields()
      this.eventsReported = false
    },
    // 点击上传 的取消上传事件
    handleRemove (file, fileList) {
      console.log(file, fileList)
@@ -359,54 +395,22 @@
    },
    beforeRemove (file, fileList) {
      return this.$confirm(`确定移除 ${file.name}？`)
    },
    // 表单的确认按钮点击事件
    submitForm (formName) {
      // this.$refs[formName].validate((valid) => {
      //   if (valid) {
      //     alert('submit!')
      //   } else {
      //     console.log('error submit!!')
      //     return false
      //   }
      // })

      // temp临时
      // window.mapManager.clickDialogSwitch = false
      // this.eventsReported = false
      // eventBus.$emit('events-reported', true)

      // this.eventsReported = false
      // this.saveSuccess = true

      // temp 临时方法2
      window.$layer.open({
        content: {
          comp: DisposalEvent,
          parent: this,
          data: { // 传递的参数
            // info: this.info
          }
        },
        title: '事件处置'
      })
    },
    // 处置分析
    // DisposalAnalysisContinued
    disposalAnalysis () {
      this.saveSuccess = false
      eventBus.$emit('events-reported', true)
    },
    // form表单的取消按钮点击事件 重置信息
    resetForm (formName) {
      this.$refs[formName].resetFields()
      this.eventsReported = false
    }
  }
}
</script>

<style lang="less" scoped>

    .way-to {
        /deep/ .el-form-item__content {
            display: flex;
        }
    }

    /deep/ .form-popup {
        margin: 0 15px;
    }

    .report-incident {
        position: absolute;
@@ -416,6 +420,9 @@
        display: flex;

        .report-box {
            min-width: 3.4674324rem;
            max-width: 3.4674324rem;

            .public-bounced-title {
                display: flex;
                align-items: center;
@@ -454,6 +461,10 @@
        color: #00fff6 !important;
    }

    /deep/ .el-icon-time:before {
        content: " ";
    }

    /deep/ input {
        /*width: 145px;*/
        border-radius: 0;