fix: 统一优化统计分析界面,图标样式等!
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.accountName" border="false" placeholder="请选择记账账户" class="search-input"
|
||||
@click="handleAccount" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -79,7 +80,7 @@
|
||||
</u-transition>
|
||||
</view>
|
||||
</u-sticky>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="170" lowerThreshold="100">
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
<view class="list-item" @click="enterDetails(item)">
|
||||
<view class="item-header">
|
||||
@@ -425,8 +426,8 @@ function selectAccountType(item) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
// height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
@@ -569,25 +570,38 @@ page {
|
||||
height: 88rpx;
|
||||
border-radius: 12rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
font-weight: 600;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:active {
|
||||
transform: scale(0.95);
|
||||
transform: scale(0.98);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
text {
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-reset {
|
||||
flex: 1;
|
||||
background: #f5f7fa;
|
||||
color: #666666;
|
||||
border: 2rpx solid #dcdfe6;
|
||||
|
||||
text {
|
||||
color: #606266;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-confirm {
|
||||
flex: 2;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
color: #ffffff;
|
||||
box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
|
||||
flex: 1;
|
||||
background: #667eea;
|
||||
box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.2);
|
||||
border: none;
|
||||
|
||||
text {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -288,6 +288,10 @@ function selectType(item) {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
height: 56rpx;
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.accountName" border="false" placeholder="请选择记账账户" class="search-input"
|
||||
@click="handleAccount" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -332,8 +333,8 @@ function selectType(item) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
// height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
|
||||
@@ -1,22 +1,24 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="add-btn" @click="handleAdd()">
|
||||
<uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
|
||||
<text>新增</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择还款时间" suffixIcon="calendar"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||
<text>筛选</text>
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="add-btn" @click="handleAdd()">
|
||||
<uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
|
||||
<text>新增</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择还款时间" suffixIcon="calendar"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||
<text>筛选</text>
|
||||
</view>
|
||||
|
||||
<u-transition :show="filterPanel" mode="fade">
|
||||
<view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
|
||||
@@ -77,7 +79,8 @@
|
||||
</view>
|
||||
</u-transition>
|
||||
</view>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
|
||||
</u-sticky>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="170" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
<view class="list-item" @click="enterDetails(item)">
|
||||
<view class="item-header">
|
||||
@@ -329,7 +332,8 @@ function dictStr(val, arr) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -351,8 +355,7 @@ page {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
|
||||
@@ -1,22 +1,24 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.accountName" border="false" placeholder="请选择储蓄账户" class="search-input"
|
||||
@click="handleAccount" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
</u--input>
|
||||
<view class="add-btn" @click="handleAdd()">
|
||||
<uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
|
||||
<text>新增</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.time" border="false" readonly placeholder="请选择转账时间" class="search-input"
|
||||
suffixIcon="calendar" suffixIconStyle="color: #909399">
|
||||
</u--input>
|
||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||
<text>筛选</text>
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.accountName" border="false" placeholder="请选择储蓄账户" class="search-input"
|
||||
@click="handleAccount" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
</u--input>
|
||||
<view class="add-btn" @click="handleAdd()">
|
||||
<uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
|
||||
<text>新增</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.time" border="false" readonly placeholder="请选择转账时间" class="search-input"
|
||||
suffixIcon="calendar" suffixIconStyle="color: #909399">
|
||||
</u--input>
|
||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||
<text>筛选</text>
|
||||
</view>
|
||||
|
||||
<u-transition :show="filterPanel" mode="fade">
|
||||
<view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
|
||||
@@ -72,7 +74,8 @@
|
||||
</view>
|
||||
</u-transition>
|
||||
</view>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
|
||||
</u-sticky>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="170" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
<view class="list-item" @click="enterDetails(item)">
|
||||
<view class="item-header">
|
||||
@@ -353,7 +356,8 @@ function dictStr(val, arr) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -375,8 +379,8 @@ page {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
position: relative;
|
||||
|
||||
z-index: 100;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
|
||||
@@ -1,22 +1,24 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入投资账户名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
</u--input>
|
||||
<view class="add-btn" @click="handleAdd()">
|
||||
<uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
|
||||
<text>新增</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择交易时间" suffixIcon="calendar"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||
<text>筛选</text>
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入投资账户名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
</u--input>
|
||||
<view class="add-btn" @click="handleAdd()">
|
||||
<uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
|
||||
<text>新增</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择交易时间" suffixIcon="calendar"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||
<text>筛选</text>
|
||||
</view>
|
||||
|
||||
<u-transition :show="filterPanel" mode="fade">
|
||||
<view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
|
||||
@@ -76,7 +78,8 @@
|
||||
</view>
|
||||
</u-transition>
|
||||
</view>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
|
||||
</u-sticky>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="170" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
<view class="list-item" @click="enterDetails(item)">
|
||||
<view class="item-header">
|
||||
@@ -334,7 +337,8 @@ function selectAccountType(item) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -356,8 +360,7 @@ page {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
|
||||
@@ -1,22 +1,24 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入投资账户名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
</u--input>
|
||||
<view class="add-btn" @click="handleAdd()">
|
||||
<uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
|
||||
<text>新增</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择转账时间"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||
<text>筛选</text>
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入投资账户名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
</u--input>
|
||||
<view class="add-btn" @click="handleAdd()">
|
||||
<uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
|
||||
<text>新增</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择转账时间"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||
<text>筛选</text>
|
||||
</view>
|
||||
|
||||
<u-transition :show="filterPanel" mode="fade">
|
||||
<view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
|
||||
@@ -77,7 +79,8 @@
|
||||
</view>
|
||||
</u-transition>
|
||||
</view>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
|
||||
</u-sticky>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="170" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
<view class="list-item" @click="enterDetails(item)">
|
||||
<view class="item-header">
|
||||
@@ -307,7 +310,8 @@ function dictStr(val, arr) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -329,8 +333,8 @@ page {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
position: relative;
|
||||
|
||||
z-index: 100;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入借贷账户名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -302,7 +303,7 @@ function dictStr(val, arr) {
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
|
||||
@@ -1,27 +1,29 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.accountName" border="false" type="select" @click="handleAccount" placeholder="请选择POS机" suffixIcon="search"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="add-btn" @click="handleAdd()">
|
||||
<uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
|
||||
<text>新增</text>
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择刷卡时间" suffixIcon="calendar"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||
<text>筛选</text>
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.accountName" border="false" type="select" @click="handleAccount" placeholder="请选择POS机" suffixIcon="search"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="add-btn" @click="handleAdd()">
|
||||
<uni-icons type="plusempty" size="18" color="#667eea"></uni-icons>
|
||||
<text>新增</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.time" border="false" type="select" readonly placeholder="请选择刷卡时间" suffixIcon="calendar"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||
<text>筛选</text>
|
||||
</view>
|
||||
|
||||
<u-transition :show="filterPanel" mode="fade">
|
||||
<view class="filter-panel" :style="{ height: `${windowHeight - 42}px` }">
|
||||
@@ -77,7 +79,8 @@
|
||||
</view>
|
||||
</u-transition>
|
||||
</view>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
|
||||
</u-sticky>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="252" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
<view class="list-item" @click="enterDetails(item)">
|
||||
<view class="item-header">
|
||||
@@ -376,7 +379,8 @@ function settingCancel() {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -398,8 +402,7 @@ page {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
|
||||
@@ -1,15 +1,18 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="clear-btn" v-if="queryParams.creditCardName" @click="handleCreditCardCancel()">
|
||||
<uni-icons type="close-filled" size="16" color="#ffffff"></uni-icons>
|
||||
<text>清空</text>
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
</u-input>
|
||||
<view class="clear-btn" v-if="queryParams.creditCardName" @click="handleCreditCardCancel()">
|
||||
<uni-icons type="close-filled" size="16" color="#ffffff"></uni-icons>
|
||||
<text>清空</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
|
||||
</u-sticky>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="80" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
<view class="list-item">
|
||||
<view class="item-header">
|
||||
@@ -310,15 +313,18 @@ function settingCancel() {
|
||||
display:float;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.search-view {
|
||||
padding: 12rpx 32rpx;
|
||||
background-color: #ffffff;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
position: relative;
|
||||
|
||||
z-index: 100;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入信用卡名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -275,8 +276,8 @@ function formatCardCode(code) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
// height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.btnAdd {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入账户名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -282,8 +282,8 @@ function selectStatus(item) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
// height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.search-view {
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入理财账户名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -224,8 +225,8 @@ function dictStr(val, arr) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
// height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入期货账户名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -224,8 +225,8 @@ function dictStr(val, arr) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
// height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
|
||||
@@ -249,8 +249,8 @@ function selectType(value) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
// height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.sticky-container {
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入POS机名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -247,8 +248,8 @@ function dictStr(val, arr) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
// height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入股票账户名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -213,8 +214,8 @@ function dictStr(val, arr) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
// height: 100%;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
|
||||
@@ -218,7 +218,8 @@ onLoad((option) => {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -269,7 +269,8 @@ function dictStr(val, arr) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
@@ -289,8 +290,8 @@ page {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
position: relative;
|
||||
|
||||
z-index: 100;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="sticky-container">
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
|
||||
@@ -293,7 +294,8 @@ function selectStatus(value) {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
|
||||
@@ -7,7 +7,8 @@
|
||||
>
|
||||
</u-navbar>
|
||||
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.name" border="false" disabled ="false" type="select" v-show="true" class="search-input">
|
||||
</u-input>
|
||||
@@ -215,6 +216,10 @@ function handleUpdateInterest() {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.search-view {
|
||||
padding: 12rpx 32rpx;
|
||||
background-color: #ffffff;
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="sticky-container">
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.onlineLendName" border="false" type="select" @click="handleOnlineLend" placeholder="请选择信用卡" suffixIcon="search"
|
||||
@@ -276,6 +277,10 @@ function selectStatus(value) {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
height: 56rpx;
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.queryInstitution" border="false" placeholder="请输入" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -278,6 +279,10 @@ function selectStatus(item) {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.search-view {
|
||||
padding: 12rpx 32rpx;
|
||||
background-color: #ffffff;
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="sticky-container">
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.time" border="false" disabled placeholder="请输入时间" class="search-input"
|
||||
@@ -199,6 +200,10 @@ function dictStr(val, arr) {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.sticky-container {
|
||||
background-color: #f5f7fa;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.futureStocksName" border="false" type="select" @click="handleFutureStocks" placeholder="请选择期货账户" suffixIcon="search"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
@@ -244,6 +245,10 @@ function selectStatus(item) {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
height: 56rpx;
|
||||
|
||||
@@ -7,7 +7,8 @@
|
||||
>
|
||||
</u-navbar>
|
||||
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.name" border="false" disabled ="false" type="select" v-show="true" class="search-input">
|
||||
</u-input>
|
||||
@@ -216,6 +217,10 @@ function handleUpdateInterest() {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
height: 56rpx;
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="sticky-container">
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.onlineLendName" border="false" type="select" @click="handleOnlineLend" placeholder="请选择贷款机构" suffixIcon="search"
|
||||
@@ -283,6 +284,10 @@ function selectStatus(value) {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
height: 56rpx;
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="sticky-container">
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.onlineLendName" border="false" type="select" @click="handleOnlineLend" placeholder="请选择人情借贷" suffixIcon="search"
|
||||
@@ -269,7 +270,10 @@ function selectStatus(val) {
|
||||
.container {
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
height: 56rpx;
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="sticky-container">
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.time" border="false" disabled placeholder="请输入时间" class="search-input"
|
||||
@@ -203,7 +204,10 @@ function dictStr(val, arr) {
|
||||
background-color: #f5f7fa;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
height: 56rpx;
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u-input v-model="queryParams.futureStocksName" border="false" type="select" @click="handleFutureStocks" placeholder="请选择股票账户" suffixIcon="search"
|
||||
suffixIconStyle="color: #909399" class="search-input">
|
||||
@@ -237,6 +238,10 @@ function selectStatus(item) {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
height: 56rpx;
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入标题" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -242,6 +243,10 @@ function selectStatus(item) {
|
||||
.container {
|
||||
background: #f5f7fa;
|
||||
}
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.btnAdd {
|
||||
width: 146rpx;
|
||||
@@ -384,25 +389,38 @@ function selectStatus(item) {
|
||||
height: 88rpx;
|
||||
border-radius: 12rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
font-weight: 600;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:active {
|
||||
transform: scale(0.95);
|
||||
transform: scale(0.98);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
text {
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-reset {
|
||||
flex: 1;
|
||||
background: #f5f7fa;
|
||||
color: #666666;
|
||||
border: 2rpx solid #dcdfe6;
|
||||
|
||||
text {
|
||||
color: #606266;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-confirm {
|
||||
flex: 2;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
color: #ffffff;
|
||||
box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
|
||||
flex: 1;
|
||||
background: #667eea;
|
||||
box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.2);
|
||||
border: none;
|
||||
|
||||
text {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.name" border="false" placeholder="请输入商品名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -253,7 +254,7 @@ function selectStatus(item) {
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u-sticky offsetTop="-10rpx" customNavHeight="0rpx">
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<view class="search-view">
|
||||
<u--input v-model="queryParams.kind" border="false" placeholder="请输入商品名称" class="search-input"
|
||||
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
|
||||
@@ -318,7 +319,7 @@ function selectStatus(item) {
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
|
||||
Reference in New Issue
Block a user