更新代码

src/views/components/giftRecord/wxGift.vue

@@ -3,19 +3,16 @@
       <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 class="rowFlex spaceBetween columnCenter">
-              <div class="gift-name hidden">{{ item.gift_package_name }}</div>
-              <div class="gift-time">{{ item.send_time }}</div>
-            </div>
-            <div class="gift-code">
-              <span class="giftCodeText">{{ item.code }}</span>
-            </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>
-            </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 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>
           </div>
         </div>
+        </div>
         <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">
@@ -111,71 +108,62 @@ import Clipboard from 'clipboard'
               border: 1px solid #E5E6EB;
               margin-bottom:12px;
               .gift-info {
-                  .gift-name {
-                      font-weight: 400;
-                      font-size: 14px;
-                      color: #4E5969;
-                      text-align: left;
-                      font-style: normal;
-                      width: calc(100% - 180px);
-                  }
-                  .gift-time {
-                      font-family: PingFangSC, PingFang SC;
-                      font-weight: 400;
-                      font-size: 14px;
-                      color: #4E5969;
-                      text-align: left;
-                      font-style: normal;
-                      width: 150px;
-                  }
-  
-                  .gift-code {
-                      display: flex;
-                      align-items: center;
-                      justify-content: space-between;
-                      border-radius: 4px;
-                      font-family: PingFangSC, PingFang SC;
-                      font-weight: 500;
-                      font-size: 14px;
-                      color: #323335;
-                      text-align: justify;
-                      font-style: normal;
-                      margin: 10px 0;
-                      span {
-                          color: #323335;
-                          font-size: 14px;
-                          font-family: PingFangSC-Medium;
-                      }
-  
-                      .el-button {
-                          padding: 5px 12px;
-                          border: 1px solid #dcdfe6;
-                          border-radius: 4px;
-                          font-size: 13px;
-                          color: #606266;
-  
-                          &:hover {
-                              color: #409eff;
-                              border-color: #c6e2ff;
-                              background-color: #ecf5ff;
-                          }
-                      }
-                  }
-  
-                  .gift-sender {
-                      font-family: PingFangSC, PingFang SC;
-                      font-weight: 400;
-                      font-size: 12px;
-                      color: #4E5969;
-                      line-height: 18px;
-                      text-align: justify;
-                      font-style: normal;
-                      i{
-                          color: #409EFF;
-                          font-size: 14px;
-                      }
-                  }
+              div{
+                line-height: 26px;
               }
+                .gift-name {
+                    font-weight: 400;
+                    font-size: 14px;
+                    color: #4E5969;
+                    text-align: left;
+                    font-style: normal;
+                }
+                .gift-code {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    border-radius: 4px;
+                    font-family: PingFangSC, PingFang SC;
+                    font-weight: 500;
+                    font-size: 14px;
+                    color: #323335;
+                    text-align: justify;
+                    font-style: normal;
+                    span {
+                        color: #323335;
+                        font-size: 14px;
+                        font-family: PingFangSC-Medium;
+                    }
+
+                    .el-button {
+                        padding: 5px 12px;
+                        border: 1px solid #dcdfe6;
+                        border-radius: 4px;
+                        font-size: 13px;
+                        color: #606266;
+
+                        &:hover {
+                            color: #409eff;
+                            border-color: #c6e2ff;
+                            background-color: #ecf5ff;
+                        }
+                    }
+                }
+
+                .gift-sender {
+                    font-family: PingFangSC, PingFang SC;
+                    font-weight: 400;
+                    font-size: 12px;
+                    color: #4E5969;
+                    line-height: 18px;
+                    text-align: justify;
+                    font-style: normal;
+                    i{
+                        color: #00BF8A;
+                        font-size: 14px;
+                    }
+                }
+            }
           }
   
           .loading-more,