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