27353 27398
This commit is contained in:
@@ -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() {
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
Reference in New Issue
Block a user