czg_team/cashier_admin_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

去除桌台列表定时刷新

Browse Source
This commit is contained in:
YeMingfei666
2024-11-01 14:25:51 +08:00
parent 1a2efdf804
commit aa96ff5848
1 changed files with 102 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
pageTable/index/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="color-333 u-font-28 min-page bg-gray ">
<view class="fixed-top bg-fff u-flex u-p-l-30 u-row-between">
<!-- <view class="fixed-top bg-fff u-flex u-p-l-30 u-row-between">
<view class="u-flex u-flex-1 u-row-between">
<view class="u-flex u-p-t-30 u-p-b-30 u-flex-1 u-row-center" @tap="showsTimesToggle">
<text class="u-m-r-12">{{times.list[times.active]}}秒</text>
@@ -42,7 +42,48 @@
<view :style="{height: status.bottomHeight+'px'}"></view>
</view>
</view>
</view> -->
<up-sticky>
<view class="bg-fff u-p-l-30 u-p-b-30 u-relative">
<!-- <view class="myTabs ">
<myTabs :list="tabsList" @change="tabsChange"></myTabs>
</view> -->
<view class="input-wrapper">
<view class="input-main">
<view class="u-flex u-p-r-30 u-font-28" @click="showstatusToggle">
<text class="u-m-r-10 u-line-1" :class="{'color-main':status.active!=0}"
style="max-width: 100rpx;">{{status.list[status.active].label }}</text>
<up-icon name="arrow-down" size="16"></up-icon>
</view>
<uni-easyinput clearable class='jeepay-search' :inputBorder="false"
trim="all"
placeholder="搜索" v-model="search.keyword"
@clear="searchConfirm"
@confirm="searchConfirm">
<template #prefixIcon>
<image src="@/static/iconImg/icon-search.svg" class="input-icon" />
</template>
</uni-easyinput>
<view class="u-m-l-4">
<button class="" type="text" @click="searchConfirm"> <text class="color-333">搜索</text></button>
</view>
</view>
</view>
<view :style="{height:status.show?statusHeight:0}" class="tranistion status overflow-hide">
<view @tap="changestatusActive(index,item)" class="u-flex u-p-l-30 lh30 u-p-r-30 u-row-between"
v-for="(item,index) in status.list" :key="index">
<view>{{item.label}}</view>
<uni-icons v-if="status.active===index" type="checkmarkempty" :color="color.ColorMain"></uni-icons>
</view>
<view :style="{height: status.bottomHeight+'px'}"></view>
</view>
</view>
</up-sticky>
<view class="list u-p-30">
<view class="my-bg-main table-type u-flex border-r-12 color-fff ">
@@ -467,9 +508,9 @@
function setTimer() {
clearInterval(timer)
getData()
timer = setInterval(() => {
getData()
}, times.list[times.active] * 1000)
// timer = setInterval(() => {
// getData()
// }, times.list[times.active] * 1000)
}
watch(() => times.active, (newval) => {
setTimer()
@@ -491,6 +532,61 @@
.fixed-top {
z-index: 10;
}
.input-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 26rpx;
background-color: $J-bg-ff;
.input-main {
flex: 1;
display: flex;
align-items: center;
height: 64rpx;
image {
padding: 22rpx;
width: 26rpx;
height: 26rpx;
}
input {
flex: 1;
font-size: 27rpx;
}
::v-deep uni-button {
font-size: 28rpx;
color: $my-main-color;
background: rgba(255, 255, 255, 1);
}
::v-deep.uni-easyinput {
.uni-easyinput__content {
background-color: $J-bg-f5 !important;
border-radius: $J-b-r12;
.uni-easyinput__content-input {
padding-left: 0 !important;
.uni-input-input {
border-radius: $J-b-r12 !important;
overflow: hidden !important;
}
}
.uni-input-placeholder {
font-size: 27rpx;
}
.uni-icons {
color: rgba(230, 230, 230, 1) !important;
}
}
}
}
}
.table-type {
flex-wrap: wrap;
@@ -536,12 +632,7 @@
.search-box {
background-color: #fff;
padding: 16rpx 0;
top: 0;
bottom: 0;
position: absolute;
right: 30rpx;
display: flex;
.search-btn {
padding: 0 30rpx;
box-sizing: border-box;
@@ -570,6 +661,6 @@
}
.list {
margin-top: 52px;
// margin-top: 52px;
}
</style>