cloud-web-corejs 1.1.0-dev.27 → 1.1.0-dev.28

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

@@ -67,25 +67,19 @@
     </div>
     <div class="h5-list-box">
       <div
-        v-for="(row, rowIndex) in visibleRows"
+        v-for="(row, rowIndex) in fieldModel"
         :key="rowIndex"
         class="item"
-        @click="onRowClick(row)"
-        :class="[
-          { checked: checkItemIds.includes(row.id) },
-          itemCardClass,
-          getRowCompareClass(row),
-        ]"
+        @click="itemCheck(row)"
+        :class="{ checked: checkItemIds.includes(row.id) }"
       >
-        <!-- 右上角查看角标（对齐 bill_setting 的 .pro-item .t::after）。
-             与 itemStyle 解绑：点整行进详情是明细行的统一行为，
-             这个角标是它的视觉提示，不该藏在选项后面。
-             查询选择场景点行是勾选、不进详情，故不显示。 -->
-        <i class="h5-item-arrow" v-if="!widget.options.isQueryTable"></i>
-        <!-- 明细行不放删除按钮：点击整行进详情即可。
-             要恢复的话，除了放回这个 div，还得给它补流程判断
-             （有流程且当前节点不可编辑时要藏掉），它不是 widget，
-             拿不到 hiddenByWf / widgetShowRule 那两套。 -->
+        <div
+          v-if="!widget.options.isQueryTable"
+          class="del-btn"
+          @click.stop="deleteRow(row, rowIndex)"
+        >
+          <i class="el-icon-delete"></i>
+        </div>
         <template v-if="vxeOption.columns.length > 0">
           <div class="t1" v-if="widget.options.isQueryTable">
             <template
@@ -111,12 +105,7 @@
                 <template
                   v-else-if="column.slots && column.slots.default == 'widget'"
                 >
-                  <!-- 临时只读：只出选中文本；关掉 H5_TEMP_READ_ONLY 后仍走下面的控件 -->
-                  <template v-if="getReadMode()">
-                    {{ getColumnDisplayText(column, row, rowIndex) }}
-                  </template>
                   <component
-                    v-else
                     :is="getColumnWidgetName(column.params.widget)"
                     :field="column.params.widget"
                     :form-model="globalModel.formModel"
@@ -190,14 +179,6 @@
               <!--              <div class="status">未审核</div>-->
             </template>
           </div>
-          <!-- 明细卡片的主标题，对齐 bill_setting 的 .pro-item .t（render.vue:105）：
-               只出主字段的值、前面一个圆点、右上角是「查看」角标。
-               上面那个 .t1 是查询选择列表专用的（出「标题：值」若干对），两者互斥。
-               主字段就是 isMainFiled 标的那一列（columns() 里取第一个可见列），
-               查询选择模式一直用它当标题行，这里把同一口径用到明细卡片上。 -->
-          <div class="t1 h5-item-title" v-else-if="!!mainTitleColumn">
-            <b>{{ getColumnDisplayText(mainTitleColumn, row, rowIndex) }}</b>
-          </div>
           <div class="t2">
             <template
               v-if="
@@ -205,19 +186,13 @@
               "
             >
               <template v-for="(column, columnIndex) in vxeOption.columns">
-                <!-- 主字段已经当标题了，不再在字段区重复一遍（查询选择模式本来
-                     就是这个口径，这里两种模式统一）。没有主标题时(mainTitleColumn
-                     为空，如只有一列)照常全出。 -->
                 <template
                   v-if="
-                    (!column.isMainFiled || !mainTitleColumn) &&
+                    (!widget.options.isQueryTable || !column.isMainFiled) &&
                     column.showForRow
                   "
                 >
-                  <!-- m2 = 半行（一行两个）。类名沿用 style.scss:14095 早就留好的
-                       `.t2 > dl.m2{width:50%}`（那条规则一直没人往 dl 上打过类）。
-                       由列的「H5列宽」选项控制，见 isHalfColumn。 -->
-                  <dl :key="columnIndex" :class="{ m2: isHalfColumn(column) }">
+                  <dl :key="columnIndex">
                     <div>
                       <dt>{{ column.title }}：</dt>
                       <dd>
