From 23fdea9e2cc112d48dfcb7cfaf113a84673118ae Mon Sep 17 00:00:00 2001
From: YANGDL <114714267@qq.com>
Date: 星期四, 11 三月 2021 11:50:31 +0800
Subject: [PATCH] 修复ie下的滚动条
---
src/components/LayerController/modules/LcServiceLayerFilter.vue | 46 ++++++++-------
src/components/panel/topicSearch/SewersSearch.vue | 71 ++++++++++++-----------
src/App.vue | 7 ++
3 files changed, 67 insertions(+), 57 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 11b7cc7..6cd8911 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,4 +22,11 @@
padding: 0;
overflow: hidden;
}
+body .el-scrollbar__wrap {
+ overflow-x: hidden;
+}
+body{
+ -ms-overflow-style: none;
+}
+
</style>
diff --git a/src/components/LayerController/modules/LcServiceLayerFilter.vue b/src/components/LayerController/modules/LcServiceLayerFilter.vue
index a108102..c116585 100644
--- a/src/components/LayerController/modules/LcServiceLayerFilter.vue
+++ b/src/components/LayerController/modules/LcServiceLayerFilter.vue
@@ -5,12 +5,14 @@
<div class="title"><input type="checkbox" :value="item.code" :checked="item.checked"
@change="swAllSubFilter(item)">{{item.name}}
</div>
+ <el-scrollbar style="height:100%">
<div class="content">
<div v-for="filter in item.layers" :key="filter.code">
<input type="checkbox" :value="filter.code" :checked="filter.checked" @change="swSubFilter(item.url,filter)"><label
:title="filter.name">{{filter.name}}</label>
</div>
</div>
+ </el-scrollbar>
</div>
</div>
</div>
@@ -92,7 +94,7 @@
margin-right: 5px;
.title {
- height: '25px';
+ height: 25px;
background-color: #091331;
border: 1px solid #10488c;
}
@@ -101,28 +103,28 @@
background-color: rgba(44, 62, 80, 0.6);
border: 1px solid #10488c;
max-height: 200px;
- overflow-y: auto;
+ //overflow-y: hidden;
}
-
- ::-webkit-scrollbar {
- width: 7px;
- height: 5px !important;
- }
-
- ::-webkit-scrollbar-thumb {
- /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
- border-radius: 10px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
- background: #0661AE;
- border: 1px solid transparent;
- }
-
- ::-webkit-scrollbar-track {
- /*婊氬姩鏉￠噷闈㈣建閬�*/
- // box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
- border-radius: 0px;
- background: #0E3565;
- }
+ //
+ //::-webkit-scrollbar {
+ // width: 7px;
+ // height: 5px !important;
+ //}
+ //
+ //::-webkit-scrollbar-thumb {
+ // /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
+ // border-radius: 10px;
+ // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+ // background: #0661AE;
+ // border: 1px solid transparent;
+ //}
+ //
+ //::-webkit-scrollbar-track {
+ // /*婊氬姩鏉￠噷闈㈣建閬�*/
+ // // box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
+ // border-radius: 0px;
+ // background: #0E3565;
+ //}
}
}
}
diff --git a/src/components/panel/topicSearch/SewersSearch.vue b/src/components/panel/topicSearch/SewersSearch.vue
index 6fe9340..9a67eea 100644
--- a/src/components/panel/topicSearch/SewersSearch.vue
+++ b/src/components/panel/topicSearch/SewersSearch.vue
@@ -1,5 +1,5 @@
<template>
- <div class="sewers-search">
+ <div class="sewers-search">
<div class="el-message-box__content" style="padding:6px;font-size: 13px;">
<div class="box__content" v-if="gdVisible">
<div>
@@ -25,46 +25,47 @@
</el-option>
</el-select>
</el-form-item>
-<!-- <el-form-item >-->
- <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-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-item >-->
+ <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-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>
</el-card>
+ <el-scrollbar style="height:100%">
<el-card class="search-result" >
<div class="B-TMD-table-list" v-for="(item,index) in list" :key="index">
<div class="B-TMD-table-list-title">
<div class="B-TMD-table-list-head">
<div class="B-TMD-table-list-title-y"
:class="['B-TMD-table-list-title-y-nam', { 'warning': item.vehicleStatus==='910003' }, { 'offline': item.vehicleStatus==='910001' }]">
-<!-- <span>杩愬崟鍙凤細</span>-->
+ <!-- <span>杩愬崟鍙凤細</span>-->
<span id="waybillNumber" class=""
:title="item.properties.pipename">
<span class="location-btn" @click="handleLocation(item)">{{ item.properties.pipename }}</span>
</span>
</div>
-<!-- <div class="B-TMD-table-list-title-c">-->
-<!-- {{ labelList[0] }}锛�-->
-<!-- <span id="plateNumber_p">-->
-<!-- <span id="plateNumber_n"><a href="#">{{ item.properties.item.p1 }}</a></span>-->
-<!-- </span>-->
-<!-- </div>-->
+ <!-- <div class="B-TMD-table-list-title-c">-->
+ <!-- {{ labelList[0] }}锛�-->
+ <!-- <span id="plateNumber_p">-->
+ <!-- <span id="plateNumber_n"><a href="#">{{ item.properties.item.p1 }}</a></span>-->
+ <!-- </span>-->
+ <!-- </div>-->
</div>
-<!-- <div class="B-TMD-table-icons" style="float:right">-->
-<!-- <ul>-->
-<!-- <li class="B-TMD-table-list-title-y-adress"-->
-<!-- @click="handleLocation(item)"></li>-->
-<!-- <li :class="[{'B-TMD-table-list-title-y-car': item.vehicleStatus ==='910002', 'B-TMD-table-list-title-y-car-offline': item.vehicleStatus ==='910001','B-TMD-table-list-title-y-car-warning': item.vehicleStatus==='910003' }]"></li>-->
-<!-- </ul>-->
-<!-- </div>-->
+ <!-- <div class="B-TMD-table-icons" style="float:right">-->
+ <!-- <ul>-->
+ <!-- <li class="B-TMD-table-list-title-y-adress"-->
+ <!-- @click="handleLocation(item)"></li>-->
+ <!-- <li :class="[{'B-TMD-table-list-title-y-car': item.vehicleStatus ==='910002', 'B-TMD-table-list-title-y-car-offline': item.vehicleStatus ==='910001','B-TMD-table-list-title-y-car-warning': item.vehicleStatus==='910003' }]"></li>-->
+ <!-- </ul>-->
+ <!-- </div>-->
</div>
<div class="B-TMD-table-list-content">
@@ -72,17 +73,17 @@
<span>{{ itm.label }}锛�</span>
<span id="b_twe_loan" :title="item.properties[itm.key] ">{{ item.properties[itm.key] }}</span>
</div>
-<!-- <div><span>鏀惰揣浼佷笟锛�</span> <span-->
-<!-- id="b_twe_loan1" :title="item.recvWarehouseName">{{ item.recvWarehouseName }}</span>-->
-<!-- </div>-->
+ <!-- <div><span>鏀惰揣浼佷笟锛�</span> <span-->
+ <!-- id="b_twe_loan1" :title="item.recvWarehouseName">{{ item.recvWarehouseName }}</span>-->
+ <!-- </div>-->
</div>
-<!-- <div class="B-TMD-table-list-bottom">-->
-<!-- <div class="B-TMD-table-list-bottom-name">-->
-<!-- 璐х墿鍚嶇О锛�<span :title="item.materialName">{{ item.materialName }}</span></div>-->
-<!-- </div>-->
+ <!-- <div class="B-TMD-table-list-bottom">-->
+ <!-- <div class="B-TMD-table-list-bottom-name">-->
+ <!-- 璐х墿鍚嶇О锛�<span :title="item.materialName">{{ item.materialName }}</span></div>-->
+ <!-- </div>-->
</div>
</el-card>
-
+ </el-scrollbar>
<el-card class="footer-page" v-if="total > 10">
<el-pagination
small
--
Gitblit v1.8.0