cloud-web-corejs 1.1.0-dev.6 → 1.1.0-dev.8

package/src/components/mobile/wf/content.vue

@@ -74,75 +74,111 @@
     <!-- 流程相关的弹框必须放在卡片外面。h5CardPane 折叠时会给 .cont 加
          display:none，放在插槽里的弹框会被一起隐藏 —— 表现为「流程信息收起后，
          通过/驳回/转办这些弹框点了没反应」（祖先 display:none 无法被后代覆盖）。 -->
-    <div class="pop-box" v-if="showPreviewDialog">
-      <div>
-        <div class="header-box">
-          <i class="back el-icon-close" @click="showPreviewDialog=false"></i>流程图预览
-        </div>
-        <div class="flex" style="height:calc(100vh - 38px)">
-          <el-form label-position="top" class="form-box">
-            <div class="tit"><span>{{
-                (wfInfo.createDate ? wfInfo.createDate.substring(0, 10) : '') + wfInfo.name
-              }}</span></div>
-            <iframe style="width: 100%;flex:1" :src="wfImage"></iframe>
-          </el-form>
-        </div>
-        <!-- 只读预览，没有「确定」要提交的东西：原先取消/确定两个按钮点了都是关掉，
-             合成一个「关 闭」。.btn 上的 flex:1 会让它自动铺满一行（见 styles/h5.scss）。 -->
-        <div class="fixed-bottom-btns">
-          <el-button type="primary" plain class="btn" @click="showPreviewDialog=false" icon="el-icon-close">{{
-              $t2('关 闭', 'system.button.close2')
-            }}
-          </el-button>
-        </div>
+    <el-dialog
+      title="流程图预览"
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+      :visible.sync="showPreviewDialog"
+      :modal="false"
+      custom-class="dialog-style h5view-dialog"
+      width="100%"
+      top="0px"
+      v-el-drag-dialog
+      v-el-dialog-center
+      :append-to-body	="true"
+      :destroy-on-close="true"
+    >
+      <div class="flex">
+        <el-form label-position="top" class="form-box">
+          <div class="tit"><span>{{
+              (wfInfo.createDate ? wfInfo.createDate.substring(0, 10) : '') + wfInfo.name
+            }}</span></div>
+          <iframe style="width: 100%;flex:1" :src="wfImage"></iframe>
+        </el-form>
       </div>
-    </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          icon="el-icon-close"
+          @click="showPreviewDialog = false"
+          >{{$t2('关 闭', 'system.button.close2')}}</el-button
+        >
+      </span>
+    </el-dialog>
 
