Skip to content

W
wly-APP
Commit 18fb1051 authored by xiangzj's avatar xiangzj
Browse files
Options

支票查询模块修改

parent f2f7f6d9
Hide whitespace changes
Inline Side-by-side
Showing with 458 additions and 421 deletions
pages/group-buy/quota-order.nvue
View file @ 18fb1051
......@@ -69,7 +69,7 @@
</image>
</view>
</view>
<view class="text-block" @click="selectProduct(index,'inner')">
<view class="text-block" style="height: auto;" @click="selectProduct(index,'inner')">
<view class="middle-date">
<text class="mustPosIcon">*</text>
<text class="middle-date">产品</text>
......
pages/purchase-receive/purchase-receive.nvue
View file @ 18fb1051
......@@ -19,7 +19,7 @@
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode=""></image>
</view>
</view>
<view class="text-block" @click="handleShunt">
<view class="text-block" @click="handleShunt" v-if="orderItem.isShunt - 1 === 0">
<text class="middle-date">分流经销商</text>
<view class="middle-date-des uni-list picker-year" >
<view class="uni-list-cell">
......@@ -239,6 +239,9 @@
console.log('监听到事件来自 selectShuntAccountInfo ，携带参数 msg 为：', data);
_this.orderItem.shuntDealerName = data.selectShuntAccountInfo.shuntingCustomer
_this.orderItem.shuntDealer = data.selectShuntAccountInfo.shuntingCustomer
// 渠道
_this.orderItem.shuntChannelsType = data.selectShuntAccountInfo.id
_this.orderItem.shuntTypeName = data.selectShuntAccountInfo.channelsTextView
})
uni.$on('selectShuntAdressAccountInfo', function(data) {
console.log('监听到事件来自 selectShuntAdressAccountInfo ，携带参数 msg 为：', data);
......
pages/select-shunt-list/select-shunt-list.nvue
View file @ 18fb1051
......@@ -18,7 +18,7 @@
<text class="item-block-label">分流经销商编号：{{item.shuntingCustomer}}</text>
</view>
<view class="item-block item-block-code">
<text class="item-block-label">渠道：{{item.channels}}</text>
<text class="item-block-label">渠道：{{item.channelsTextView}}</text>
</view>
</view>
</cell>
......
pages/ticket-order/ticket-order.nvue
View file @ 18fb1051
<template>
<view class="ticket-order-page">
<view class="lists">
<view class="status_bar" :style="navHeight"></view>
<view class="tabs">
<scroll-view ref="tabbar1" id="tab-bar" class="tab-bar" :scroll="false" :scroll-x="true"
:scroll-into-view="scrollInto">
<view class="tab-bar-list">
<view class="tab-bar-list-wrapper">
<view class="uni-tab-item" v-for="(tab,index) in tabList" :key="tab.id" :ref="'tabitem'+index">
<text :id="tab.id" :data-id="index" :data-current="index" class="uni-tab-item-title"
:class="{'uni-tab-item-title-active':tabIndex==index}"
@click="ontabtap">{{tab.name}}</text>
<!-- <view class="header-bg">
<image class="header-bg-img" src="@/static/image/nav_bg@3x.png" mode="scaleToFill"></image>
</view> -->
<view class="main" :style="mainHeight">
<view class="middle view planout-block-item">
<view class="text-block">
<text class="middle-date">订单类型</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker class="picker-block" @change="bindPickerTypeChange" range-key='name' mode="selector"
:value="typeView" :range="selectProcessType">
<text class="uni-input-text">{{typeView}}</text>
</picker>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
<view class="scroll-view-indicator">
<view ref="underline" class="scroll-view-underline" :class="{'scroll-view-animation':isTap}"
:style="underlineStyle"></view>
</view>
<view class="text-block">
<text class="middle-date">订单状态</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker class="picker-block" @change="bindPickerStatusChange" range-key='name' mode="selector"
:value="statusView" :range="selectProcessStatus">
<text class="uni-input-text">{{statusView}}</text>
</picker>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
</view>
</scroll-view>
<view class="conditon-block" :style="conditionTop" :class="{'conditon-block-auto':ishowDetail}">
<view class="filter-title">
<button type="default" class="filter-btn" :class="{'filter-btn-active':0 === filterActiveIndex}"
@tap="handleFilter('week')"><text class="filter-btn__text"
:class="{'filter-btn-active__text':0 === filterActiveIndex}">一周内</text></button>
<button type="default" @tap="handleFilter(item)" class="filter-btn"
:class="{'filter-btn-active':item === filterActiveIndex}" v-for="item in 3" :key='item'>
<text class="filter-btn__text"
:class="{'filter-btn-active__text':item === filterActiveIndex}">{{item}}月内</text></button>
<image @tap="handleShowDetail" class="icon-arrow" :class="{'icon-arrow-rotate':ishowDetail}"
src="@/static/image/arrow_up@3x.png" mode="aspectFit"></image>
<view class="text-block">
<text class="middle-date">创建日期</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker class="picker-block" @cancel='cancelBtn' @change="bindPickerYearChange" mode="date"
:value="condition.datum [0].low" fields='day'>
<text class="uni-input-text">{{condition.datum [0].low}}</text>
</picker>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
</view>
<view class="filter-content">
<button type="default" @tap="handleFilter(item+3)" class="filter-btn"
:class="{'filter-btn-active':item+3 === filterActiveIndex}" v-for="item in 9" :key='item'><text
class="filter-btn__text"
:class="{'filter-btn-active__text':item+3 === filterActiveIndex}">{{item+3}}月内</text></button>
<view class="text-block text-block-last">
<text class="middle-date">制票通知单号</text>
<input class="middle-date-des" type="text" v-model="condition.invo_infoid[0].low" placeholder="请输入" />
</view>
</view>
<view class="empty"></view>
<swiper ref="swiper1" class="tab-box" :current="tabIndex" :duration="300" @change="onswiperchange"
@transition="onswiperscroll" @animationfinish="animationfinish" @onAnimationEnd="animationfinish">
<swiper-item class="swiper-item" v-for="(page, index) in tabList" :key="index">
<orderPage :ref="'page' + index" class="page-item" :date-range="dateRange" :nid="page.newsid">
</orderPage>
</swiper-item>
</swiper>
<view class="planout-block">
<button class="btn" type="default" @tap="search">
<text class="btn-text">查询</text>
</button>
</view>
<list ref="list" class="scroll-area view" loadmoreoffset='100' @loadmore="scrolltolower"
:show-scrollbar='false'>
<refresh @refresh="refresh" :display="refreshing ? 'show' : 'hide'">
<!-- <loading-indicator></loading-indicator> -->
</refresh>
<cell v-for="(item,index) in lists" :key="item.plan_number">
<order-item :newsItem="item"></order-item>
</cell>
<cell>
<view class="loading-more" v-if='lists.length>2'>
<text class="loading-more-text">{{loadingText}}</text>
</view>
</cell>
<view class="planout-block-item__last"> </view>
</list>
<no-data v-if="lists.length === 0"></no-data>
</view>
</view>
</template>
......@@ -58,491 +84,499 @@
} from 'vuex'
import {
timeRangeFormat
} from '@/utils/date.js'
// #ifdef APP-PLUS
const dom = weex.requireModule('dom');
// #endif
import orderPage from './order-page.nvue';
// 缓存每页最多
const MAX_CACHE_DATA = 100;
// 缓存页签数量
const MAX_CACHE_PAGE = 3;
const TAB_PRELOAD_OFFSET = 1;
apiSalesPlanTypesSelect
} from '@/servers/common.js'
import {
apiGetTicketOrder
} from '@/servers/ticketOrder.js'
import {
querySysDictionaryDetailsByCode,
} from '@/servers/purchaseList.js'
import timeFormat from '@/uview-ui/libs/function/timeFormat.js'
import noData from '@/components/nodata.nvue';
import orderItem from './order-item.nvue';
export default {
components: {
orderPage
},
data() {
return {
tabList: [{
id: "tab01",
name: '全部',
newsid: ''
}, {
id: "tab02",
name: '待审批',
newsid: 'E004'
}, {
id: "tab03",
name: '已审批',
newsid: 'E005'
}],
tabIndex: 0,
cacheTab: [],
scrollInto: "",
navigateFlag: false,
indicatorLineLeft: 0,
indicatorLineWidth: 0,
isTap: false,
// 测试使用观察变化
_lastTabIndex: 0,
swiperWidth: 0,
tabbarWidth: 0,
tabListSize: {},
_touchTabIndex: 0,
ishowDetail: false,
filterActiveIndex: 0,
dateRange: {
start: '',
end: ''
}
scrollTop: 0,
isOpened: 'none',
loadingText: '加载中...',
refreshing: false,
condition:{
invo_infoid: [{sign: "I", option: "CP", low: "", high: ""}],
inv_status: [{sign: "I", option: "EQ", low: "", high: ""}],
role: "WLY001",
inf_type: [{sign: "I", option: "EQ", low: "", high: ""}],
partner: '',
datum: [{sign: "I", option: "EQ", low: "", high: ""}],
mak_date: []
},
selectProcessType: [
{
name: '全部',
value: '',
}
],
selectProcessStatus: [
{
name: '全部',
value: '',
}
],
page: {
"PAGE": "1",
"PAGESIZE": "10",
},
loadParams: {
total: 0,
totalPage: 1,
isDone: false,
isRefresh: false
},
selectedSalePlan: {},
selectedSalePlanTypes: [],
typesIndex: 0,
lists: [],
typeView: '',
statusView: '',
}
},
components: {
noData,
orderItem
},
computed: {
underlineStyle() {
return {
left: this.indicatorLineLeft + 'px',
width: this.indicatorLineWidth + 'px'
}
},
...mapState(['sysinfo', 'userInfo']),
navHeight() {
return {
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
conditionTop() {
mainHeight() {
return {
'top': `${this.sysinfo.safeArea.top + 44 + 42}px`
'height': `${this.sysinfo.safeArea.height - 44 }px`,
}
},
...mapState(['sysinfo'])
},
onReady() {
this._lastTabIndex = 0;
this.swiperWidth = 0;
this.tabbarWidth = 0;
this.tabListSize = {};
this._touchTabIndex = 0;
this.dateRange.start = timeRangeFormat('week')
this.dateRange.end = timeRangeFormat('now')
this.pageList = [];
for (let i = 0; i < this.tabList.length; i++) {
let item = this.$refs['page' + i]
if (Array.isArray(item)) {
this.pageList.push(item[0])
} else {
this.pageList.push(item)
scrollHeight() {
return {
'height': `${this.sysinfo.safeArea.height - 44 - 156 }px`
}
}
this.switchTab(this.tabIndex);
},
this.selectorQuery();
},
created() {
this.condition.partner = this.userInfo.code
this.reset()
this.getSelectDictDataOrigin('A0022','selectProcessType')
this.getSelectDictDataOrigin('A0033','selectProcessStatus')
this.getSalesPlan(true);
},
methods: {
ontabtap(e) {
let index = e.target.dataset.current || e.currentTarget.dataset.current;
//let offsetIndex = this._touchTabIndex = Math.abs(index - this._lastTabIndex) > 1;
// #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
this.isTap = true;
var currentSize = this.tabListSize[index];
this.updateIndicator(currentSize.left, currentSize.width);
this._touchTabIndex = index;
// #endif
this.switchTab(index);
cancelBtn() {
this.condition.datum [0].low = ''
},
onswiperchange(e) {
// 注意：百度小程序会触发2次
// #ifndef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
let index = e.target.current || e.detail.current;
this.switchTab(index);
// #endif
search() {
console.log(this.condition)
this.reset()
this.getSalesPlan(true);
},
onswiperscroll(e) {
// console.log('onswiperchange*********')
if (this.isTap) {
return;
}
var offsetX = e.detail.dx;
var preloadIndex = this._lastTabIndex;
if (offsetX > TAB_PRELOAD_OFFSET) {
preloadIndex++;
} else if (offsetX < -TAB_PRELOAD_OFFSET) {
preloadIndex--;
}
if (preloadIndex === this._lastTabIndex || preloadIndex < 0 || preloadIndex > this.pageList.length - 1) {
return;
}
if (this.pageList[preloadIndex].dataList.length === 0) {
// this.loadTabData(preloadIndex);
}
// #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
var percentage = Math.abs(this.swiperWidth / offsetX);
var currentSize = this.tabListSize[this._lastTabIndex];
var preloadSize = this.tabListSize[preloadIndex];
var lineL = currentSize.left + (preloadSize.left - currentSize.left) / percentage;
var lineW = currentSize.width + (preloadSize.width - currentSize.width) / percentage;
this.updateIndicator(lineL, lineW);
// #endif
getSelectDictDataOrigin(dictcode,key) {
querySysDictionaryDetailsByCode({'code': dictcode})
.then(res => {
if(res.data.Rows.length>0){
switch (key) {
case 'selectProcessType':
this.selectProcessType = [...this.selectProcessType, ...res.data.Rows]
break;
case 'selectProcessStatus':
this.selectProcessStatus = [...this.selectProcessStatus, ...res.data.Rows]
break;
}
}
})
.catch(() => {})
},
animationfinish(e) {
// #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
let index = e.detail.current;
if (this._touchTabIndex === index) {
this.isTap = false;
}
this._lastTabIndex = index;
this.switchTab(index);
this.updateIndicator(this.tabListSize[index].left, this.tabListSize[index].width);
// #endif
bindPickerStatusChange(e) {
console.log('bindPickerStatusChange', e)
const idx = e.detail.value || 0
this.condition.inv_status[0].low = this.selectProcessStatus[idx].value
this.statusView = this.selectProcessStatus[idx].name
},
selectorQuery() {
// #ifdef APP-NVUE
dom.getComponentRect(this.$refs.tabbar1, res => {
this.tabbarWidth = res.size.width;
});
dom.getComponentRect(this.$refs['swiper1'], res => {
this.swiperWidth = res.size.width;
});
// 因 nvue 暂不支持 class 查询
let queryTabSize = uni.createSelectorQuery().in(this);
for (let i = 0; i < this.tabList.length; i++) {
queryTabSize.select('#' + this.tabList[i].id).boundingClientRect();
}
queryTabSize.exec(rects => {
rects.forEach((rect) => {
this.tabListSize[rect.dataset.id] = rect;
})
this.updateIndicator(this.tabListSize[this.tabIndex].left, this.tabListSize[this.tabIndex]
.width);
this.switchTab(this.tabIndex);
});
// #endif
// #ifdef MP-WEIXIN || H5 || MP-QQ
uni.createSelectorQuery().in(this).select('.tab-box').fields({
dataset: true,
size: true,
}, (res) => {
this.swiperWidth = res.width;
}).exec();
uni.createSelectorQuery().in(this).selectAll('.uni-tab-item-title').boundingClientRect((rects) => {
rects.forEach((rect) => {
this.tabListSize[rect.dataset.id] = rect;
})
this.updateIndicator(this.tabListSize[this.tabIndex].left, this.tabListSize[this.tabIndex]
.width);
}).exec();
// #endif
bindPickerTypeChange(e) {
console.log('bindPickerTypeChange', e)
const idx = e.detail.value || 0
this.condition.inf_type[0].low = this.selectProcessType[idx].value
this.typeView = this.selectProcessType[idx].name
},
updateIndicator(left, width) {
this.indicatorLineLeft = left;
this.indicatorLineWidth = width;
bindPickerYearChange(e) {
console.log('bindPickerYearChange', e.detail.value)
this.condition.datum [0].low = e.detail.value
},
switchTab(index) {
if (this.pageList[index].dataList.length === 0) {
this.loadTabData(index);
async getSalesPlan(isRefresh) {
if (isRefresh) {
this.page.PAGE = 1
}
if (this.tabIndex === index) {
return;
if (this.loadParams.isDone) {
return
}
// 缓存 tabId
if (this.pageList[this.tabIndex].dataList.length > MAX_CACHE_DATA) {
let isExist = this.cacheTab.indexOf(this.tabIndex);
if (isExist < 0) {
this.cacheTab.push(this.tabIndex);
}
const condition = JSON.parse(JSON.stringify(this.condition))
const params = {
...this.page,
...condition
}
if(params.invo_infoid[0].low){
params.invo_infoid[0].low = '*' + params.invo_infoid[0].low + '*'
} else {
params.invo_infoid = []
}
if(!params.inv_status[0].low) params.inv_status = []
if(!params.inf_type[0].low) params.inf_type = []
if(!params.datum[0].low) params.datum = []
uni.showLoading({
title: '加载中'
});
setTimeout(function() {
uni.hideLoading();
}, 2000);
const res = await apiGetTicketOrder(params)
uni.hideLoading();
const {
data,
page,
pagesize,
total
} = res
this.page.PAGE = page * 1
this.page.PAGESIZE = pagesize * 1
this.loadParams.total = total * 1
this.loadParams.totalPage = Math.ceil(total * 1 / this.page.PAGESIZE * 1)
if (isRefresh) {
this.lists = data
this.loadParams.isDone = false
} else {
this.lists = this.lists.concat(data)
}
this.tabIndex = index;
setTimeout(() => {
this.refreshing = false;
}, 300)
},
refresh(e) {
this.refreshing = true;
this.reset()
this.getSalesPlan(true)
// #ifdef APP-NVUE
// this.scrollTabTo(index);
// #endif
// #ifndef APP-NVUE
this.scrollInto = this.tabList[index].id;
try {
// console.log('-------', this.$refs.list)
this.$refs.list.resetLoadmore();
} catch (e) {
console.log('onrefresh', e)
}
// #endif
// 释放 tabId
if (this.cacheTab.length > MAX_CACHE_PAGE) {
let cacheIndex = this.cacheTab[0];
this.clearTabData(cacheIndex);
this.cacheTab.splice(0, 1);
}
},
scrollTabTo(index) {
const el = this.$refs['tabitem' + index][0];
let offset = 0;
// TODO fix ios offset
if (index > 0) {
offset = this.tabbarWidth / 2 - this.tabListSize[index].width / 2;
if (this.tabListSize[index].right < this.tabbarWidth / 2) {
offset = this.tabListSize[0].width;
}
scrolltolower() {
console.log('onReachBottom');
if (this.page.PAGE < this.loadParams.totalPage) {
this.page.PAGE++
this.getSalesPlan()
} else {
this.loadParams.isDone = true
this.loadingText = '-- 到底了 --'
}
dom.scrollToElement(el, {
offset: -offset
});
},
loadTabData(index) {
this.pageList[index].refreshData()
// this.pageList[index].loadData(true, this.dateRange);
},
clearTabData(index) {
this.pageList[index].clear();
},
handleShowDetail() {
this.ishowDetail = !this.ishowDetail
},
handleFilter(item) {
if (item === 'week') {
this.filterActiveIndex = 0
this.dateRange.start = timeRangeFormat('week')
} else {
this.filterActiveIndex = item
this.dateRange.start = timeRangeFormat(item)
reset() {
this.loadParams = {
total: 0,
totalPage: 1,
isDone: false,
isRefresh: false
}
this.dateRange.end = timeRangeFormat('now')
this.pageList[this.tabIndex].refreshData()
// this.pageList[this.tabIndex].loadData(true, this.dateRange);
}
this.page.PAGE = 1
this.lists = []
this.loadingText = '加载中'
},
}
}
</script>
<style lang="scss">
.ticket-order-page {
<style lang="scss" scoped>
.view {
flex-direction: column;
}
.header-bg {
height: 284rpx;
opacity: 0.72;
margin-top: -88rpx;
}
.header-bg-img {
width: 750rpx;
}
.lists {
position: relative;
flex-direction: column;
background: #f0f4f5;
flex: 1;
}
/* #ifndef APP-PLUS */
page {
width: 100%;
min-height: 100%;
display: flex;
background: $background-color-1;
.main {
position: relative;
flex-direction: column;
padding: 0 16rpx;
padding-top: 40rpx;
// background-color: #fff;
}
.status_bar {
height: var(--status-bar-height);
.scroll-area {
overflow-y: scroll;
background: #f0f4f5;
}
/* #endif */
.middle {
background-color: #fff;
border-radius: 16rpx;
padding: 0rpx 64rpx 0rpx 48rpx;
}
.tabs {
flex: 1;
flex-direction: column;
.text-block {
overflow: hidden;
background-color: #ffffff;
height: 96rpx;
margin-bottom: 14rpx;
border-bottom: 1px solid #f4f5f6;
}
.tab-bar {
width: 750rpx;
height: 42px;
flex-direction: row;
/* #ifndef APP-PLUS */
white-space: nowrap;
/* #endif */
border-bottom: 0.5px solid #eeeeee;
.text-block-last {
margin-bottom: 0;
border-bottom: 0;
}
/* #ifndef APP-NVUE */
.tab-bar ::-webkit-scrollbar {
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
.middle-date {
flex: 2;
font-size: 28rpx;
line-height: 96rpx;
color: #333;
margin-bottom: 8rpx;
}
/* #endif */
.middle-date-des {
flex: 3;
font-size: 28rpx;
line-height: 96rpx;
height: 96rpx;
overflow: hidden;
text-overflow: ellipsis;
color: #888;
}
.tab-bar-list {
flex-direction: column;
.picker-year {
position: relative;
border-radius: 4px;
align-items: center;
line-height: normal;
}
.tab-bar-list-wrapper {
width: 750rpx;
flex-direction: row;
.uni-list-cell {
flex: 1;
height: 96rpx;
line-height: 96rpx;
}
.scroll-view-indicator {
position: relative;
height: 2px;
border-radius: 1px;
background-color: transparent;
.uni-list-cell-db {
flex: 1;
}
.scroll-view-underline {
position: absolute;
top: 0;
bottom: 0;
width: 0;
background-color: $tabbar-color;
.picker-block {
flex: 1;
}
.scroll-view-animation {
transition-duration: 0.2s;
transition-property: left;
.uni-input-text {
height: 96rpx;
line-height: 96rpx;
font-size: 14px;
color: #888;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.conditon-block {
position: fixed;
left: 0;
top: 172rpx;
.icon-arrow {
position: absolute;
right: 0;
bottom: 0;
top: 16px;
width: 12rpx;
height: 20rpx;
z-index: 10;
width: 750rpx;
height: 124rpx;
overflow: hidden;
background-color: #fff;
}
.planout-block-lists {
display: flex;
flex-direction: column;
padding: 40rpx 32rpx 0 16rpx;
}
.conditon-block-auto {
height: 460rpx;
overflow: auto;
max-height: 230px;
.planout-block-item {
// margin: 32rpx 0;
}
.icon-arrow {
width: 32rpx;
height: 20rpx;
// margin-left: 12rpx;
margin-top: 24rpx;
transition-property: transform;
transition-duration: 0.15s;
transform: rotate(0deg);
.scroll-item {
flex: 1;
display: flex;
flex-direction: column;
margin-bottom: 32rpx;
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 40rpx 48rpx;
}
.icon-arrow-rotate {
transform: rotate(180deg);
.planout-block-item__last {
height: 40px;
}
.filter-btn {
width: 148rpx;
height: 68rpx;
line-height: 64rpx;
background-color: #f8f8f8;
border-radius: 8px;
margin-right: 20rpx;
margin-bottom: 20rpx;
margin-left: 0;
border: 2rpx solid transparent;
.item-block {
overflow: hidden;
padding: 0;
}
.filter-btn__text {
display: inline-block;
width: 148rpx;
height: 68rpx;
border-radius: 8px;
line-height: 68rpx;
color: #8e8e8e;
text-align: center;
.item-block-label {
font-size: 24rpx;
color: #333;
}
.filter-btn-active {
background: #f61d30;
.item-block__label {
flex: 1;
text-align: left;
font-size: 32rpx;
color: #333;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
}
.filter-btn-active__text {
color: #fff;
background: #f61d30;
.item-block-code {
padding-bottom: 16rpx;
}
.filter-content {
.item-block-name {
padding-top: 24rpx;
padding-bottom: 32rpx;
}
.item-block-label-des {
flex: 1;
text-align: left;
font-size: 28rpx;
color: #333;
}
.block-detal {
display: flex;
flex-wrap: wrap;
flex-direction: column;
background: #f8f8f8;
border-radius: 20rpx;
padding: 32rpx;
margin-top: 32rpx;
}
uni-button:after {
border: 0
.block-detal-item {
display: flex;
margin-bottom: 32rpx;
justify-content: space-between;
}
.empty {
height: 124rpx;
.block-detal-item-last {
margin-bottom: 0;
}
.detal-item-label {
color: #999;
font-size: 24rpx;
}
.tab-box {
.detal-item-value {
color: #333;
font-size: 28rpx;
}
.btn {
flex: 1;
background: $background-color-1;
padding: 0 16rpx;
height: 92rpx;
background: $wly-primary-color;
border-radius: 46rpx;
}
.btn-text {
color: #fff;
font-size: 34rpx;
}
.uni-tab-item {
/* #ifndef APP-PLUS */
display: inline-block;
/* #endif */
flex-wrap: nowrap;
padding-left: 6px;
padding-right: 6px;
.loading-more {
flex: 1;
align-items: center;
justify-content: center;
padding-top: 14px;
padding-bottom: 14px;
text-align: center;
}
.uni-tab-item-title {
color: $text-base-color;
font-size: 28rpx;
height: 40px;
line-height: 40px;
font-weight: 400;
flex-wrap: nowrap;
/* #ifndef APP-PLUS */
white-space: nowrap;
/* #endif */
.loading-more-text {
font-size: 12px;
color: #999;
}
.uni-tab-item-title-active {
color: $tabbar-color;
font-weight: 500;
.navs-block {
flex-direction: column;
background-color: #fff;
padding-top: 40rpx;
}
.swiper-item {
.navs-tab {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
height: 60rpx;
border-bottom: 1px solid #F4F5F6;
padding-bottom: 8rpx;
}
.page-item {
.navs-tab-item {
display: flex;
justify-content: center;
flex: 1;
flex-direction: row;
position: absolute;
left: 16rpx;
top: 0;
right: 16rpx;
bottom: 0;
align-items: center;
height: 50rpx;
overflow: hidden;
}
.search-type-text {
color: #333;
font-size: 28rpx;
}
.icon-arrow-down {
width: 6px;
height: 4px;
margin-left: 16rpx;
}
.planout-block {
display: flex;
justify-content: space-between;
margin-top: 30rpx;
margin-bottom: 30rpx;
padding: 0 24rpx;
}
.btn {
flex: 1;
height: 92rpx;
background: $wly-primary-color;
border-radius: 46rpx;
}
.btn-text {
color: #fff;
font-size: 34rpx;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment