From bbce81a396e22743b1fbf0c54fed05ab79c99e72 Mon Sep 17 00:00:00 2001
From: 陈泽平 <chenzeping>
Date: 星期六, 29 五月 2021 16:28:51 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop
---
src/components/base-page/enterprise-emergency/DisposalEvent.vue | 182 +++++++++++++++++++++++++++------------------
1 files changed, 108 insertions(+), 74 deletions(-)
diff --git a/src/components/base-page/enterprise-emergency/DisposalEvent.vue b/src/components/base-page/enterprise-emergency/DisposalEvent.vue
index 5e6358c..e7eb185 100644
--- a/src/components/base-page/enterprise-emergency/DisposalEvent.vue
+++ b/src/components/base-page/enterprise-emergency/DisposalEvent.vue
@@ -1,62 +1,72 @@
<template>
- <div class="disposal-event">
- <h3 class="panel-title">浜嬩欢鍩烘湰淇℃伅</h3>
- <el-form ref="form" :model="form" label-width="100px">
- <el-form-item label="浜嬩欢鍚嶇О锛�" prop="nameOfEvent">
- <label>{{ form.nameOfEvent }}</label>
- </el-form-item>
- <el-row>
- <el-col :span="12">
- <el-form-item label="浜嬩欢浣嶇疆锛�" prop="eventLocation">
- <label>{{ form.eventLocation }}</label>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="浣嶇疆鎻忚堪锛�" prop="positionDesc">
- <label>{{ form.positionDesc }}</label>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="浜嬩欢鍗曚綅锛�" prop="incidentUnit">
- <label>{{ form.incidentUnit }}</label>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="浜嬪彂鏃堕棿锛�" prop="atTime">
- <label>{{ form.atTime }}</label>
- </el-form-item>
- </el-col>
- </el-row>
- <el-form-item label="浜嬩欢鎻忚堪锛�" prop="eventDesc" class="fixed-width">
- <label>{{ form.eventDesc }}</label>
- </el-form-item>
- <el-form-item label="闄勪欢锛�" prop="upload">
- <label>
- <a href="javascript:">闄勪欢</a>
-
- <a href="javascript:">闄勪欢</a>
- </label>
- </el-form-item>
- </el-form>
- <h3 class="panel-title">棰勬鍖归厤</h3>
- <el-table :data="tableData" style="width: 100%">
- <el-table-column prop="name" label="棰勬鍚嶇О"></el-table-column>
- <el-table-column prop="define" label="棰勬瀹氫箟"></el-table-column>
- <el-table-column prop="hierarchy" label="棰勬灞傜骇"></el-table-column>
- <el-table-column prop="classification" label="棰勬鍒嗙被"></el-table-column>
- <el-table-column label="闄勪欢">
- <template>
- <a href="javascript:">棰勬</a>
- </template>
- </el-table-column>
- </el-table>
- <div class="event-management">
- <el-button type="primary" size="mini" @click="ToManagement">浜嬩欢澶勭疆</el-button>
- <el-button size="mini">鍏抽棴</el-button>
- </div>
+ <div class="disposal-event">
+ <h4 class="sub-title ">浜嬩欢鍩烘湰淇℃伅</h4>
+ <div :model="form">
+ <el-row>
+ <el-col class="info-label" :span="6">浜嬩欢鍚嶇О锛�</el-col>
+ <el-col class="info-text" :span="18">{{ form.nameOfEvent }}</el-col>
+ </el-row>
+ <el-row>
+ <el-col class="info-label" :span="6">
+ 浜嬩欢浣嶇疆锛�
+ </el-col>
+ <el-col class="info-text" :span="18">
+ <label>{{ form.eventLocation }}</label>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col class="info-label" :span="6">
+ 浣嶇疆鎻忚堪锛�
+ </el-col>
+ <el-col class="info-text" :span="18">
+ <label>{{ form.positionDesc }}</label>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col class="info-label" :span="6">
+ 浜嬩欢鍗曚綅锛�
+ </el-col>
+ <el-col class="info-text" :span="18">
+ {{ form.incidentUnit }}
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col class="info-label" :span="6">
+ 浜嬪彂鏃堕棿锛�
+ </el-col>
+ <el-col class="info-text" :span="18">
+ {{ form.atTime }}
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col class="info-label" :span="6">浜嬩欢鎻忚堪锛�</el-col>
+ <el-col class="info-text" :span="18">{{ form.eventDesc }}</el-col>
+ </el-row>
+ <el-row>
+ <el-col class="info-label" span="6">闄勪欢锛�</el-col>
+ <el-col class="info-text" :span="18"><a class="link-btn" href="javascript:">闄勪欢</a>
+
+ <a class="link-btn" href="javascript:">闄勪欢</a>
+ </el-col>
+ </el-row>
</div>
+ <h3 class="sub-title">棰勬鍖归厤</h3>
+ <el-table :data="tableData" style="width: 100%">
+ <el-table-column prop="name" label="棰勬鍚嶇О"></el-table-column>
+ <el-table-column prop="define" label="棰勬瀹氫箟"></el-table-column>
+ <el-table-column prop="hierarchy" label="棰勬灞傜骇"></el-table-column>
+ <el-table-column prop="classification" label="棰勬鍒嗙被"></el-table-column>
+ <el-table-column label="闄勪欢">
+ <template>
+ <a class="link-btn" href="javascript:">棰勬</a>
+ </template>
+ </el-table-column>
+ </el-table>
+ <div class="event-management">
+ <el-button type="primary" size="mini" @click="ToManagement">寮�濮嬪垎鏋�</el-button>
+ <!-- <el-button size="mini">鍏抽棴</el-button>-->
+ </div>
+ </div>
</template>
<script>
@@ -110,31 +120,55 @@
}
},
methods: {
- // 浜嬩欢绠＄悊椤甸潰璺宠浆
+ // 寮�濮嬪垎鏋�
ToManagement () {
- eventBus.$emit('events-reported', true)
+ eventBus.$emit('event-handling', {})
}
}
}
</script>
<style lang="less" scoped>
- .fixed-width {
- width: 3.2459893rem;
- min-width: 3.2459893rem;
- }
+.disposal-event {
+ padding: 5px;
- /deep/ .el-form-item {
- margin: 5px 0;
- }
+ .fixed-width {
+ width: 3.2459893rem;
+ min-width: 3.2459893rem;
+ }
- /deep/ .el-form-item__label {
- color: @color;
- font-size: 0.08rem;
- }
+ /deep/ .el-form-item {
+ margin: 5px 0;
+ }
- .event-management {
- text-align: right;
- margin: 15px;
- }
+ /deep/ .el-form-item__label {
+ color: @color;
+ font-size: 0.08rem;
+ }
+
+ .event-management {
+ text-align: right;
+ margin: 15px;
+ }
+
+ .sub-title {
+
+ //color: @color-title;
+ padding: 5px;
+ font-size: 16px;
+ }
+
+ .link-btn {
+ color: @color-highlight;
+ }
+
+ .info-label {
+ text-align: right;
+ }
+
+ .info-text {
+ text-align: left;
+ }
+}
+
</style>
--
Gitblit v1.8.0