From 6ebf06fa7ce4fccb3144a0c15773cb9e48276fd7 Mon Sep 17 00:00:00 2001
From: 陈泽平 <chenzeping>
Date: 星期二, 25 五月 2021 21:14:22 +0800
Subject: [PATCH] 事件上报页面修改
---
src/components/base-page/enterprise-emergency/PositionChange.vue | 111 +++++++++++++++++++++++++++++++++----------------------
1 files changed, 66 insertions(+), 45 deletions(-)
diff --git a/src/components/base-page/enterprise-emergency/PositionChange.vue b/src/components/base-page/enterprise-emergency/PositionChange.vue
index 87943b0..36af28a 100644
--- a/src/components/base-page/enterprise-emergency/PositionChange.vue
+++ b/src/components/base-page/enterprise-emergency/PositionChange.vue
@@ -8,38 +8,54 @@
</div>
</el-tab-pane>
<el-tab-pane label="绠℃瀹氫綅" name="second">
- <div class="line-pos">
- <div class="line-pos-form">
+ <div class="place">
+ <div class="place-top">
+ <div class="place-left">
<el-form :model="linePos" label-width="90px">
<el-form-item label="绠＄嚎鍚嶇О:">
<el-input v-model="linePos.lineName"></el-input>
</el-form-item>
<el-form-item label="闄勫睘璁炬柦:">
- <el-select v-model="linePos.affFac" placeholder="璇烽�夋嫨娲诲姩鍖哄煙">
- <el-option label="鍖哄煙涓�" value="shanghai"></el-option>
- <el-option label="鍖哄煙浜�" value="beijing"></el-option>
+ <el-select v-model="linePos.affFac">
+ <el-option
+ v-for="item in linePos.affFacList"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
</el-select>
</el-form-item>
</el-form>
- <el-button type="primary" size="mini">鎼滅储</el-button>
</div>
- <el-button type="primary" @click="confirm">纭</el-button>
+ <div class="place-right">
+ <el-button type="primary" size="small" @click="fileChoose">鎼滅储</el-button>
+ </div>
+ </div>
+ <div class="place-bottom">
+ <el-button type="primary" @click="confirm">纭</el-button>
+ </div>
</div>
</el-tab-pane>
<el-tab-pane label="缁忕含搴﹀畾浣�" name="third">
- <div class="latlng-location">
- <div class="latlng-location-chose">
- <el-form :model="LongLatPos" label-width="90px">
- <el-form-item label="缁忓害:">
- <el-input v-model="LongLatPos.longPos"></el-input>
- </el-form-item>
- <el-form-item label="绾害:">
- <el-input v-model="LongLatPos.latPos"></el-input>
- </el-form-item>
- </el-form>
- <el-button type="primary" size="mini">瀹氫綅</el-button>
+ <div class="place">
+ <div class="place-top">
+ <div class="place-left">
+ <el-form :model="LongLatPos" label-width="90px">
+ <el-form-item label="缁忓害:">
+ <el-input v-model="LongLatPos.longPos"></el-input>
+ </el-form-item>
+ <el-form-item label="绾害:">
+ <el-input v-model="LongLatPos.latPos"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="place-right">
+ <el-button type="primary" size="small">鎼滅储</el-button>
+ </div>
</div>
- <el-button type="primary" @click="confirm">纭</el-button>
+ <div class="place-bottom">
+ <el-button type="primary" @click="confirm">纭</el-button>
+ </div>
</div>
</el-tab-pane>
</el-tabs>
@@ -65,9 +81,19 @@
// 绠℃瀹氫綅
linePos: {
lineName: '',
- affFac: ''
+ affFac: '',
+ affFacList: [
+ {
+ label: '闃�闂ˋ',
+ value: '1'
+ },
+ {
+ label: '闃�闂˙',
+ value: '2'
+ }
+ ]
},
- tabLabel: ''
+ fileChoChange: false
}
},
mounted () {
@@ -79,14 +105,11 @@
methods: {
// tab 鍒囨崲鐢ㄤ簬鍒ゆ柇
handleClick (tab) {
- // 鎺у埗绗笁灞傞〉闈� 绠＄嚎鍚嶇О/绠℃浠ｇ爜閫夋嫨椤甸潰
- if (tab.label === '绠℃瀹氫綅') {
- // 濡傛灉 鏄绾垮畾浣� 鏄剧ず涓夌骇闄勫睘妗� 杩涜閫夋嫨鏂囦欢鎿嶄綔
- eventBus.$emit('pipelineFile-choose', true)
- } else {
- // eles 涓嶈繘琛屾樉绀�
- eventBus.$emit('pipelineFile-choose', false)
- }
+ },
+ // 鐐瑰嚮鏂囦欢閫夋嫨 鏄剧ず绗笁绾ч〉闈� 杩涜绠＄嚎/娈甸�夋嫨
+ fileChoose () {
+ this.fileChoChange = !this.fileChoChange
+ eventBus.$emit('pipelineFile-choose', this.fileChoChange)
},
// 鐐瑰嚮纭鎸夐挳浜嬩欢
confirm () {
@@ -103,8 +126,9 @@
.side-box {
min-width: 1.94532rem;
- max-height: 1.343213rem;
+ max-width: 1.94532rem;
}
+
.click-location {
margin: 0 auto;
text-align: center;
@@ -119,28 +143,25 @@
}
}
- .line-pos {
- text-align: center;
- .el-input {
- width: 85%;
- }
- .line-pos-form {
- display: flex;
- }
- }
-
- .latlng-location {
+ .place {
text-align: center;
- .latlng-location-chose {
+ .place-top {
display: flex;
- align-content: center;
+ align-items: center;
justify-content: space-around;
+ .place-right {
+ .el-button {
+ margin: 15px;
+ }
+ }
}
- .el-input {
- width: 85%;
+ .place-bottom {
+ .el-button {
+ margin: 15px;
+ }
}
}
</style>
--
Gitblit v1.8.0