选项批量导入

src/components/DesignForm/formControlPropertiNew.vue

@@ -8004,27 +8004,33 @@ const formatTooltip = (val: number) => {
 
 
 <!-- 选项批量编辑  liwenxuan 20251212 start -->
-<!-- 编辑弹窗 -->
+
     <el-dialog
       v-model="dialogVisible"
-      title="批量编辑"
-      width="500px"
+      title="批量导入"
+      width="700px"
+      
       :close-on-click-modal="false"
       :close-on-press-escape="false"
+      style="--el-dialog-padding-primary: 20px; border-radius: 8px; box-shadow: 0 2px 16px rgba(0,0,0,0.08); border: none; "
     >
-      <div class="dialog-content">
-        <div class="edit-header">
-          <span class="edit-title">多选框-批量编辑</span>
-          <span class="edit-hint">每行对应一个选项</span>
+      <div class="dialog-content" style="width: 100%; padding-left: 15px;padding-right: 12px;height: 310px;">
+        <!-- 标题+提示区域：靠左排列，提示在标题下方 -->
+        <div class="edit-header" style="margin-bottom: 10px;">
+          
+          <span class="edit-hint" style="font-size: 15px; display: block; margin-top: 2px; margin-left: 2px;">每行对应一个选项</span>
         </div>
         
-        <div class="textarea-container">
+        <!-- 文本域：100%宽度，靠左，无多余边框 -->
+        <div class="textarea-container" style="width: 100%;height: 260px;">
           <el-input
             v-model="editText"
             type="textarea"
-            :rows="8"
-            placeholder="请输入选项，每行一个"
+            
+            :rows="12"
+            placeholder="请输入选项"
             resize="none"
+            style="width: 100%; border-radius: 6px; border: 0.5px solid #e5e7eb; padding: 0px; font-size: 14px; color: #666; text-align: left;margin-bottom: 10px;"
           />
         </div>
       </div>
@@ -8032,7 +8038,7 @@ const formatTooltip = (val: number) => {
       <template #footer>
             <span class="dialog-footer">
               <el-button @click="cancelEditing">取消</el-button>
-          <el-button type="primary" @click="saveChanges">确定</el-button>
+              <el-button  style="margin-right: 12px;" type="primary" @click="saveChanges">确定</el-button>
             </span>
           </template>
     </el-dialog>
@@ -8242,105 +8248,4 @@ li::before {
 }
 
 
-.batch-edit-demo {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
-  max-width: 600px;
-  margin: 20px auto;
-  padding: 20px;
-}
-
-.display-mode {
-  border: 1px solid #DCDFE6;
-  border-radius: 4px;
-  padding: 20px;
-  margin-bottom: 20px;
-}
-
-.display-mode h4 {
-  margin-top: 0;
-  margin-bottom: 15px;
-  color: #303133;
-}
-
-.edit-header {
-  margin-bottom: 20px;
-}
-
-.edit-title {
-  display: block;
-  font-weight: 500;
-  font-size: 14px;
-  color: #303133;
-  margin-bottom: 4px;
-}
-
-.edit-hint {
-  font-size: 12px;
-  color: #909399;
-}
-
-.textarea-container {
-  margin-bottom: 10px;
-}
-
-.action-bar {
-  margin-top: 20px;
-  display: flex;
-  justify-content: flex-end;
-}
-
-.el-checkbox {
-  display: block;
-  margin-bottom: 8px;
-}
-
-.el-checkbox:last-child {
-  margin-bottom: 0;
-}
-
-.dialog-content {
-  padding: 10px 0;
-}
-
-:deep(.el-dialog__header) {
-  margin-right: 0;
-  padding-bottom: 10px;
-  border-bottom: 1px solid #F0F0F0;
-}
-
-:deep(.el-dialog__title) {
-  font-size: 16px;
-  font-weight: 500;
-  color: #303133;
-}
-
-:deep(.el-dialog__footer) {
-  padding-top: 20px;
-  border-top: 1px solid #F0F0F0;
-}
-
-:deep(.el-textarea__inner) {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
-  line-height: 1.5;
-  padding: 12px;
-}
-
-.status-info {
-  padding: 15px;
-  background-color: #f5f7fa;
-  border-radius: 4px;
-  border: 1px solid #e4e7ed;
-}
-
-.status-info h4 {
-  margin-top: 0;
-  margin-bottom: 10px;
-  color: #303133;
-}
-
-.status-info p {
-  margin: 5px 0;
-  font-size: 14px;
-  color: #606266;
-}
 </style>