cloud-web-corejs 1.0.280 → 1.0.282

package/src/components/table/index.js

@@ -86,6 +86,7 @@ async function initVxeTable(option) {
     isQueryAllPage: true,
     exportColumns: null,
     exportItemColumns: null,
+    exportItemColumnsMap: null,
   };
 
   let isQueryAllPage = true;
@@ -168,7 +169,8 @@ async function initVxeTable(option) {
   // nOption.getCellValue = getCellValue;
   // nOption.createParams = createParams;
   // nOption.searchColumns = searchColumns;
-  // 运行时可变状态（tableName / isQueryAllPage / exportColumns / exportItemColumns）
+  // 运行时可变状态（tableName / isQueryAllPage / exportColumns / exportItemColumns /
+  // exportItemColumnsMap）
   // 一并放进 params：params 随 vxeOption 由页面持有，grid 被 v-if 销毁重建后依然带着这些值
   let params = {
     originOption,
@@ -978,12 +980,18 @@ function addTableJson(that, $grid, tableName, columns, success) {
   };
   let exportColumns = getTableStateValue($grid, "exportColumns");
   let exportItemColumns = getTableStateValue($grid, "exportItemColumns");
+  // 明细导出的勾选记忆按导出按钮分组（见 excelExport/exportColumnMemory.js）；
+  // exportItemColumns 是分组之前的扁平表，旧记录里还有，只读不再写，故一并原样存回。
+  let exportItemColumnsMap = getTableStateValue($grid, "exportItemColumnsMap");
   if (exportColumns && exportColumns.length) {
     jsonData.exportColumns = exportColumns;
   }
   if (exportItemColumns && exportItemColumns.length) {
     jsonData.exportItemColumns = exportItemColumns;
   }
+  if (exportItemColumnsMap && Object.keys(exportItemColumnsMap).length) {
+    jsonData.exportItemColumnsMap = exportItemColumnsMap;
+  }
   let json = encodeURIComponent(JSON.stringify(jsonData));
 
   let url = USER_PREFIX + "/table_column/addTableJson";
@@ -1081,6 +1089,11 @@ function initExportColumns($grid, tableState, json) {
     tableState.exportItemColumns = json.exportItemColumns;
     setTableState($grid, "exportItemColumns", json.exportItemColumns);
   }
+  let itemMap = json?.exportItemColumnsMap;
+  if (itemMap && Object.keys(itemMap).length) {
+    tableState.exportItemColumnsMap = itemMap;
+    setTableState($grid, "exportItemColumnsMap", itemMap);
+  }
 }
 
 function initSearchColumns(oriColumns, syncColumns) {

package/src/components/xform/form-designer/form-widget/field-widget/select-export-item-button-widget.vue

@@ -103,6 +103,15 @@ export default {
         targetRef: this.field.options.tableRef || null,
         pageSize: this.field.options.exportPageSize || null,
         showImageAtTable: this.field.options.showImageAtTable || null,
+        // 明细导出的列 / 脚本编码 / 取数参数三项各自独立：按钮上维护了哪项就以哪项为准，
+        // 留空的那项沿用数据表格属性上那套。参数脚本原样下发，由数据表格求值（this 是
+        // 表格组件，与配在表格属性上时同义）
+        exportItemColumns: this.field.options.exportItemColumns || null,
+        exportItemScriptCode: this.field.options.exportItemScriptCode || null,
+        exportItemParam: this.field.options.exportItemParam || null,
+        // 字段勾选记忆按按钮分组存放，组件名是唯一且稳定的分组标识（见 exportColumnMemory.js）。
+        // 同一张表挂多个明细导出按钮时，各按钮的勾选互不覆盖。
+        exportButtonName: this.field.options.name || null,
       };
       let tableExportParam = this.handleCustomEvent(this.field.options.tableExportParam);
       let options = { ...opt, ...tableExportParam, type: type };

package/src/components/xform/form-designer/setting-panel/property-editor/container-data-table/exportItemColumns-dialog.vue

@@ -353,7 +353,13 @@ export default {
           return;
         }
       }
-      this.optionModel.exportItemColumns = this.$baseLodash.cloneDeep(this.tableData);
+      // 用 $set：导出按钮是后加的宿主，历史表单 JSON 里没有 exportItemColumns 这个键，
+      // 直接赋值不会触发「已维护」文案更新
+      this.$set(
+        this.optionModel,
+        "exportItemColumns",
+        this.$baseLodash.cloneDeep(this.tableData)
+      );
       this.closeHandle();
     },
     generateRow() {

package/src/components/xform/form-designer/setting-panel/property-editor/field-table-export-button/select-export-item-button-editor.vue

@@ -34,16 +34,59 @@
         <i class="el-icon-edit"></i>
       </a>
     </el-form-item>
+    <el-form-item label="明细导出脚本编码" class="form-item-label-top">
+      <el-input v-model="optionModel.exportItemScriptCode"></el-input>
+    </el-form-item>
+    <el-form-item label="明细导出查询参数">
+      <a
+        href="javascript:void(0);"
+        class="a-link link-oneLind"
+        @click="editEventHandler('exportItemParam', tableConfigParams)"
+      >
+        <span>{{ optionModel.exportItemParam }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-form-item label="明细导出列维护">
+      <a
+        href="javascript:void(0);"
+        class="a-link link-oneLind"
+        @click="showExportItemColumnsDialog = true"
+      >
+        <span>{{
+          optionModel.exportItemColumns && optionModel.exportItemColumns.length
+            ? "已维护"
+            : null
+        }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-form-item label-width="0">
+      <div class="export-item-columns-tip">
+        脚本编码、查询参数、导出列三项各自独立：留空的那项沿用数据表格属性上配的，维护了就以本按钮为准。
+      </div>
+    </el-form-item>
+    <exportItemColumnsDialog
+      v-if="showExportItemColumnsDialog"
+      :visiable.sync="showExportItemColumnsDialog"
+      :designer="designer"
+      :selectedWidget="selectedWidget"
+      :optionModel="optionModel"
+    />
   </div>
 </template>
 
 <script>
 import i18n from "../../../../utils/i18n";
 import eventMixin from "../event-handler/eventMixin";
+import exportItemColumnsDialog from "../container-data-table/exportItemColumns-dialog.vue";
 
 export default {
   name: "select-export-item-button-editor",
   mixins: [i18n, eventMixin],
+  components: {
+    exportItemColumnsDialog,
+  },
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -52,6 +95,9 @@ export default {
   data() {
     return {
       eventParams: [],
+      // 与数据表格属性面板同一套：脚本里可直接用 dataId / formCode
+      tableConfigParams: ["dataId", "formCode"],
+      showExportItemColumnsDialog: false,
     };
   },
   methods: {
@@ -71,4 +117,9 @@ export default {
 ::v-deep.export-divider .el-divider__text.is-center {
   width: 162px;
 }
+.export-item-columns-tip {
+  line-height: 18px;
+  color: #909399;
+  font-size: 12px;
+}
 </style>

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

@@ -3318,6 +3318,10 @@ export const advancedFields = [
       showImageAtTable: false,
       selectExportItemFlag: 1,
       exportItemConditionEnabled: !1,
+      // 按钮级明细导出配置：三项各自独立，留空的那项沿用数据表格属性上维护的
+      exportItemColumns: [],
+      exportItemScriptCode: null,
+      exportItemParam: "",
 
       onCreated: "",
       onMounted: "",

package/src/components/xform/form-render/container-item/data-table-item.vue

@@ -183,7 +183,10 @@
       <div>
         <template v-for="(fieldWidget, index) in obj.column.params.widgetList">
           <component
-            v-if="!!fieldSchemaMap[obj.row._X_ROW_KEY] && !!obj.row._X_ROW_KEY"
+            v-if="
+              !!obj.row._X_ROW_KEY &&
+              (!!getRowFieldSchema(obj.row) || !!obj.row._X_EXPORT_ROW)
+            "
             :is="getColumnWidgetName(fieldWidget)"
             v-bind="getRowWidgetOption(obj, fieldWidget)"
             :form-model="globalModel.formModel"
@@ -205,15 +208,15 @@
     </template>
     <template #editWidget="obj">
       <component
-        v-if="!!fieldSchemaMap[obj.row._X_ROW_KEY]"
+        v-if="!!getRowFieldSchema(obj.row)"
         :is="getColumnWidgetName(obj.column.params.editWidget)"
-        :field="fieldSchemaMap[obj.row._X_ROW_KEY][obj.column.params.editWidget.id]"
+        :field="getRowFieldSchema(obj.row)[obj.column.params.editWidget.id]"
         :form-model="globalModel.formModel"
         :designer="null"
         :key="
           obj.rowIndex +
           '-' +
-          fieldSchemaMap[obj.row._X_ROW_KEY][obj.column.params.editWidget.id].id
+          getRowFieldSchema(obj.row)[obj.column.params.editWidget.id].id
         "
         :parent-widget="widget"
         :columnConfig="obj.column.params.columnConfig"