更新侧边栏

src/views/components/quickSendGame/sendGame.vue

@@ -281,49 +281,24 @@
                   <p>{{ items.label + "/" + items.id }}</p>
                   <!--game_type: 1 微信小游戏 2 H5 游戏 3 安卓游戏 4 IOS 游戏 5 抖音小游戏 -->
                   <!-- 微信小游戏 安卓游戏 IOS游戏 处理逻辑 -->
-                  <el-popover
-                    v-if="
-                      items.game_type == 1 ||
-                      items.game_type == 3 ||
-                      items.game_type == 4
-                    "
-                    placement="top"
-                    trigger="click"
-                  >
-                    <p class="sendLink" @click="sendChannelGame(items, item)">
-                      发送链接/渠道二维码
-                    </p>
-                    <p
-                      class="sendLink"
-                      @click="
-                        handleGameType(items, item, item.game_type, index)
-                      "
-                    >
-                      发送落地页
-                    </p>
-                    <div v-if="items.game_type == 1">
-                      <!-- 发送 H5 安卓分身包 -->
-                      <p
-                        class="sendLink"
-                        @click="sendH5CloneGame(items, 'android')"
-                      >
-                        发送H5-安卓分身包
-                      </p>
-                      <!-- 发送 H5 IOS 分身包 -->
-                      <p
-                        class="sendLink"
-                        @click="sendH5CloneGame(items, 'ios')"
-                      >
-                        发送H5-IOS分身包
-                      </p>
-                    </div>
-                    <el-button
-                      slot="reference"
-                      size="mini"
-                      :disabled="accountSelect == ''"
-                      >发送</el-button
-                    >
-                  </el-popover>
+                  <el-popover v-if="items.game_type == 1 || items.game_type == 3 || items.game_type == 4 || items.game_type == 5" placement="top" trigger="click">
+                      <div v-if="items.game_type!=5">
+                          <p class="sendLink" @click="sendChannelGame(items, item)">发送链接/渠道二维码</p>
+                          <p class="sendLink" @click="handleGameType(items, item, item.game_type, index)">发送落地页</p>
+
+                          <div v-if="items.game_type == 1">
+                            <!-- 发送 H5 安卓分身包 -->
+                            <p class="sendLink" @click="sendH5CloneGame(items, 'android')">发送H5-安卓分身包</p>
+                            <!-- 发送 H5 IOS 分身包 -->
+                            <p class="sendLink" @click="sendH5CloneGame(items, 'ios')">发送H5-IOS分身包</p>
+                          </div>
+                      </div>
+                      <!-- 抖音小游戏发送落地页 -->
+                      <div v-else>
+                        <p class="sendLink" @click="handleGameType(items, item, item.game_type, index)">发送落地页</p>
+                      </div>
+                      <el-button slot="reference" size="mini" :disabled="accountSelect == ''">发送</el-button>
+                    </el-popover>
                   <el-button
                     v-else
                     size="mini"
