瀏覽代碼

资料填报样式修改

duy 1 周之前
父節點
當前提交
6cf26ef4fe
共有 2 個文件被更改,包括 378 次插入419 次删除
  1. 95 108
      src/styles/data-fill/wbs.scss
  2. 283 311
      src/views/data-fill/wbs.vue

+ 95 - 108
src/styles/data-fill/wbs.scss

@@ -2,113 +2,7 @@
     display: flex;
     position: relative;
     height: 100%;
-    .hc-layout-left-box {
-        width: 382px;
-        position: relative;
-        background: white;
-        border-radius: 10px;
-        transition: 0.2s;
-        margin-right: 16px;
-        margin-left: -24px;
-        visibility: hidden;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #00000000;
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            display: flex;
-            align-items: flex-start;
-            border-bottom: 1px solid #E9E9E9;
-            .hc-project-icon-box {
-                font-size: 30px;
-                color: var(--el-color-primary);
-            }
-            .project-name-box {
-                flex: auto;
-                position: relative;
-                overflow: hidden;
-                .project-alias {
-                    color: var(--el-color-primary);
-                }
-                .project-name {
-                    margin-top: 6px;
-                    color: #838791;
-                }
-            }
-        }
-        .hc-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 187px);
-            .hc-tree-back-to {
-                font-size: 12px;
-                margin-bottom: 10px;
-            }
-            .hc-search-tree-val {
-                position: relative;
-                margin-bottom: 10px;
-            }
-            .hc-tree-scrollbar {
-                position: relative;
-                height: calc(100% - 44px);
-            }
-        }
-        .hc-tree-foot-tip-box {
-            position: absolute;
-            border-top: 1px solid #E9E9E9;
-            padding: 15px 24px;
-            width: 100%;
-            bottom: 0;
-            .dot-view {
-                position: relative;
-                display: inline-flex;
-                width: 50%;
-                align-items: center;
-                padding-left: 24px;
-                margin-top: 15px;
-                &:before {
-                    position: absolute;
-                    left: 0;
-                    content: "";
-                    width: 15px;
-                    height: 15px;
-                    background-color: inherit;
-                    border-radius: 25px;
-                }
-                &.green:before {
-                    background-color: #1ECC95;
-                }
-                &.black:before {
-                    background-color: #111111;
-                }
-                &.orange:before {
-                    background-color: #f37b1d;
-                }
-                &.blue:before {
-                    background-color: #0081ff;
-                }
-                &.red:before {
-                    background-color: red;
-                }
-            }
-        }
-        &.on-transition {
-            transition: none;
-        }
-        &.show {
-            margin-left: 0;
-            visibility: visible;
-        }
-    }
+ 
     .hc-layout-content-box {
         flex: 1;
         display: inline-grid;
@@ -124,7 +18,7 @@
         }
     }
 }
-
+ 
 .hc-tree-mp-tip-box {
     position: relative;
     display: flex;
@@ -313,3 +207,96 @@
     margin-top: 24px;
 }
 
+
+ .left-box-container{
+           
+        height: 100%;
+        background: #f1f5f8;
+        border-radius: 10px;
+       
+        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
+                .hc-project-box {
+                    position: relative;
+                    padding: 15px 24px;
+                    display: flex;
+                    align-items: flex-start;
+                    border-bottom: 1px solid #E9E9E9;
+                    .hc-project-icon-box {
+                        font-size: 30px;
+                        color: var(--el-color-primary);
+                    }
+                    .project-name-box {
+                        flex: auto;
+                        position: relative;
+                        overflow: hidden;
+                        .project-alias {
+                            color: var(--el-color-primary);
+                        }
+                        .project-name {
+                            margin-top: 6px;
+                            color: #838791;
+                        }
+                    }
+                }
+                .hc-tree-box {
+                    position: relative;
+                    padding: 15px 20px;
+                    height: calc(100% - 220px);
+              
+                    .hc-tree-back-to {
+                        font-size: 12px;
+                        margin-bottom: 10px;
+                    }
+                    .hc-search-tree-val {
+                        position: relative;
+                        margin-bottom: 10px;
+                    }
+                    .hc-tree-scrollbar {
+                        position: relative;
+           
+                        height: calc(100% - 44px);
+                    }
+                }
+                .hc-tree-foot-tip-box {
+                    position: absolute;
+                    border-top: 1px solid #E9E9E9;
+                    padding: 15px 24px;
+                    width: 100%;
+                    bottom: 0;
+                    .dot-view {
+                        position: relative;
+                        display: inline-flex;
+                        width: 50%;
+                        align-items: center;
+                        padding-left: 24px;
+                        margin-top: 15px;
+                        &:before {
+                            position: absolute;
+                            left: 0;
+                            content: "";
+                            width: 15px;
+                            height: 15px;
+                            background-color: inherit;
+                            border-radius: 25px;
+                        }
+                        &.green:before {
+                            background-color: #1ECC95;
+                        }
+                        &.black:before {
+                            background-color: #111111;
+                        }
+                        &.orange:before {
+                            background-color: #f37b1d;
+                        }
+                        &.blue:before {
+                            background-color: #0081ff;
+                        }
+                        &.red:before {
+                            background-color: red;
+                        }
+                    }
+                }
+     
+        }
+
+    

