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/panel/topicSearch/EnvRiskSearch.vue | 120 ++++++++++++++++++------------------------------------------ 1 files changed, 36 insertions(+), 84 deletions(-) diff --git a/src/components/panel/topicSearch/EnvRiskSearch.vue b/src/components/panel/topicSearch/EnvRiskSearch.vue index b86c2c4..a452a64 100644 --- a/src/components/panel/topicSearch/EnvRiskSearch.vue +++ b/src/components/panel/topicSearch/EnvRiskSearch.vue @@ -1,103 +1,57 @@ <template> <div class="sewers-search" v-if="gdVisible"> - <div class="search-title"> - 鐜椋庨櫓 - </div> + <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-select style="width: 100%" v-model="form.areaVal" @change="areaType" :popper-class="'select-down'"> <el-option - v-for="item in areaTypeOptions" - :key="item.value" - :label="item.label" - :value="item.value"> + v-for="item in areaTypeOptions" + :key="item.value" + :label="item.label" + :value="item.value"> </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.enterpriseVal" @change="enterpriseType" :popper-class="'select-down'"> <el-option - v-for="item in enterpriseTypeOptions" - :key="item.value" - :label="item.label" - :value="item.value"> + v-for="item in enterpriseTypeOptions" + :key="item.value" + :label="item.label" + :value="item.value"> </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 - v-for="item in enterpriseSubunitsTypeOptions" - :key="item.value" - :label="item.label" - :value="item.value"> + v-for="item in enterpriseSubunitsTypeOptions" + :key="item.value" + :label="item.label" + :value="item.value"> </el-option> </el-select> </el-form-item> - <el-form-item label="椋庨櫓绾у埆" size="mini"></el-form-item> + <el-form-item label="椋庨櫓绾у埆锛�" size="mini"></el-form-item> <el-radio-group v-model="form.type" class="levelOfRisk"> - <el-radio v-for="(item,index) in levelOfRisk" :label="item.value" :key="index"><span class="levelOfRisk-type">{{item.name}}<i :style="'background:'+item.color"></i></span></el-radio> + <el-radio v-for="(item,index) in levelOfRisk" :label="item.value" :key="index"><span class="levelOfRisk-type">{{item.name}}<i :style="'background:'+item.color"></i></span></el-radio> </el-radio-group> - <!-- <el-form-item >--> + <div class="page_total"> + <p>鍏辫 + <span>{{total}}</span> + 鏉¤褰� + </p> + </div> <div class="rightButtonSearch"> <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"> - <!-- <el-button slot="append" icon="el-icon-search" size="mini"></el-button>--> - <!-- <i slot="prefix" class="el-input__icon el-icon-search"></i>--> - <!-- <i slot="suffix" class="search-btn el-input__icon el-icon-search" @click="handleSearch"></i> --> </el-input> - <el-buttom class="el-icon-search" @click="handleSearch"></el-buttom> + <el-button class="el-icon-search" @click="handleSearch"></el-button> </div> - - <!-- </el-form-item>--> - <!-- <el-form-item>--> - <!-- <input type="button" class="btn-ok" @click="handleSearch" value="鏌ヨ">--> - <!-- <input type="button" class="btn-reset" @click="handleSearch" value="閲嶇疆">--> - <!-- </el-form-item>--> </el-form> </div> - <el-scrollbar style="height:300px"> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> - <i class="state"></i> - <div> - <h3>###鐐煎寲閮�</h3> - <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p> - <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> - </div> - </div> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> - <i class="state"></i> - <div> - <h3>###鐐煎寲閮�</h3> - <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p> - <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> - </div> - </div> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> - <i class="state"></i> - <div> - <h3>###鐐煎寲閮�</h3> - <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p> - <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> - </div> - </div> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> - <i class="state"></i> - <div> - <h3>###鐐煎寲閮�</h3> - <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p> - <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> - </div> - </div> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> - <i class="state"></i> - <div> - <h3>###鐐煎寲閮�</h3> - <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p> - <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p> - </div> - </div> - <div class="environmental-risk-list" ><!-- v-for="(item,index) in list" :key="index" --> + <el-scrollbar style="height:264px"> + <div class="environmental-risk-list" v-for="(item,index) in 5" :key="index" ><!-- v-for="(item,index) in list" :key="index" --> <i class="state"></i> <div> <h3>###鐐煎寲閮�</h3> @@ -109,13 +63,13 @@ <!-- <span class="location-btn" @click="handleLocation(item)">588</span> --> <el-card class="footer-page" v-if="total > 10"> <el-pagination - small - @current-change="handlePage" - :page-size=pageSize - layout="prev, pager, next" - :total=total - :current-page=current - class="warnPagination" + small + @current-change="handlePage" + :page-size=pageSize + layout="prev, pager, next" + :total=total + :current-page=current + class="warnPagination" > </el-pagination> </el-card> @@ -129,17 +83,14 @@ </template> <script> -import { PipelineTypeOptions } from '@/conf/layers/LayerSewers' - import WfsHelper from '@components/helpers/WfsHelper' import AjaxUtils from '@utils/AjaxUtils' export default { - name: 'SewersSearch', + name: 'EnvRiskSearch', data () { return { gdVisible: true, list: [], - labelList: PipelineTypeOptions[0].labelList, total: 0, inareaTypeOptions: [], enterpriseTypeOptions: [], @@ -159,7 +110,8 @@ { name: '涓�绾ч闄�', value: '2', color: 'sandybrown' }, { name: '浜岀骇椋庨櫓', value: '3', color: 'yellow' }, { name: '涓夌骇椋庨櫓', value: '4', color: 'green' } - ] + ], + areaTypeOptions: [] } }, props: ['title'], -- Gitblit v1.8.0