xiaoe/test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add：UI测试-元素库，自动化列表

Browse Source
This commit is contained in:
温若烈酒慕茶凉
2025-04-23 17:28:38 +08:00
committed by 温若烈酒慕茶凉丷
parent 5ae19a8847
commit c5e18b985f
5 changed files with 356 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
test-ui/src/components/FolderPage/index.vue
View File

@@ -2,41 +2,42 @@
<div class="app-container">
<el-container>
<el-aside v-loading="loading" :visible.sync="loading">
<el-input placeholder="输入关键字进行过滤" v-model="filterText" size="small" style="margin-bottom: 10px" clearable/>
<el-tree class="filter-tree" :data="groupList" @node-click="nodeClick" node-key="id" highlight-current :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" :default-expanded-keys="[0]">
<el-input placeholder="输入关键字进行过滤" v-model="filterText" size="small" style="margin-bottom: 10px" clearable />
<el-tree class="filter-tree" :data="groupList" @node-click="nodeClick" node-key="id" highlight-current
:expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" :default-expanded-keys="[0]">
<span class="custom-tree-node" slot-scope="{ node, data }" v-if="groupState !== 'list' && editId === data.id">
<span>
<el-form ref="form" :model="form" :rules="rules">
<el-input v-model="form.name" placeholder="请输入节点名称" class="custom-tree-node-input"/>
<el-input v-model="form.name" placeholder="请输入节点名称" class="custom-tree-node-input" />
</el-form>
</span>
<span>
<el-button type="text" size="mini"><i class="el-icon-check" @click="submitNode(node)"/></el-button>
<el-button type="text" size="mini"><i class="el-icon-close" @click="cancelNode(node)"/></el-button>
<el-button type="text" size="mini"><i class="el-icon-check" @click="submitNode(node)" /></el-button>
<el-button type="text" size="mini"><i class="el-icon-close" @click="cancelNode(node)" /></el-button>
</span>
</span>
<span class="custom-tree-node" slot-scope="{ node, data }" v-else>
<span @click="nodeSelected(data)" style="width: 100%;">{{ node.label }}</span>
<span v-if="data.id === 0">
<el-button type="text" size="mini" @click="nodeAdd(node)"><i class="el-icon-plus"/></el-button>
<el-button type="text" size="mini" @click="nodeAdd(node)"><i class="el-icon-plus" /></el-button>
</span>
<span class="custom-tree-node-option" v-else>
<el-button type="text" size="mini" @click="nodeAdd(node)"><i class="el-icon-plus"/></el-button>
<el-button type="text" size="mini"><i class="el-icon-edit" @click="nodeEdit(node)"/></el-button>
<el-button type="text" size="mini"><i class="el-icon-delete" @click="nodeDelete(node)"/></el-button>
<el-button type="text" size="mini" @click="nodeAdd(node)"><i class="el-icon-plus" /></el-button>
<el-button type="text" size="mini"><i class="el-icon-edit" @click="nodeEdit(node)" /></el-button>
<el-button type="text" size="mini"><i class="el-icon-delete" @click="nodeDelete(node)" /></el-button>
</span>
</span>
</el-tree>
</el-aside>
<el-main>
<slot/>
<slot />
</el-main>
</el-container>
</div>
</template>
<script>
import {addGroup, delGroup, listGroup, updateGroup} from "@/api/test/group";
import { addGroup, delGroup, listGroup, updateGroup } from "@/api/test/group";
export default {
name: "FolderPage",
@@ -45,7 +46,7 @@ export default {
type: String,
required: true,
validator: function (value) {
return ['api', 'task', 'case'].includes(value)
return ['api', 'task', 'case', 'element', 'automation'].includes(value)
}
}
},
@@ -62,7 +63,7 @@ export default {
},
rules: {
name: [
{required: true, message: "节点名不能为空", trigger: "blur"}
{ required: true, message: "节点名不能为空", trigger: "blur" }
],
},
};
@@ -93,6 +94,12 @@ export default {
case "case":
this.groupList[0].label = "用例管理";
break;
case 'element':
this.groupList[0].label = "元素库";
break;
case 'automation':
this.groupList[0].label = "UI自动化";
break;
}
listGroup(this.type).then(res => {
res.data.filter(item => item.parentId === 0).map(item => {
@@ -106,7 +113,7 @@ export default {
this.groupId = res.data[0].id;
this.$nextTick(() => {
this.$refs.tree.setCurrentKey(this.groupId);
if (openList){
if (openList) {
openList.forEach(item => {
this.$refs.tree.store.nodesMap[item].expanded = true;
})
@@ -144,7 +151,7 @@ export default {
},
nodeAdd(node) {
this.groupState = "add";
const newChild = {id: -1, label: '', children: []};
const newChild = { id: -1, label: '', children: [] };
if (!node.data.children) {
this.$set(node.data, 'children', []);
}