公式

src/styles/view/project/edit-formula.scss

@@ -68,6 +68,37 @@
         .hc-div-new-card-box.reset-fun-left-card .el-scrollbar__bar.is-vertical {
             right: -8px;
         }
+        .hc-div-new-card-box.reset-fun-right-card .body {
+            position: relative;
+            .tag-box {
+
+            }
+            .action-box {
+                .left {
+
+                }
+                .right {
+
+                }
+                .btn {
+                    .text {
+
+                    }
+                    .symbol {
+
+                    }
+                    i {
+                        display: inline-block;
+                    }
+                }
+                .btn + .btn {
+
+                }
+            }
+            .input-box {
+
+            }
+        }
     }
     //没有滚动条，拉满
     .hc-project-list-edit-formula-card.is-no-scroll {

src/views/project/list/edit-formula.vue

@@ -62,7 +62,47 @@
                             <template #header>
                                 <hc-search-input v-model="resetFunEle" placeholder="请输入你想搜索的元素字段" @search="resetFunEleSearch" />
                             </template>
-                            其它内容
+                            <div class="body h-full">
+                                <div class="tag-box">
+                                    resetFunEleData
+                                </div>
+                                <div class="action-box hc-flex">
+                                    <div class="left hc-flex flex-1">
+                                        <div class="btn">
+                                            <span class="text">输入值</span>
+                                        </div>
+                                        <div class="btn">
+                                            <span class="symbol">(</span>
+                                        </div>
+                                        <div class="btn">
+                                            <span class="symbol">)</span>
+                                        </div>
+                                        <div class="btn">
+                                            <i class="i-ri-add-line" />
+                                        </div>
+                                        <div class="btn">
+                                            <i class="i-ri-subtract-line" />
+                                        </div>
+                                        <div class="btn">
+                                            <i class="i-ri-close-line" />
+                                        </div>
+                                        <div class="btn">
+                                            <i class="i-ri-divide-line" />
+                                        </div>
+                                    </div>
+                                    <div class="right hc-flex">
+                                        <div class="btn">
+                                            <i class="i-ri-delete-back-2-line" />
+                                        </div>
+                                        <div class="btn">
+                                            <i class="i-ri-delete-bin-3-line" />
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="input-box">
+                                    123123
+                                </div>
+                            </div>
                         </hc-card>
                     </hc-body>
                 </div>
@@ -267,6 +307,7 @@ const resetFunEleSearch = () => {
 }
 
 //获取节点详情
+const resetFunEleData = ref([])
 const getNodeDetailApi = async (item) => {
     await useClick(300)
     if (isNullES(item.initTableId)) {
@@ -277,6 +318,7 @@ const getNodeDetailApi = async (item) => {
             id: item.initTableId,
         })
         console.log(data)
+        resetFunEleData.value = getArrValue(data)
     } else {
         console.log('no')
     }