-    <div class="pop-box" v-if="showRenwuDialog">
-      <div>
-        <div class="header-box">
-          <i class="back el-icon-close" @click="showRenwuDialog=false"></i>任务情况预览
-        </div>
-        <div class="flex" style="height:calc(100vh - 38px);overflow:auto">
-          <div class="h5-process-info">
-            <div class="item" v-for="wftaskLineData in wftaskData" :key="wftaskLineData.id">
-              <div class="time">
-                {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(0, 10) : '' }}
-                <br/>
-                {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(11) : '' }}
-              </div>
-              <div class="status"
-                   :class="taskStatuses[wftaskLineData.type]?taskStatuses[wftaskLineData.type].class:''">
-                {{ taskStatuses[wftaskLineData.type] ? taskStatuses[wftaskLineData.type].value : null }}
-              </div>
-              <i class="circle"></i>
-              <div class="info">
-                <p>
-                  <span class="name">{{ wftaskLineData.taskName }}</span>
-                  <span>{{ $t2('执行人', 'components.wf.approverName') }}：{{ wftaskLineData.approverName }}</span>
-                  <span>
-                {{ $t2('候选人', 'components.wf.candidateName') }}：
-                <span class="">{{ wftaskLineData.candidateNames }}</span>
-              </span>
-                </p>
-                <p class="t"><span class="t1">{{ $t2('备注/意见', 'components.wf.opinion') }}：</span><span>{{
-                    wftaskLineData.opinion
-                  }}</span></p>
-              </div>
+    <el-dialog
+      title="任务情况预览"
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+      :visible.sync="showRenwuDialog"
+      :modal="false"
+      custom-class="dialog-style h5view-dialog"
+      width="100%"
+      top="0px"
+      v-el-drag-dialog
+      v-el-dialog-center
+      :append-to-body	="true"
+      :destroy-on-close="true"
+    >
+      <div class="flex">
+        <div class="h5-process-info">
+          <div class="item" v-for="wftaskLineData in wftaskData" :key="wftaskLineData.id">
+            <div class="time">
+              {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(0, 10) : '' }}
+              <br/>
+              {{ wftaskLineData.approveTime ? wftaskLineData.approveTime.substring(11) : '' }}
+            </div>
+            <div class="status"
+                 :class="taskStatuses[wftaskLineData.type]?taskStatuses[wftaskLineData.type].class:''">
+              {{ taskStatuses[wftaskLineData.type] ? taskStatuses[wftaskLineData.type].value : null }}
+            </div>
+            <i class="circle"></i>
+            <div class="info">
+              <p>
+                <span class="name">{{ wftaskLineData.taskName }}</span>
+                <span>{{ $t2('执行人', 'components.wf.approverName') }}：{{ wftaskLineData.approverName }}</span>
+                <span>
+              {{ $t2('候选人', 'components.wf.candidateName') }}：
+              <span class="">{{ wftaskLineData.candidateNames }}</span>
+            </span>
+              </p>
+              <p class="t"><span class="t1">{{ $t2('备注/意见', 'components.wf.opinion') }}：</span><span>{{
+                  wftaskLineData.opinion
+                }}</span></p>
             </div>
           </div>
         </div>
-        <!-- 同上：只读预览，合成一个「关 闭」 -->
-        <div class="fixed-bottom-btns">
-          <el-button type="primary" plain class="btn" @click="showRenwuDialog=false" icon="el-icon-close">{{
-              $t2('关 闭', 'system.button.close2')
-            }}
-          </el-button>
-        </div>
       </div>
-    </div>
+      <!-- 同上：只读预览，合成一个「关 闭」 -->
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          icon="el-icon-close"
+          @click="showRenwuDialog = false"
+          >{{$t2('关 闭', 'system.button.close2')}}</el-button
+        >
+      </span>
+    </el-dialog>
+    <!-- 下面 5 个确认框（中断 / 驳回 / 通过 / 转办 / 加签）都走 v-append-to-body：
+         节点搬到 document.body 下，不再靠 position:fixed 在宿主子树里侥幸生效。
+         它们保持 .pop-tipsBox 的原造型，没有改成 el-dialog——那个圆角卡片 + 顶部
+         溢出圆形图标的样子要用 el-dialog 复刻，得把 header/body/footer 三段默认
+         样式全推翻，样式量不减反增。
 
-    <div class="pop-tipsBox" style="display: block;" v-if="showWfManualDialog">
+         三条约束，改动前先看 directive/append-to-body/index.js 的说明：
+         1. 必须是 v-show，不能换回 v-if（Vue 的 insert() 会静默跳过以被搬走的
+            节点为参照物的插入，兄弟顺序会错乱）；
+         2. 内联 style="display: block;" 不能删（v-show 的 originalDisplay 取自
+            它，删了「显示」态会退回各应用 h5.scss 里 .pop-tipsBox{display:none}）；
+         3. 多挂的 h5-pop-tips 类是样式作用域锚点——搬到 body 后 .xform-h5 前缀
+            全部失配，样式改挂在 .pop-tipsBox.h5-pop-tips 上，既保住原有优先级，
+            又不会误伤同样用 .pop-tipsBox 的 confirmDialog / baseAlert / errorMsg。 -->
+    <div class="pop-tipsBox h5-pop-tips" style="display: block;" v-show="showWfManualDialog"
+         v-append-to-body>
       <div>
         <i class="icon"></i>
         <div class="cont">
