【银保app】我的页面根据接口返回的数据展示代理人级别信息

src/views/YB_APP/home.vue

@@ -237,7 +237,7 @@
           数据截止时间 2022-09-19 17:30
         </span>
       </div>
-      <div style="margin-top: 15px;border-radius: 10px;overflow: hidden;">
+      <div style="margin-top: 15px;border-radius: 10px;overflow: hidden;width: 100%;">
         <table border="1" class="issueTable">
           <tr style="background:#4d6cc4;">
             <th width="13%">时间</th>

src/views/YB_APP/mine.vue

@@ -11,10 +11,9 @@
         <img style="width:100%;border-radius: 30px;" :src="userInfo.agentHeadImgUrl" @click="uploadHeadImage()">
       </div>
       <div style="margin-left:15px;">
-        <p style="color:#fff;padding: 3px;display: flex;align-items: center;">
+        <p style="color:#fff;padding: 3px;display: flex;align-items: center;justify-content: flex-start;">
           <span style="font-size:20px;margin-right: 15px;font-weight: bold;">{{ userInfo.agentName | encryCheckModelName }}</span>
-          <img style="width:70px;" src="@/assets/YB_APP/images/31.png">
-          <!-- <div>123</div> -->
+          <span style="display:flex;background: linear-gradient(90deg, #fae6b3, #f8c87a);justify-content: center;align-items: center;color: #795828;font-size: 12px;line-height: 20px;font-weight: bold;padding: 0px 10px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;">{{userInfo.agentGrade}}</span>
         </p>
         <p style="color:#e9e9e9;padding: 3px;">
           <span>工号</span>