|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <view>
|
|
|
+ <view class="uDropdown-wrap">
|
|
|
<!-- 顶部筛选条件 -->
|
|
|
<u-dropdown ref="uDropdown" class="uDropdown" @close="closeDropdownItem">
|
|
|
<u-dropdown-item v-model="searchForm.inspectorId" :title="isAll" @change="dropdownChange" :options="screenClass"></u-dropdown-item>
|
|
@@ -204,66 +204,69 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
- // 筛选条件
|
|
|
- .uDropdown{
|
|
|
- background-color: #fff;
|
|
|
- .screen-dropdown{
|
|
|
- .slot-content{
|
|
|
- background-color: #fff;
|
|
|
- .scroll-view{
|
|
|
- height: 300upx;
|
|
|
- padding: 20upx 0;
|
|
|
- box-sizing: border-box;
|
|
|
- .screen-module{
|
|
|
- margin: 0 30upx;
|
|
|
- padding: 14upx 0;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- .screen-tit{
|
|
|
- color: #464646;
|
|
|
- font-size: 26upx;
|
|
|
- width: 140upx;
|
|
|
- flex-shrink: 0;
|
|
|
- }
|
|
|
- .screen-time-val{
|
|
|
- flex-grow: 1;
|
|
|
- font-size: 26upx;
|
|
|
- background-color: #f4f4f4;
|
|
|
- border-radius: 12upx;
|
|
|
- padding: 10upx 14upx;
|
|
|
- text-align: center;
|
|
|
- text{
|
|
|
- display: inline-block;
|
|
|
- width: 85%;
|
|
|
- }
|
|
|
- .close-circle{
|
|
|
- display: inline-block;
|
|
|
- padding-left: 3%;
|
|
|
- vertical-align: bottom;
|
|
|
- }
|
|
|
- }
|
|
|
- .screen-inp-val{
|
|
|
- flex-grow: 1;
|
|
|
- .screen-inp{
|
|
|
+ .uDropdown-wrap{
|
|
|
+ height: 100vh;
|
|
|
+ // 筛选条件
|
|
|
+ .uDropdown{
|
|
|
+ background-color: #fff;
|
|
|
+ .screen-dropdown{
|
|
|
+ .slot-content{
|
|
|
+ background-color: #fff;
|
|
|
+ .scroll-view{
|
|
|
+ height: 300upx;
|
|
|
+ padding: 20upx 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .screen-module{
|
|
|
+ margin: 0 30upx;
|
|
|
+ padding: 14upx 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .screen-tit{
|
|
|
color: #464646;
|
|
|
font-size: 26upx;
|
|
|
+ width: 140upx;
|
|
|
+ flex-shrink: 0;
|
|
|
+ }
|
|
|
+ .screen-time-val{
|
|
|
+ flex-grow: 1;
|
|
|
+ font-size: 26upx;
|
|
|
+ background-color: #f4f4f4;
|
|
|
+ border-radius: 12upx;
|
|
|
+ padding: 10upx 14upx;
|
|
|
+ text-align: center;
|
|
|
+ text{
|
|
|
+ display: inline-block;
|
|
|
+ width: 85%;
|
|
|
+ }
|
|
|
+ .close-circle{
|
|
|
+ display: inline-block;
|
|
|
+ padding-left: 3%;
|
|
|
+ vertical-align: bottom;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .screen-inp-val{
|
|
|
+ flex-grow: 1;
|
|
|
+ .screen-inp{
|
|
|
+ color: #464646;
|
|
|
+ font-size: 26upx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- .status-item {
|
|
|
- display: inline-block;
|
|
|
- width: 30%;
|
|
|
- text-align: center;
|
|
|
- line-height: 60upx;
|
|
|
- background-color: #F8F8F8;
|
|
|
- color: #333;
|
|
|
- border-radius: 6upx;
|
|
|
- font-size: 24upx;
|
|
|
- margin: 0 10upx;
|
|
|
- }
|
|
|
- .active {
|
|
|
- background-color: #ffaa00;
|
|
|
- color: #fff;
|
|
|
+ .status-item {
|
|
|
+ display: inline-block;
|
|
|
+ width: 30%;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 60upx;
|
|
|
+ background-color: #F8F8F8;
|
|
|
+ color: #333;
|
|
|
+ border-radius: 6upx;
|
|
|
+ font-size: 24upx;
|
|
|
+ margin: 0 10upx;
|
|
|
+ }
|
|
|
+ .active {
|
|
|
+ background-color: #ffaa00;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|