From c053181dc2930d0e3f2acdf6bcea8753c5cf0583 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 28 May 2026 10:50:51 +0800
Subject: [PATCH] =?UTF-8?q?style(=E8=B5=84=E6=BA=90=E7=BB=84=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE-->=E7=BC=96=E8=BE=91=E7=BB=84=E4=BB=B6):=20=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../props/props-source-group/form-edit.vue    | 106 ++++++++++++++----
 1 file changed, 83 insertions(+), 23 deletions(-)

diff --git a/src/views/props/props-source-group/form-edit.vue b/src/views/props/props-source-group/form-edit.vue
index 998d3d5..b2b9582 100644
--- a/src/views/props/props-source-group/form-edit.vue
+++ b/src/views/props/props-source-group/form-edit.vue
@@ -15,7 +15,7 @@
           ref="form"
           :model="form"
           :rules="localizedFormRules"
-          class="i18n-form i18n-form--wide"
+          class="i18n-form props-source-group-form"
           label-width="110px"
           style="margin-right:50px;"
         >
@@ -155,7 +155,7 @@
                   <!-- 各类型自定义配置 -->
                   <!-- 靓号 -->
                   <el-row v-if="item.clickType === 'SPECIAL_ID'" :gutter="10">
-                    <el-col :span="13">
+                    <el-col :span="16">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
                         :rules="getRequiredRule()"
@@ -167,7 +167,7 @@
                         />
                       </el-form-item>
                     </el-col>
-                    <el-col :span="6">
+                    <el-col :span="8">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.quantity'"
                         :rules="getNotEmptyRule()"
@@ -181,7 +181,7 @@
                         /></span>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="5">
+                    <el-col :span="24" class="content-box-actions">
                       <i
                         class="del el-icon-delete-solid"
                         @click="form.tmpConfigList = []"
@@ -194,7 +194,7 @@
                   </el-row>
 
                   <el-row v-else-if="isCurrency(item.clickType)" :gutter="10">
-                    <el-col :span="19">
+                    <el-col :span="24">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
                         :rules="getRequiredRule()"
@@ -207,7 +207,7 @@
                         />
                       </el-form-item>
                     </el-col>
-                    <el-col :span="5">
+                    <el-col :span="24" class="content-box-actions">
                       <i
                         class="del el-icon-delete-solid"
                         @click="form.tmpConfigList = []"
@@ -221,7 +221,7 @@
 
                   <!-- 游戏券 -->
                   <el-row v-else-if="isGameCoupon(item.clickType)" :gutter="10">
-                    <el-col :span="19">
+                    <el-col :span="24">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
                         :rules="getRequiredRule()"
@@ -234,7 +234,7 @@
                         />
                       </el-form-item>
                     </el-col>
-                    <el-col :span="5">
+                    <el-col :span="24" class="content-box-actions">
                       <i
                         class="del el-icon-delete-solid"
                         @click="form.tmpConfigList = []"
@@ -248,7 +248,7 @@
 
                   <!-- 道具券 -->
                   <el-row v-else-if="isPROPCOUPON(item.clickType)" :gutter="10">
-                    <el-col :span="13">
+                    <el-col :span="16">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
                         :rules="getRequiredRule()"
@@ -261,7 +261,7 @@
                         />
                       </el-form-item>
                     </el-col>
-                    <el-col :span="6">
+                    <el-col :span="8">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.quantity'"
                         :rules="getNotEmptyRule()"
@@ -275,7 +275,7 @@
                         /></span>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="5">
+                    <el-col :span="24" class="content-box-actions">
                       <i
                         class="del el-icon-delete-solid"
                         @click="form.tmpConfigList = []"
@@ -289,7 +289,7 @@
 
                   <!-- 徽章 -->
                   <el-row v-else-if="isBadge(item.clickType)" :gutter="10">
-                    <el-col :span="13">
+                    <el-col :span="16">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
                         :rules="getRequiredRule()"
@@ -323,7 +323,7 @@
                         </el-select>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="6">