@@ -1469,12 +1444,7 @@ export default {
         const params = {
           main_game_id: items.main_game_id,
           weixin_blongs_id: items.weixin_blongs_id,
-          type:
-            items.game_type == 1
-              ? 2
-              : items.game_type == 3 || items.game_type == 4
-              ? 1
-              : "",
+          type: items.game_type == 1 || items.game_type == 5 ? 2 : items.game_type == 3 || items.game_type == 4 ? 1 : ''
         };
         const res = await getLandingPageConfig(params);
         if (res.status_code === 1 && res.data) {
@@ -1566,16 +1536,10 @@ export default {
     },
     // 主方法
     async handleGameType(items, item, type, index) {
-      if (
-        (items.game_type == 1 ||
-          items.game_type == 3 ||
-          items.game_type == 4) &&
-        items.main_game_id &&
-        items.weixin_blongs_id
-      ) {
+      if ((items.game_type == 1 || items.game_type == 3 || items.game_type == 4 || items.game_type == 5) && items.main_game_id && items.weixin_blongs_id) {
         const result = await this.getLandingPageConfig(items, item);
         if (result && result.data?.data?.tag) {
-          if (items.game_type == 1) {
+          if (items.game_type == 1 || items.game_type == 5) {
             // 处理微信小程序游戏
             this.handleWechatMiniGame(items, item, index);
           } else {

src/views/components/quickSendGame/sendGame/SendTransAppGame.vue

@@ -321,29 +321,9 @@
           }
           const res = await getLandingPageMemberLink(params)
           if (res && res.data.data) {
-          const responseData = res.data.data
-          
-          // 适配新接口结构：如果有 background_imgs 数组，转换为旧结构格式
-          let finalData = responseData
-          if (responseData.background_imgs && responseData.background_imgs.length > 0) {
-            // 新结构：使用第一个背景图的信息
-            const firstBg = responseData.background_imgs[0]
-            finalData = {
-              channel_qrcode: responseData.channel_qrcode || '',
-              background_img: firstBg.background_img || '',
-              'x-coordinate': firstBg['x-coordinate'] || 0,
-              'y-coordinate': firstBg['y-coordinate'] || 0,
-              background_imgs: responseData.background_imgs // 保留原始数据
-            }
-          } else if (!responseData.background_img) {
-            // 如果没有 background_img 也没有 background_imgs，保持原数据结构
-            finalData = responseData
-          }
-          
           this.loading = false
           this.close()
           this.$emit('confirm', res.data.data)
-          this.$emit('confirm', finalData)
           this.$message.success('发送成功')
         }
 

src/views/components/quickSendGame/sendGame/SendTransWxGame.vue

@@ -3,20 +3,20 @@
     <el-drawer
       title="选择游戏"
       :visible="show"
-      size="300px"
+      size="80%"
       append-to-body
       @close="close"
     >
     <div class="sendTransWxGame">
       <el-form ref="wxGameForm" :model="wxGameForm" :rules="wxGameRules" label-position="top" class="game-select-container">
-        <!-- 微信小游戏 -->
+        <!-- 微信/抖音小游戏 -->
         <el-form-item label="">
           <template slot="label">
-            <p class="formLabel">微信小游戏</p>
+            <p class="formLabel">微信/抖音小游戏</p>
           </template>
           <el-select
             v-model="wxGameForm.wx_game_send_id"
-            placeholder="请选择微信小游戏"
+            placeholder="请选择微信/抖音小游戏"
             style="width: 100%"
             disabled
           >
@@ -80,6 +80,10 @@
                     alt="二维码"
                   >
                 </div>
+                <!-- 左上角小眼睛图标 -->
+                <div class="eye-icon" @click.stop="showPreview(item, index)">
+                  <i class="el-icon-view"></i>
+                </div>
                 <!-- 右上角选中/未选中图标 -->
                 <div class="status-icon">
                   <i v-if="wxGameForm.selectedBackgroundIndex === index" class="el-icon-circle-check status-icon-checked"></i>
@@ -126,7 +130,7 @@
       <el-drawer
         title="预览"
         :visible.sync="previewVisible"
-        size="300px"
+        size="80%"
         :close-on-click-modal="false"
         append-to-body
         class="preview-dialog"
@@ -212,7 +216,7 @@
         previewQrcodeStyle: {}, // 预览二维码样式
         wxGameRules: {
           wx_game_send_id: [
-            { required: true, message: '请选择微信小游戏', trigger: 'change' }
+            { required: true, message: '请选择微信/抖音小游戏', trigger: 'change' }
           ],
           wx_game_channel: [
             { required: true, message: '请选择渠道', trigger: 'change' }
@@ -791,7 +795,7 @@
 .background-radio-item {
   margin-right: 0 !important;
   margin-bottom: 0 !important;
-  width: 170px;
+  width: 120px;
   ::v-deep .el-radio__input {
     display: none;
   }
@@ -806,7 +810,7 @@
 .background-card {
   position: relative;
   width: 100%;
-  height: 100px;
+  height: 200px;
   background: #fff;
   border: 1.5px solid #e5e7eb;
   border-radius: 8px;
@@ -895,7 +899,6 @@
 }
 
 .preview-dialog {
-    right: 420px;
     height: auto;
     background: none;
 }