+ 283 - 311
src/views/data-fill/wbs.vue

@@ -1,340 +1,312 @@
 <template>
     <div class="h-full">
-        <div
-            v-if="wbsTypeTabKey === 'tree'"
-            v-loading="nodeSaveLoading"
-            class="hc-layout-box"
-            element-loading-text="批量保存数据中..."
-        >
-            <div
-                id="wbs-left-tree"
-                :class="[
-                    isWbsTreeShow ? 'show' : '',
-                    isMouseTree ? 'on-transition' : '',
-                ]"
-                :style="`width:${isWbsTreeShow ? leftWidth : 0}px; ${
-                    isWbsTreeShow ? '' : 'display: none'
-                }`"
-                class="hc-layout-left-box bg-white"
-            >
-                <div class="hc-project-box">
-                    <div class="hc-project-icon-box">
-                        <HcIcon name="stack" />
-                    </div>
-                    <div class="project-name-box ml-2">
-                        <div class="project-alias">
-                            {{ projectInfo?.projectName }}
+        <hc-page-split v-if="wbsTypeTabKey === 'tree'">
+            <template #left>
+                <div class="left-box-container bg-white">
+                    <div class="hc-project-box">
+                        <div class="hc-project-icon-box">
+                            <HcIcon name="stack" />
+                        </div>
+                        <div class="project-name-box ml-2">
+                            <div class="project-alias">
+                                {{ projectInfo?.projectName }}
+                            </div>
                         </div>
                     </div>
-                </div>
-                <div class="hc-tree-box hc-tree-box1">
-                    <div class="hc-tree-back-to">
-                        <el-link type="primary" @click="gobackHistory">
-                            回到上一次填报部位
-                        </el-link>
-                        <el-link
-                            type="warning"
-                            class="ml-4"
-                            @click="wbsMapTypeTab"
-                        >
-                            导图结构填报
-                        </el-link>
-                        <HcTooltip keys="data-fill-wbs-hide-btn">
-                            <el-button
-                                class="data-fill-wbs-hide-btn ml-6"
-                                hc-btn
-                                keys="data-fill-wbs-hide-btn"
-                                :loading="hideSaveLoading"
-                                @click="hideTreeNode"
+                    <div class="hc-tree-box hc-tree-box1">
+                        <div class="hc-tree-back-to">
+                            <el-link type="primary" @click="gobackHistory">
+                                回到上一次填报部位
+                            </el-link>
+                            <el-link
+                                type="warning"
+                                class="ml-4"
+                                @click="wbsMapTypeTab"
                             >
-                                隐藏
-                            </el-button>
-                        </HcTooltip>
-                    </div>
-                    <div class="hc-search-tree-val">
-                        <el-input
-                            v-model="searchTreeVal"
-                            clearable
-                            block
-                            placeholder="请输入名称关键词检索"
-                            @keyup="searchTreeKeyUp"
+                                导图结构填报
+                            </el-link>
+                            <HcTooltip keys="data-fill-wbs-hide-btn">
+                                <el-button
+                                    class="data-fill-wbs-hide-btn ml-6"
+                                    hc-btn
+                                    keys="data-fill-wbs-hide-btn"
+                                    :loading="hideSaveLoading"
+                                    @click="hideTreeNode"
+                                >
+                                    隐藏
+                                </el-button>
+                            </HcTooltip>
+                        </div>
+                        <div class="hc-search-tree-val">
+                            <el-input
+                                v-model="searchTreeVal"
+                                clearable
+                                block
+                                placeholder="请输入名称关键词检索"
+                                @keyup="searchTreeKeyUp"
+                            >
+                                <template #suffix>
+                                    <HcIcon
+                                        name="search-2"
+                                        ui="text-xl iscusor"
+                                        @click="searchTreeClick"
+                                    />
+                                </template>
+                            </el-input>
+                        </div>
+                        <div
+                            v-if="isShowLeft"
+                            id="hc-tree-scrollbar"
+                            v-loading="treeLoading"
+                            class="hc-tree-scrollbar"
+                            element-loading-text="获取数据中..."
                         >
-                            <template #suffix>
-                                <HcIcon
-                                    name="search-2"
-                                    ui="text-xl iscusor"
-                                    @click="searchTreeClick"
+                            <el-scrollbar
+                                v-show="isSearchTree"
+                                class="scroll-bar-right-16"
+                            >
+                                <HcDataTree
+                                    is-load-menu
+                                    :datas="searchTreeData"
+                                    :is-mark="TreeMark"
+                                    :menus="ElTreeMenu"
+                                    is-counts
+                                    is-type
+                                    :auto-expand-keys="TreeAutoExpandKeys"
+                                    default-expand-all
+                                    is-form-date
+                                    @node-tap="wbsElTreeClick"
+                                    @menu-tap="ElTreeMenuClick"
+                                    @load-menu="loadMenu"
                                 />
-                            </template>
-                        </el-input>
+                            </el-scrollbar>
+                            <el-scrollbar
+                                v-show="!isSearchTree"
+                                class="scroll-bar-right-16"
+                            >
+                                <HcLazyTree
+                                    ref="wbstree"
+                                    is-form-date
+                                    is-load-menu
+                                    :auto-expand-keys="TreeAutoExpandKeys"
+                                    :is-mark="TreeMark"
+                                    :menus="ElTreeMenu"
+                                    is-counts
+                                    is-type
+                                    show-checkbox
+                                    check-strictly
+                                    @load="treeLoadNode"
+                                    @menu-tap="ElTreeMenuClick"
+                                    @node-loading="ElTreeNodeLoading"
+                                    @node-tap="wbsElTreeClick"
+                                    @check="ElTreeNodeCheck"
+                                    @load-menu="loadMenu"
+                                />
+                            </el-scrollbar>
+                        </div>
                     </div>
-                    <div
-                        v-if="isShowLeft"
-                        id="hc-tree-scrollbar"
-                        v-loading="treeLoading"
-                        class="hc-tree-scrollbar"
-                        element-loading-text="获取数据中..."
-                    >
-                        <el-scrollbar
-                            v-show="isSearchTree"
-                            class="scroll-bar-right-16"
-                        >
-                            <HcDataTree
-                                is-load-menu
-                                :datas="searchTreeData"
-                                :is-mark="TreeMark"
-                                :menus="ElTreeMenu"
-                                is-counts
-                                is-type
-                                :auto-expand-keys="TreeAutoExpandKeys"
-                                default-expand-all
-                                is-form-date
-                                @node-tap="wbsElTreeClick"
-                                @menu-tap="ElTreeMenuClick"
-                                @load-menu="loadMenu"
-                            />
-                        </el-scrollbar>
-                        <el-scrollbar
-                            v-show="!isSearchTree"
-                            class="scroll-bar-right-16"
-                        >
-                            <HcLazyTree
-                                ref="wbstree"
-                                is-form-date
-                                is-load-menu
-                                :auto-expand-keys="TreeAutoExpandKeys"
-                                :is-mark="TreeMark"
-                                :menus="ElTreeMenu"
-                                is-counts
-                                is-type
-                                show-checkbox
-                                check-strictly
-                                @load="treeLoadNode"
-                                @menu-tap="ElTreeMenuClick"
-                                @node-loading="ElTreeNodeLoading"
-                                @node-tap="wbsElTreeClick"
-                                @check="ElTreeNodeCheck"
-                                @load-menu="loadMenu"
-                            />
-                        </el-scrollbar>
+                    <div class="hc-tree-foot-tip-box">
+                        <div class="dot-view green">已审批</div>
+                        <div class="dot-view black">未填报</div>
+                        <div class="dot-view orange">已填报-待审批</div>
+                        <div class="dot-view blue">已填报-未上报</div>
                     </div>
                 </div>
-                <div class="hc-tree-foot-tip-box">
-                    <div class="dot-view green">已审批</div>
-                    <div class="dot-view black">未填报</div>
-                    <div class="dot-view orange">已填报-待审批</div>
-                    <div class="dot-view blue">已填报-未上报</div>
-                </div>
-                <!-- 左右拖动 -->
-                <div class="horizontal-drag-line" @mousedown="onmousedown" />
-            </div>
-            <div
-                id="wbs-content-box"
-                v-loading="ListItemLoading"
-                class="hc-layout-content-box"
+            </template>
+   
+            <hc-tab-card
+                :tabs="authBtnTabdata"
+                :tab-key="authBtnTabKey"
+                @change="authBtnTabClick"
             >
-                <!---展开收缩树 -->
-                <div
-                    class="hc-expansion-contraction-tree"
-                    @click="setWbsTreeShow"
-                >
-                    <HcIcon v-show="isWbsTreeShow" name="arrow-left-s" />
-                    <HcIcon v-show="!isWbsTreeShow" name="arrow-right-s" />
-                </div>
-                <hc-tab-card
-                    :tabs="authBtnTabdata"
-                    :tab-key="authBtnTabKey"
-                    @change="authBtnTabClick"
-                >
-                    <template #extra>
-                        <div v-if="ListItemDatas.length > 0 && isTemplateType" class="mr-2 flex items-center justify-center whitespace-nowrap">
-                            <div class="font-500">  文件题名</div>
-                            <div class="title-input h-[30px] flex items-center leading-[30px]" :style="{ width: titleInput ? '' : '100px' }">{{ titleInput }}</div>
-                        </div>
+                <template #extra>
+                    <div v-if="ListItemDatas.length > 0 && isTemplateType" class="mr-2 flex items-center justify-center whitespace-nowrap">
+                        <div class="font-500">  文件题名</div>
+                        <div class="title-input h-[30px] flex items-center leading-[30px]" :style="{ width: titleInput ? '' : '100px' }">{{ titleInput }}</div>
+                    </div>
                         
-                        <HcTooltip keys="node_base_data">
-                            <el-button
-                                v-if="isTemplateType"
-                                hc-btn
-                                type="primary"
-                                :disabled="
-                                    !primaryKeyId
-                                "
+                    <HcTooltip keys="node_base_data">
+                        <el-button
+                            v-if="isTemplateType"
+                            hc-btn
+                            type="primary"
+                            :disabled="
+                                !primaryKeyId
+                            "
                               
-                                @click="nodeBaseDataClick"
-                            >
-                                节点基础数据
-                            </el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="wbs_views_sort_btn">
-                            <el-button
-                                v-if="nodeDataInfo?.nodeClass !== 2"
-                                :disabled="ListItemDatas.length <= 0 || (nodeDataInfo?.colorStatus !== 1 && nodeDataInfo?.colorStatus !== 2)"
+                            @click="nodeBaseDataClick"
+                        >
+                            节点基础数据
+                        </el-button>
+                    </HcTooltip>
+                    <HcTooltip keys="wbs_views_sort_btn">
+                        <el-button
+                            v-if="nodeDataInfo?.nodeClass !== 2"
+                            :disabled="ListItemDatas.length <= 0 || (nodeDataInfo?.colorStatus !== 1 && nodeDataInfo?.colorStatus !== 2)"
 
 
-                                hc-btn
-                                type="primary"
-                                @click="sortFormClick"
-                            >
-                                排序
-                            </el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="wbs_views_node_save_btn">
-                            <el-button
-                                v-if="nodeDataInfo?.nodeClass !== 2"
-                                :loading="nodeSaveLoading"
-                                hc-btn
-                                type="primary"
-                                @click="NodeSaveClick"
-                            >
-                                辅助保存
-                            </el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="wbs_views_drawings">
-                            <el-button
-                                v-if="nodeDataInfo?.nodeClass !== 2"
-                                :disabled="
-                                    nodeDataInfo?.drawingsId === -1
-                                        || nodeDataInfo?.drawingsId === null
-                                "
-                                hc-btn
-                                color="#e03997"
-                                @click="viewsDrawings"
-                            >
-                                图纸
-                            </el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="wbs_preview">
-                            <el-button
-                                :disabled="NodeStatus === '1'"
-                                :loading="bussPdfsLoading"
-                                hc-btn
-                                color="#A16222"
-                                @click="bussPdfsClick"
-                            >
-                                预览
-                            </el-button>
-                        </HcTooltip>
+                            hc-btn
+                            type="primary"
+                            @click="sortFormClick"
+                        >
+                            排序
+                        </el-button>
+                    </HcTooltip>
+                    <HcTooltip keys="wbs_views_node_save_btn">
                         <el-button
+                            v-if="nodeDataInfo?.nodeClass !== 2"
+                            :loading="nodeSaveLoading"
                             hc-btn
-                            color="#A16222"
-                            :disabled="isCanadd"
-                            @click="attachmentModalShow"
+                            type="primary"
+                            @click="NodeSaveClick"
                         >
-                            查看附件
+                            辅助保存
                         </el-button>
+                    </HcTooltip>
+                    <HcTooltip keys="wbs_views_drawings">
                         <el-button
+                            v-if="nodeDataInfo?.nodeClass !== 2"
+                            :disabled="
+                                nodeDataInfo?.drawingsId === -1
+                                    || nodeDataInfo?.drawingsId === null
+                            "
                             hc-btn
-                            :disabled="isCanadd"
-                            color="#567722"
-                            @click="addFilelist"
+                            color="#e03997"
+                            @click="viewsDrawings"
                         >
-                            上传附件
+                            图纸
                         </el-button>
-                        <HcTooltip v-if="NodeStatus !== '3'" keys="wbs_report">
-                            <el-button
-                                v-if="nodeDataInfo?.nodeClass !== 2"
-                                :disabled="
-                                    NodeStatus === '3' || NodeStatus === '1'
-                                "
-                                :loading="reportLoading"
-                                hc-btn
-                                color="#FF976A"
-                                style="color: white"
-                                @click="reportModalClick"
-                            >
-                                上报
-                            </el-button>
-                        </HcTooltip>
-                        <HcTooltip v-if="NodeStatus === '3'" keys="wbs_abolish">
-                            <el-button
-                                v-if="nodeDataInfo?.nodeClass !== 2"
-                                hc-btn
-                                :laoding="abolishLoaing"
-                                color="#FF976A"
-                                style="color: white"
-                                @click="abolishOneClick"
-                            >
-                                撤回上报流程
-                            </el-button>
-                        </HcTooltip>
-                        <HcTooltip keys="wbs_views_sync_data_btn">
-                            <el-button
-                                v-if="
-                                    authBtnTabKey === '2'
-                                        && nodeDataInfo?.nodeClass !== 2
-                                "
-                                hc-btn
-                                color="#37c0fe"
-                                style="color: white"
-                                :loading="syncdataloading"
-                                @click="syncdata"
-                            >
-                                同步质检资料
-                            </el-button>
-                            <el-button
-                                v-if="nodeDataInfo?.majorDataType == 2"
-                                hc-btn
-                                color="#12C060"
-                                style="color: white"
-                                :loading="syncWorkloading"
-                                @click="syncWork"
-                            >
-                                同步工序资料
-                            </el-button>
-                        </HcTooltip>
-
-                        <HcTooltip v-if="NodeStatus !== '3'" keys="wbs_save">
-                            <el-button
-                                v-if="nodeDataInfo?.nodeClass !== 2"
-                                :disabled="
-                                    NodeStatus === '3'
-                                        || ListItemDatas.length <= 0
-                                "
-                                :loading="tableFormSaveLoading"
-                                hc-btn
-                                color="#12C060"
-                                style="color: white; font-weight: bold"
-                                @click="tableFormSaveClick"
-                            >
-                                保存数据
-                            </el-button>
-                        </HcTooltip>
-                    </template>
-                    <el-scrollbar
-                        v-if="ListItemDatas.length > 0"
-                        ref="ListItemScrollRef"
+                    </HcTooltip>
+                    <HcTooltip keys="wbs_preview">
+                        <el-button
+                            :disabled="NodeStatus === '1'"
+                            :loading="bussPdfsLoading"
+                            hc-btn
+                            color="#A16222"
+                            @click="bussPdfsClick"
+                        >
+                            预览
+                        </el-button>
+                    </HcTooltip>
+                    <el-button
+                        hc-btn
+                        color="#A16222"
+                        :disabled="isCanadd"
+                        @click="attachmentModalShow"
+                    >
+                        查看附件
+                    </el-button>
+                    <el-button
+                        hc-btn
+                        :disabled="isCanadd"
+                        color="#567722"
+                        @click="addFilelist"
                     >
-                        <CollapseForm
-                            ref="ListItemRef"
-                            :contract-info="
-                                contractInfo?.contractType === 2
-                                    ? nodeDataInfo?.contractIdRelation
-                                    : contractId
+                        上传附件
+                    </el-button>
+                    <HcTooltip v-if="NodeStatus !== '3'" keys="wbs_report">
+                        <el-button
+                            v-if="nodeDataInfo?.nodeClass !== 2"
+                            :disabled="
+                                NodeStatus === '3' || NodeStatus === '1'
                             "
-                            :tree-auto-expand-keys="TreeAutoExpandKeys"
-                            :classify="authBtnTabKey"
-                            :contract-id="contractId"
-                            :datas="ListItemDatas"
-                            :draw-type="!isDrawType"
-                            :primary-key-id="primaryKeyId"
-                            :status="NodeStatus"
-                            :tenant-id="userInfo?.tenant_id"
-                            :wbs-temp-id="
-                                projectInfo?.referenceWbsTemplateIdTrial
+                            :loading="reportLoading"
+                            hc-btn
+                            color="#FF976A"
+                            style="color: white"
+                            @click="reportModalClick"
+                        >
+                            上报
+                        </el-button>
+                    </HcTooltip>
+                    <HcTooltip v-if="NodeStatus === '3'" keys="wbs_abolish">
+                        <el-button
+                            v-if="nodeDataInfo?.nodeClass !== 2"
+                            hc-btn
+                            :laoding="abolishLoaing"
+                            color="#FF976A"
+                            style="color: white"
+                            @click="abolishOneClick"
+                        >
+                            撤回上报流程
+                        </el-button>
+                    </HcTooltip>
+                    <HcTooltip keys="wbs_views_sync_data_btn">
+                        <el-button
+                            v-if="
+                                authBtnTabKey === '2'
+                                    && nodeDataInfo?.nodeClass !== 2
                             "
-                            :wbs-type="2"
-                            :treenode-data-info="nodeDataInfo"
-                            :newlistdata="newlistdata"
-                            @offset-top="ListItemOffsetTop"
-                            @renew="getTableDataAll"
-                            @get-list="searchNodeAllTable1"
-                        />
-                    </el-scrollbar>
-                    <hc-empty v-else title="暂无表单" />
-                </hc-tab-card>
-            </div>
-        </div>
+                            hc-btn
+                            color="#37c0fe"
+                            style="color: white"
+                            :loading="syncdataloading"
+                            @click="syncdata"
+                        >
+                            同步质检资料
+                        </el-button>
+                        <el-button
+                            v-if="nodeDataInfo?.majorDataType == 2"
+                            hc-btn
+                            color="#12C060"
+                            style="color: white"
+                            :loading="syncWorkloading"
+                            @click="syncWork"
+                        >
+                            同步工序资料
+                        </el-button>
+                    </HcTooltip>
+
+                    <HcTooltip v-if="NodeStatus !== '3'" keys="wbs_save">
+                        <el-button
+                            v-if="nodeDataInfo?.nodeClass !== 2"
+                            :disabled="
+                                NodeStatus === '3'
+                                    || ListItemDatas.length <= 0
+                            "
+                            :loading="tableFormSaveLoading"
+                            hc-btn
+                            color="#12C060"
+                            style="color: white; font-weight: bold"
+                            @click="tableFormSaveClick"
+                        >
+                            保存数据
+                        </el-button>
+                    </HcTooltip>
+                </template>
+                <el-scrollbar
+                    v-if="ListItemDatas.length > 0"
+                    ref="ListItemScrollRef"
+                >
+                    <CollapseForm
+                        ref="ListItemRef"
+                        :contract-info="
+                            contractInfo?.contractType === 2
+                                ? nodeDataInfo?.contractIdRelation
+                                : contractId
+                        "
+                        :tree-auto-expand-keys="TreeAutoExpandKeys"
+                        :classify="authBtnTabKey"
+                        :contract-id="contractId"
+                        :datas="ListItemDatas"
+                        :draw-type="!isDrawType"
+                        :primary-key-id="primaryKeyId"
+                        :status="NodeStatus"
+                        :tenant-id="userInfo?.tenant_id"
+                        :wbs-temp-id="
+                            projectInfo?.referenceWbsTemplateIdTrial
+                        "
+                        :wbs-type="2"
+                        :treenode-data-info="nodeDataInfo"
+                        :newlistdata="newlistdata"
+                        @offset-top="ListItemOffsetTop"
+                        @renew="getTableDataAll"
+                        @get-list="searchNodeAllTable1"
+                    />
+                </el-scrollbar>
+                <hc-empty v-else title="暂无表单" />
+            </hc-tab-card>
+        </hc-page-split>
         <hc-new-card
             v-if="wbsTypeTabKey === 'map'"
             id-ref="wbs-node-tree-card-target"