From 3072da92f3c3f08b2ee0ca03ee4e74b12f545b0e Mon Sep 17 00:00:00 2001 From: yangdelong <828900aaa> Date: 星期三, 26 五月 2021 21:31:55 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/develop' into develop --- src/components/base-page/enterprise-emergency/ReportIncident.vue | 113 ++++++++++++++++++++++++++++++-------------------------- 1 files changed, 61 insertions(+), 52 deletions(-) diff --git a/src/components/base-page/enterprise-emergency/ReportIncident.vue b/src/components/base-page/enterprise-emergency/ReportIncident.vue index 1263a4c..c4437be 100644 --- a/src/components/base-page/enterprise-emergency/ReportIncident.vue +++ b/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"> @@ -17,19 +17,19 @@ <!-- 浜嬩欢绫诲瀷--> <el-form-item label="浜嬩欢绫诲瀷" prop="eventOfType"> <el-radio-group v-model="ruleForm.eventOfType"> - <el-radio v-for="(item,index) in ruleForm.eventOfTypeList" :label="item.value" :key="index"> - <span>{{ item.name }}</span> - </el-radio> + <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-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 +41,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> @@ -102,19 +102,15 @@ <el-upload class="upload-demo" action="uploadAction" - :on-preview="handlePreview" - :on-remove="handleRemove" - :before-remove="beforeRemove" multiple :limit="3" - :on-exceed="handleExceed" :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="infotsChange"> + <el-checkbox-group v-model="ruleForm.beingPushed" @change="infoChange"> <el-checkbox v-for="item in ruleForm.beingPushList" :key="item.name" :label="item.name" @@ -123,7 +119,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="甯﹀嚭浜嬩欢绫诲瀷锛屼簨浠朵綅缃紝浜嬩欢鍗曚綅锛屼簨浠舵椂闂寸瓑瀛楁鑷姩鐢熶骇涓�閮ㄥ垎鎻忚堪"> @@ -144,7 +140,7 @@ </div> </div> <div class="local-box"> - <PositionChange :location="location" @localCation="getlocalCation"></PositionChange> + <PositionChange :location="location" @localCation="getLocalCation"></PositionChange> </div> <div class="file-box"> <PipelineFile></PipelineFile> @@ -154,6 +150,7 @@ <script> import '../../../utils/dragBoxes' import eventBus from '../../../eventBus' +// 寮曞叆缁勪欢 import PositionChange from './PositionChange' import PipelineFile from './PipelineFile' @@ -167,8 +164,6 @@ return { // 鍒ゆ柇寮规鏄惁鑳藉睍绀� temp=>涓存椂true 寮�鍙� eventsReported: false, - // eventsReported: true, - saveSuccess: false, // 琛ㄥ崟缁戝畾鏁版嵁 ruleForm: { // 浜嬩欢鍚嶇О 缁戝畾鏁版嵁 @@ -178,16 +173,24 @@ // 浜嬩欢绫诲瀷鍙�夋嫨鏁版嵁radio 缁戝畾鏁版嵁 eventOfTypeList: [ { - name: '寰呰ˉ鍏�', + name: '娴�(姘�)涓婃孩娌规薄鏌�', value: 1 }, { - name: '寰呰ˉ鍏�', + name: '娌规皵绠¢亾娉勬紡姹℃煋', value: 2 }, { - name: '寰呰ˉ鍏�', + name: '杈愬皠姹℃煋', value: 3 + }, + { + name: '鐢熸�佺幆澧冪牬鍧�', + value: 4 + }, + { + name: '鍏朵粬', + value: 5 } ], // 浜嬩欢绛夌骇 @@ -259,6 +262,10 @@ // 鎺ユ敹浜哄憳 receiveOne: '' }, + // 涓婁紶鍒楄〃 + fileList: [], + // 涓婁紶鍦板潃 + uploadAction: '', // 琛ㄥ崟楠岃瘉 rules: { // 浜嬩欢鍚嶇О鏍¢獙 @@ -324,12 +331,8 @@ }, // 鎻忚堪 鎺ユ敹 => 灞曠ず/闅愯棌 wayTo: false, - location: false, - // 涓婁紶鍒楄〃 - fileList: [], - // 涓婁紶鍦板潃 - uploadAction: '', - getLocalInfo: '' + // 鎺у埗鏄剧ず瀹氫綅浜岀骇椤甸潰灞曠ず/闅愯棌 + location: false } }, mounted () { @@ -343,7 +346,7 @@ }, methods: { // 娑堟伅鎺ㄩ�� 閫夋嫨鎺ㄩ�佺殑瀵硅薄 - infotsChange () { + infoChange () { if (this.ruleForm.beingPushed.indexOf('鐭俊鎺ㄩ��') > -1 || this.ruleForm.beingPushed.indexOf('鎵嬫満搴旂敤鎺ㄩ��') > -1) { this.wayTo = true } else { @@ -360,7 +363,7 @@ eventBus.$emit('tab-change', 'first') }, // 鎺ユ敹瀛愮粍浠� 浼犻�� 鏁版嵁 杩涜 浜岀骇 闄勫睘妗嗙殑鏄剧ず/闅愯棌 - getlocalCation (value) { + getLocalCation (value) { // console.log(value) this.location = value }, @@ -368,38 +371,39 @@ submitForm (formName) { this.$refs[formName].validate((valid) => { if (valid) { - alert('submit!') + // alert('submit!') + this.$message({ + message: '浜嬩欢涓婃姤鎻愪氦鎴愬姛', + type: 'success' + }) } else { - console.log('error submit!!') + this.$message('浜嬩欢涓婃姤鎻愪氦澶辫触') return false } }) + this.circlePopup() + this.$refs[formName].resetFields() + }, + // 鐐瑰嚮鍏抽棴 浜嬩欢涓婃姤 + circlePopup () { this.eventsReported = false }, // form琛ㄥ崟鐨勫彇娑堟寜閽偣鍑讳簨浠� 閲嶇疆淇℃伅 resetForm (formName) { this.$refs[formName].resetFields() - this.eventsReported = false - }, - // 鐐瑰嚮涓婁紶 鐨勫彇娑堜笂浼犱簨浠� - handleRemove (file, fileList) { - console.log(file, fileList) - }, - // 鐐瑰嚮涓婁紶 鐨勪笂浼犱簨浠� - handlePreview (file) { - console.log(file) - }, - handleExceed (files, fileList) { - this.$message.warning(`褰撳墠闄愬埗閫夋嫨 3 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${files.length + fileList.length} 涓枃浠禶) - }, - beforeRemove (file, fileList) { - return this.$confirm(`纭畾绉婚櫎 ${file.name}锛焋) + this.circlePopup() } } } </script> <style lang="less" scoped> + + .way-to { + /deep/ .el-form-item__content { + display: flex; + } + } /deep/ .form-popup { margin: 0 15px; @@ -415,6 +419,7 @@ .report-box { min-width: 3.4674324rem; max-width: 3.4674324rem; + .public-bounced-title { display: flex; align-items: center; @@ -453,6 +458,10 @@ color: #00fff6 !important; } + /deep/ .el-icon-time:before { + content: " "; + } + /deep/ input { /*width: 145px;*/ border-radius: 0; -- Gitblit v1.8.0