From 4df0471b7dff0494625ff09969b1a13b5359a26e Mon Sep 17 00:00:00 2001
From: XingChuan <m17600301067@163.com>
Date: 星期一, 31 五月 2021 22:41:47 +0800
Subject: [PATCH] 统计表弹框UI优化；增加点击企业名称缩放至企业；二级表展示功能优化。
---
src/components/panel/topicSearch/EnvRiskSearch.vue | 31 +++++++++++++++++++++++--------
1 files changed, 23 insertions(+), 8 deletions(-)
diff --git a/src/components/panel/topicSearch/EnvRiskSearch.vue b/src/components/panel/topicSearch/EnvRiskSearch.vue
index 49e056f..fa3b96e 100644
--- a/src/components/panel/topicSearch/EnvRiskSearch.vue
+++ b/src/components/panel/topicSearch/EnvRiskSearch.vue
@@ -3,7 +3,7 @@
<div class="panel-title">{{title}}</div>
<div class="search-panel ">
<el-form ref="form" :model="form" label-width="90px" class="search-form">
-<!-- <el-form-item label="鍖哄煙锛�" size="mini" class="search-panel-item">
+ <el-form-item label="鍖哄煙锛�" size="mini" class="search-panel-item">
<el-select style="width: 100%" v-model="form.areaVal" @change="areaType" :popper-class="'select-down'">
<el-option
v-for="item in areaTypeOptions"
@@ -12,7 +12,17 @@
:value="item.value">
</el-option>
</el-select>
- </el-form-item>-->
+ </el-form-item>
+ <el-form-item label="鏉垮潡锛�" size="mini" class="search-panel-item">
+ <el-select style="width: 100%" v-model="form.plateVal" @change="plateType" :popper-class="'select-down'">
+ <el-option
+ v-for="item in plateTypeOptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
<el-form-item label="浼佷笟鍚嶇О锛�" size="mini">
<el-select style="width: 100%" v-model="form.enterpriseVal" @change="enterpriseType" :popper-class="'select-down'">
<el-option
@@ -23,7 +33,7 @@
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="鍗曚綅閮ㄩ棬锛�" size="mini">
+ <el-form-item label="浜岀骇鍗曚綅锛�" size="mini">
<el-select style="width: 100%" v-model="form.enterpriseSubunitsVal" @change="enterpriseSubunitsType"
:popper-class="'select-down'">
<el-option
@@ -59,7 +69,7 @@
<img :src='iconUrl[item.riskLevel]' alt="" class="state"/>
<div>
<h3>{{ item.riskname }}</h3>
- <p>鎵�灞為儴闂細<span>{{ item.unitname }}</span></p>
+ <p>浜岀骇鍗曚綅锛�<span>{{ item.unitname }}</span></p>
</div>
</div>
</el-scrollbar>
@@ -98,11 +108,13 @@
gdVisible: true,
list: [],
total: 0,
- // inareaTypeOptions: [],
+ areaTypeOptions: [],
+ plateTypeOptions: [],
enterpriseTypeOptions: [],
enterpriseSubunitsTypeOptions: [],
form: {
areaVal: '',
+ plateVal: '',
enterpriseVal: '',
enterpriseSubunitsVal: '',
type: ''
@@ -117,7 +129,6 @@
{ name: '浜岀骇椋庨櫓', value: '3', color: 'yellow' },
{ name: '涓夌骇椋庨櫓', value: '4', color: 'green' }
],
- areaTypeOptions: [],
iconUrl: ['',
require('../../../../public/assets/images/map/environmentRisk/risk_red.png'),
require('../../../../public/assets/images/map/environmentRisk/risk_sandybrown.png'),
@@ -129,13 +140,17 @@
props: ['title'],
methods: {
// 鍖哄煙绛涢��
- /* areaType (val) {
+ areaType (val) {
this.pipelineTypeOptions.forEach((itm) => {
if (val === itm.value) {
}
})
- }, */
+ },
+ // 鏉垮潡绛涢��
+ plateType (val) {
+
+ },
// 浼佷笟绛涢��
enterpriseType (val) {
this.dataTypeOptions.forEach((itm) => {
--
Gitblit v1.8.0