修改样式提交

bms-front/src/components/ExcelImportDialog/index.vue

@@ -50,7 +50,10 @@
 
       <!-- 选项与提示 -->
       <div class="import-options">
-        <el-checkbox v-if="showUpdateSupport" v-model="updateSupport" class="update-checkbox">{{ updateSupportLabel }}</el-checkbox>
+        <el-checkbox v-if="showUpdateSupport" v-model="updateSupport" class="update-checkbox">
+          <span class="update-label">{{ updateSupportLabel }}</span>
+        </el-checkbox>
+        <div v-if="showUpdateSupport && updateSupportHint" class="update-hint">{{ updateSupportHint }}</div>
         <div class="import-tips">
           <el-icon class="tip-icon"><Info-Filled /></el-icon>
           <div class="tip-text">
@@ -105,6 +108,11 @@ const props = defineProps({
     type: String,
     default: '是否更新已经存在的数据'
   },
+  // 勾选框下方补充说明（长文案放这里，避免与复选框挤叠）
+  updateSupportHint: {
+    type: String,
+    default: ''
+  },
   // 打开时是否默认勾选“更新已存在”
   defaultUpdateSupport: {
     type: Boolean,
@@ -350,8 +358,38 @@ defineExpose({ open })
 }
 
 .update-checkbox {
+  display: flex !important;
+  align-items: flex-start;
+  height: auto !important;
+  white-space: normal;
   font-weight: 500;
   color: var(--el-text-color-primary);
+  width: 100%;
+}
+
+.update-checkbox :deep(.el-checkbox__input) {
+  margin-top: 3px;
+  flex-shrink: 0;
+}
+
+.update-checkbox :deep(.el-checkbox__label) {
+  white-space: normal;
+  line-height: 1.5;
+  word-break: break-word;
+  padding-left: 8px;
+}
+
+.update-label {
+  display: inline-block;
+  line-height: 1.5;
+}
+
+.update-hint {
+  margin: 6px 0 0 22px;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  line-height: 1.6;
+  word-break: break-word;
 }
 
 .import-tips {

bms-front/src/views/price/basic/product/index.vue

@@ -223,8 +223,10 @@
       ref="importRef"
       title="产品 Excel 导入"
       action="/price/product/importData"
+      width="560px"
       :default-update-support="true"
-      update-support-label="是否更新已存在的产品主数据（国家明细：新生效日晚于上次则保留历史，上次失效日=本次生效日）"
+      update-support-label="是否更新已存在的产品主数据"
+      update-support-hint="国家明细：新生效日晚于上次则保留历史，上次失效日=本次生效日"
       @success="() => tableRef.refresh()"
     />
   </div>