From 444c7954fd9f4b7d1f8e57354fc6ba4175c78b1a Mon Sep 17 00:00:00 2001
From: Leo <leo@qi-cloud.com>
Date: Wed, 4 Feb 2026 18:21:53 +0800
Subject: [PATCH] 1

---
 src/views/system/jd-instruction/index.vue | 43 ++++++++++++-----------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/src/views/system/jd-instruction/index.vue b/src/views/system/jd-instruction/index.vue
index 89b6118..464bcba 100644
--- a/src/views/system/jd-instruction/index.vue
+++ b/src/views/system/jd-instruction/index.vue
@@ -13,16 +13,15 @@
           <el-button type="success" size="medium" @click="run" :loading="loading">执行</el-button>
           <el-button type="danger" size="medium" @click="clearAll">清空</el-button>
           <el-button size="warning" @click="fillMan">慢单</el-button>
-          <el-button v-if="isMobile" size="primary" @click="fillTF">腾峰</el-button>
-          <el-button v-if="!isMobile" size="success" @click="fillSheng">生</el-button>
+          <el-button size="success" @click="fillSheng">通用格式</el-button>
         </div>
         <div class="button-group button-group-secondary">
-          <el-button v-if="!isMobile" size="primary" @click="fillTF">腾峰</el-button>
-          <el-button v-if="!isMobile" type="primary" size="medium" @click="fillFan">凡</el-button>
-          <el-button v-if="!isMobile" type="primary" size="medium" @click="fillWen">纹</el-button>
-          <el-button v-if="!isMobile" type="primary" size="medium" @click="fillHong">鸿</el-button>
-          <el-button v-if="!isMobile" type="primary" size="medium" @click="fillPDD">拼多多</el-button>
-          <el-button v-if="!isMobile" type="primary" size="medium" @click="fillPDDWen">拼多多-纹</el-button>
+          <el-button type="primary" size="medium" @click="fillTF">腾峰</el-button>
+          <el-button type="primary" size="medium" @click="fillFan">凡</el-button>
+          <!-- <el-button type="primary" size="medium" @click="fillWen">纹</el-button> -->
+          <el-button type="primary" size="medium" @click="fillHong">鸿</el-button>
+          <el-button type="primary" size="medium" @click="fillPDD">拼多多</el-button>
+          <!-- <el-button type="primary" size="medium" @click="fillPDDWen">拼多多-纹</el-button> -->
         </div>
       </el-form>
 
@@ -741,32 +740,33 @@ export default {
   margin-right: 0;
 }
 
-/* 移动端按钮优化 */
+/* 移动端按钮优化 - 每行显示4个按钮 */
 @media (max-width: 768px) {
   .button-group {
-    gap: 8px;
+    gap: 6px;
     margin-bottom: 12px;
     display: grid !important;
     width: 100% !important;
+    grid-template-columns: repeat(4, 1fr) !important;
   }
   
   .button-group .el-button {
-    padding: 12px 8px;
-    font-size: 13px;
-    height: 44px; /* 增大触摸目标 */
+    padding: 8px 4px;
+    font-size: 12px;
+    height: 40px;
     line-height: 1.2;
-    width: 100% !important;
     margin: 0 !important;
     flex: none !important;
     min-width: 0 !important;
     max-width: 100% !important;
+    min-height: 40px;
   }
   
-  /* 移动端第一行按钮组（执行、清空、慢单、腾峰）- 每行2个，显示最常用的4个 */
+  /* 主按钮组：执行、清空、慢单、通用格式 - 一行4个 */
   .button-group-primary {
     display: grid !important;
-    grid-template-columns: repeat(2, 1fr) !important;
-    gap: 8px !important;
+    grid-template-columns: repeat(4, 1fr) !important;
+    gap: 6px !important;
     width: 100% !important;
   }
   
@@ -775,15 +775,18 @@ export default {
     max-width: 100% !important;
   }
   
-  /* 移动端：将腾峰移到第一组，第二组隐藏 */
+  /* 次要按钮组：腾峰、凡、纹、鸿、拼多多、拼多多-纹 - 每行4个 */
   .button-group-secondary {
-    display: none !important;
+    display: grid !important;
+    grid-template-columns: repeat(4, 1fr) !important;
+    gap: 6px !important;
+    width: 100% !important;
   }
   
   .button-group-secondary .el-button {
     width: 100% !important;
     max-width: 100% !important;
-    padding: 10px 4px;
+    padding: 8px 4px;
     font-size: 12px;
   }