@@ -166,7 +202,8 @@
         </div>
       </div>
     </div>
-    <div class="pop-tipsBox" style="display: block;" v-if="rejectDialogVisible">
+    <div class="pop-tipsBox h5-pop-tips" style="display: block;" v-show="rejectDialogVisible"
+         v-append-to-body>
       <div>
         <i class="icon"></i>
         <div class="cont">
@@ -202,7 +239,8 @@
         </div>
       </div>
     </div>
-    <div class="pop-tipsBox" style="display: block;" v-if="agreeDialogVisible">
+    <div class="pop-tipsBox h5-pop-tips" style="display: block;" v-show="agreeDialogVisible"
+         v-append-to-body>
       <div>
         <i class="icon"></i>
         <div class="cont">
@@ -244,7 +282,8 @@
         </div>
       </div>
     </div>
-    <div class="pop-tipsBox" style="display: block;" v-if="changeWfDialogVisible">
+    <div class="pop-tipsBox h5-pop-tips" style="display: block;" v-show="changeWfDialogVisible"
+         v-append-to-body>
       <div>
         <i class="icon"></i>
         <div class="cont">
@@ -287,7 +326,8 @@
         </div>
       </div>
     </div>
-    <div class="pop-tipsBox" style="display: block;" v-if="showAddIncreaseSignDialog">
+    <div class="pop-tipsBox h5-pop-tips" style="display: block;" v-show="showAddIncreaseSignDialog"
+         v-append-to-body>
       <div>
         <i class="icon"></i>
         <div class="cont">
