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