|
|
@@ -65,41 +65,45 @@
|
|
|
<div class="body h-full">
|
|
|
<div class="tag-box">
|
|
|
<template v-for="(item, index) in resetFunEleData" :key="index">
|
|
|
- <el-button v-if="item.k" type="primary" plain size="small">{{ item.name }}</el-button>
|
|
|
- <el-button v-else type="primary" plain size="small">{{ item.eName }}</el-button>
|
|
|
+ <el-button v-if="item.k" type="primary" plain size="small" @click="resetFunEleTagClick(item)">{{ item.name }}</el-button>
|
|
|
+ <el-button v-else type="primary" plain size="small" @click="resetFunEleTagClick(item)">{{ item.eName }}</el-button>
|
|
|
</template>
|
|
|
</div>
|
|
|
<div class="action-box hc-flex">
|
|
|
<div class="left hc-flex flex-1">
|
|
|
- <div class="btn hc-flex-center">
|
|
|
+ <div class="btn hc-flex-center" @click="resetFunText">
|
|
|
<span class="text">输入值</span>
|
|
|
</div>
|
|
|
- <div class="btn hc-flex-center">
|
|
|
+ <div class="btn hc-flex-center" @click="resetFunBrackets('(')">
|
|
|
<span class="symbol">(</span>
|
|
|
</div>
|
|
|
- <div class="btn hc-flex-center">
|
|
|
+ <div class="btn hc-flex-center" @click="resetFunBrackets(')')">
|
|
|
<span class="symbol">)</span>
|
|
|
</div>
|
|
|
- <div class="btn hc-flex-center">
|
|
|
+ <div class="btn hc-flex-center" @click="resetFunOperator('+')">
|
|
|
<i class="i-ri-add-line" />
|
|
|
</div>
|
|
|
- <div class="btn hc-flex-center">
|
|
|
+ <div class="btn hc-flex-center" @click="resetFunOperator('-')">
|
|
|
<i class="i-ri-subtract-line" />
|
|
|
</div>
|
|
|
- <div class="btn hc-flex-center">
|
|
|
+ <div class="btn hc-flex-center" @click="resetFunOperator('*')">
|
|
|
<i class="i-ri-close-line" />
|
|
|
</div>
|
|
|
- <div class="btn hc-flex-center">
|
|
|
+ <div class="btn hc-flex-center" @click="resetFunOperator('%')">
|
|
|
<hc-icon name="divide" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="right hc-flex">
|
|
|
- <div class="btn hc-flex-center">
|
|
|
- <i class="i-ri-delete-back-2-line" />
|
|
|
- </div>
|
|
|
- <div class="btn hc-flex-center">
|
|
|
- <i class="i-ri-delete-bin-3-line" />
|
|
|
- </div>
|
|
|
+ <el-tooltip content="删除元素" placement="top-end">
|
|
|
+ <div class="btn hc-flex-center" @click="resetFunDel">
|
|
|
+ <i class="i-ri-delete-back-2-line" />
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="清空所有" placement="top-end">
|
|
|
+ <div class="btn hc-flex-center" @click="resetFunClear">
|
|
|
+ <i class="i-ri-delete-bin-3-line" />
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="input-box">
|
|
|
@@ -327,6 +331,35 @@ const getNodeDetailApi = async (item) => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+//重置函数 元素字段被点击
|
|
|
+const resetFunEleTagClick = (item) => {
|
|
|
+ console.log(item)
|
|
|
+}
|
|
|
+
|
|
|
+//重置函数 输入值
|
|
|
+const resetFunText = () => {
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+//重置函数 括号
|
|
|
+const resetFunBrackets = (val) => {
|
|
|
+ console.log(val)
|
|
|
+}
|
|
|
+
|
|
|
+//重置函数 运算符
|
|
|
+const resetFunOperator = (val) => {
|
|
|
+ console.log(val)
|
|
|
+}
|
|
|
+
|
|
|
+//重置函数 删除
|
|
|
+const resetFunDel = () => {
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+//重置函数 清空
|
|
|
+const resetFunClear = () => {
|
|
|
+
|
|
|
+}
|
|
|
|
|
|
//保存
|
|
|
const submitLoading = ref(false)
|
