新主题更改

src/views/agree/land/collapse-form/index.scss

@@ -0,0 +1,157 @@
+table {
+    width: 100%;
+}
+.data-fill-list-box {
+    position: relative;
+    .hc-collapse-item-header {
+        flex: 1;
+        position: relative;
+        margin-left: 10px;
+        display: flex;
+        align-items: center;
+        .real-fill-rate {
+            position: relative;
+            height: 100%;
+            line-height: initial;
+            margin-right: 18px;
+            padding-right: 18px;
+            &::after {
+                content: "";
+                background: #bfc8cf;
+                position: absolute;
+                right: 0;
+                height: 100%;
+                width: 1px;
+                top: 0;
+            }
+            .tag {
+                position: relative;
+                background: white;
+                font-size: 12px;
+                color: #BD3124;
+                padding: 1px 6px;
+                border-radius: 3px;
+                border: 1px solid #BD3124;
+                margin-bottom: 2px;
+                margin-top: 2px;
+            }
+            .tag.yes {
+                color: #88CF65;
+                border-color: #88CF65;
+            }
+        }
+        .item-title {
+            flex: 1;
+            position: relative;
+            user-select: none;
+            color: #591BB7;
+            font-size: 16px;
+            font-weight: bold;
+            cursor: pointer;
+        }
+        .hc-extra-text-box {
+            position: relative;
+            padding-right: 24px;
+            line-height: initial;
+        }
+    }
+    .data-fill-list-item-content {
+        position: relative;
+        height: calc(100vh - 222px);
+        .data-fill-table-form-box {
+            position: relative;
+            height: calc(100% - 36px);
+            overflow: hidden;
+            border: 4px solid #c4c4c4;
+            &.is-window {
+                border: 0;
+                .hc-window-tip {
+                    position: relative;
+                    height: 100%;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    .table-form-no {
+                        position: relative;
+                        img {
+                            width: 380px;
+                        }
+                        .desc {
+                            text-align: center;
+                            font-size: 20px;
+                            color: #aaa;
+                        }
+                    }
+                }
+            }
+            .form-window-icon {
+                position: absolute;
+                top: 10px;
+                right: 10px;
+                background: #3794FF;
+                color: white;
+                font-size: 20px;
+                width: 32px;
+                height: 32px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                border-radius: 30px;
+                cursor: pointer;
+                &:hover {
+                    background: #204DA0;
+                }
+            }
+        }
+        .data-fill-table-action {
+            position: relative;
+            display: flex;
+            align-items: center;
+            padding: 4px 10px;
+            .tip-action {
+                cursor: pointer;
+                margin-right: 24px;
+            }
+            .link-action {
+                position: relative;
+                flex: 1;
+            }
+            .btn-action {
+                position: relative;
+            }
+        }
+    }
+}
+.radio-group-box {
+    text-align: center;
+}
+
+.data-fill-table-tip-box {
+    position: relative;
+    .tip-title {
+        font-size: 16px;
+        margin-bottom: 10px;
+        display: flex;
+        align-items: center;
+    }
+    .tip-item {
+        margin-bottom: 20px;
+    }
+    .table-tip-foot {
+        position: absolute;
+        bottom: 15px;
+        right: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        padding: 0 15px;
+        .tip-left-btn {
+            flex: 1;
+            .dow-text {
+                cursor: pointer;
+                display: flex;
+                align-items: center;
+            }
+        }
+    }
+}

src/views/agree/land/collapse-form/index.vue

@@ -9,15 +9,15 @@
                                 {{ item.tableName }}
                             </div>
                             <div class="hc-extra-text-box">
-                                <el-button :loading="copyClickLoading" plain type="primary" @click.stop="copyClick(item, index)">
+                                <el-link :loading="copyClickLoading" plain type="primary" @click.stop="copyClick(item, index)">
                                     复制本表
-                                </el-button>
-                                <el-button :disabled="!item?.pdfUrl" plain type="primary" @click.stop="previewClick(item)">
+                                </el-link>
+                                <el-link :disabled="!item?.pdfUrl" plain type="primary" @click.stop="previewClick(item)">
                                     预览
