新主题

src/views/data-fill/collapse-form/index.scss

@@ -84,6 +84,24 @@ table {
                     }
                 }
             }
+            .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;

src/views/data-fill/collapse-form/index.vue

@@ -62,6 +62,16 @@
                             @render="tableFormRender($event, item, index)"
                             @rightTap="tableFormRightTap($event, index)"
                         />
+                        <el-tooltip :content="item.isWindow ? '关闭窗口并恢复' : '当前表单窗口化'" :hide-after="0" placement="top">
+                            <div class="form-window-icon" @click.stop="windowClick(item, index)">
+                                <template v-if="item.isWindow">
+                                    <HcIcon name="fullscreen-exit" />
+                                </template>
+                                <template v-else>
+                                    <HcIcon name="fullscreen" />
+                                </template>
+                            </div>
+                        </el-tooltip>
                     </div>
                     <div class="data-fill-table-action">
                         <div class="text-orange tip-action" @click="actionTipModal = true">
@@ -83,12 +93,6 @@
                             />
                         </div>
                         <div class="btn-action">
-                            <el-tooltip :content="item.isWindow ? '关闭窗口并恢复' : '当前表单窗口化'" :hide-after="0" placement="top">
-                                <el-button type="primary" size="small" @click.stop="windowClick(item, index)">
-                                    <template v-if="item.isWindow">关闭窗口化</template>
-                                    <template v-else>表单窗口化</template>
-                                </el-button>
-                            </el-tooltip>
                             <HcTooltip keys="wbs_save_table">
                                 <el-button
                                     :disabled="!item?.isTableForm" :loading="tableFormSaveLoading"