filesbox/miniprogram/FilesBox/components/tabNav/tabNav.wxml
2023-09-21 10:23:31 +08:00

145 lines
9.9 KiB
Plaintext

<wxs module="util">
var toPercent = function (val) {
var str = (val*100).toFixed(2);
str += "%";
return str;
}
module.exports.toPercent = toPercent;
</wxs>
<view style="background-image:url({{imageUrl.tabBg}});background-size: 100% 100%;background-repeat: no-repeat;">
<view class="tab-box" style="height: 50px;">
<!-- <view style="width: 200rpx;">
<view style="width: 100%;text-align: center;font-size: 11px;color: #fff;" wx:if="{{ShowSquare}}">
<view style="margin-bottom: 10rpx;">{{userInfo.sizeUse}} / {{userInfo.sizeMax>0?userInfo.sizeMax+'GB':'不限制'}}</view>
<progress style="width:100%;" bgColor="#9E7BFA" showColor="#fff" percent="{{util.toPercent(userInfo.progress)}}"></progress>
</view>
</view> -->
<!-- <view bindtap="showSlide" style="padding: 10rpx 10rpx 0 0;">
<image src="/images/icons/slide_icon.png" class="icon" style="width: 100rpx;height: 100rpx;" bindtap="showSlide"></image>
</view> -->
<image src="/images/icons/slide_icon.png" class="icon" style="width: 100rpx;height: 100rpx;" bindtap="showSlide"></image>
<view class="search-box" style="width: calc(100% - 100rpx);">
<image src="/images/icons/search_files_icon.png" style="width: 50rpx;height: 50rpx;"></image>
<input type="text" placeholder="{{lang['搜索']}}" class="input-box" placeholder-style="color:#fff" value="{{keyword}}" bindconfirm="searchFiles"
confirm-type="搜索" />
<image src="/images/icons/pull-down.png" class="icon" bindtap="showFilter" style="{{filterShow?'transform: rotate(180deg);':''}}"></image>
</view>
<!-- <view class="right-icon-box">
<view wx:for="{{iconArr}}" wx:key="index" style="position:relative" bindtap="goToPage" data-index='{{index}}' data-item='{{item}}'>
<image src="{{item.url}}" class="icon" style="{{item.url==imageUrl.ellipsis?'width: 9rpx;margin:0 10rpx':''}}"></image>
<text class="icon-count" wx:if="{{recycleTotal&&index==0}}">{{recycleTotal>99?'99+':recycleTotal}}</text>
</view>
</view> -->
</view>
<view style="width:100%;display: flex;justify-content:space-around;padding:20rpx 0;height: 70px;">
<view wx:for="{{iconArr}}" wx:key="index" style="position:relative;text-align: center;color: #fff;" bindtap="goToPage" data-index='{{index}}' data-item='{{item}}' wx:if="{{(index==0&&favShow)||index!=0&&index!=3||(index==3&&listArr.length>0)||(index==3&&listArr2Show)}}">
<view style="position:relative">
<image src="{{item.url}}" class="icon" style="width: 50rpx;height: 50rpx;"></image>
<text class="icon-count" wx:if="{{favTotal&&index==0}}">{{favTotal>99?'99+':favTotal}}</text>
<text class="icon-count" wx:if="{{recycleTotal&&index==1}}">{{recycleTotal>99?'99+':recycleTotal}}</text>
<text class="icon-count" wx:if="{{noticeTotal&&index==2}}">{{noticeTotal>99?'99+':noticeTotal}}</text>
</view>
<view>{{item.text}}</view>
</view>
</view>
</view>
<van-popup
show="{{ moreShow }}"
position="top"
custom-style="top:{{164+statusBarHeight}}px;width: 40%;left: 60%;"
bind:close="onCloseMore"
>
<view style="padding:20rpx 0;">
<view style="padding-bottom: 10rpx;" wx:if="{{listArr.length>0}}">
<view wx:for="{{listArr}}" style="display: flex;justify-content: flex-start;color: #333;padding: 10rpx 30rpx;align-items: center;" bindtap="getList" data-item="{{item}}" data-index="{{index}}" data-type="top">
<image src="{{item.url}}" style="width: 40rpx;height: 40rpx;"></image>
<view style="margin-left: 30rpx;color: {{selectIndex==index&&type=='top'?'#9a64ff':'#333'}};">{{lang[item.name]}}</view>
</view>
</view>
<view style="{{listArr.length>0?'border-top: 1px solid #cecece;padding-top: 10rpx;':''}}" wx:if="{{listArr2Show}}">
<view wx:for="{{listArr2}}" style="display: flex;justify-content: flex-start;color: #333;padding: 10rpx 30rpx;align-items: center;" bindtap="getList" data-item="{{item}}" data-index="{{index}}" data-type="bottom">
<image src="{{item.url}}" style="width: 40rpx;height: 40rpx;"></image>
<view style="margin-left: 30rpx;color: {{selectIndex==index&&type=='bottom'?'#9a64ff':'#333'}}">{{lang[item.name]}}</view>
</view>
</view>
</view>
</van-popup>
<van-popup
show="{{ filterShow }}"
position="top"
custom-style="top:{{94+statusBarHeight}}px;"
bind:close="showFilter"
>
<view style="padding:20rpx;">
<view>
<view>搜索范围</view>
<view style="display: flex;border: 1px solid #ececec;margin-top: 10rpx;width: 402rpx;border-radius:10rpx;overflow: hidden;">
<view wx:for="{{searchScope}}" style="text-align:center;padding:15rpx;width: 200rpx;{{index==0?'border-right:1px solid #ececec':''}}" class="{{index==selectScopeIndex?'scope-active':''}}" bindtap="selectScope" data-index="{{index}}">{{item}}</view>
</view>
</view>
<view style="margin-top: 20rpx;" wx:for="{{actionArr}}">
<view>{{item.name}}</view>
<view style="display: flex;justify-content:space-between;border: 1px solid #ececec;padding:10rpx 15rpx;margin-top: 20rpx;border-radius:10rpx;overflow: hidden;" bindtap="showActionList" data-index="{{index}}">
<view style="font-size: 13px;">{{item.value}}</view>
<van-icon name="arrow-down" />
</view>
<view style="display: flex;justify-content:space-between;border: 1px solid #ececec;padding:10rpx 15rpx;margin-top: 20rpx;border-radius:10rpx;overflow: hidden;" bindtap="showCustomFileTypeList" wx:if="{{index==0&&customFileTypeIndex==8}}">
<view style="display: flex;justify-content: flex-start;" wx:if="{{checkedCustom}}">
<view wx:for="{{customFileTypeArr}}" style="margin-right:10rpx;background:#ececec;padding: 6rpx;border-radius: 10rpx;color: #333;font-size: 12px;" wx:if="{{item.checked}}">{{item.name}}</view>
</view>
<view style="color: #333;font-size: 12px;" wx:else>请选择</view>
<van-icon name="arrow-down" />
</view>
<view style="display: flex;justify-content:space-between;margin-top: 20rpx;" wx:if="{{index==1&&customDateIndex==5}}">
<view style="display: flex;justify-content:space-between;border: 1px solid #ececec;padding:10rpx 15rpx;width: 47%;border-radius:10rpx;" bindtap="showDate">
<view style="width: calc(100% - 50rpx);color: #333;">{{dateFrom?dateFrom:'请选择日期'}}</view>
<image src="/images/icons/date.png" class="icon"></image>
</view>
<view style="display: flex;justify-content:space-between;border: 1px solid #ececec;padding:10rpx 15rpx;width: 47%;border-radius:10rpx;" bindtap="showDate">
<view style="width: calc(100% - 50rpx);color: #333;">{{dateTo?dateTo:'请选择日期'}}</view>
<image src="/images/icons/date.png" class="icon"></image>
</view>
</view>
<view style="display: flex;justify-content:space-between;margin-top: 20rpx;" wx:if="{{index==2&&customSizeIndex==7}}">
<view style="display: flex;justify-content:space-between;border: 1px solid #ececec;width: 47%;border-radius:10rpx;align-items: center;color: #333;">
<view class="size-btn">大于</view>
<input type="number" style="width: 150rpx;" bindinput="setCustomSize" data-type="min"/>
<view class="size-btn">MB</view>
</view>
<view style="display: flex;justify-content:space-between;border: 1px solid #ececec;width: 47%;border-radius:10rpx;align-items: center;color: #333;">
<view class="size-btn">小于</view>
<input type="number" style="width: 150rpx;" bindinput="setCustomSize" data-type="max"/>
<view class="size-btn">MB</view>
</view>
</view>
<view style="color: #999;margin-top: 10rpx;font-size: 12px;" wx:if="{{index==3}}">按创建者/修改者搜索</view>
</view>
<view style="display: flex;justify-content: space-around;width:300rpx;margin: 20rpx auto;">
<view style="color: #fff;background:#654EC3;padding: 10rpx 30rpx;border-radius: 15rpx;border: 1px solid #654EC3;" bindtap="filterFile">搜索</view>
<view style="color: #333;padding: 10rpx 30rpx;border-radius: 15rpx;border: 1px solid #ccc;" bindtap="resetFile">重置</view>
</view>
</view>
</van-popup>
<van-popup
show="{{ actionShow }}"
position="bottom"
round
bind:close="showActionList"
>
<scroll-view scroll-y="{{true}}" style="width:100%;height: 600rpx" bindscrolltolower="onReachBottom" wx:if="{{isUserList}}">
<view wx:for="{{actionList}}" bindtap="onSelect" style="padding:20rpx;text-align: center;" data-item="{{item}}" data-index="{{index}}">{{item.name}}</view>
</scroll-view>
<view wx:for="{{actionList}}" bindtap="onSelect" style="padding:20rpx;text-align: center;" data-item="{{item}}" data-index="{{index}}" wx:if="{{!isUserList}}">{{item.name}}</view>
</van-popup>
<van-popup
show="{{ customFileTypeShow }}"
position="bottom"
custom-style="height:35%;"
bind:close="showCustomFileTypeList"
>
<view wx:for="{{customFileTypeArr}}" bindtap="choseCustomType" style="padding:20rpx;text-align: center;margin-bottom: 10rpx;{{item.checked?'background:#E0DCF3;color:#fff':''}}" data-item="{{item}}" data-index="{{index}}">{{item.name}}</view>
</van-popup>
<van-calendar show="{{ dateShow }}" round="false" position="bottom" min-date="{{ minDate }}" max-date="{{ maxDate }}" type="range" confirm-text="确定" confirm-disabled-text="请选择结束时间" color="#654EC3" bind:close="showDate" bind:confirm="selectDate" />