27353 27398

This commit is contained in:
shijingjing
2022-02-14 16:33:14 +08:00
parent d97344cf6f
commit b5623c1b80
3 changed files with 57 additions and 36 deletions

View File

@@ -5,13 +5,26 @@
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div> <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 v-if="tabIndex == 0">
<div class="search-box"> <div class="search-box">
<div class="integral-types" @click="changeType">积分类型<u-icon name="arrow-down"></u-icon></div> <div class="integral-types" @click="changeType">积分类型<u-icon name="arrow-down"></u-icon></div>
<u-search placeholder="请输入关键字" v-model="keyword" :show-action="false"></u-search> <u-search placeholder="请输入关键字" v-model="keyword" :show-action="false"></u-search>
</div> </div>
<u-select v-model="showType" :list="typelist" label-name="dictName" value-name="dictValue" <u-select v-model="showType" :list="typelist" label-name="dictName" value-name="dictValue"
@confirm="confirmTypeSelect"/> @confirm="confirmTypeSelect"/>
</div>
<!-- 待审核 -->
<div v-if="tabIndex == 1">
待审核
</div>
<!-- 已审核 -->
<div v-if="tabIndex == 2">
已审核
</div>
</div> </div>
</template> </template>
@@ -23,17 +36,22 @@ export default {
tabs: ['全部', '待审核', '已审核'], tabs: ['全部', '待审核', '已审核'],
tabIndex: 0, tabIndex: 0,
showType: false, showType: false,
typelist: [] typelist: [],
keyword: '',
} }
}, },
methods: { methods: {
tabClick(index) {
this.tabIndex = index
},
changeType() {}, changeType() {},
confirmTypeSelect() {}, confirmTypeSelect() {},
}, },
onShow() { onShow() {
document.title = '积分审核' document.title = '积分审核',
this.$dict.load([''])
}, },
onLoad() { onLoad() {

View File

@@ -54,11 +54,10 @@
<div class="cards" v-for="(item, index) in data.processList" :key="index"> <div class="cards" v-for="(item, index) in data.processList" :key="index">
<div class="cardss"> <div class="cardss">
<div class="cardss-left"> <div class="cardss-left">
<span> <div class="card-img">
<AiOpenData v-if="item.openId" type="userName" :openid="item.openId" style="display: inline-block; font-size:12px;"/> <AiOpenData v-if="item.openId" type="userName" :openid="item.openId" style="display: inline-block; font-size:12px;"/>
</span> <img src="./components/1.png" class="avatarIcon" alt="" />
</div>
<img src="./components/1.png" class="avatarIcon" alt="" />
</div> </div>
<div class="cardss-right"> <div class="cardss-right">
@@ -71,10 +70,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="cardees-right-right">{{ item.doTime }}</div>
</div> </div>
<div class="cardees-right-right">{{ item.doTime }}</div>
<div class="lines"></div> <div class="lines"></div>
</div> </div>
@@ -277,36 +276,37 @@ uni-page-body {
padding-bottom: 80px; padding-bottom: 80px;
.cardss { .cardss {
display: flex; display: flex;
justify-content: space-between; width: 100%;
.cardss-left { .cardss-left {
position: relative; width: 15%;
width: 80px;
height: 80px;
text-align: center;
line-height: 80px;
color: #fff;
background: #197df0;
border: 1px solid #dddddd;
border-radius: 50%;
font-size: 28px;
z-index: 9;
.avatarIcon { .card-img {
position: absolute; position: relative;
bottom: 0; width: 80px;
right: 0; height: 80px;
width: 38px; text-align: center;
height: 38px; line-height: 80px;
color: #fff;
background: #197df0;
border: 1px solid #dddddd;
border-radius: 50%;
font-size: 28px;
z-index: 999;
.avatarIcon {
position: absolute;
bottom: 0;
right: 0;
width: 38px;
height: 38px;
}
} }
} }
.cardss-right { .cardss-right {
width: calc(100% - 184px); width: 60%;
display: flex;
justify-content: space-between;
.cardsss-right-left { .cardsss-right-left {
.cardssss-right-left-top { .cardssss-right-left-top {
width: 300px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-size: 32px; font-size: 32px;
@@ -317,11 +317,14 @@ uni-page-body {
color: #666666; color: #666666;
} }
} }
.cardees-right-right {
font-size: 28px;
color: #999999;
}
} }
.cardees-right-right {
width: 25%;
font-size: 28px;
color: #999999;
}
.lines { .lines {
position: absolute; position: absolute;
top: 0; top: 0;

View File

@@ -57,7 +57,7 @@ export default {
methods: { methods: {
getList() { getList() {
this.$http this.$http
.post(`/app/appclapeventinfo/listByGirdMember`, null, { .post(`/app/appclapeventinfo/list`, null, {
params: { params: {
size: 10, size: 10,
current: this.current, current: this.current,