From d62e78573e7d25ec163a03e4ef59befd9aab8749 Mon Sep 17 00:00:00 2001
From: GULIMMO <2820890765@qq.com>
Date: Wed, 08 Nov 2023 16:13:48 +0800
Subject: [PATCH] 场所维护、审核静态页面搭建
---
subPackage/workbench/views/csjl.vue | 133 ++++++++++++++++++++++----------------------
1 files changed, 66 insertions(+), 67 deletions(-)
diff --git a/subPackage/workbench/views/csjl.vue b/subPackage/workbench/views/csjl.vue
index 804e0f5..a7f6f4c 100644
--- a/subPackage/workbench/views/csjl.vue
+++ b/subPackage/workbench/views/csjl.vue
@@ -1,14 +1,16 @@
<template>
<view class="container">
- <view class="tabsAndSearch">
- <view class="tabs">
- <u-tabs :list="tabsList" @click="tabClick" :scrollable="false"></u-tabs>
+ <u-sticky>
+ <view class="tabsAndSearch">
+ <view class="tabs">
+ <u-tabs :list="tabsList" @click="tabClick" :scrollable="false"></u-tabs>
+ </view>
+ <view class="search">
+ <u-search placeholder="请输入场所名称" v-model="iptContext" :clearabled="true" :showAction="true"
+ :animation="true" @search="searchConfirm" @clear="clearConfirm"></u-search>
+ </view>
</view>
- <view class="search">
- <u-search placeholder="请输入场所名称" v-model="iptContext" :clearabled="true" :showAction="true" :animation="true"
- @search="searchConfirm" @clear="clearConfirm"></u-search>
- </view>
- </view>
+ </u-sticky>
<view class="info-box">
<view class="records-card" v-for="(records, index) in recordsData" :key="records.id"
@click="pushPage(records)">
@@ -28,7 +30,7 @@
</view>
</view>
</view>
- <u-loadmore :status="status" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="数据加载完成" line />
+ <u-loadmore :status="status" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="没有更多了" line />
</view>
</template>
@@ -110,10 +112,10 @@
size: 10
}
this.getrRecordList(this.iptContext, this.tabsType)
- },
- clearConfirm() {
- this.iptContext = ''
- this.searchConfirm()
+ },
+ clearConfirm() {
+ this.iptContext = ''
+ this.searchConfirm()
},
pushPage({
houseCode
@@ -132,70 +134,67 @@
}
</script>
-<style lang="scss" scoped>
- page {
- background-color: #f6f6f6;
- }
- .container {
+<style lang="scss" scoped>
+ page {
background-color: #f6f6f6;
+ }
- .tabsAndSearch {
+ .tabsAndSearch {
+ background-color: #fff;
+
+ .tabs {}
+
+ .search {
+ padding: 20rpx 70rpx;
+
+ .search-ipt {
+ border: 0;
+ border-radius: 9999rpx;
+ background-color: #f6f6f6;
+ }
+ }
+
+ }
+
+ .info-box {
+ .records-card {
+ margin: 20rpx 30rpx 0 30rpx;
background-color: #fff;
+ padding: 30rpx;
+ border-radius: 10rpx;
- .tabs {}
+ .title {
+ line-height: 70rpx;
+ display: flex;
+ font-size: 35rpx;
+ display: flex;
+ justify-content: space-between;
+ border-bottom: 1rpx solid #f6f6f6;
- .search {
- padding: 20rpx 70rpx;
+ text {
+ &:nth-child(1) {
+ font-weight: 700;
+ }
- .search-ipt {
- border: 0;
- border-radius: 9999rpx;
- background-color: #f6f6f6;
+ &:nth-child(2) {
+ font-size: 27rpx;
+ color: #999999;
+ }
}
}
- }
+ .charge-man,
+ .phone {
+ display: flex;
+ justify-content: space-between;
+ font-weight: 30rpx;
+ color: #717171;
+ margin-top: 25rpx;
+ font-size: 30rpx;
+ }
- .info-box {
- .records-card {
- margin: 20rpx 30rpx 0 30rpx;
- background-color: #fff;
- padding: 30rpx;
- border-radius: 10rpx;
-
- .title {
- line-height: 70rpx;
- display: flex;
- font-size: 35rpx;
- display: flex;
- justify-content: space-between;
- border-bottom: 1rpx solid #f6f6f6;
-
- text {
- &:nth-child(1) {
- font-weight: 700;
- }
-
- &:nth-child(2) {
- font-size: 27rpx;
- color: #999999;
- }
- }
- }
-
- .charge-man,
- .phone {
- display: flex;
- justify-content: space-between;
- font-weight: 30rpx;
- color: #717171;
- margin-top: 25rpx;
- font-size: 30rpx;
- }
-
- &:last-child {
- margin-bottom: 20rpx;
- }
+ &:last-child {
+ margin-bottom: 20rpx;
}
}
}
--
Gitblit v1.9.3