更新企微礼包发送记录

src/views/components/giftRecord/wxGift.vue

@@ -3,10 +3,12 @@
     <div ref="giftList" class="gift-list" @scroll="handleScroll">
       <div v-for="item in giftList" :key="item._id" class="gift-item">
         <div class="gift-info">
-          <div v-if="item.gift_package_group_name ">分组: {{ item.gift_package_group_name }}</div>
+          <div v-if="item.gift_package_group_name">分组: {{ item.gift_package_group_name }}</div>
           <div>礼包名称: {{ item.gift_package_name }}</div>
           <div>发送时间: {{ item.send_time }}</div>
           <div>礼包码: {{ item.code }}</div>
+          <div>领取角色: {{ item.role_name }}({{ item.rule_id }})</div>
+          <div>W 账号: {{ item.username || '-' }}</div>
           <div class="rowFlex spaceBetween columnCenter gift-sender">
             <div>发送客服: {{ item.cser_name }}</div>
             <i class="el-icon-document-copy" style="cursor: pointer;" @click="handleCopy(item.code)"></i>
@@ -16,18 +18,18 @@
       <div v-if="loading" class="loading-more">加载中...</div>
       <div v-if="!hasMore && giftList.length > 0" class="no-more">没有更多数据了</div>
       <div v-if="giftList.length == 0" class="noContent rowFlex allCenter">
-          <noContent/>
+        <noContent />
       </div>
     </div>
   </div>
-  </template>
+</template>
 
-  <script>
+<script>
 import Clipboard from 'clipboard'
-  import { getSendingCodeList } from '@/api/works'
-  import { debounce,copyText,sendChatMessage } from '@/utils/index'
-  import { mapState } from 'vuex'
-  export default {
+import { getSendingCodeList } from '@/api/works'
+import { debounce, copyText, sendChatMessage } from '@/utils/index'
+import { mapState } from 'vuex'
+export default {
   name: 'wxGift',
   data() {
     return {
@@ -69,7 +71,7 @@ import Clipboard from 'clipboard'
         this.loading = false
       }
     },
-      handleScroll: debounce(function(e) {
+    handleScroll: debounce(function (e) {
       const { scrollHeight, scrollTop, clientHeight } = e.target
       if (scrollHeight - scrollTop - clientHeight < 50) {
         this.fetchGiftList()
@@ -87,11 +89,11 @@ import Clipboard from 'clipboard'
       // })
     }
   }
-  }
-  </script>
+}
+</script>
 
-  <style lang="scss" scoped>
-  .wx-gift-container {
+<style lang="scss" scoped>
+.wx-gift-container {
   height: 100%;
   width: 100%;
   background-color: #fff;
@@ -106,11 +108,13 @@ import Clipboard from 'clipboard'
       background: #F7F8FA;
       border-radius: 12px;
       border: 1px solid #E5E6EB;
-              margin-bottom:12px;
+      margin-bottom: 12px;
+
       .gift-info {
-              div{
+        div {
           line-height: 26px;
         }
+
         .gift-name {
           font-weight: 400;
           font-size: 14px;
@@ -118,6 +122,7 @@ import Clipboard from 'clipboard'
           text-align: left;
           font-style: normal;
         }
+
         .gift-code {
           display: flex;
           align-items: center;
@@ -129,6 +134,7 @@ import Clipboard from 'clipboard'
           color: #323335;
           text-align: justify;
           font-style: normal;
+
           span {
             color: #323335;
             font-size: 14px;
@@ -158,7 +164,8 @@ import Clipboard from 'clipboard'
           line-height: 18px;
           text-align: justify;
           font-style: normal;
-                    i{
+
+          i {
             color: #00BF8A;
             font-size: 14px;
           }
@@ -175,5 +182,5 @@ import Clipboard from 'clipboard'
       font-size: 13px;
     }
   }
-  }
-  </style>
\ No newline at end of file
+}
+</style>
\ No newline at end of file