是否公开标签完成

src/saas/AppMailList/myAddList.vue

@@ -4,8 +4,11 @@
       <div class="item-info" v-for="(item, index) in list" :key="index">
         <div class="left">
           <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 class="right">
@@ -26,6 +29,7 @@
 
 <script>
 import {mapState} from 'vuex'
+
 export default {
 
   data() {
@@ -34,7 +38,8 @@ export default {
     }
   },
   computed: {...mapState(['user'])},
-  mounted() {
+  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,14 +89,17 @@ export default {
 <style lang="scss" scoped>
 .myAddList {
   height: 100%;
+
   .list-content {
     padding-bottom: 112px;
+
     .item-info {
       width: 100%;
       padding: 32px 48px;
       box-sizing: border-box;
       background-color: #fff;
       margin-bottom: 4px;
+
       p {
         font-size: 32px;
         font-family: PingFangSC-Medium, PingFang SC;
@@ -101,24 +109,32 @@ export default {
         word-break: break-all;
         margin-bottom: 8px;
       }
+
       .phone {
         font-size: 26px;
         font-family: PingFangSC-Regular, PingFang SC;
         color: #333;
         line-height: 36px;
+
+        * + * {
+          margin-left: 16px;
+        }
+
         span {
           display: inline-block;
-          margin-right: 16px;
           color: #999;
         }
       }
+
       .left {
         display: inline-block;
         width: calc(100% - 176px);
       }
+
       .right {
         display: inline-block;
         width: 176px;
+
         img {
           width: 56px;
           height: 56px;
@@ -128,24 +144,29 @@ export default {
       }
     }
   }
+
   .empty {
     height: 100%;
+
     img {
       width: 282px;
       height: 306px;
       margin: 168px 0 0 234px;
     }
+
     p {
       text-align: center;
       font-size: 28px;
       font-family: PingFangSC-Regular, PingFang SC;
       color: #999;
       line-height: 44px;
+
       span {
         color: #467DFE;
       }
     }
   }
+
   .footer-btn {
     width: 100%;
     text-align: center;