| | |
| | | <div class="inner-panel"> |
| | | <div class="filter-group"> |
| | | <div v-for="item in filterConfig" :key="item.code" class="filter-item"> |
| | | <div class="title"><input type="checkbox" :value="item.code" :checked="item.checked">{{item.name}}</div> |
| | | <div class="title"><input type="checkbox" :value="item.code" :checked="item.checked" @change="swAllSubFilter(item)">{{item.name}}</div> |
| | | <div class="content"> |
| | | <div v-for="filter in item.filters" :key="filter.code"> |
| | | <input type="checkbox" :value="filter.code" :checked="filter.checked"><label :title="filter.name">{{filter.sname}}</label> |
| | |
| | | ...mapMutations([]), |
| | | getFilterConfig(){ |
| | | return this.filterConfig |
| | | }, |
| | | swAllSubFilter(item){ |
| | | item.checked = !item.checked |
| | | for(let i = 0, len = item.filters.length; i < len; ++i){ |
| | | item.filters[i].checked = item.checked |
| | | } |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | { |
| | | code:'fsss', |
| | | name:'附属设施', |
| | | checked: true, // 默认选中状态 |
| | | filters:[ |
| | | { |
| | | code:'四通', |
| | |
| | | { |
| | | code:'hbss', |
| | | name:'环保设施', |
| | | checked: true, // 默认选中状态 |
| | | filters:[ |
| | | { |
| | | code:'窨井', |
| | |
| | | { |
| | | code:'pk', |
| | | name:'排口', |
| | | checked: true, // 默认选中状态 |
| | | filters:[ |
| | | { |
| | | code:'排放口', |
| | |
| | | { |
| | | code:'qyxx', |
| | | name:'区域信息', |
| | | checked: true, // 默认选中状态 |
| | | filters:[ |
| | | { |
| | | code:'第三方管道', |