派生自 wuyushui/SewerAndRainNetwork

陈泽平
2021-05-25 bbd56115ec1a65833eca6fa091f1c837f6b8e9dd
src/components/base-page/enterprise-emergency/ReportIncident.vue
@@ -23,19 +23,24 @@
                        </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">
<!--                            <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 +56,7 @@
                                <el-date-picker
                                        v-model="ruleForm.atTime"
                                        type="datetime"
                                        placeholder="选择日期时间">
                                        placeholder="年/月/日">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
@@ -146,11 +151,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 +195,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 +337,9 @@
    eventBus.$on('local-cation', (obj) => {
      this.location = obj
    })
    eventBus.$on('start-analysis', (obj) => {
      this.eventsReported = obj
    })
  },
  methods: {
    // 消息推送 选择推送的对象
@@ -346,6 +364,23 @@
      // 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
    },
    // form表单的取消按钮点击事件 重置信息
    resetForm (formName) {
      this.$refs[formName].resetFields()
      this.eventsReported = false
    },
    // 点击上传 的取消上传事件
    handleRemove (file, fileList) {
      console.log(file, fileList)
@@ -359,54 +394,16 @@
    },
    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>
    /deep/ .form-popup {
        margin: 0 15px;
    }
    .report-incident {
        position: absolute;
@@ -416,6 +413,8 @@
        display: flex;
        .report-box {
            min-width: 3.4674324rem;
            max-width: 3.4674324rem;
            .public-bounced-title {
                display: flex;
                align-items: center;