@@ -235,11 +210,6 @@
                           }}
                         </template>
 
-                        <!-- 临时只读：行上只出选中文本。控件/操作链接不能删，
-                             关掉 H5_TEMP_READ_ONLY 后仍要能编辑。 -->
-                        <template v-else-if="getReadMode()">
-                          {{ getColumnDisplayText(column, row, rowIndex) }}
-                        </template>
                         <template
                           v-else-if="
                             column.slots && column.slots.default == 'widget'
@@ -276,7 +246,7 @@
                           <a
                             href="javascript:void(0);"
                             class="a-link"
-                            @click="deleteRow(row, rowIndex)"
+                            @click.stop="deleteRow(row, rowIndex)"
                           >
                             <el-tooltip
                               :enterable="false"
@@ -326,9 +296,12 @@
               </template>
             </template>
           </div>
-          <!-- 明细行不摆操作按钮区：点整行进详情。查询选择场景(isQueryTable)
-               仍保留行按钮，那边点行是勾选、按钮另有用途。 -->
-          <div class="btns" v-if="widget.options.isQueryTable">
+          <div class="btns">
+            <!-- <div class="checkbox_fl">
+              <el-checkbox></el-checkbox>
+            </div> -->
+            <!--            <a class="btn"><i class="el-icon-delete"/><span>删除</span></a>
+                        <a class="btn"><i class="el-icon-edit"/><span>查看</span></a>-->
             <template
               v-if="!!widget.lineButtons && widget.lineButtons.length > 0"
             >
@@ -397,27 +370,6 @@
                   <p>产地：广东佛山</p>
                 </div>-->
       </div>
-      <!-- 折叠尾行：详情里挂的明细列表默认只出 H5_LIST_COLLAPSE_SIZE 条，
-           「更多（N）」展开全部、「收起」折回去，同一行来回切。
-           显示条件用 collapseTogglable 而不是 collapsedRest —— 展开后 collapsedRest
-           是 0，用它当条件的话「收起」会连同尾行一起消失，就折不回去了。
-           摆在 .h5-list-box 里当最后一个子元素，跟着它的内边距与卡片对齐。
-           样式见 styles/h5.scss 块 I4。 -->
-      <div
-        class="h5-list-more"
-        v-if="collapseTogglable"
-        @click="toggleAllRows"
-      >
-        <template v-if="showAllRows">
-          <span>{{ $t1("收起") }}</span>
-          <i class="el-icon-arrow-up"></i>
-        </template>
-        <template v-else>
-          <span>{{ $t1("更多") }}</span>
-          <span class="h5-list-more-count">（{{ collapsedRest }}）</span>
-          <i class="el-icon-arrow-down"></i>
-        </template>
-      </div>
     </div>
     <div class="vxe-grid" v-if="widget.options.isQueryTable">
       <div class="vxe-grid&#45;&#45;pager-wrapper">
@@ -482,7 +434,6 @@
       top="0px"
       v-el-drag-dialog
       v-el-dialog-center
-      :append-to-body	="true"
       :destroy-on-close="true"
     >
       <div class="cont" style="height: calc(100vh - 73px)">
@@ -604,10 +555,7 @@
                     <template
                       v-if="!widget.options.isQueryTable || !column.isMainFiled"
                     >
-                      <!-- 与列表卡片同口径：列配了 H5列宽=半行 时打 m2。
-                           弹框 append-to-body，样式挂在 .el-dialog.h5view-dialog，
-                           见 styles/h5.scss。 -->
-                      <dl :key="columnIndex" :class="{ m2: isHalfColumn(column) }">
+                      <dl>
                         <div>
                           <dt>{{ column.title }}：</dt>
                           <dd>
@@ -713,9 +661,63 @@
                   </template>
                 </template>
               </div>
