事件上报页面修改

陈泽平

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">
@@ -25,11 +25,8 @@
                    <!--            事件等级-->
                    <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-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>
@@ -41,12 +38,12 @@
                        <el-col :span="12">
                            <el-form-item label="事发单位" prop="unit">
                                <el-select v-model="ruleForm.unit" placeholder="单位,装置选择">
                                        <el-option
                                                v-for="item in ruleForm.unitList"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                        </el-option>
                                    <el-option
                                            v-for="item in ruleForm.unitList"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
@@ -123,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="带出事件类型，事件位置，事件单位，事件时间等字段自动生产一部分描述">
@@ -376,6 +373,10 @@
      })
      this.eventsReported = false
    },
    // 点击关闭 事件上报
    circlePopup () {
      this.eventsReported = false
    },
    // form表单的取消按钮点击事件 重置信息
    resetForm (formName) {
      this.$refs[formName].resetFields()
@@ -401,6 +402,12 @@

<style lang="less" scoped>

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

    /deep/ .form-popup {
        margin: 0 15px;
    }
@@ -415,6 +422,7 @@
        .report-box {
            min-width: 3.4674324rem;
            max-width: 3.4674324rem;

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

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

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