是否公开标签完成

src/saas/AppMailList/myAddList.vue

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