|
|
@@ -30,7 +30,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 函数公式 -->
|
|
|
- <div class="hc-formula-card-math border-dashed-card mb-14px">
|
|
|
+ <div class="border-dashed-card hc-formula-card-math mb-14px">
|
|
|
<div class="header hc-flex">
|
|
|
<div class="name flex-1 text-14px">函数公式.</div>
|
|
|
<div class="extra relative ml-24px">
|
|
|
@@ -54,7 +54,7 @@
|
|
|
</template>
|
|
|
<el-tree
|
|
|
ref="treeResetFunLazyRef" :default-expanded-keys="treeResetFunLazyExpanded" node-key="id" :props="defaultProps"
|
|
|
- :expand-on-click-node="false" highlight-current lazy :load="treeResetFunLazyLoad" @node-click="treeResetFunLazyClick"
|
|
|
+ :expand-on-click-node="false" lazy highlight-current :load="treeResetFunLazyLoad" @node-click="treeResetFunLazyClick"
|
|
|
/>
|
|
|
</hc-card>
|
|
|
</template>
|
|
|
@@ -107,9 +107,11 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="input-box">
|
|
|
- <template v-for="(item, index) in selectEleFormula" :key="item.id">
|
|
|
- <span class="element-class text-14px" :class="item.selected ? 'is-cur' : ''" @click="selectEleFormulaItem(item, index)">{{ item.name }}</span>
|
|
|
- </template>
|
|
|
+ <draggable v-model="selectEleFormula" item-key="id">
|
|
|
+ <template v-for="(item, index) in selectEleFormula" :key="item.id">
|
|
|
+ <span class="element-class text-14px" :class="item.selected ? 'is-cur' : ''" @click="selectEleFormulaItem(item, index)">{{ item.name }}</span>
|
|
|
+ </template>
|
|
|
+ </draggable>
|
|
|
</div>
|
|
|
</div>
|
|
|
</hc-card>
|
|
|
@@ -127,6 +129,7 @@
|
|
|
<script setup>
|
|
|
import { nextTick, ref, watch } from 'vue'
|
|
|
import { useClick } from 'hc-vue3-ui'
|
|
|
+import draggable from 'vuedraggable'
|
|
|
import { deepClone, getArrValue, getObjValue, isNullES } from 'js-fast-way'
|
|
|
import mainApi from '~api/project/formula'
|
|
|
import eleApi from '~api/project/element'
|