-              <!-- 明细详情弹框里不摆行操作按钮区：行按钮(lineButtons)属于列表行的
-                   操作，详情里用不上；容器本身带 border-top 和 padding，即使按钮被
-                   wf 联动隐藏了也会留下一条空白横条。关闭走右上角的 X。 -->
+              <div class="btns">
+                <template
+                  v-if="!!widget.lineButtons && widget.lineButtons.length > 0"
+                >
+                  <template v-for="(subWidget, swIdx) in widget.lineButtons">
+                    <template v-if="'container' === subWidget.category">
+                      <component
+                        :is="subWidget.type + '-item'"
+                        :widget="subWidget"
+                        :key="swIdx"
+                        :parent-list="widget.lineButtons"
+                        :index-of-parent-list="swIdx"
+                        :parent-widget="widget"
+                        :subFormRowIndex="rowIndex"
+                        :tableParam="{
+                          rowIndex: rowIndex,
+                          row: row,
+                          items: fieldModel,
+                        }"
+                      >
+                        <!-- 递归传递插槽！！！ -->
+                        <template
+                          v-for="slot in Object.keys($scopedSlots)"
+                          v-slot:[slot]="scope"
+                        >
+                          <slot :name="slot" v-bind="scope" />
+                        </template>
+                      </component>
+                    </template>
+                    <template v-else>
+                      <component
+                        :is="subWidget.type + '-widget'"
+                        :field="subWidget"
+                        :designer="null"
+                        :key="swIdx"
+                        :parent-list="widget.lineButtons"
+                        :index-of-parent-list="swIdx"
+                        :parent-widget="widget"
+                        :subFormRowIndex="rowIndex"
+                        :tableParam="{
+                          rowIndex: rowIndex,
+                          row: row,
+                          items: fieldModel,
+                        }"
+                      >
+                        <!-- 递归传递插槽！！！ -->
+                        <template
+                          v-for="slot in Object.keys($scopedSlots)"
+                          v-slot:[slot]="scope"
+                        >
+                          <slot :name="slot" v-bind="scope" />
+                        </template>
+                      </component>
+                    </template>
+                  </template>
+                </template>
+              </div>
             </template>
 
             <!--        <div class="t1">
@@ -730,16 +732,6 @@
           </div>
         </div>
       </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button
-          type="primary"
-          plain
-          class="button-sty"
-          icon="el-icon-close"
-          @click="showRowDetailDialog = false"
-          >{{ $t1("关闭") }}</el-button
-        >
-      </span>
     </el-dialog>
   </container-item-wrapper>
 </template>
@@ -776,11 +768,6 @@ const baseRefUtil = {
 };
 
 const defaultPageSize = 2;
