固定搜索框
This commit is contained in:
shijingjing
@@ -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;
|
||||
|
||||
|
||||
@@ -39,10 +39,6 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
uni-page-body {
|
||||
height: 100%!important;
|
||||
background-color: #fff!important;
|
||||
}
|
||||
.AppVillagersCircle{
|
||||
height: 100%;
|
||||
padding-top: 16px;
|
||||
|
||||
@@ -1,36 +1,34 @@
|
||||
<template>
|
||||
<div class="commentList">
|
||||
<!-- 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">{{ topicType? topicType:'话题类型' }}<u-icon name="arrow-down"></u-icon></div>
|
||||
<u-search placeholder="请输入发布内容/评论人" v-model="content" :show-action="false" @search="getList()" @clear="getList()"></u-search>
|
||||
</div>
|
||||
|
||||
<div class="card-list" v-if="data.length">
|
||||
<div class="card-item" v-for="(item,index) in data" :key="index" @click="toDetail(item)">
|
||||
<div class="card-title" v-if="item.villagerCircleInfo && item.villagerCircleInfo.content">{{ item.villagerCircleInfo.content }}</div>
|
||||
<div class="card-name">
|
||||
<div class="name" v-if="item.villagerCircleInfo && item.villagerCircleInfo.topic">{{$dict.getLabel('villagerCircleTopic',item.villagerCircleInfo.topic)}}</div>
|
||||
<div class="time" v-if="item.villagerCircleInfo && item.villagerCircleInfo.createTime">{{ item.villagerCircleInfo.createTime }}</div>
|
||||
</div>
|
||||
<div class="card-type">
|
||||
<div class="comment">
|
||||
<span>{{ item.replyUserName}}</span><span>:</span><span>{{ item.content }}</span>
|
||||
</div>
|
||||
<div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
|
||||
</div>
|
||||
<!-- 列表 -->
|
||||
<div class="card-list" v-if="data.length">
|
||||
<div class="card-item" v-for="(item,index) in data" :key="index" @click="toDetail(item)">
|
||||
<div class="card-title" v-if="item.villagerCircleInfo && item.villagerCircleInfo.content">{{ item.villagerCircleInfo.content }}</div>
|
||||
<div class="card-name">
|
||||
<div class="name" v-if="item.villagerCircleInfo && item.villagerCircleInfo.topic">{{$dict.getLabel('villagerCircleTopic',item.villagerCircleInfo.topic)}}</div>
|
||||
<div class="time" v-if="item.villagerCircleInfo && item.villagerCircleInfo.createTime">{{ item.villagerCircleInfo.createTime }}</div>
|
||||
</div>
|
||||
<div class="card-type">
|
||||
<div class="comment">
|
||||
<span>{{ item.replyUserName}}</span><span>:</span><span>{{ item.content }}</span>
|
||||
</div>
|
||||
<div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
|
||||
|
||||
<u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
|
||||
@confirm="confirmTypeSelect"/>
|
||||
</div>
|
||||
<AiEmpty description="暂无数据" class="emptyWrap" v-else style="padding-top: 100px;"></AiEmpty>
|
||||
<u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
|
||||
@confirm="confirmTypeSelect"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -158,7 +156,7 @@ export default {
|
||||
|
||||
.card-list {
|
||||
width: 100%;
|
||||
padding: 0 32px;
|
||||
padding: 200px 32px 0 32px;
|
||||
box-sizing: border-box;
|
||||
background: #f5f5f5;
|
||||
|
||||
|
||||
@@ -1,35 +1,32 @@
|
||||
<template>
|
||||
<div class="infoList">
|
||||
<!-- 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">{{ topicType? topicType:'话题类型' }}<u-icon name="arrow-down"></u-icon></div>
|
||||
<u-search placeholder="请输入标题/发布人" v-model="content" :show-action="false" @search="getList()" @clear="getList()"></u-search>
|
||||
</div>
|
||||
|
||||
<div class="card-list" v-if="villagerList.length">
|
||||
<div class="card-item" v-for="(item,index) in villagerList" :key="index" @click="toDetail(item)">
|
||||
<div class="card-title">{{ item.content }}</div>
|
||||
<div class="card-name">
|
||||
<div class="name">{{$dict.getLabel('villagerCircleTopic',item.topic)}}</div>
|
||||
<div class="time">{{ item.createTime }}</div>
|
||||
</div>
|
||||
<div class="card-type">
|
||||
<div>{{ item.createUserName }}</div>
|
||||
<div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 列表 -->
|
||||
<div class="card-list" v-if="villagerList.length">
|
||||
<div class="card-item" v-for="(item,index) in villagerList" :key="index" @click="toDetail(item)">
|
||||
<div class="card-title">{{ item.content }}</div>
|
||||
<div class="card-name">
|
||||
<div class="name">{{$dict.getLabel('villagerCircleTopic',item.topic)}}</div>
|
||||
<div class="time">{{ item.createTime }}</div>
|
||||
</div>
|
||||
<div class="card-type">
|
||||
<div>{{ item.createUserName }}</div>
|
||||
<div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
|
||||
|
||||
<u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
|
||||
@confirm="confirmTypeSelect"/>
|
||||
</div>
|
||||
<AiEmpty description="暂无数据" class="emptyWrap" style="padding-top:100px" v-else></AiEmpty>
|
||||
<u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
|
||||
@confirm="confirmTypeSelect"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -155,7 +152,7 @@ export default {
|
||||
|
||||
.card-list {
|
||||
width: 100%;
|
||||
padding: 0 32px;
|
||||
padding: 200px 32px 0 32px;
|
||||
box-sizing: border-box;
|
||||
background: #f5f5f5;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user