From cb4ce544a38a4720b88946949b3258705d5ae2da Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期五, 02 四月 2021 17:07:37 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/panel/topicSearch/WaterWasteSearch.vue | 85 +++++++----------------------------------- 1 files changed, 15 insertions(+), 70 deletions(-) diff --git a/src/components/panel/topicSearch/WaterWasteSearch.vue b/src/components/panel/topicSearch/WaterWasteSearch.vue index 90234cb..59f9330 100644 --- a/src/components/panel/topicSearch/WaterWasteSearch.vue +++ b/src/components/panel/topicSearch/WaterWasteSearch.vue @@ -1,9 +1,6 @@ <template> - <div class="solidwaste-search" v-if="judgeVisible"> - <div class="search-title"> - <span>搴熸按</span> - <!-- <span>{{ title }}</span>--> - </div> + <div class="sewers-search" v-if="judgeVisible"> + <div class="search-title">{{title}}</div> <div class="search-panel "> <el-form ref="form" :model="form" label-width="90px" class="search-form"> <el-form-item v-for="(item,index) in solidWasteTypeOptions" :key="index" :label="item.label+'锛�'" size="mini" @@ -18,15 +15,12 @@ </el-option> </el-select> </el-form-item> - <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"> - <i slot="suffix" class="search-btn el-input__icon el-icon-search" @click="handleSearch"></i> - </el-input> - <div class="search-radio"> - <el-radio v-model="radio" label="1">鍏ㄩ儴</el-radio> - <el-radio v-model="radio" label="2">姝e父</el-radio> - <el-radio v-model="radio" label="3">瓒呮爣</el-radio> - <el-radio v-model="radio" label="4">寮傚父</el-radio> - <el-radio v-model="radio" label="5">鍋滀骇</el-radio> + <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}}</span></el-radio> + </el-radio-group> + <div class="rightButtonSearch"> + <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"></el-input> + <el-buttom class="el-icon-search" @click="handleSearch"></el-buttom> </div> </el-form> <div> @@ -78,6 +72,13 @@ props: ['title'], data () { return { + levelOfRisk: [ + { name: '鍏ㄩ儴', value: '1' }, + { name: '姝e父', value: '2' }, + { name: '瓒呮爣', value: '3' }, + { name: '寮傚父', value: '4' }, + { name: '鍋滀骇', value: '5' } + ], judgeVisible: true, solidWasteTypeOptions: [{ value: '1', @@ -185,60 +186,4 @@ <style lang="less" scoped> - .solidwaste-search { - position: relative; - overflow: hidden; - /*background-color: #365e60;*/ - - .search-panel { - background-color: transparent; - border: 1px solid @background-color-split; - padding: 10px; - - /deep/ input { - border-radius: 0; - background-color: @background-color-split; - border: solid 1px @color; - color: @color-gray; - font-size: 0.01rem; - - .el-select .el-input.is-focus .el-input__inner { - border-color: @color; - margin-top: 13px; - } - } - - /deep/ input:focus { - border-color: @color; - } - } - - .search-btn { - - } - - /deep/.search-radio { - margin: 6px 0; - display: flex; - flex-wrap: wrap; - //justify-content: flex-end; - //align-content: space-between; - .el-radio { - color: #ffffff!important; - line-height: 2; - .el-radio__label{ - padding-left: 0px; - } - } - } - - .location-btn:hover, .el-input__icon:hover { - color: @color; - cursor: pointer; - } - - .box-card { - margin: 15px auto; - } - } </style> -- Gitblit v1.8.0