From 0fb7cb3415904e93fdd3ff4751bdf20d97cbe1c6 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期四, 13 五月 2021 14:18:01 +0800
Subject: [PATCH] 添加事件处置。
---
src/components/emergency/index.vue | 68 +++++++++++++++++++++-------------
1 files changed, 42 insertions(+), 26 deletions(-)
diff --git a/src/components/emergency/index.vue b/src/components/emergency/index.vue
index 6bc4374..3467c7b 100644
--- a/src/components/emergency/index.vue
+++ b/src/components/emergency/index.vue
@@ -23,21 +23,27 @@
</template>
</el-table-column>
</el-table>
+ <el-button type="primary" size="mini">鍒嗘瀽</el-button>
</div>
- <div>
- <div class="panel-title">鎼滅储</div>
- <div>
- <ul>
- <li>
- <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">鍏ㄩ��</el-checkbox>
- <div style="margin: 15px 0;"></div>
- <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
- <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>
- </el-checkbox-group>
- </li>
- </ul>
+ <!-- <div>
+ <div class="panel-title">澶勭疆鍒嗘瀽</div>
+ <div class="area-selected">
+ <el-button type="primary" class="el-icon-location" size="mini"></el-button>
+ <el-button type="primary" class="el-icon-location" size="mini"></el-button>
+ <el-select v-model="value" filterable placeholder="璇烽�夋嫨" size="mini">
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
+ </el-select>
+ <el-button type="primary" class="el-icon-search" size="mini"></el-button>
</div>
- </div>
+ <div>
+ <div class="analysis-btn">
+ <div>
+ <el-button type="primary" size="mini" >閲嶇疆鍒嗘瀽鏉′欢</el-button>
+ <el-button type="primary" size="mini" >寮�濮嬪垎鏋�</el-button>
+ </div>
+ </div>
+ </div>
+ </div> -->
</div>
</el-dialog>
</template>
@@ -49,7 +55,7 @@
data () {
return {
tit: '浜嬩欢澶勭疆',
- showSchedule: true,
+ showSchedule: false,
tableData: [
{ name: '棰勬A', define: '缁煎悎棰勬', hierarchy: '浜岀骇鍗曚綅', classification: '鐜繚' },
{ name: '棰勬B', define: '涓撻」棰勬', hierarchy: '鐩村睘浼佷笟', classification: '鐜繚' },
@@ -60,19 +66,16 @@
checkAll: false,
checkedCities: ['涓婃捣', '鍖椾含'],
cities: cityOptions,
- isIndeterminate: true
+ isIndeterminate: true,
+ value: '',
+ options: [{ value: '500', label: '500m' }, { value: '1000', label: '1km' }, { value: '2000', label: '2km' }, { value: '5000', label: '5km' }, { value: '10000', label: '10km' }]
}
},
methods: {
- handleCheckAllChange (val) {
- this.checkedCities = val ? cityOptions : []
- this.isIndeterminate = false
- },
- handleCheckedCitiesChange (value) {
- const checkedCount = value.length
- this.checkAll = checkedCount === this.cities.length
- this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length
- }
+
+ },
+ mounted () {
+
}
}
</script>
@@ -80,10 +83,23 @@
<style scoped lang="less">
.emergency{
/deep/ .el-dialog{
- width: 750px;
+ width: 450px;
+ }
+ .panel-title{
+ text-align: left;
+ padding: 5px 0 0 0;
}
.basicInformation{
- display: flex;
+ .area-selected{
+ display: flex;
+ justify-content:flex-end;
+ align-items : center;
+ }
+ .analysis-btn{
+ display: flex;
+ justify-content:space-between;
+ align-items : center;
+ }
}
}
</style>
--
Gitblit v1.8.0