cloud-web-corejs 1.1.0-dev.15 → 1.1.0-dev.17

package/src/components/xform/form-designer/form-widget/field-widget/import-button-widget.vue

@@ -62,18 +62,31 @@ export default {
   methods: {
     importHandle() {
       const done = () => {
-        let multi = this.field.options.importMultiple || false;
-        let multiSize = this.field.options.importMultiSize || 1;
-        this.getFormRef().openImportDialog({
+        let options = this.field.options;
+        let multi = options.importMultiple || false;
+        let multiSize = options.importMultiSize || 1;
+        let dialogOption = {
           target: this,
-          importOption: this.field.options,
+          importOption: options,
           importFrontOnly: false,
           multi,
           multiSize,
           callback: (resultData, file, done) => {
 
           }
-        });
+        };
+        // 逐行补默认值：弹框侧读的是 option.defaultValue（此前只有手写页能传，
+        // 表单里配不了），这里把设计器上的脚本包成同一形状交过去
+        if (options.importDefaultValue) {
+          dialogOption.defaultValue = (row) => {
+            return this.handleCustomEvent(
+              options.importDefaultValue,
+              ["row"],
+              [row]
+            ) || {};
+          };
+        }
+        this.getFormRef().openImportDialog(dialogOption);
       }
       if (this.field.options.onBeforeClickButton) {
         if (this.handleCustomEvent(this.field.options.onBeforeClickButton, ["done"], [done]) !== false) {

package/src/components/xform/form-designer/setting-panel/property-editor/field-import-button/import-button-editor.vue

@@ -51,6 +51,18 @@
         :max="200"
       ></base-input-number>
     </el-form-item>
+    <el-form-item label="批量报文带附件信封">
+      <el-switch v-model="optionModel.importMultiAttachEnvelope"></el-switch>
+      <el-tooltip effect="dark" placement="top">
+        <div slot="content">
+          只在「批量导入」打开时生效。<br/>
+          关（默认）：报文里 data 是裸行数组，附件列原样留在行里。<br/>
+          打开：每行包成 { 表名: {...行}, attachments_x: [...] }，附件从实体里提到信封层，<br/>
+          与单行导入同构 —— <b>后端脚本需配套改</b>，不要在存量表单上随手打开。
+        </div>
+        <i class="el-icon-question label-tip-icon"></i>
+      </el-tooltip>
+    </el-form-item>
     <el-form-item label="点击前置事件" label-width="150px">
       <a href="javascript:void(0);" class="a-link link-oneLind"
          @click="editEventHandler('onBeforeClickButton', eventParams)">
@@ -72,6 +84,45 @@
       </a>
     </el-form-item>
 
+    <el-form-item label="必填校验方式" class="form-item-label-top">
+      <el-select v-model="optionModel.requiredCheckMode" style="width: 100%">
+        <el-option label="默认（逐行标记失败，其余照常导入）" value=""></el-option>
+        <el-option label="整批硬拦（一处不合规就整份不导）" value="strict"></el-option>
+        <el-option label="不校验（只信业务脚本与后端）" value="off"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item label="逐行校验脚本" label-width="150px">
+      <a
+        href="javascript:void(0);"
+        class="a-link link-oneLind"
+        @click="editEventHandler('onValidateRow', onValidateRowParams)"
+      >
+        <span>{{ optionModel.onValidateRow }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+      <el-tooltip effect="dark" placement="top">
+        <div slot="content">返回 true 或不返回＝通过；返回字符串＝该行的错误文案。</div>
+        <i class="el-icon-question label-tip-icon"></i>
+      </el-tooltip>
+    </el-form-item>
+    <el-form-item label="逐行补默认值" label-width="150px">
+      <a
+        href="javascript:void(0);"
+        class="a-link link-oneLind"
+        @click="editEventHandler('importDefaultValue', importDefaultValueParams)"
+      >
+        <span>{{ optionModel.importDefaultValue }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+      <el-tooltip effect="dark" placement="top">
+        <div slot="content">
+          返回一个对象，发包前合并进该行（补组织、单据类型等固定字段）。<br/>
+          与"导入前数据处理"的区别：那个是整批一次，这个是逐行。
+        </div>
+        <i class="el-icon-question label-tip-icon"></i>
+      </el-tooltip>
+    </el-form-item>
+
     <el-form-item label="导入完成回调" label-width="150px">
       <a
         href="javascript:void(0);"
@@ -116,6 +167,8 @@ export default {
       onBeforeImportParams: ["dataId", "formCode", "file", "resultData", "done"],
       onConfirmImportParams: ["dataId", "formCode", "resultData", "file", "done", "close"],
       onSuccessImportParams: ["dataId", "formCode", "resultData", "file"],
+      onValidateRowParams: ["dataId", "formCode", "row", "index"],
+      importDefaultValueParams: ["dataId", "formCode", "row"],
     };
   },
   methods: {
@@ -130,4 +183,12 @@ export default {
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+.label-tip-icon {
+  margin-left: 4px;
+  color: #909399;
+  cursor: pointer;
+  font-size: 14px;
+  vertical-align: middle;
+}
+</style>

package/src/components/xform/form-designer/setting-panel/property-editor/field-import-button/import2-button-editor.vue

@@ -24,6 +24,84 @@
     <el-form-item label="关联表格唯一名称" class="form-item-label-top">
       <el-input v-model="optionModel.tableRef"></el-input>
     </el-form-item>
+    <el-form-item label="入表去重字段" class="form-item-label-top">
+      <el-input v-model="optionModel.dedupField" placeholder="留空则不去重"></el-input>
+    </el-form-item>
+    <el-form-item label="必填校验方式" class="form-item-label-top">
+      <el-select v-model="optionModel.requiredCheckMode" style="width: 100%">
+        <el-option label="默认（有进度框逐行标记，否则整批拦）" value=""></el-option>
+        <el-option label="整批硬拦（一处不合规就整份不导）" value="strict"></el-option>
+        <el-option label="不校验（只信业务脚本）" value="off"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item label="显示导入进度">
+      <el-switch v-model="optionModel.showProgressDialog"></el-switch>
+      <el-tooltip effect="dark" placement="top">
+        <div slot="content">
+          打开后走进度弹框：逐行校验，成功/失败可点开看明细并导出，<br/>
+          校验通过的行才进表格。关闭则沿用整批导入（缺必填直接中止）。
+        </div>
+        <i class="el-icon-question label-tip-icon"></i>
+      </el-tooltip>
+    </el-form-item>
+    <el-form-item
+      label="每行处理方式"
+      class="form-item-label-top el-form-item-second"
+      v-if="optionModel.showProgressDialog"
+    >
+      <el-select v-model="optionModel.importMode" style="width: 100%">
+        <el-option label="塞入关联表格" value="table"></el-option>
+        <el-option label="逐行脚本处理" value="script"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item
+      label="启用图片处理"
+      class="el-form-item-second"
+      v-if="optionModel.showProgressDialog"
+    >
+      <el-switch v-model="optionModel.enabledImportPreHandle"></el-switch>
+      <el-tooltip effect="dark" placement="top">
+        <div slot="content">
+          模板里 <b>attachments_</b> 开头的列用于承载附件。<br/>
+          不开：只认单元格里的 URL 文本（支持逗号/换行分隔多个）。<br/>
+          打开：Excel 里贴的内嵌图片也会被取回并填进该列 —— 需先上传整个文件，<br/>
+          导入前多出「上传/校验/存储图片」三段进度。<br/>
+          仅在「显示导入进度」打开时可用。
+        </div>
+        <i class="el-icon-question label-tip-icon"></i>
+      </el-tooltip>
+    </el-form-item>
+    <el-form-item
+      label="逐行处理脚本"
+      label-width="150px"
+      class="el-form-item-second"
+      v-if="optionModel.showProgressDialog && optionModel.importMode === 'script'"
+    >
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('onImportRow', onImportRowParams)">
+        <span>{{ optionModel.onImportRow }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+      <el-tooltip effect="dark" placement="top">
+        <div slot="content">
+          每行调一次，必须调 done：done() 表示成功；<br/>
+          done({success:false, message:"未匹配到编码"}) 表示失败。<br/>
+          循环、让步与进度由组件负责，脚本里不要自己写整趟 for。
+        </div>
+        <i class="el-icon-question label-tip-icon"></i>
+      </el-tooltip>
+    </el-form-item>
+    <el-form-item label="逐行校验脚本" label-width="150px">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('onValidateRow', onValidateRowParams)">
+        <span>{{ optionModel.onValidateRow }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+      <el-tooltip effect="dark" placement="top">
+        <div slot="content">返回 true 或不返回＝通过；返回字符串＝该行的错误文案。</div>
+        <i class="el-icon-question label-tip-icon"></i>
+      </el-tooltip>
+    </el-form-item>
     <el-form-item label="点击前置事件" label-width="150px">
       <a href="javascript:void(0);" class="a-link link-oneLind"
          @click="editEventHandler('onBeforeClickButton', eventParams)">
@@ -78,7 +156,9 @@ export default {
       showBdAttachSettingDialog: false,
       onBeforeImportParams: ["dataId", "formCode", 'file', 'resultData', 'done'],
       onConfirmImportParams: ["dataId", "formCode", 'resultData', 'file', 'done', "close"],
-      onSuccessImportParams: ["dataId", "formCode", 'resultData', 'file']
+      onSuccessImportParams: ["dataId", "formCode", 'resultData', 'file'],
+      onImportRowParams: ["dataId", "formCode", "row", "index", "done"],
+      onValidateRowParams: ["dataId", "formCode", "row", "index"]
     };
   },
   methods: {
@@ -93,4 +173,12 @@ export default {
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+.label-tip-icon {
+  margin-left: 4px;
+  color: #909399;
+  cursor: pointer;
+  font-size: 14px;
+  vertical-align: middle;
+}
+</style>

package/src/components/xform/form-designer/widget-panel/widgetsConfig.js

@@ -3439,12 +3439,19 @@ export const advancedFields = [
       ...defaultWidgetShowRuleConfig,
       importMultiple: false,
       importMultiSize: 1,
+      // 批量导入时给每行补一层实体信封以承载附件列；默认关＝仍发裸行数组
+      importMultiAttachEnvelope: false,
       importFileLimitSize: 200,
       importEntity: "",
       importAttachCode: "",
       importAttachName: "",
       importScriptCode: "",
       onBeforeImport: "",
+      // 逐行补默认值脚本：返回对象，Object.assign 到该行后再发包
+      importDefaultValue: "",
+      onValidateRow: "",
+      // 必填校验方式："" 默认（逐行标记失败）/ "strict" 解析期整批硬拦 / "off" 不校验
+      requiredCheckMode: "",
       enabledImportPreHandle: false,
       tableRef: "",
       onSuccessImport: "",
@@ -3495,6 +3502,20 @@ export const advancedFields = [
       importAttachCode: "",
       importAttachName: "",
       tableRef: "",
+      // 进度框形态：逐行校验 + 成功/失败计数 + 结果表。
+      // 默认关闭 —— 关闭时是"全屏 loading + 整批入表"的老链路，存量表单无感知。
+      showProgressDialog: false,
+      // 进度框形态下每行怎么处理："table" 塞入关联表格；"script" 交给 onImportRow 逐行脚本
+      importMode: "table",
+      // 内嵌图片三段式：把 Excel 里贴的图取回来填进 attachments_ 列。
+      // 依赖进度框，仅在 showProgressDialog 打开时生效
+      enabledImportPreHandle: false,
+      onImportRow: "",
+      onValidateRow: "",
+      // 入表前按该字段去重，空则不去重
+      dedupField: "",
+      // 必填校验方式："" 默认（有逐行通道就逐行标记，否则整批拦）/ "strict" 整批硬拦 / "off" 不校验
+      requiredCheckMode: "",
       onConfirmImportEnabled: false,
       onConfirmImport: "",
       onSuccessImport: "",

package/src/components/xform/form-render/container-item/list-h5-item.vue

@@ -604,7 +604,10 @@
                     <template
                       v-if="!widget.options.isQueryTable || !column.isMainFiled"
                     >
-                      <dl>
+                      <!-- 与列表卡片同口径：列配了 H5列宽=半行 时打 m2。
+                           弹框 append-to-body，样式挂在 .el-dialog.h5view-dialog，
+                           见 styles/h5.scss。 -->
+                      <dl :key="columnIndex" :class="{ m2: isHalfColumn(column) }">
                         <div>
                           <dt>{{ column.title }}：</dt>
                           <dd>

package/src/components/xform/styles/h5.scss

@@ -746,8 +746,10 @@ $xformH5Size:14px;
   }
 }
 
-/* dd 里是真控件的那份（「明细详情」弹框，list-h5-item.vue:478）。
-   列表行本身只出纯文本，这一段只对弹框生效。 */
+/* dd 里是真控件的那份。列表行本身只出纯文本。
+   明细详情弹框 append-to-body，不在 .xform-h5 下，真正生效的是
+   下方 .el-dialog.h5view-dialog 里同一口径的规则；这段留给弹框
+   万一没挂到 body 时的兜底。 */
 .xform-h5 .h5-list-box .item .t2 > dl > div > dd {
   margin:0;
   /* 压 style.scss:14112 的 width:calc(100vw - 159px)，本方 (0,5,2) > (0,4,1) */
@@ -1789,13 +1791,51 @@ $xformH5Size:14px;
      margin:12px;padding:0 !important;background:none !important;
      .item{
        border:none;
+       /* 明细详情弹框 append-to-body，节点不在 .xform-h5 里，
+          列表卡片那套 `.xform-h5 .h5-list-box .item .t2` 一行两个打不到。
+          这里按同一口径接上：.t2 变 flex 容器，dl.m2 占 50%。 */
        .t2{
-         dl{
+         display: flex;
+         flex-wrap: wrap;
+         align-items: flex-start;
+         > dl{
            font-size:14px;color:#666;
+           &.m2 {
+             width: 50%;
+           }
+           &.m2 > div {
+             flex-wrap: wrap;
+           }
+           &.m2 > div > dd {
+             flex: 1 1 auto;
+             min-width: 0;
+           }
            dd{
              margin:0;
              color:#323232;
              text-align:right;
+             min-width: 0;
+             /* 压 style.scss:14112 的 width:calc(100vw - 159px)。
+                弹框里是真控件，半行净宽撑不住整屏宽。 */
+             .field-wrapper,
+             .field-wrapper.h5-field {
+               display: block;
+               width: auto;
+             }
+             .field-wrapper.h5-field .el-form-item {
+               display: block;
+               min-height: 0;
+               margin-bottom: 0;
+               padding: 0;
+               border-bottom: none;
+             }
+             /* dt 已经出过字段名，藏掉控件自带的第二份 label */
+             .field-wrapper.h5-field .el-form-item > .el-form-item__label {
+               display: none;
+             }
+             .field-wrapper.h5-field .el-form-item > .el-form-item__content {
+               margin-left: 0 !important;
+             }
            }
          }
        }