+                    <el-col :span="8">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.quantity'"
                         :rules="getNotEmptyRule()"
@@ -344,7 +344,7 @@
                         </el-autocomplete>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="5">
+                    <el-col :span="24" class="content-box-actions">
                       <i
                         class="del el-icon-delete-solid"
                         @click="form.tmpConfigList = []"
@@ -361,7 +361,7 @@
                     v-else-if="isHONORACTIVITY(item.clickType)"
                     :gutter="10"
                   >
-                    <el-col :span="13">
+                    <el-col :span="16">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
                         :rules="getRequiredRule()"
@@ -395,7 +395,7 @@
                         </el-select>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="6">
+                    <el-col :span="8">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.quantity'"
                         :rules="getNotEmptyRule()"
@@ -416,7 +416,7 @@
                         </el-autocomplete>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="5">
+                    <el-col :span="24" class="content-box-actions">
                       <i
                         class="del el-icon-delete-solid"
                         @click="form.tmpConfigList = []"
@@ -452,7 +452,7 @@
                         </div>
                       </div>
                     </el-col>
-                    <el-col :span="10">
+                    <el-col :span="14">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
                         :rules="getRequiredRule()"
@@ -486,7 +486,7 @@
                         </el-select>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="6">
+                    <el-col :span="7">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.remark'"
                         :rules="getNotEmptyRule()"
@@ -500,7 +500,7 @@
                         </div>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="5">
+                    <el-col :span="24" class="content-box-actions">
                       <i
                         class="del el-icon-delete-solid"
                         @click="form.tmpConfigList = []"
@@ -536,7 +536,7 @@
                         </div>
                       </div>
                     </el-col>
-                    <el-col :span="10">
+                    <el-col :span="14">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
                         :rules="getRequiredRule()"
@@ -570,7 +570,7 @@
                         </el-select>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="6">
+                    <el-col :span="7">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.quantity'"
                         :rules="getNotEmptyRule()"
@@ -585,7 +585,7 @@
                         </div>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="5">
+                    <el-col :span="24" class="content-box-actions">
                       <i
                         class="del el-icon-delete-solid"
                         @click="form.tmpConfigList = []"
@@ -1563,9 +1563,55 @@ export default {
 <style scoped lang="scss">
 .form-edit {
   overflow: auto;
+  .props-source-group-form {
+    --i18n-form-label-width: 100px;
+  }
   .dr-content {
     padding: 5px 0px 5px 20px;
   }
+  .content-list {
+    width: 100%;
+  }
+  .content-box {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    width: 100%;
+    margin-bottom: 8px;
+  }
+  .content-box-label {
+    flex: 0 0 auto;
+    width: 100px;
+    margin-bottom: 6px;
+    padding-right: 8px;
+    box-sizing: border-box;
+    line-height: 22px;
+    text-align: left;
+    font-weight: bold;
+  }
+  .content-box > .el-row {
+    flex: 0 0 auto;
+    width: 100%;
+    min-width: 0;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+  }
+  .content-box > .el-row > .el-col {
+    padding-left: 4px !important;
+    padding-right: 4px !important;
+  }
+  .content-box-actions {
+    clear: both;
+    width: 100% !important;
+    padding-top: 2px;
+    text-align: left;
+  }
+  .content-box-actions .del {
+    margin-right: 8px;
+  }
+  .content-box .preview-img {
+    margin-top: 0;
+  }
   .sort {
     border-radius: 50%;
     width: 30px;
@@ -1586,6 +1632,20 @@ export default {
     color: #FF9326;
     cursor: pointer;
   }
+  ::v-deep .content-box {
+    .el-form-item {
+      margin-bottom: 10px;
+    }
+    .el-form-item__content {
+      margin-left: 0 !important;
+      min-height: 36px;
+    }
+    .el-input,
+    .el-select,
+    .el-autocomplete {
+      width: 100%;
+    }
+  }
 }
 .my-autocomplete {
   li {