-                                </el-button>
-                                <el-button plain type="primary" :loading="tableFormSaveLoading" @click="tableFormSaveClick(item, null, index)">
+                                </el-link>
+                                <el-link plain type="primary" :loading="tableFormSaveLoading" @click="tableFormSaveClick(item, null, index)">
                                     保存
-                                </el-button>
+                                </el-link>
                             </div>
                         </div>
                     </template>
@@ -882,10 +882,17 @@ defineExpose({
 })
 </script>
 
-<style lang="scss" scoped>
+<!-- <style lang="scss" scoped>
 @import "../../components/collapse-form.scoped.scss";
 </style>
 
 <style lang="scss">
 @import "../../components/collapse-form.scss";
+</style> -->
+<style lang="scss" scoped>
+@import "./index.scss";
 </style>
+
+<style lang="scss">
+@import "./style.scss";
+</style>

src/views/agree/land/collapse-form/style.scss

@@ -0,0 +1,113 @@
+//插入特殊字符弹窗的输入框
+.data-fill-list-box .data-fill-table-form-box td,
+.data-fill-list-box .data-fill-table-form-box td .el-input .el-input__wrapper .el-input__inner,
+.el-form-item.special-form-item .el-form-item__content .el-input .el-input__wrapper .el-input__inner {
+    font-family: "hc-eudc", hc-sans, 宋体, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.data-fill-list-box {
+    .el-collapse {
+        --el-collapse-header-height: 50px;
+        border: 0;
+        .el-collapse-item {
+            margin: 0 0 6px;
+            background-color: #E6EEF4;
+            border: 1px solid #E9E9E9;
+            border-radius: 4px;
+        }
+        .el-collapse-item__header {
+            background-color: transparent;
+            font-weight: 400;
+            border-bottom: 0;
+            cursor: default;
+            font-size: 14px;
+            .el-collapse-item__arrow {
+               display: none;
+            }
+        }
+        .el-collapse-item.is-active .el-collapse-item__header.is-active {
+            background-color: #E7EEF4;
+        }
+        .el-collapse-item__wrap {
+            background-color: transparent;
+            border-bottom: 0;
+            .el-collapse-item__content {
+                position: relative;
+                padding-bottom: 0;
+                font-size: 14px;
+                color: #50545E;
+                line-height: initial;
+            }
+        }
+    }
+    .hc-collapse-item-header .real-fill-rate .el-link {
+        font-size: 12px;
+    }
+    .el-link {
+        text-decoration: underline;
+        &:hover {
+            text-decoration: auto;
+        }
+    }
+    .el-link + .el-link {
+        margin-left: 20px;
+    }
+}
+.data-fill-list-box .data-fill-table-form-box .hc-table-form-data-item {
+    padding: 0;
+    background-color: initial;
+}
+
+//复制本表弹窗
+.copy-node-many-box {
+    position: relative;
+    height: 53vh;
+    display: flex;
+    // margin-top: 24px;
+    margin-bottom: -30px;
+    border-top: 1px solid #efeff5;
+    .copy-node-many-tree {
+        position: relative;
+        flex: 1;
+        height: 100%;
+        padding: 20px 20px 20px 0;
+        border-right: 1px solid #efeff5;
+    }
+    .copy-node-many-table {
+        position: relative;
+        flex: 1;
+        height: 100%;
+        padding: 20px 0 20px 20px;
+    }
+}
+
+.copy-node-many-table {
+    position: relative;
+    flex: 1;
+    height: 100%;
+    padding: 20px 0 20px 20px;
+}
+.dialog-table-box {
+    position: relative;
+    flex: 1;
+    height: 100%;
+    padding: 18px;
+    .dialog-search {
+        position: relative;
+        display: flex;
+    }
+    .dialog-table {
+        position: relative;
+        height: calc(100% - 68px);
+        padding: 18px 0;
+    }
+    .dialog-pages {
+        position: relative;
+    }
+}
+.text-blue {
+    color: blue;
+}
+.text-green {
+    color: green
+}

src/views/agree/land/form.vue

@@ -1,5 +1,5 @@
 <template>
-    <HcCard action-ui="text-center">
+    <HcNewCard action-ui="text-center">
         <el-scrollbar ref="listItemScrollRef">
             <CollapseForm
                 v-if="ListItemDatas.length > 0"
@@ -17,7 +17,7 @@
             />
             <HcStatus v-else text="暂无表单" />
         </el-scrollbar>
-        <template #action>
+        <template #extra>
             <el-button size="large" type="primary" hc-btn :loading="tableFormSaveLoading" @click="tableFormSaveClick">
                 <HcIcon name="check-double" />
                 <span>提交保存</span>
@@ -39,10 +39,10 @@
                 <span>取消并返回</span>
             </el-button>
         </template>
-        <HcDialog is-to-body :show="addModal" title="上传附件协议" :footer="false" @close="testModalClose">
+        <hc-new-dialog is-to-body :show="addModal" title="上传附件协议" :footer="false" @close="testModalClose">
             <HcUpload :datas="uploadData" :file-list="fileListData" :is-canupload="false" action="/api/blade-land/agreementFile/add-buss-file" accept="application/pdf" accept-tip="允许格式：pdf" @change="uploadChange" />
-        </HcDialog>
-    </HcCard>
+        </hc-new-dialog>
+    </HcNewCard>
 </template>
 
 <script setup>

src/views/agree/special/collapse-form/index.scss

@@ -0,0 +1,157 @@
+table {
+    width: 100%;
+}
+.data-fill-list-box {
+    position: relative;
+    .hc-collapse-item-header {
+        flex: 1;
+        position: relative;
+        margin-left: 10px;
+        display: flex;
+        align-items: center;
+        .real-fill-rate {
+            position: relative;
+            height: 100%;
+            line-height: initial;
+            margin-right: 18px;
+            padding-right: 18px;
+            &::after {
+                content: "";
+                background: #bfc8cf;
+                position: absolute;
+                right: 0;
+                height: 100%;
+                width: 1px;
+                top: 0;
+            }
+            .tag {
+                position: relative;
+                background: white;
+                font-size: 12px;
+                color: #BD3124;
+                padding: 1px 6px;
+                border-radius: 3px;
+                border: 1px solid #BD3124;
+                margin-bottom: 2px;
+                margin-top: 2px;
+            }
+            .tag.yes {
+                color: #88CF65;
+                border-color: #88CF65;
+            }
+        }
+        .item-title {
+            flex: 1;
+            position: relative;
+            user-select: none;
+            color: #591BB7;
+            font-size: 16px;
+            font-weight: bold;
+            cursor: pointer;
+        }
+        .hc-extra-text-box {
+            position: relative;
+            padding-right: 24px;
+            line-height: initial;
+        }
+    }
+    .data-fill-list-item-content {
+        position: relative;
+        height: calc(100vh - 222px);
+        .data-fill-table-form-box {
+            position: relative;
+            height: calc(100% - 36px);
+            overflow: hidden;
+            border: 4px solid #c4c4c4;
+            &.is-window {
+                border: 0;
+                .hc-window-tip {
+                    position: relative;
+                    height: 100%;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    .table-form-no {
+                        position: relative;
+                        img {
+                            width: 380px;
+                        }
+                        .desc {
+                            text-align: center;
+                            font-size: 20px;
+                            color: #aaa;
+                        }
+                    }
+                }
+            }
+            .form-window-icon {
+                position: absolute;
+                top: 10px;
+                right: 10px;
+                background: #3794FF;
+                color: white;
+                font-size: 20px;
+                width: 32px;
+                height: 32px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                border-radius: 30px;
+                cursor: pointer;
+                &:hover {
+                    background: #204DA0;
+                }
+            }
+        }
+        .data-fill-table-action {
+            position: relative;
+            display: flex;
+            align-items: center;
+            padding: 4px 10px;
+            .tip-action {
+                cursor: pointer;
+                margin-right: 24px;
+            }
+            .link-action {
+                position: relative;
+                flex: 1;
+            }
+            .btn-action {
+                position: relative;
+            }
+        }
+    }
+}
+.radio-group-box {
+    text-align: center;
+}
+
+.data-fill-table-tip-box {
+    position: relative;
+    .tip-title {
+        font-size: 16px;
+        margin-bottom: 10px;
+        display: flex;
+        align-items: center;
+    }
+    .tip-item {
+        margin-bottom: 20px;
+    }
+    .table-tip-foot {
+        position: absolute;
+        bottom: 15px;
+        right: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        padding: 0 15px;
+        .tip-left-btn {
+            flex: 1;
+            .dow-text {
+                cursor: pointer;
+                display: flex;
+                align-items: center;
+            }
+        }
+    }
+}

src/views/agree/special/collapse-form/index.vue

@@ -9,15 +9,15 @@
                                 {{ item.tableName }}
                             </div>
                             <div class="hc-extra-text-box">
-                                <el-button :loading="copyClickLoading" plain type="primary" @click.stop="copyClick(item, index)">
+                                <el-link :loading="copyClickLoading" plain type="primary" @click.stop="copyClick(item, index)">
                                     复制本表
-                                </el-button>
-                                <el-button :disabled="!item?.pdfUrl" plain type="primary" @click.stop="previewClick(item)">
+                                </el-link>
+                                <el-link :disabled="!item?.pdfUrl" plain type="primary" @click.stop="previewClick(item)">
                                     预览
-                                </el-button>
-                                <el-button plain type="primary" :loading="tableFormSaveLoading" @click="tableFormSaveClick(item, null, index)">
+                                </el-link>
+                                <el-link plain type="primary" :loading="tableFormSaveLoading" @click="tableFormSaveClick(item, null, index)">
                                     保存
-                                </el-button>
+                                </el-link>
                             </div>
                         </div>
                     </template>
@@ -880,10 +880,17 @@ defineExpose({
 })
 </script>
 
-<style lang="scss" scoped>
+<!-- <style lang="scss" scoped>
 @import "../../components/collapse-form.scoped.scss";
 </style>
 
 <style lang="scss">
 @import "../../components/collapse-form.scss";
+</style> -->
+<style lang="scss" scoped>
+@import "./index.scss";
 </style>
+
+<style lang="scss">
+@import "./style.scss";
+</style>

src/views/agree/special/collapse-form/style.scss

@@ -0,0 +1,113 @@
+//插入特殊字符弹窗的输入框
+.data-fill-list-box .data-fill-table-form-box td,
+.data-fill-list-box .data-fill-table-form-box td .el-input .el-input__wrapper .el-input__inner,
+.el-form-item.special-form-item .el-form-item__content .el-input .el-input__wrapper .el-input__inner {
+    font-family: "hc-eudc", hc-sans, 宋体, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.data-fill-list-box {
+    .el-collapse {
+        --el-collapse-header-height: 50px;
+        border: 0;
+        .el-collapse-item {
+            margin: 0 0 6px;
+            background-color: #E6EEF4;
+            border: 1px solid #E9E9E9;
+            border-radius: 4px;
+        }
+        .el-collapse-item__header {
+            background-color: transparent;
+            font-weight: 400;
+            border-bottom: 0;
+            cursor: default;
+            font-size: 14px;
+            .el-collapse-item__arrow {
+               display: none;
+            }
+        }
+        .el-collapse-item.is-active .el-collapse-item__header.is-active {
+            background-color: #E7EEF4;
+        }
+        .el-collapse-item__wrap {
+            background-color: transparent;
+            border-bottom: 0;
+            .el-collapse-item__content {
+                position: relative;
+                padding-bottom: 0;
+                font-size: 14px;
+                color: #50545E;
+                line-height: initial;
+            }
+        }
+    }
+    .hc-collapse-item-header .real-fill-rate .el-link {
+        font-size: 12px;
+    }
+    .el-link {
+        text-decoration: underline;
+        &:hover {
+            text-decoration: auto;
+        }
+    }
+    .el-link + .el-link {
+        margin-left: 20px;
+    }
+}
+.data-fill-list-box .data-fill-table-form-box .hc-table-form-data-item {
+    padding: 0;
+    background-color: initial;
+}
+
+//复制本表弹窗
+.copy-node-many-box {
+    position: relative;
+    height: 53vh;
+    display: flex;
+    // margin-top: 24px;
+    margin-bottom: -30px;
+    border-top: 1px solid #efeff5;
+    .copy-node-many-tree {
+        position: relative;
+        flex: 1;
+        height: 100%;
+        padding: 20px 20px 20px 0;
+        border-right: 1px solid #efeff5;
+    }
+    .copy-node-many-table {
+        position: relative;
+        flex: 1;
+        height: 100%;
+        padding: 20px 0 20px 20px;
+    }
+}
+
+.copy-node-many-table {
+    position: relative;
+    flex: 1;
+    height: 100%;
+    padding: 20px 0 20px 20px;
+}
+.dialog-table-box {
+    position: relative;
+    flex: 1;
+    height: 100%;
+    padding: 18px;
+    .dialog-search {
+        position: relative;
+        display: flex;
+    }
+    .dialog-table {
+        position: relative;
+        height: calc(100% - 68px);
+        padding: 18px 0;
+    }
+    .dialog-pages {
+        position: relative;
+    }
+}
+.text-blue {
+    color: blue;
+}
+.text-green {
+    color: green
+}

src/views/agree/special/form.vue

@@ -1,5 +1,5 @@
 <template>
-    <HcCard action-ui="text-center">
+    <HcNewCard action-ui="text-center">
         <el-scrollbar ref="listItemScrollRef">
             <CollapseForm
                 v-if="ListItemDatas.length > 0"
@@ -17,7 +17,7 @@
             />
             <HcStatus v-else text="暂无表单" />
         </el-scrollbar>
-        <template #action>
+        <template #extra>
             <el-button size="large" type="primary" hc-btn :loading="tableFormSaveLoading" @click="tableFormSaveClick">
                 <HcIcon name="check-double" />
                 <span>提交保存</span>
@@ -39,10 +39,10 @@
                 <span>取消并返回</span>
             </el-button>
         </template>
-        <HcDialog is-to-body :show="addModal" title="上传附件协议" :footer="false" @close="testModalClose">
+        <hc-new-dialog is-to-body :show="addModal" title="上传附件协议" :footer="false" @close="testModalClose">
             <HcUpload :datas="uploadData" :file-list="fileListData" :is-canupload="false" action="/api/blade-land/agreementFile/add-buss-file" accept="application/pdf" accept-tip="允许格式：pdf" @change="uploadChange" />
-        </HcDialog>
-    </HcCard>
+        </hc-new-dialog>
+    </HcNewCard>
 </template>
 
 <script setup>

src/views/agree/tomb/collapse-form/index.scss

@@ -0,0 +1,157 @@
+table {
+    width: 100%;
+}
+.data-fill-list-box {
+    position: relative;
+    .hc-collapse-item-header {
+        flex: 1;
+        position: relative;
+        margin-left: 10px;
+        display: flex;
+        align-items: center;
+        .real-fill-rate {
+            position: relative;
+            height: 100%;
+            line-height: initial;
+            margin-right: 18px;
+            padding-right: 18px;
+            &::after {
+                content: "";
+                background: #bfc8cf;
+                position: absolute;
+                right: 0;
+                height: 100%;
+                width: 1px;
+                top: 0;
+            }
+            .tag {
+                position: relative;
+                background: white;
+                font-size: 12px;
+                color: #BD3124;
+                padding: 1px 6px;
+                border-radius: 3px;
+                border: 1px solid #BD3124;
+                margin-bottom: 2px;
+                margin-top: 2px;
+            }
+            .tag.yes {
+                color: #88CF65;
+                border-color: #88CF65;
+            }
+        }
+        .item-title {
+            flex: 1;
+            position: relative;
+            user-select: none;
+            color: #591BB7;
+            font-size: 16px;
+            font-weight: bold;
+            cursor: pointer;
+        }
+        .hc-extra-text-box {
+            position: relative;
+            padding-right: 24px;
+            line-height: initial;
+        }
+    }
+    .data-fill-list-item-content {
+        position: relative;
+        height: calc(100vh - 222px);
+        .data-fill-table-form-box {
+            position: relative;
+            height: calc(100% - 36px);
+            overflow: hidden;
+            border: 4px solid #c4c4c4;
+            &.is-window {
+                border: 0;
+                .hc-window-tip {
+                    position: relative;
+                    height: 100%;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    .table-form-no {
+                        position: relative;
+                        img {
+                            width: 380px;
+                        }
+                        .desc {
+                            text-align: center;
+                            font-size: 20px;
+                            color: #aaa;
+                        }
+                    }
+                }
+            }
+            .form-window-icon {
+                position: absolute;
+                top: 10px;
+                right: 10px;
+                background: #3794FF;
+                color: white;
+                font-size: 20px;
+                width: 32px;
+                height: 32px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                border-radius: 30px;
+                cursor: pointer;
+                &:hover {
+                    background: #204DA0;
+                }
+            }
+        }
+        .data-fill-table-action {
+            position: relative;
+            display: flex;
+            align-items: center;
+            padding: 4px 10px;
+            .tip-action {
+                cursor: pointer;
+                margin-right: 24px;
+            }
+            .link-action {
+                position: relative;
+                flex: 1;
+            }
+            .btn-action {
+                position: relative;
+            }
+        }
+    }
+}
+.radio-group-box {
+    text-align: center;
+}
+
+.data-fill-table-tip-box {
+    position: relative;
+    .tip-title {
+        font-size: 16px;
+        margin-bottom: 10px;
+        display: flex;
+        align-items: center;
+    }
+    .tip-item {
+        margin-bottom: 20px;
+    }
+    .table-tip-foot {
+        position: absolute;
+        bottom: 15px;
+        right: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        padding: 0 15px;
+        .tip-left-btn {
+            flex: 1;
+            .dow-text {
+                cursor: pointer;
+                display: flex;
+                align-items: center;
+            }
+        }
+    }
+}

src/views/agree/tomb/collapse-form/index.vue

@@ -9,15 +9,15 @@
                                 {{ item.tableName }}
                             </div>
                             <div class="hc-extra-text-box">
-                                <el-button :loading="copyClickLoading" plain type="primary" @click.stop="copyClick(item, index)">
+                                <el-link :loading="copyClickLoading" plain type="primary" @click.stop="copyClick(item, index)">
                                     复制本表
-                                </el-button>
-                                <el-button :disabled="!item?.pdfUrl" plain type="primary" @click.stop="previewClick(item)">
+                                </el-link>
+                                <el-link :disabled="!item?.pdfUrl" plain type="primary" @click.stop="previewClick(item)">
                                     预览
-                                </el-button>
-                                <el-button plain type="primary" :loading="tableFormSaveLoading" @click="tableFormSaveClick(item, null, index)">
+                                </el-link>
+                                <el-link plain type="primary" :loading="tableFormSaveLoading" @click="tableFormSaveClick(item, null, index)">
                                     保存
-                                </el-button>
+                                </el-link>
                             </div>
                         </div>
                     </template>
@@ -881,10 +881,18 @@ defineExpose({
 })
 </script>
 
+<!-- 
 <style lang="scss" scoped>
 @import "../../components/collapse-form.scoped.scss";
 </style>
 
 <style lang="scss">
 @import "../../components/collapse-form.scss";
+</style> -->
+<style lang="scss" scoped>
+@import "./index.scss";
+</style>
+
+<style lang="scss">
+@import "./style.scss";
 </style>

src/views/agree/tomb/collapse-form/style.scss

@@ -0,0 +1,113 @@
+//插入特殊字符弹窗的输入框
+.data-fill-list-box .data-fill-table-form-box td,
+.data-fill-list-box .data-fill-table-form-box td .el-input .el-input__wrapper .el-input__inner,
+.el-form-item.special-form-item .el-form-item__content .el-input .el-input__wrapper .el-input__inner {
+    font-family: "hc-eudc", hc-sans, 宋体, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.data-fill-list-box {
+    .el-collapse {
+        --el-collapse-header-height: 50px;
+        border: 0;
+        .el-collapse-item {
+            margin: 0 0 6px;
+            background-color: #E6EEF4;
+            border: 1px solid #E9E9E9;
+            border-radius: 4px;
+        }
+        .el-collapse-item__header {
+            background-color: transparent;
+            font-weight: 400;
+            border-bottom: 0;
+            cursor: default;
+            font-size: 14px;
+            .el-collapse-item__arrow {
+               display: none;
+            }
+        }
+        .el-collapse-item.is-active .el-collapse-item__header.is-active {
+            background-color: #E7EEF4;
+        }
+        .el-collapse-item__wrap {
+            background-color: transparent;
+            border-bottom: 0;
+            .el-collapse-item__content {
+                position: relative;
+                padding-bottom: 0;
+                font-size: 14px;
+                color: #50545E;
+                line-height: initial;
+            }
+        }
+    }
+    .hc-collapse-item-header .real-fill-rate .el-link {
+        font-size: 12px;
+    }
+    .el-link {
+        text-decoration: underline;
+        &:hover {
+            text-decoration: auto;
+        }
+    }
+    .el-link + .el-link {
+        margin-left: 20px;
+    }
+}
+.data-fill-list-box .data-fill-table-form-box .hc-table-form-data-item {
+    padding: 0;
+    background-color: initial;
+}
+
+//复制本表弹窗
+.copy-node-many-box {
+    position: relative;
+    height: 53vh;
+    display: flex;
+    // margin-top: 24px;
+    margin-bottom: -30px;
+    border-top: 1px solid #efeff5;
+    .copy-node-many-tree {
+        position: relative;
+        flex: 1;
+        height: 100%;
+        padding: 20px 20px 20px 0;
+        border-right: 1px solid #efeff5;
+    }
+    .copy-node-many-table {
+        position: relative;
+        flex: 1;
+        height: 100%;
+        padding: 20px 0 20px 20px;
+    }
+}
+
+.copy-node-many-table {
+    position: relative;
+    flex: 1;
+    height: 100%;
+    padding: 20px 0 20px 20px;
+}
+.dialog-table-box {
+    position: relative;
+    flex: 1;
+    height: 100%;
+    padding: 18px;
+    .dialog-search {
+        position: relative;
+        display: flex;
+    }
+    .dialog-table {
+        position: relative;
+        height: calc(100% - 68px);
+        padding: 18px 0;
+    }
+    .dialog-pages {
+        position: relative;
+    }
+}
+.text-blue {
+    color: blue;
+}
+.text-green {
+    color: green
+}

src/views/agree/tomb/form.vue

@@ -1,5 +1,5 @@
 <template>
-    <HcCard action-ui="text-center">
+    <HcNewCard action-ui="text-center">
         <el-scrollbar ref="listItemScrollRef">
             <CollapseForm
                 v-if="ListItemDatas.length > 0"
@@ -17,7 +17,7 @@
             />
             <HcStatus v-else text="暂无表单" />
         </el-scrollbar>
-        <template #action>
+        <template #extra>
             <el-button size="large" type="primary" hc-btn :loading="tableFormSaveLoading" @click="tableFormSaveClick">
                 <HcIcon name="check-double" />
                 <span>提交保存</span>
@@ -39,10 +39,10 @@
                 <span>取消并返回</span>
             </el-button>
         </template>
-        <HcDialog is-to-body :show="addModal" title="上传附件协议" :footer="false" @close="testModalClose">
+        <hc-new-dialog is-to-body :show="addModal" title="上传附件协议" :footer="false" @close="testModalClose">
             <HcUpload :datas="uploadData" :file-list="fileListData" :is-canupload="false" action="/api/blade-land/agreementFile/add-buss-file" accept="application/pdf" accept-tip="允许格式：pdf" @change="uploadChange" />
-        </HcDialog>
-    </HcCard>
+        </hc-new-dialog>
+    </HcNewCard>
 </template>
 
 <script setup>