@@ -399,7 +439,10 @@ export default {
        自身 components 与全局注册、不查父组件的局部注册，所以被别处（如 xform 的
        detail-h5-item）引用时会渲染不出来。补上自己的依赖声明。 */
     h5CardPane: () => import('../h5Card/h5CardPane.vue'),
-    UserDialog: () => import('../../../views/mobile/user/user/dialog.vue'),
+    /* 选用户弹层用包内的 selectUserDialog（el-dialog + append-to-body 版）。
+       原来引的 views/mobile/user/user/dialog.vue 仍是 .pop-box 就地渲染版，
+       且 src/views 不随包发布（被包内组件引用属隐式依赖），保持原样不动。 */
+    UserDialog: () => import('./selectUserDialog.vue'),
     urgingDialog: () => import('./urgingDialog'),
     deleteTaskUserDialog: () => import('./deleteTaskUserDialog'),
     addTaskUserdialog: () => import('./addTaskUserdialog'),

package/src/components/mobile/wf/deleteTaskUserDialog.vue

@@ -1,5 +1,19 @@
 <template>
-  <div class="pop-box" :style="'z-index:'+zIndex">
+  <!-- 外壳改成 el-dialog + append-to-body，说明见 urgingDialog.vue。
+       原来的 :style="'z-index:'+zIndex" 去掉了：层级由 element 的 PopupManager
+       统一分配给 .el-dialog__wrapper，再手写一层反而会和它打架。 -->
+  <el-dialog
+    :visible.sync="dialogVisible"
+    :append-to-body="true"
+    :modal="false"
+    :show-close="false"
+    :close-on-click-modal="false"
+    :destroy-on-close="true"
+    custom-class="h5-pop-dialog"
+    width="100%"
+    top="0px"
+    @close="dialogClose"
+  >
     <div>
       <div class="header-box">
         <i class="back el-icon-close" @click="dialogClose"></i>
@@ -40,7 +54,7 @@
         <el-button type="primary" class="btn" @click="dialogPrimary" icon="el-icon-check">确 定</el-button>
       </div>
     </div>
-  </div>
+  </el-dialog>
 </template>
 
 <script>
@@ -49,6 +63,11 @@ import mixin from './mixins/deleteTaskUserDialogMixin';
 
 export default {
   name: 'deleteTaskUserDialog',
-  mixins: [selectDialogMixins, mixin]
+  mixins: [selectDialogMixins, mixin],
+  data() {
+    return {
+      dialogVisible: true
+    };
+  }
 };
 </script>

package/src/components/mobile/wf/selectUserDialog.vue

@@ -0,0 +1,122 @@
+<template>
+  <!-- 移动版「选择用户」弹层（转办人 / 沟通对象 / 候选人）。
+       来源是 views/mobile/user/user/dialog.vue，那份仍被手写移动页用着、且
+       src/views 不随包发布，所以这里另起一份收进包内，原文件保持原样不动。
+
+       与原文件的差别只有三处：
+       1. 外壳从 <div class="pop-box"> 换成 el-dialog + append-to-body —— 节点挂到
+          document.body，不再依赖 position:fixed 在宿主子树里侥幸生效（祖先一旦有
+          transform / display:none 就废），层级交给 element 的 PopupManager；
+       2. 去掉 :style="'z-index:'+zIndex"，同上，避免和 PopupManager 打架；
+       3. 不再 @import resources/css/h5.scss —— 那份不随包发布，且原文件用的是
+          非 scoped 的 <style>，等于把整份手写移动页样式泄成全局。本组件的骨架样式
+          走 xform/styles/h5.scss 的 .h5-pop-dialog（顶层选择器，body 挂载后才命中）。 -->
+  <el-dialog
+    :visible.sync="dialogVisible"
+    :append-to-body="true"
+    :modal="false"
+    :show-close="false"
+    :close-on-click-modal="false"
+    :destroy-on-close="true"
+    custom-class="h5-pop-dialog"
+    width="100%"
+    top="0px"
+    @close="dialogClose"
+  >
+    <div>
+      <div class="header-box">
+        <i class="back el-icon-close" @click="dialogClose"></i>
+        {{ $t1('选择用户') }}
+      </div>
+      <div class="search-H5box">
+        <div class="txt">
+          <el-input placeholder="姓名" suffix-icon="el-icon-search" v-model="formData.nickName"
+                    @keyup.enter.native="searchEvent">
+            <el-button slot="append" @click="searchEvent"> 搜索</el-button>
+          </el-input>
+        </div>
+        <div class="icon-screen" @click="popStatus = true">
+          <i class="iconfont icon-shaixuan1"></i>
+          <span>{{ $t1('高级筛选') }}</span>
+        </div>
+      </div>
+      <div class="flex">
+        <div class="checkbox-all_list" @scroll="handleScroll">
+          <div v-for="(row,rowIndex) in page.records" :key="rowIndex" class="order-item"
+               :class="{on:isChecked(row)}" @click="changeCheck(row,rowIndex)">
+            <div class="is-checked" v-if="isChecked(row)"><i class="el-icon-check"></i>已选择</div>
+            <div class="t1">
+              <i class="icon"></i>
+              <span>{{ row.nickName }}</span>
+            </div>
+            <div class="t2">
+              <p>登录名：{{ row.loginAccount }}</p>
+              <p>角色：{{ row.roleNames }}</p>
+              <p>机构：{{ row.saleOrgNames }}</p>
+              <p>邮编：{{ row.zipCode }}</p>
+              <p>地址：{{ row.address }}</p>
+              <p>性别：{{ genderMap[row.gender] }}</p>
+              <p>所属组织：{{ row.companyNames }}</p>
+            </div>
+          </div>
+        </div>
+        <div class="checkbox-all">
+          <div class='ca-t'>已选择用户：</div>
+          <div class="ca-c">
+          <span v-for="(checkRow, rowIndex) in checkRows" :key="rowIndex">{{ checkRow.nickName }}<i
+            class="el-icon-delete" @click="changeCheck(checkRow)"></i></span>
+          </div>
+        </div>
+      </div>
+      <div class="fixed-bottom-btns">
+        <el-button type="primary" plain class="btn" @click="dialogClose" icon="el-icon-close">{{ $t1('取 消') }}
+        </el-button>
+        <el-button type="primary" class="btn" @click="dialogPrimary" icon="el-icon-check">{{ $t1('确 定') }}</el-button>
+      </div>
+      <h5SearchDialog v-if="popStatus" :visiable.sync="popStatus" @searchEvent="confirmSearchDialog"
+                      @resetEvent="resetSearchDialog">
+        <el-form label-position="top">
+          <el-form-item label="登录名">
+            <el-input v-model="formData.loginAccount" class="txt" clearable/>
+          </el-form-item>
+          <el-form-item label="姓名">
+            <el-input v-model="formData.nickName" class="txt" clearable/>
+          </el-form-item>
+        </el-form>
+      </h5SearchDialog>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import mixin from "@base/mixins/mobile/selectDialog/index";
+
+export default {
+  name: 'selectUserDialog',
+  mixins: [mixin],
+  props: ['visiable', 'multi', 'rows', 'param'],
+  data() {
+    return {
+      // 父级用 v-if 控制存活，组件一挂载就是「已打开」。关闭统一走 dialogClose()
+      // 向父级 $emit('update:visiable', false)，由父级的 v-if 销毁本组件。
+      dialogVisible: true,
+      genderMap: {1: '男', 2: '女'}
+    };
+  },
+  created() {
+    this.initSetting({
+      url: USER_PREFIX + '/user/listCurrentPage',
+      param: () => {
+        return {
+          enabled: true,
+          ...this.formData,
+          ...this.param,
+        }
+      }
+    })
+  },
+  mounted() {
+    this.searchEvent();
+  }
+};
+</script>

package/src/components/mobile/wf/setCandidateDialog.vue

@@ -1,6 +1,20 @@
 <template>
   <div>
-    <div class="pop-box">
+    <!-- 外壳改成 el-dialog + append-to-body，说明见 urgingDialog.vue。
+         下面的选用户弹层是本弹层里再弹一层，两层都由 PopupManager 递增发号，
+         后开的天然在上，不用手写 z-index。 -->
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :modal="false"
+      :show-close="false"
+      :close-on-click-modal="false"
+      :destroy-on-close="true"
+      custom-class="h5-pop-dialog"
+      width="100%"
+      top="0px"
+      @close="dialogClose"
+    >
       <div>
         <div class="header-box">
           <i class="back el-icon-close" @click="dialogClose"></i>
@@ -30,7 +44,7 @@
           <el-button type="primary" class="btn" @click="dialogClose" icon="el-icon-check">确 定</el-button>
         </div>
       </div>
-    </div>
+    </el-dialog>
     <user-dialog v-if="showUserDialog" :visiable.sync="showUserDialog" @close="showUserDialog = false"
                  @confirm="userConfirm" multi="true" :rows="userRows"></user-dialog>
   </div>
@@ -39,10 +53,17 @@
 <script>
 import selectDialogMixins from '../../../mixins/mobile/selectDialog/index.js';
 import mixin from './mixins/setCandidateDialogMixin';
-import userDialog from "../../../views/mobile/user/user/dialog.vue";
+// 选用户弹层改用包内的 selectUserDialog（el-dialog 版）。原来引的
+// views/mobile/user/user/dialog.vue 仍是 .pop-box 版、且不随包发布，保持原样不动。
+import userDialog from "./selectUserDialog.vue";
 
 export default {
   mixins: [selectDialogMixins, mixin],
-  components: {userDialog}
+  components: {userDialog},
+  data() {
+    return {
+      dialogVisible: true
+    };
+  }
 };
 </script>

package/src/components/mobile/wf/urgingDialog.vue

@@ -1,5 +1,21 @@
 <template>
-  <div class="pop-box">
+  <!-- 外壳是 el-dialog + append-to-body：节点挂到 document.body，不再依赖
+       `position:fixed` 在宿主子树里侥幸生效（祖先一旦有 transform/display:none 就废），
+       层级也交给 element 的 PopupManager，不用再手写 z-index。
+       el-dialog 自带的表头关掉——标题和关闭按钮都在下面的 .header-box 里。
+       骨架样式见 xform/styles/h5.scss 的 .h5-pop-dialog（必须是顶层选择器）。 -->
+  <el-dialog
+    :visible.sync="dialogVisible"
+    :append-to-body="true"
+    :modal="false"
+    :show-close="false"
+    :close-on-click-modal="false"
+    :destroy-on-close="true"
+    custom-class="h5-pop-dialog"
+    width="100%"
+    top="0px"
+    @close="dialogClose"
+  >
     <div>
       <div class="header-box">
         <i class="back el-icon-close" @click="dialogClose"></i>
@@ -38,7 +54,7 @@
         </el-button>
       </div>
     </div>
-  </div>
+  </el-dialog>
 </template>
 
 <script>
@@ -47,6 +63,13 @@ import mixin from './mixins/urgingDialogMixin';
 
 export default {
   name: 'urgingDialog',
-  mixins: [selectDialogMixins, mixin]
+  mixins: [selectDialogMixins, mixin],
+  data() {
+    // 父级用 v-if 控制存活，组件一挂载就是「已打开」。关闭统一走 dialogClose()
+    // 向父级 $emit('update:visiable', false)，由父级的 v-if 销毁本组件。
+    return {
+      dialogVisible: true
+    };
+  }
 };
 </script>

package/src/components/mobile/wf/wfModifyDialog.vue

@@ -1,4 +1,8 @@
 <template>
+  <!-- 注意：这一个没有跟着「移动版流程弹层改 el-dialog + append-to-body」那一轮走，
+       仍是 .pop-box 就地渲染。原因是 H5 不需要「修改单据」——xform H5 底栏明确
+       不放这个按钮（见 form-render/container-item/detail-h5-item.vue 的说明），
+       它只从手写移动页的 buttonGroup 进。样式仍走各应用自己的 h5.scss。 -->
   <div class="pop-box">
     <div>
       <div class="header-box">

package/src/components/xform/form-designer/designer.js

@@ -148,12 +148,17 @@ let chartContainers = [],
 
       clearDesigner(skipHistoryChange) {
         let emptyWidgetListFlag = this.widgetList.length === 0;
+        /* 版式是"当前在设计哪一端"，不是表单内容的一部分。defaultFormConfig 里没有
+           layoutType，overwriteObj 之后 getLayoutType() 会退回 "PC" —— 在 H5 模板里
+           点一下「清空」，左侧面板就跳回 PC 组件列表了。先存后还。 */
+        let keepLayoutType = this.getLayoutType();
         this.widgetList = [];
         this.selectedId = null;
         this.selectedWidgetName = null;
         this.selectedWidget = {}; //this.selectedWidget = null
         baseRefUtil.overwriteObj(this.formConfig, defaultFormConfig); //
         this.formConfig.gridConfig = defaultFormConfig.gridConfig;
+        this.formConfig.layoutType = keepLayoutType;
 
         if (!!skipHistoryChange) {
           //什么也不做！！
@@ -1543,57 +1548,35 @@ let chartContainers = [],
           newCol.options.label = "基本信息";
           newCon.panes.push(newCol);
         } else if (newCon.type === "detail-h5") {
-          /*let newTab = this.copyNewContainerWidget(this.getContainerByType('tab'));
-          newCon.panes.push(newTab)
-
-          newTab.options.tabClass = "tab-box";
-          let newTabPane = newTab.tabs[0];
-          newTabPane.options.label = '基本信息';*/
-
-          //基本信息
+          // 一张 h5-card：基础信息 / 明细信息 / 附件信息
           let newCard = this.copyNewContainerWidget(
             this.getContainerByType("h5-card")
           );
-          // newTabPane.widgetList.push(newCard);
           newCon.panes.push(newCard);
 
-          //明细信息
+          // 基础信息：默认放 h5 表格（一行两列），对齐 PC 详情的「基础信息 + 表格」
+          let basicPane = newCard.panes[0];
+          if (basicPane) {
+            basicPane.options.label = "基础信息";
+            let h5Table = this.copyNewContainerWidget(
+              this.getContainerByType("h5-table")
+            );
+            basicPane.widgetList.push(h5Table);
+          }
+
+          // 明细信息：H5 列表；只读阶段不预置新增/查看按钮（点行仍可进详情）
           let newCardPane = this.copyNewContainerWidget(
             this.getContainerByType("h5-card-pane")
           );
           newCardPane.options.label = "明细信息";
           newCard.panes.push(newCardPane);
 
-          //列表
           let listH5 = this.copyNewContainerWidget(
             this.getContainerByType("list-h5")
-          ); //vabUpload
-          newCardPane.widgetList.push(listH5);
-
-          //列表新增按钮
-          let buttonCon = this.copyNewFieldWidget(
-            this.getFieldWidgetByType("button")
-          );
-          buttonCon.options.label = "新增";
-          buttonCon.options.icon = "el-icon-search";
-          buttonCon.options.onClick =
-            "this.getWidgetRef('" + listH5.options.name + "').addTableData();";
-          newCardPane.buttonWidgetList.push(buttonCon);
-
-          //列表行查看按钮
-          buttonCon = this.copyNewFieldWidget(
-            this.getFieldWidgetByType("button")
           );
-          buttonCon.options.rowFlag = true;
-          buttonCon.options.label = "查看";
-          buttonCon.options.icon = "el-icon-edit";
-          buttonCon.options.onClick =
-            "this.getWidgetRef('" +
-            listH5.options.name +
-            "').openRowDetailDialog(row);";
-          listH5.lineButtons.push(buttonCon);
+          newCardPane.widgetList.push(listH5);
 
-          //附件信息
+          // 附件信息
           newCardPane = this.copyNewContainerWidget(
             this.getContainerByType("h5-card-pane")
           );
@@ -1602,30 +1585,31 @@ let chartContainers = [],
 
           let vabUploadCon = this.copyNewFieldWidget(
             this.getFieldWidgetByType("vabUpload")
-          ); //vabUpload
+          );
           newCardPane.widgetList.push(vabUploadCon);
         } else if (newCon.type === "h5-table") {
-          for (let i = 0; i < 4; i++) {
+          /* 默认 4 行 × 2 列，对齐 H5「一行两个」的紧凑版式。
+             不再预置 input：H5 面板已下架单行输入，空单元格由设计者拖入字段。 */
+          const h5TableCols = 2;
+          const h5TableRows = 4;
+          for (let i = 0; i < h5TableRows; i++) {
             let newRow = {
               cols: [],
             };
             newRow.id = "table-row-" + baseRefUtil.generateId();
             newRow.merged = false;
 
-            let newCell = baseRefUtil.deepClone(
-              this.getContainerByType("h5-table-cell")
-            );
-            newCell.id = "table-cell-" + baseRefUtil.generateId();
-            newCell.options.name = newCell.id;
-            newCell.merged = false;
-            newCell.options.colspan = 1;
-            newCell.options.rowspan = 1;
-            newRow.cols.push(newCell);
-
-            let newInput = this.copyNewFieldWidget(
-              this.getFieldWidgetByType("input")
-            );
-            newCell.widgetList.push(newInput);
+            for (let j = 0; j < h5TableCols; j++) {
+              let newCell = baseRefUtil.deepClone(
+                this.getContainerByType("h5-table-cell")
+              );
+              newCell.id = "table-cell-" + baseRefUtil.generateId();
+              newCell.options.name = newCell.id;
+              newCell.merged = false;
+              newCell.options.colspan = 1;
+              newCell.options.rowspan = 1;
+              newRow.cols.push(newCell);
+            }
 
             newCon.rows.push(newRow);
           }