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:
aixianling
2022-03-15 17:21:34 +08:00
parent c2882c5679
commit 970ade9a64
1 changed files with 42 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/saas/AppMailList/myAddList.vue
View File

@@ -3,9 +3,12 @@
<div class="list-content" v-if="list.length"> <div class="list-content" v-if="list.length">
<div class="item-info" v-for="(item, index) in list" :key="index"> <div class="item-info" v-for="(item, index) in list" :key="index">
<div class="left"> <div class="left">
<p>{{item.name}}</p> <p>{{ item.name }}</p>
<div class="phone"> <div class="phone" flex>
<span>{{item.type}}</span>{{item.phone}} <span v-text="item.type"/>
<div v-text="item.phone"/>
<div :style="{color:$dict.getColor('isPublicTag',item.isPublic)}"
v-text="$dict.getLabel('isPublicTag',item.isPublic)"/>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
@@ -25,7 +28,8 @@
</template> </template>
<script> <script>
import { mapState } from 'vuex' import {mapState} from 'vuex'
export default { export default {
data() { data() {
@@ -33,8 +37,9 @@ export default {
list: [], list: [],
} }
}, },
computed: { ...mapState(['user']) }, computed: {...mapState(['user'])},
mounted() { created() {
this.$dict.load("isPublicTag")
this.getList() this.getList()
uni.$on('updateList', () => { uni.$on('updateList', () => {
this.getList() this.getList()
@@ -51,7 +56,7 @@ export default {
createUserId: this.user.id createUserId: this.user.id
} }
}).then(res => { }).then(res => {
if (res.code == 0) { if (res?.data) {
this.list = res.data.records this.list = res.data.records
} }
}) })
@@ -84,15 +89,18 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.myAddList { .myAddList {
height: 100%; height: 100%;
.list-content{
.list-content {
padding-bottom: 112px; padding-bottom: 112px;
.item-info{
.item-info {
width: 100%; width: 100%;
padding: 32px 48px; padding: 32px 48px;
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
margin-bottom: 4px; margin-bottom: 4px;
p{
p {
font-size: 32px; font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
@@ -101,25 +109,33 @@ export default {
word-break: break-all; word-break: break-all;
margin-bottom: 8px; margin-bottom: 8px;
} }
.phone{
.phone {
font-size: 26px; font-size: 26px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
color: #333; color: #333;
line-height: 36px; line-height: 36px;
span{
* + * {
margin-left: 16px;
}
span {
display: inline-block; display: inline-block;
margin-right: 16px;
color: #999; color: #999;
} }
} }
.left{
.left {
display: inline-block; display: inline-block;
width: calc(100% - 176px); width: calc(100% - 176px);
} }
.right{
.right {
display: inline-block; display: inline-block;
width: 176px; width: 176px;
img{
img {
width: 56px; width: 56px;
height: 56px; height: 56px;
margin-left: 32px; margin-left: 32px;
@@ -128,25 +144,30 @@ export default {
} }
} }
} }
.empty{
.empty {
height: 100%; height: 100%;
img{
img {
width: 282px; width: 282px;
height: 306px; height: 306px;
margin: 168px 0 0 234px; margin: 168px 0 0 234px;
} }
p{
p {
text-align: center; text-align: center;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
color: #999; color: #999;
line-height: 44px; line-height: 44px;
span{
span {
color: #467DFE; color: #467DFE;
} }
} }
} }
.footer-btn{
.footer-btn {
width: 100%; width: 100%;
text-align: center; text-align: center;
height: 112px; height: 112px;