代码拉取完成,页面将自动刷新
(必填)请填写问题描述或截图:
问题一
我参考了 demo 的展开按扭, 做了一个展开收缩按扭, 但是确没效果
问题二
莫名奇妙来了个乱七八糟的名字 row_6 怎么出来的
问题三
当数据变更时, 没有默认展开所有, 我配置了 expendAll = true
(必填)请填重在线链接:
没有在线链接
代码我提供下
<vxe-table
size="mini"
border
resizable
row-id="path"
:data="diffChangeTree"
:loading="loading"
ref="diffChangeTree"
:tree-config="{expandAll: true, accordion: true, line: true}">
<vxe-column type="checkbox" :width="dynamicTreeTableWidth" title="路径" tree-node>
<template #header="{row}">
路径
<el-button-group>
<el-button size="small" type="text" icon="el-icon-plus" @click="$refs.diffChangeTree.setAllTreeExpand(true)" />
<el-button size="small" type="text" icon="el-icon-minus" @click="$refs.diffChangeTree.clearTreeExpand()" />
</el-button-group>
</template>
<template #default="{row}">
<template v-if="row.changeType === 'ADD'">
<span class="text-forestgreen">{{row.fileName}}</span>
</template>
<template v-if="row.changeType === 'MODIFY'">
<span class="" style="color: #0097fb">{{row.fileName}}</span>
</template>
<template v-if="row.changeType === 'DELETE'">
<span class="" style="color: #8d8888"><s>{{row.fileName}}</s></span>
</template>
<template v-if="!!!row.changeType">
<template v-if="row.module">
<span class="text-bold"><i class="el-icon-pie-chart"></i> {{row.path}}</span>
</template>
<template v-else><span class="text-bold">{{row.path}}</span></template>
<el-tag class="margin-left" effect="dark" size="mini" type="info">{{row.fileCount}} files</el-tag>
</template>
</template>
</vxe-column>
<vxe-column width="250" title="操作" fixed="right">
<template #default="{row}">
<!-- 文件类型 -->
<template v-if="row.changeType">
<template v-if="row.changeType !== 'DELETE'">
<el-button type="text" v-if="row.fileName.toLowerCase().endsWith('java')" size="small" @click="javac([row.treeFilePath])">javac</el-button>
<el-button type="text" size="small" @click="downloadSource([row.treeFilePath])">下载</el-button>
</template>
<template v-else>
<span>占位</span>
</template>
</template>
<template v-else>
<template v-if="row.module">
<el-tooltip :content="'上次获取时间:' + (row.classpathResolveTime ? parseTime(row.classpathResolveTime) : '未获取')" placement="top">
<el-button type="text" size="small" @click="resolveJars(row.treeFilePath)" >classpath</el-button>
</el-tooltip>
<el-tooltip :content="'上次编译时间:'+(row.lastCompileTime ? parseTime(row.lastCompileTime) : '未编译')">
<el-button type="text" size="small" @click="execMavenGoals(row.treeFilePath,['clean','compile'])">compile</el-button>
</el-tooltip>
<el-button type="text" size="small" @click="execMavenGoals(row.treeFilePath,['clean','package'])">package</el-button>
<!-- <el-button type="text" size="small">批量编译</el-button>-->
<el-button type="text" size="small" @click="downloadSource([row.treeFilePath])">下载</el-button>
</template>
<template v-else>
<el-button type="text" size="small" @click="batchJavac(row)">批量编译</el-button>
<el-button type="text" size="small" @click="downloadSource([row.treeFilePath])">下载</el-button>
</template>
</template>
</template>
</vxe-column>
</vxe-table>
(必填)请填写期望的结果:
不要来乱七八糟的名字, 可以正常展开, 数据变更时可以正常展开所有
(必填)请填写以下信息:
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
登录 后才可以发表评论