Browse Source

[VersionBeta] V.1.0.0.0

[Adds]
1.添加面包屑拖动
master
zxm 4 years ago
parent
commit
ee0a55f1ff
1 changed files with 34 additions and 12 deletions
  1. +34
    -12
      src/views/main_web/workspace.vue

+ 34
- 12
src/views/main_web/workspace.vue View File

@@ -312,14 +312,24 @@
@click="breadNodeClickEvent(currentPageType,true)">工作文件
<i class="el-icon-arrow-left"></i>
</a>
<a class="yywenjiantitle-text"
<!-- <a class="yywenjiantitle-text"
v-for="item in folderGroupBreads"
v-bind:key="item.foldergroupID"
href="javascript:;"
@click="breadNodeClickEvent(item,false)">
{{ item.folderGroupName }}
<i class="el-icon-arrow-left"></i>
</a>
</a> -->
<draggable class="list-group" :list="folderGroupBreads" group="group" id="bread1">
<a class="list-group-item yywenjiantitle-text"
v-for="item in folderGroupBreads"
v-bind:key="item.foldergroupID"
href="javascript:;"
@click="breadNodeClickEvent(item,false)">
{{ item.folderGroupName }}
<i class="el-icon-arrow-left"></i>
</a>
</draggable>
</span>
</div>
<div
@@ -337,14 +347,24 @@
@click="breadNodeClickEvent(currentPageType,true)">工作文件
<i class="el-icon-arrow-left"></i>
</a>
<a class="yywenjiantitle-text"
<!-- <a class="yywenjiantitle-text"
v-for="item in folderGroupBreads"
v-bind:key="item.foldergroupID"
href="javascript:;"
@click="breadNodeClickEvent(item,false)">
{{ item.folderGroupName }}
<i class="el-icon-arrow-left"></i>
</a>
</a> -->
<draggable class="list-group" :list="folderGroupBreads" group="group" id="bread2">
<a class="yywenjiantitle-text"
v-for="item in folderGroupBreads"
v-bind:key="item.foldergroupID"
href="javascript:;"
@click="breadNodeClickEvent(item,false)">
{{ item.folderGroupName }}
<i class="el-icon-arrow-left"></i>
</a>
</draggable>
</span>
</div>
<div
@@ -613,6 +633,7 @@
<!-- zxm修改托拽 start -->
<!--显示文件 -->
<draggable
id="draggleFiles"
class="list-group"
group="group"
:list="myFilesList"
@@ -857,10 +878,11 @@
</draggable>
<!--显示文件夹组 -->
<draggable
id="draggletFolderGroups"
class="list-group"
group="group"
:list="myListFolderGroups"
:move="draggableMove">
:move="draggableMove">
<div
class="lisy-group-item"
v-for="foldergroup in myListFolderGroups"
@@ -6008,12 +6030,12 @@ export default {
* 托拽移动
*/
draggableMove: function (evt) {
//console.log("move")
//console.log(evt)
var thisApp = this
var sourceData = evt.draggedContext.element
var targetData =evt.relatedContext.element
var targetData = evt.relatedContext.element
var draggableData = {}
console.log(sourceData)
console.log(targetData)
if(sourceData.archID != null){
//把文件拖拽到文件分组
draggableData={
@@ -6031,7 +6053,7 @@ export default {
}
}
//说明目标数据时文件分组
this.$axios({
thisApp.$axios({
method: "post",
url: encodeURI(process.env.API_HOST + "folders/foldergroup/draggable"),
data: draggableData
@@ -6043,7 +6065,7 @@ export default {
}else {
this.intoFoldergroup(this.dbClickSelectedFolderGroupData);
}
this.$notify({
thisApp.$notify({
title: "恭喜您",
message: "操作成功!",
type: "success",
@@ -6051,7 +6073,7 @@ export default {
duration: 2500
});
} else {
this.$notify({
thisApp.$notify({
title: "温馨提示",
message: response.data.message,
type: "error",
@@ -6061,7 +6083,7 @@ export default {
}
}).catch(error => {
console.log(error);
this.$notify({
ththisAppis.$notify({
title: "温馨提示",
message: "操作失败!",
type: "error",