kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

固定搜索框

Browse Source
This commit is contained in:
shijingjing
2022-02-25 15:15:18 +08:00
parent 9773610203
commit f62eeee220
4 changed files with 65 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/apps/AppIntegralAudit/AppIntegralAudit.vue
View File

@@ -1,36 +1,33 @@
<template>
<div class="AppIntegralAudit">
<div class="AppIntegralAudit" v-if="flag">
<!-- tab栏 -->
<div class="tab-select">
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
</div>
<!-- 列表 -->
<div>
<div style="position: fixed; top: 0; left: 0;width: 100%;">
<div class="tab-select">
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
</div>
<div class="search-box">
<div class="integral-types" @click="showType = true">{{ type? type : '积分类型' }}<u-icon name="arrow-down"></u-icon></div>
<u-search placeholder="请输入关键字" v-model="keyword" :show-action="false" @search="search" @clear="getList()"/>
</div>
<div class="card-list" v-if="integralList.length">
<div class="card-item" @click="toDetail(item)" v-for="(item,index) in integralList" :key="index">
<div class="card-title">{{ item.description }}</div>
<div class="card-name">
<div class="name">{{ $dict.getLabel('atWillReportType',item.applyIntegralType) }}</div>
<div class="time">{{ item.createTime }}</div>
</div>
<div class="card-type">
<div class="type" :style="{color: item.auditStatus==0? '#4181FF':item.auditStatus==1? '#07c160' : '#dd5347'}">{{ $dict.getLabel('integralDeclareStatus',item.auditStatus) }}</div>
<div class="num" v-if="item.auditIntegral">{{ item.auditIntegral }}</div>
</div>
</div>
<!-- 列表 -->
<div class="card-list" v-if="integralList.length">
<div class="card-item" @click="toDetail(item)" v-for="(item,index) in integralList" :key="index">
<div class="card-title">{{ item.description }}</div>
<div class="card-name">
<div class="name">{{ $dict.getLabel('atWillReportType',item.applyIntegralType) }}</div>
<div class="time">{{ item.createTime }}</div>
</div>
<div class="card-type">
<div class="type" :style="{color: item.auditStatus==0? '#4181FF':item.auditStatus==1? '#07c160' : '#dd5347'}">{{ $dict.getLabel('integralDeclareStatus',item.auditStatus) }}</div>
<div class="num" v-if="item.auditIntegral">{{ item.auditIntegral }}</div>
</div>
</div>
<AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
<u-select v-model="showType" :list="$dict.getDict('atWillReportType')" label-name="dictName" value-name="dictValue"
@confirm="confirmTypeSelect"/>
<div style="height: 20px"></div>
</div>
<AiEmpty description="暂无数据" class="emptyWrap" v-else style="padding-top: 100px;"></AiEmpty>
<u-select v-model="showType" :list="$dict.getDict('atWillReportType')" label-name="dictName" value-name="dictValue"
@confirm="confirmTypeSelect"/>
<div style="height: 20px"></div>
</div>
</template>
@@ -49,6 +46,7 @@ export default {
integralList: [],
type: '',
applyIntegralType: '', // 积分类型
flag: false,
}
},
created() {
@@ -83,6 +81,7 @@ export default {
if(res?.data){
this.integralList = this.current > 1 ? [...this.integralList, ...res.data.records] : res.data.records
this.$forceUpdate()
this.flag = true
}
})
},
@@ -160,7 +159,7 @@ export default {
.card-list {
width: 100%;
padding: 0 32px;
padding: 200px 32px 0 32px;
box-sizing: border-box;
background: #f5f5f5;