From d4fca49a4b70fe60c730d7e32e2035153a91fcc5 Mon Sep 17 00:00:00 2001
From: seatonwan9 <seatonwan9@163.com>
Date: 星期一, 31 五月 2021 17:13:14 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop
---
src/components/base-page/enterprise-emergency/events-reported/EventsReported.vue | 427 ++++++++++++++++++++++++++---------------------------
1 files changed, 211 insertions(+), 216 deletions(-)
diff --git a/src/components/base-page/enterprise-emergency/events-reported/EventsReported.vue b/src/components/base-page/enterprise-emergency/events-reported/EventsReported.vue
index 71adc84..b52f801 100644
--- a/src/components/base-page/enterprise-emergency/events-reported/EventsReported.vue
+++ b/src/components/base-page/enterprise-emergency/events-reported/EventsReported.vue
@@ -1,147 +1,147 @@
<template>
- <div class="event-report">
- <el-form :model="ruleForm" 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-form-item>
- <!-- 浜嬩欢绫诲瀷-->
- <el-form-item label="浜嬩欢绫诲瀷" prop="eventOfType">
- <el-radio-group v-model="ruleForm.eventOfType">
- <el-col :span="8" v-for="(item,index) in ruleForm.eventOfTypeList" :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-form-item label="浜嬩欢鍒嗙骇" prop="eventOfLevel">
- <el-radio-group v-model="ruleForm.eventOfLevel">
- <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-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>
- <!-- 浜嬪彂鏃堕棿-->
- <el-col :span="12">
- <el-form-item class="search-panel-item" label="浜嬪彂鏃堕棿" prop="atTime">
- <el-date-picker
- v-model="ruleForm.atTime"
- type="datetime"
- placeholder="骞�/鏈�/鏃�">
- </el-date-picker>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <!-- 浜嬪彂浣嶇疆-->
- <el-col :span="12">
- <el-form-item label="浜嬪彂浣嶇疆" prop="positionOf">
- <el-input v-model="ruleForm.positionOf" clearable>
- <!-- <el-button slot="suffix" type="text" class="el-icon-location-information"-->
- <!-- @click="locationInfo"></el-button>-->
- <el-button style="padding-right:10px;" slot="suffix" type="text"
- @click="locationInfo">
- <img src="../../../../../public/assets/images/map/loc.png" alt="">
- </el-button>
- </el-input>
- </el-form-item>
- </el-col>
- <!-- 浣嶇疆鎻忚堪-->
- <el-col :span="12">
- <el-form-item label="浣嶇疆鎻忚堪" prop="positionDescription">
- <el-input v-model="ruleForm.positionDescription"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <!-- 绠＄嚎鍚嶇О-->
- <el-col :span="12">
- <el-form-item label="绠＄嚎鍚嶇О" prop="lineName" class="search-panel-item">
- <el-input disabled v-model="ruleForm.lineName" placeholder="鑷姩甯﹀嚭涓嶅彲淇敼"
- class="report-input"></el-input>
- </el-form-item>
- </el-col>
- <!-- 绠＄嚎绫诲瀷-->
- <el-col :span="12">
- <el-form-item label="绠＄嚎绫诲瀷" prop="lineType">
- <label>{{ ruleForm.lineTypeText }}</label>
- </el-form-item>
- </el-col>
- </el-row>
- <!-- 鐐瑰嚮涓婁紶-->
- <el-form-item label="闄勪欢涓婁紶" prop="upload">
- <el-upload
- class="upload-demo"
- action="uploadAction"
- multiple
- :limit="3"
- :file-list="fileList">
- <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
- </el-upload>
- </el-form-item>
- <!-- 娑堟伅鎺ㄩ��-->
- <el-form-item label="娑堟伅鎺ㄩ��" prop="beingPush">
- <el-checkbox-group v-model="ruleForm.beingPushed" @change="infoChange">
- <el-checkbox v-for="item in ruleForm.beingPushList"
- :key="item.name"
- :label="item.name"
- >
- </el-checkbox>
- </el-checkbox-group>
- </el-form-item>
- <!-- // 鎻忚堪 鎺ユ敹 灞曠ず銆侀殣钘�-->
- <div v-show="wayTo" class="way-to">
- <el-form-item label="浜嬩欢鎻忚堪" prop="desc">
- <el-input type="textarea" resize="none" v-model="ruleForm.desc"
- placeholder="甯﹀嚭浜嬩欢绫诲瀷锛屼簨浠朵綅缃紝浜嬩欢鍗曚綅锛屼簨浠舵椂闂寸瓑瀛楁鑷姩鐢熶骇涓�閮ㄥ垎鎻忚堪">
- </el-input>
- <el-button type="primary">涓�閿�<br/>鐢熸垚</el-button>
- </el-form-item>
- <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>
- </div>
- <el-form-item class="confirmCancel">
- <el-button type="primary" size="small" @click="submitForm('ruleForm')">纭</el-button>
- <el-button size="small" @click="resetForm('ruleForm')">鍙栨秷</el-button>
- </el-form-item>
- </el-form>
- <el-dialog
- custom-class="event-report-dialog"
- title="浜嬪彂浣嶇疆瀹氫綅"
- :visible.sync="dialogLocation"
- :append-to-body="true"
- :modal="false"
- v-dialogDrag
- >
- <ReportLocation></ReportLocation>
- </el-dialog>
- </div>
+ <div class="event-report">
+ <el-form :model="ruleForm" 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-form-item>
+ <!-- 浜嬩欢绫诲瀷-->
+ <el-form-item label="浜嬩欢绫诲瀷" prop="eventOfType">
+ <el-radio-group v-model="ruleForm.eventOfType">
+ <el-col :span="8" v-for="(item,index) in ruleForm.eventOfTypeList" :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-form-item label="浜嬩欢鍒嗙骇" prop="eventOfLevel">
+ <el-radio-group v-model="ruleForm.eventOfLevel">
+ <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-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>
+ <!-- 浜嬪彂鏃堕棿-->
+ <el-col :span="12">
+ <el-form-item class="search-panel-item" label="浜嬪彂鏃堕棿" prop="atTime">
+ <el-date-picker
+ v-model="ruleForm.atTime"
+ type="datetime"
+ placeholder="骞�/鏈�/鏃�">
+ </el-date-picker>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <!-- 浜嬪彂浣嶇疆-->
+ <el-col :span="12">
+ <el-form-item label="浜嬪彂浣嶇疆" prop="positionOf">
+ <el-input v-model="ruleForm.positionOf" clearable>
+ <!-- <el-button slot="suffix" type="text" class="el-icon-location-information"-->
+ <!-- @click="locationInfo"></el-button>-->
+ <el-button style="padding-right:10px;" slot="suffix" type="text"
+ @click="locationInfo">
+ <img src="../../../../../public/assets/images/map/loc.png" alt="">
+ </el-button>
+ </el-input>
+ </el-form-item>
+ </el-col>
+ <!-- 浣嶇疆鎻忚堪-->
+ <el-col :span="12">
+ <el-form-item label="浣嶇疆鎻忚堪" prop="positionDescription">
+ <el-input v-model="ruleForm.positionDescription"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <!-- 绠＄嚎鍚嶇О-->
+ <el-col :span="12">
+ <el-form-item label="绠＄嚎鍚嶇О" prop="lineName" class="search-panel-item">
+ <el-input disabled v-model="ruleForm.lineName" placeholder="鑷姩甯﹀嚭涓嶅彲淇敼"
+ class="report-input"></el-input>
+ </el-form-item>
+ </el-col>
+ <!-- 绠＄嚎绫诲瀷-->
+ <el-col :span="12">
+ <el-form-item label="绠＄嚎绫诲瀷" prop="lineType">
+ <label>{{ ruleForm.lineTypeText }}</label>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <!-- 鐐瑰嚮涓婁紶-->
+ <el-form-item label="闄勪欢涓婁紶" prop="upload">
+ <el-upload
+ class="upload-demo"
+ action="uploadAction"
+ multiple
+ :limit="3"
+ :file-list="fileList">
+ <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
+ </el-upload>
+ </el-form-item>
+ <!-- 娑堟伅鎺ㄩ��-->
+ <el-form-item label="娑堟伅鎺ㄩ��" prop="beingPush">
+ <el-checkbox-group v-model="ruleForm.beingPushed" @change="infoChange">
+ <el-checkbox v-for="item in ruleForm.beingPushList"
+ :key="item.name"
+ :label="item.name"
+ >
+ </el-checkbox>
+ </el-checkbox-group>
+ </el-form-item>
+ <!-- // 鎻忚堪 鎺ユ敹 灞曠ず銆侀殣钘�-->
+ <div v-show="wayTo" class="way-to">
+ <el-form-item label="浜嬩欢鎻忚堪" prop="desc">
+ <el-input type="textarea" resize="none" v-model="ruleForm.desc"
+ placeholder="甯﹀嚭浜嬩欢绫诲瀷锛屼簨浠朵綅缃紝浜嬩欢鍗曚綅锛屼簨浠舵椂闂寸瓑瀛楁鑷姩鐢熶骇涓�閮ㄥ垎鎻忚堪">
+ </el-input>
+ <el-button type="primary">涓�閿�<br/>鐢熸垚</el-button>
+ </el-form-item>
+ <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>
+ </div>
+ <el-form-item class="confirmCancel">
+ <el-button type="primary" size="small" @click="submitForm('ruleForm')">纭</el-button>
+ <el-button size="small" @click="resetForm('ruleForm')">鍙栨秷</el-button>
+ </el-form-item>
+ </el-form>
+ <el-dialog
+ custom-class="event-report-dialog"
+ title="浜嬪彂浣嶇疆瀹氫綅"
+ :visible.sync="dialogLocation"
+ :append-to-body="true"
+ :modal="false"
+ v-dialogDrag
+ >
+ <ReportLocation></ReportLocation>
+ </el-dialog>
+ </div>
</template>
<!-- :rules="rules"-->
<!-- :show-close="false"-->
@@ -376,90 +376,85 @@
<style lang="less" scoped>
- /*/deep/ .el-dialog .el-dialog--center {*/
- /* margin-top: 1rem !important;*/
- /* margin-left: 6.4rem !important;*/
- /*}*/
+/deep/ .event-report-dialog {
+ left: 5rem;
+ top: 1rem;
+ margin-top: 2rem;
+ margin-left: 2rem;
+}
- /deep/ .event-report-dialog {
- left: 5rem;
- top: 1rem;
- margin-top: 2rem;
- margin-left: 2rem;
- }
+/deep/ .el-dialog {
+ left: 5rem;
+ top: 1rem;
+ width: 3.087834rem;
+}
- /deep/ .el-dialog {
- left: 5rem;
- top: 1rem;
- width: 3.087834rem;
- }
+.event-report {
+ margin: 0 5px !important;
+}
- .event-report {
- margin: 0 5px !important;
- }
+.way-to {
+ /deep/ .el-form-item__content {
+ display: flex;
+ }
+}
- .way-to {
- /deep/ .el-form-item__content {
- display: flex;
- }
- }
+/deep/ .el-form-item {
+ margin: 2px 0 !important;
+ color: #00fff6 !important;
+}
- /deep/ .el-form-item {
- margin: 2px 0 !important;
- color: #00fff6 !important;
- }
+/deep/ .el-textarea__inner {
+ height: 0.28rem !important;
+ max-height: 0.45rem !important;
+ width: 2rem;
+ color: darkgrey;
+ border: solid 1px #00fff6;
+ background-color: rgba(0, 255, 246, 0.14);
+ outline: none;
+ font-size: 0.01rem;
+}
- /deep/ .el-textarea__inner {
- height: 0.28rem !important;
- max-height: 0.45rem !important;
- width: 2rem;
- color: darkgrey;
- border: solid 1px #00fff6;
- background-color: rgba(0, 255, 246, 0.14);
- outline: none;
- font-size: 0.01rem;
- }
+/deep/ .el-checkbox__label {
+ color: #00fff6 !important;
+}
- /deep/ .el-checkbox__label {
- color: #00fff6 !important;
- }
+/deep/ .el-icon-time:before {
+ content: " ";
+}
- /deep/ .el-icon-time:before {
- content: " ";
- }
+/deep/ input {
+ border-radius: 0;
+ background-color: rgba(0, 255, 246, 0.14);
+ border: solid 1px #00fff6;
+ color: #C0C4CC;
+ font-size: 0.01rem;
+}
- /deep/ input {
- border-radius: 0;
- background-color: rgba(0, 255, 246, 0.14);
- border: solid 1px #00fff6;
- color: #C0C4CC;
- font-size: 0.01rem;
- }
+/deep/ .el-input.is-disabled .el-input__inner {
+ color: #C0C4CC;
+ font-size: 0.01rem;
+ border-radius: 4px;
+ background: @background-color;
+ border-color: @color;
+}
- /deep/ .el-input.is-disabled .el-input__inner {
- color: #C0C4CC;
- font-size: 0.01rem;
- border-radius: 4px;
- background: @background-color;
- border-color: @color;
- }
+/deep/ .el-input__inner {
+ height: 0.2rem !important;
+ border-radius: 5px;
+ background: rgba(0, 16, 30, 0.5);
+}
- /deep/ .el-input__inner {
- height: 0.2rem !important;
- border-radius: 5px;
- background: rgba(0, 16, 30, 0.5);
- }
+/deep/ .el-form-item__label {
+ color: @color;
+}
- /deep/ .el-form-item__label {
- color: @color;
- }
+/deep/ .el-radio__label {
+ color: @color;
+}
- /deep/ .el-radio__label {
- color: @color;
- }
-
- .confirmCancel {
- text-align: right;
- margin: 0.071234rem !important;
- }
+.confirmCancel {
+ text-align: right;
+ margin: 0.071234rem !important;
+}
</style>
--
Gitblit v1.8.0