This commit is contained in:
shijingjing
2022-02-14 18:37:56 +08:00
parent f0d02c1312
commit 371bafd862
5 changed files with 24 additions and 177 deletions

View File

@@ -1,4 +1,3 @@
<template> <template>
<div class="AppIntegralAudit"> <div class="AppIntegralAudit">
<!-- tab栏 --> <!-- tab栏 -->
@@ -14,7 +13,7 @@
</div> </div>
<div class="card-list"> <div class="card-list">
<div class="card-item"> <div class="card-item" @click="toDetail">
<div class="card-title">本人于12月6日在中医院接种第二针</div> <div class="card-title">本人于12月6日在中医院接种第二针</div>
<div class="card-name"> <div class="card-name">
<div class="name">新冠疫苗接种</div> <div class="name">新冠疫苗接种</div>
@@ -47,6 +46,7 @@
<script> <script>
export default { export default {
name: 'AppIntegralAudit', name: 'AppIntegralAudit',
appName: '积分审核',
data () { data () {
return { return {
tabs: ['全部', '待审核', '已审核'], tabs: ['全部', '待审核', '已审核'],
@@ -66,6 +66,10 @@ export default {
confirmTypeSelect(e) { confirmTypeSelect(e) {
console.log(e); console.log(e);
}, },
toDetail() {
uni.navigateTo('./detail')
}
}, },
onShow() { onShow() {
document.title = '积分审核' document.title = '积分审核'

View File

@@ -1,45 +1,6 @@
<template> <template>
<div class="detail"> <div>
<!-- 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 v-if="tabIndex == 0">
<div class="search-box">
<div class="integral-types" @click="showType = true">积分类型<u-icon name="arrow-down"></u-icon></div>
<u-search placeholder="请输入关键字" v-model="keyword" :show-action="false"></u-search>
</div>
<div class="card-list">
<div class="card-item">
<div class="card-title">本人于12月6日在中医院接种第二针</div>
<div class="card-name">
<div class="name">新冠疫苗接种</div>
<div class="time">2021-12-06</div>
</div>
<div class="card-type">
<div class="type">审核通过</div>
<div class="num">20</div>
</div>
</div>
</div>
<!-- $dict.getDict('yesOrNo') -->
<u-select v-model="showType" :list="typeList" label-name="dictName" value-name="dictValue"
@confirm="confirmTypeSelect"/>
</div>
<!-- 待审核 -->
<div v-if="tabIndex == 1">
待审核
</div>
<!-- 已审核 -->
<div v-if="tabIndex == 2">
已审核
</div>
</div> </div>
</template> </template>
@@ -48,23 +9,10 @@ export default {
name: 'detail', name: 'detail',
data () { data () {
return { return {
tabs: ['全部', '待审核', '已审核'],
tabIndex: 0,
showType: false,
keyword: '',
typeList: [],
} }
}, },
methods: { methods: {
tabClick(index) {
this.tabIndex = index
},
confirmTypeSelect(e) {
console.log(e);
},
}, },
onShow() { onShow() {
document.title = '积分审核' document.title = '积分审核'
@@ -77,119 +25,5 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail { .detail {}
.tab-select {
width: 100%;
height: 96px;
line-height: 96px;
background: #3975C6;
display: flex;
.item{
flex: 1;
text-align: center;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
color: #CDDCF0;
}
.active{
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
position: relative;
color: #fff;
span{
width: 48px;
height: 4px;
background: #FFF;
position: absolute;
bottom: 14px;
left: 50%;
margin-left: -24px;
}
}
}
.search-box {
display: flex;
width: 100%;
height: 112px;
line-height: 112px;
background-color: #FFFFFF;
padding: 0 32px;
box-sizing: border-box;
.integral-types {
width: 30%;
}
}
.card-list {
width: 100%;
padding: 0 32px;
box-sizing: border-box;
.card-item {
margin-top: 24px;
background-color: #FFFFFF;
box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.02);
border-radius: 16px;
padding: 30px 32px 20px 32px;
.card-title {
height: 60px;
line-height: 60px;
font-size: 36px;
color: #333333;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
}
.card-name {
margin-top: 30px;
display: flex;
height: 50px;
line-height: 50px;
font-size: 28px;
color: #999999;
.name {
padding: 0 30px;
background: #EEEEEE;
border-radius: 24px;
margin-right: 40px;
}
}
.card-type {
margin-top: 30px;
display: flex;
justify-content: space-between;
.type {
font-size: 28px;
}
.num {
font-size: 34px;
}
.status0 {
color: #FF9B2B;
}
.status1 {
color: #4181FF;
}
}
}
}
}
</style> </style>

View File

@@ -55,8 +55,8 @@
<div class="cardss"> <div class="cardss">
<div class="cardss-left"> <div class="cardss-left">
<div class="card-img"> <div class="card-img">
<div v-html="transTxt(item.systemExplain)"/> <!-- <div v-html="transTxt(item.systemExplain)"/> -->
<!-- <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.systemExplain" style="display: inline-block; font-size:12px;"/>
<img src="./components/1.png" class="avatarIcon" alt="" /> <img src="./components/1.png" class="avatarIcon" alt="" />
</div> </div>
</div> </div>
@@ -293,7 +293,7 @@ uni-page-body {
border: 1px solid #dddddd; border: 1px solid #dddddd;
border-radius: 50%; border-radius: 50%;
font-size: 28px; font-size: 28px;
z-index: 999; z-index: 9;
.avatarIcon { .avatarIcon {
position: absolute; position: absolute;

View File

@@ -627,9 +627,9 @@ export default {
::v-deep .uni-input-form, ::v-deep .uni-input-form,
::v-deep .uni-textarea-textarea, ::v-deep .uni-textarea-textarea,
.uni-input-input, ::v-deep .uni-input-input,
.uni-input-placeholder, ::v-deep .uni-input-placeholder,
.uni-input-wrapper { ::v-deep .uni-input-wrapper {
font-size: 32px; font-size: 32px;
} }

View File

@@ -361,6 +361,7 @@ export default {
.user-item{ .user-item{
padding: 24px 32px; padding: 24px 32px;
display: flex; display: flex;
.user-img{ .user-img{
width: 112px; width: 112px;
img{ img{
@@ -370,6 +371,7 @@ export default {
} }
.user-info{ .user-info{
width: 100%; width: 100%;
border-bottom: 1px solid #ddd;
.name{ .name{
font-size: 32px; font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
@@ -387,6 +389,7 @@ export default {
} }
} }
} }
.phone{ .phone{
width: 100%; width: 100%;
font-size: 26px; font-size: 26px;
@@ -398,6 +401,12 @@ export default {
} }
} }
} }
.user-item:nth-last-child(1) {
.user-info {
border-bottom: none;
}
}
} }
} }
.text{ .text{