-
-/* H5 详情里挂的明细列表，折叠态露出的行数。
-   写死而不做成表单选项：与 detail-h5-item 的 H5_BOTTOM_MAX_BUTTONS 同理 ——
-   做成 options 后，已保存的表单会锁住旧值，改原型默认值不生效，反成绊脚石。 */
-const H5_LIST_COLLAPSE_SIZE = 5;
 export default {
   name: "list-h5-item",
   components: {
@@ -812,7 +799,6 @@ export default {
     "globalModel",
     "getFormConfig",
     "getGlobalDsv",
-    "getReadMode",
   ],
   data: function () {
     let that = this;
@@ -856,29 +842,17 @@ export default {
       keyword: null,
 
       checkItemIds: [],
-      /* 「更多」是否点过。折叠只在详情里挂的明细列表上生效，见 collapsible */
-      showAllRows: false,
     };
   },
   watch: {
     fieldModel(val) {
       this.formModel[this.fieldKeyName] = val || [];
-      /* 换了一整批数据（setValue / 重新取数）就退回折叠态。
-         push 追加行不会触发这里，那条路径由 addTableData 自己展开。 */
-      this.showAllRows = false;
     },
   },
   computed: {
     formConfig: function () {
       return this.getFormConfig();
     },
-    /**
-     * 明细行卡片样式开关。只判 === 'card'：老表单该 option 为 null/undefined
-     * （upgradeWidgetConfig 补的是 null，运行时读不到这个键），必须退回朴素列表。
-     */
-    itemCardClass: function () {
-      return this.widget.options.itemStyle === "card" ? "h5-item-card" : "";
-    },
     paginationLayout: function () {
       return this.widget.options.smallPagination
         ? "prev, pager, next"
@@ -896,60 +870,6 @@ export default {
         : !!this.widget.options.buttonsColumnFixed &&
             this.widget.options.buttonsColumnFixed;
     },
-    /**
-     * 明细卡片主标题所用的列（对齐 bill_setting 的 mainFieldName）。
-     *
-     * 主字段就是 columns() 里标了 isMainFiled 的那一列 —— 第一个既有 prop
-     * 又 showForRow 的列，不是另配的选项。查询选择列表一直拿它当标题行，
-     * 这里把同一口径用到明细卡片上。
-     *
-     * 返回值同时决定字段区要不要把主字段排除掉（模板里那个 v-if）。
-     */
-    mainTitleColumn() {
-      let visible = (this.vxeOption.columns || []).filter(
-        (column) => column.showForRow
-      );
-      let main = visible.find((column) => column.isMainFiled) || null;
-      if (!main) return null;
-      // 查询选择模式的标题行是另一个 .t1，与可见列数无关，一直排除主字段，保持原口径
-      if (this.widget.options.isQueryTable) return main;
-      // 明细卡片：只有一列时不抽标题 —— 抽走字段区就空了，不如照常当字段出
-      return visible.length < 2 ? null : main;
-    },
-    /**
-     * 是否走折叠（默认只出 H5_LIST_COLLAPSE_SIZE 条 + 「更多」尾行）。
-     * 两个条件缺一不可，见 isInDetailH5 与下面这条：
-     * 查询选择列表(isQueryTable)是整屏选数据用的、自己带分页器，再截断会跟分页打架。
-     */
-    collapsible() {
-      return !this.widget.options.isQueryTable && this.isInDetailH5();
-    },
-    /**
-     * 尾行（「更多 / 收起」）要不要出：够不着折叠线就不出，够着了就一直在 ——
-     * 展开态也要留着，那是「收起」的入口。
-     */
-    collapseTogglable() {
-      let total = (this.fieldModel || []).length;
-      return this.collapsible && total > H5_LIST_COLLAPSE_SIZE;
-    },
-    /* 折起来没露出的行数，即「更多」后面括号里那个数 */
-    collapsedRest() {
-      if (!this.collapsible || this.showAllRows) return 0;
-      let total = (this.fieldModel || []).length;
-      return total > H5_LIST_COLLAPSE_SIZE ? total - H5_LIST_COLLAPSE_SIZE : 0;
-    },
-    /**
-     * 真正渲染的行。
-     * ★ 只能从头切：rowIndex 在模板里同时当 subFormRowIndex / formItemProp 的下标
-     * （行内控件靠它定位 formModel 里的那一行）和 deleteRow 的下标，从头切时它与
-     * fieldModel 的下标恒等，不必再做一层映射。
-     * 传给格式化函数的 items 仍是整份 fieldModel（模板里没改），那是数据不是视图。
-     */
-    visibleRows() {
-      let rows = this.fieldModel || [];
-      if (this.collapsedRest <= 0) return rows;
-      return rows.slice(0, H5_LIST_COLLAPSE_SIZE);
-    },
     columns() {
       let tableColumns = this.widget.options.tableColumns;
       let newColumns = [];
@@ -985,8 +905,7 @@ export default {
           fixed: !!t.fixed && t.fixed,
           field: t.prop,
           title: t.label,
-          // 原来这里还有一个 `witdh: t.width` —— 键名拼错(w-i-t-d-h)、全库无人读取，
-          // 且 H5 卡片是 dl/dt/dd 排版本来就不吃列宽。列配置里的「列宽」已一并去掉。
+          witdh: t.width,
           sortable: t.sortable,
           align: t.align ? t.align : "center",
           formatter: this.formatterValue,
@@ -1077,37 +996,6 @@ export default {
     this.unregisterFromRefList();
   },
   methods: {
-    /**
-     * 是否挂在 H5 详情容器里 —— 折叠只对这种场景生效：list-h5 也能当整屏列表用，
-     * 整屏的不该只出 5 条。
-     *
-     * 沿父链找 detail-h5-item，中间隔着 transition-group / 卡片容器都无所谓；
-     * 遇到弹框/抽屉容器就停 —— 弹框里那份是独立的一屏，不算详情里挂的明细。
-     * 结果缓存在非响应式实例属性上：父链在实例生命周期内不变，而 collapsible
-     * 是渲染期求值的 computed，不能每次都走一遍链。
-     */
-    isInDetailH5() {
-      if (this._inDetailH5 === undefined) {
-        this._inDetailH5 = false;
-        let vm = this.$parent;
-        while (vm) {
-          let name = vm.$options.name;
-          if (name === "vf-dialog-item" || name === "vf-drawer-item") break;
-          if (name === "detail-h5-item") {
-            this._inDetailH5 = true;
-            break;
-          }
-          vm = vm.$parent;
-        }
-      }
-      return this._inDetailH5;
-    },
-    /* 尾行的开关：「更多」展开全部、「收起」折回前 H5_LIST_COLLAPSE_SIZE 条。
-       折回时不动任何数据，只切视图 —— 行下标始终是 fieldModel 的下标（见 visibleRows）。
-       重新取数时 watch 会自动退回折叠态。 */
-    toggleAllRows() {
-      this.showAllRows = !this.showAllRows;
-    },
     openAdvancedSearchDialog() {
       /*let formData = this.formModel;
       let advancedFormData = {};
@@ -1650,9 +1538,6 @@ export default {
       return newData;
     },
     addTableData(rows, field) {
-      if (this.getReadMode && this.getReadMode()) {
-        return;
-      }
       let formDataModel = this.formModel;
       let tableRows = this.fieldModel;
       let fullData = this.fieldModel;
@@ -1681,42 +1566,36 @@ export default {
         let newData = this.createNewTableData();
         tableRows.push(newData);
       }
-      /* 追加的行落在末尾，折叠态下会被藏住 —— 加完就展开。
-         这里是 push 改数组，watch fieldModel 不触发，必须自己来。 */
-      this.showAllRows = true;
       // this.formModel[this.fieldKeyName] = this.$baseLodash(this.fieldModel)
       // this.fieldModel = tableRows
       // $grid.loadData(tableRows);
     },
     getColumnWidgetConfig(row) {
       let formRef = this.getFormRef();
+      let formatS = row.formatS;
       let columnSelectedWidget = null;
       let columnEditFields = null;
+
       let type = this.columnFormatMap[row.formatS];
 
       if (type) {
-        // 格式化配置写在 row.widget（含 optionItems）；老数据才落在 columnOption。
-        // 不能每次从字段模板重建，否则下拉选项丢失，行上只能看到 value。
-        if (row.widget && row.widget.type) {
-          columnSelectedWidget = this.$baseLodash.cloneDeep(row.widget);
+        columnSelectedWidget = this.$baseLodash.cloneDeep(
+          formRef.getFieldWidgetByType(type)
+        );
+        let tmpId = generateId();
+        let idVal = row.prop ? row.prop : type + tmpId;
+        columnSelectedWidget.id = idVal;
+        columnSelectedWidget.options.name = idVal;
+        if (row.columnOption && Object.keys(row.columnOption).length) {
+          row.columnOption.required = row.required || false;
+          columnSelectedWidget.options = row.columnOption;
         } else {
-          columnSelectedWidget = this.$baseLodash.cloneDeep(
-            formRef.getFieldWidgetByType(type)
-          );
-          let tmpId = generateId();
-          let idVal = row.prop ? row.prop : type + tmpId;
-          columnSelectedWidget.id = idVal;
-          if (row.columnOption && Object.keys(row.columnOption).length) {
-            columnSelectedWidget.options = row.columnOption;
-          }
-        }
-        if (!columnSelectedWidget.options) {
-          columnSelectedWidget.options = {};
+          columnSelectedWidget.options.required = row.required || false;
+          row.columnOption = columnSelectedWidget.options;
         }
         columnSelectedWidget.options.name = row.prop;
         columnSelectedWidget.options.label = row.label;
         columnSelectedWidget.options.labelHidden = true;
-        columnSelectedWidget.options.required = row.required || false;
       }
       return { columnSelectedWidget, columnEditFields };
     },
@@ -1797,102 +1676,6 @@ export default {
       option.prefix = option.prefix || serverName;
       this.$excelExport({ targetRef: tableRef, ...option });
     },
-    /**
-     * 行级对比标记，复用 indexMixin 的 getCompareRowClass（data-table 也在用，
-     * 见 data-table-mixin.js 的 rowClassName）。返回
-     * xform-compare-row-new / xform-compare-row-changed / ""。
-     * 未参与对比的子表由 getCompareRowClass 内部的 isCompareSubTable 拦掉，
-     * 不会满屏高亮，这里无需重复判断。
-     */
-    getRowCompareClass(row) {
-      let formRef = this.getFormRef();
-      if (!formRef || !formRef.isCompare || !formRef.getCompareRowClass)
-        return "";
-      return formRef.getCompareRowClass(this.fieldKeyName, row);
-    },
-    /**
-     * 该列在 H5 明细卡片里是否占半行（一行两个）。
-     *
-     * 取列的「H5列宽」选项（table-column-dialog 的「编辑更多属性」里配），
-     * 运行期从 columnConfig 上读 —— createColumns 把整个设计器列对象原样挂在
-     * `col.params.columnConfig` 上（data-table-mixin.js:1762）。
-     * 只认 'half'：没配过的老列读到 undefined，按整行处理；不能写成 !== 'full'。
-     */
-    isHalfColumn(column) {
-      return column?.params?.columnConfig?.h5Span === "half";
-    },
-    /**
-     * 明细行的显示文本。
-     *
-     * H5 只读：行上不渲染下拉框，只出选中项文本。
-     * 有选项的列必须自己把 value 换成 label，formatterValue 不做选项映射。
-     */
-    getColumnDisplayText(column, row, rowIndex) {
-      let value = row[column.field];
-      let columnWidget = column.params ? column.params.widget : null;
-      if (columnWidget) {
-        let mapped = this.getWidgetOptionLabel(columnWidget, value);
-        if (mapped != null && mapped !== "") {
-          return mapped;
-        }
-      }
-      return column.formatter({
-        cellValue: value,
-        column: column,
-        rowIndex: rowIndex,
-        row: row,
-        items: this.fieldModel,
-      });
-    },
-    getOptionItemValueKey(widget) {
-      let options = (widget && widget.options) || {};
-      if (options.commonAttributeEnabled) {
-        return options.valueKey || "sn";
-      }
-      return options.valueKey || "value";
-    },
-    getOptionItemLabelKey(widget) {
-      let options = (widget && widget.options) || {};
-      if (options.commonAttributeEnabled) {
-        return options.labelKey || "value";
-      }
-      return options.labelKey || "label";
-    },
-    getWidgetOptionLabel(fieldWidget, fieldModel) {
-      if (fieldModel === null || fieldModel === undefined || fieldModel === "") {
-        return fieldModel;
-      }
-      let options = (fieldWidget && fieldWidget.options) || {};
-      let optionList = options.optionItems || options.statusParam;
-      if (!Array.isArray(optionList) || !optionList.length) {
-        return null;
-      }
-      let labelField = this.getOptionItemLabelKey(fieldWidget);
-      let valueField = this.getOptionItemValueKey(fieldWidget);
-      let values = Array.isArray(fieldModel) ? fieldModel : [fieldModel];
-      let labels = values.map((val) => {
-        let item = optionList.find(
-          (o) => o[valueField] === val || String(o[valueField]) === String(val)
-        );
-        if (!item) return null;
-        let label = item[labelField];
-        return this.$t1 ? this.$t1(label) : label;
-      });
-      let hit = labels.filter((x) => x != null && x !== "");
-      return hit.length ? hit.join(",") : null;
-    },
-    /**
-     * 行点击：
-     * - 查询选择场景(isQueryTable)：点行是勾选，保持原行为；
-     * - 明细行：点整行打开明细详情（行上不再摆删除/操作按钮）。
-     */
-    onRowClick(row) {
-      if (this.widget.options.isQueryTable) {
-        this.itemCheck(row);
-        return
-      }
-      this.openRowDetailDialog(row);
-    },
     itemCheck(row) {
       let dataTableConfig = this.dataTableConfig;
       if (dataTableConfig) {

package/src/components/xform/utils/util.js

@@ -19,6 +19,26 @@ export function isNotNull(value) {
   return value !== null && value !== undefined;
 }
 
+/**
+ * 数据返回类型是否为「分页集合数据」。
+ * 设计器 option 存的是字符串 "2"，部分存量模板可能是数字 2。
+ */
+export function isPagedCollectionReturnType(accessReturnType) {
+  return String(accessReturnType) === "2";
+}
+
+/**
+ * 数据表格是否应展示并启用分页。
+ * 分页集合数据必须走分页（请求带 current/size，响应按 records/total 解析），
+ * 与「是否显示分页」是否勾选无关。
+ */
+export function shouldShowDataTablePagination(options = {}) {
+  return (
+    !!options.showPagination ||
+    isPagedCollectionReturnType(options.accessReturnType)
+  );
+}
+
 const ATTACHMENT_WIDGET_TYPES = ["vabUpload", "baseAttachment", "vabUpload2"];
 
 const PROJECT_TAG_WIDGET_TYPES = [

package/src/views/demo/bizTab/bill/billConfig.js

@@ -0,0 +1,41 @@
+import prefixConfig from "@/prefixConfig.js";
+
+/**
+ * demo B 接的是真实单据：PMD 的「产品变更申请」，走通用 bd_api（getPage / getOne / getList / saveUpdate）。
+ * 换成你自己的单据只改这里：表单编码、表名、流程编码、页签标题字段。
+ *
+ * 请求写法逐条对齐 stdxx 的真实页面 `views/pmd/product/product_change/{list,edit,productItemDialog}.vue`，
+ * 那边跑得通这边就跑得通（连 getOne/saveUpdate 不带 formVersion 都是照它来的）。
+ *
+ * ⚠️ 前置条件（跑不起来先核对这几条）：
+ *    1. 表单模板 item_change（列表）/ item_change_edit（详情），且配了脚本
+ *       getPage / getOne / getList / saveUpdate / findItemPage；
+ *    2. 表 pcp_item_change / pcp_item_change_item 存在；
+ *    3. 流程 product_change_edit 存在，且至少有一个允许改单据(toModify)的节点，
+ *       否则「通过自动保存」这条验不到。
+ *    真实页面还会写第三张表 pcp_product_properties_change（产品参数），demo 不带它——
+ *    saveUpdate 只写 data 里出现的表，不传即不动，所以参数不会被清空。
+ *    不吃这些前置条件的版本看 ../simple/（前端 mock，不打后台）。
+ *
+ * ⚠️ 保存是整表提交：saveUpdate 的 data 里带哪几张表，后台就按哪几张表落库。
+ *    所以 detail.vue 把子表 pcp_item_change_item 一起读出来、原样带回，
+ *    不然拿真实单据试保存会把子表冲掉。你自己的单据有子表时照此办理。
+ */
+export const BILL = {
+  prefix: prefixConfig.PMD_PREFIX,
+  listFormCode: "item_change", // 列表分页用的表单编码
+  formCode: "item_change_edit", // 详情取数/保存用的表单编码
+  taBm: "pcp_item_change", // 主表表名
+  itemTaBm: "pcp_item_change_item", // 子表表名
+  wfCode: "div_form_item_change_edit", // 流程编码
+  titleField: "sn", // 页签标题字段（变更单号）
+  type: 0, // 业务过滤条件：0 产品变更 / 1 零件变更
+};
+
+export const STATUS_MAP = {
+  0: { label: "未审核", cls: "list-tag warning" },
+  1: { label: "审核中", cls: "list-tag" },
+  2: { label: "已审核", cls: "list-tag success" },
+};
+
+export default BILL;