Преглед изворни кода

[VersionBeta] V.1.0.0.0

[Adds]
(1)优化回收站放回原处功能
(2)编码拖拽功能
new-cli
zxm пре 4 година
родитељ
комит
996d1b58f6
1 измењених фајлова са 91 додато и 28 уклоњено
  1. +91
    -28
      src/views/main_web/workspace.vue

+ 91
- 28
src/views/main_web/workspace.vue Прегледај датотеку

@@ -613,11 +613,14 @@
<!-- zxm修改托拽 start --> <!-- zxm修改托拽 start -->
<!--显示文件 --> <!--显示文件 -->
<draggable <draggable
v-model="myFilesList"
tag="v-layout">
<v-flex
v-for="(file, index) in myFilesList"
:key="index"
class="list-group"
group="group"
:list="myFilesList"
:move="draggableMove">
<div
class="lisy-group-item"
v-for="file in myFilesList"
:key="file.fileID"
@dblclick="fileClick(file)" @dblclick="fileClick(file)"
@mouseover="isShowIcon" @mouseover="isShowIcon"
@mouseout="ishideIcon"> @mouseout="ishideIcon">
@@ -850,18 +853,20 @@
{{ file.version }} {{ file.version }}
</span> </span>
</div> </div>
</v-flex>
</draggable>
</div>
</draggable>
<!--显示文件夹组 --> <!--显示文件夹组 -->
<draggable <draggable
v-model="myListFolderGroups"
tag="v-layout">
<v-flex
v-for="(foldergroup, index) in myListFolderGroups"
:key="index"
class="list-group"
group="group"
:list="myListFolderGroups"
:move="draggableMove">
<div
class="lisy-group-item"
v-for="foldergroup in myListFolderGroups"
:key="foldergroup.folderGroupID"
@mouseover="isShowIcon" @mouseover="isShowIcon"
@mouseout="ishideIcon"
>
@mouseout="ishideIcon">
<div <div
class="yiyun_wenjian_list" class="yiyun_wenjian_list"
@dblclick="intoFoldergroup(foldergroup)"> @dblclick="intoFoldergroup(foldergroup)">
@@ -877,8 +882,10 @@
</strong> </strong>
<strong class="yiyunwenjian_name">{{foldergroup.childCount}}个项目</strong> <strong class="yiyunwenjian_name">{{foldergroup.childCount}}个项目</strong>
</div> </div>
</v-flex>
</div>
</draggable> </draggable>
<!-- <rawDisplayer :value="myFilesList" tile="myFilesList" />
<rawDisplayer :value="myListFolderGroups" tile="myListFolderGroups" /> -->
<!-- zxm修改托拽 end --> <!-- zxm修改托拽 end -->
<div></div> <div></div>
</div> </div>
@@ -5703,18 +5710,6 @@ export default {
this.showAllAppManagement(); this.showAllAppManagement();
}, },
/****协作空间 拖拽功能方法 start*/ /****协作空间 拖拽功能方法 start*/
draggableStart: function (evt) {
},
draggableEnd: function (evt) {
},
draggableChange: function (evt) {
},
draggableMove: function (evt, orginoverflow) {
},
draggableClone: function (evt) {
},
handleListChange: function (event) {
},
/** /**
* 新建文件夹显示弹窗 * 新建文件夹显示弹窗
*/ */
@@ -6008,7 +6003,75 @@ export default {
duration: 5000 duration: 5000
}); });
}); });
}
},
/**
* 托拽移动
*/
draggableMove: function (evt) {
var thisApp = this
var sourceData = evt.draggedContext.element
var targetData =evt.relatedContext.element
var draggableData = {}
console.log(sourceData)
console.log(targetData)
if(sourceData.archID != null){
alert("把文件拖拽到文件分组");
//把文件拖拽到文件分组
draggableData={
sourceArchData:sourceData,
targetFolderGroupData:targetData,
userID:sessionStorage.userId
}
}
if(sourceData.folderGroupID != null){
alert("把文件分组拖拽到文件分组");
//把文件分组拖拽到文件分组
draggableData={
sourceFolderGroupData:sourceData,
targetFolderGroupData:targetData,
userID:sessionStorage.userId
}
}
//说明目标数据时文件分组
this.$axios({
method: "post",
url: encodeURI(process.env.API_HOST + "folders/foldergroup/draggable"),
data: draggableData
}).then(response => {
if (response.data.state == 1) {
if (this.dbClickSelectedFolderGroupData == null || JSON.stringify(this.dbClickSelectedFolderGroupData) == '{}') {
this.folderGroupBreads=[]
this.listFiles();
}else {
this.intoFoldergroup(this.dbClickSelectedFolderGroupData);
}
this.$notify({
title: "恭喜您",
message: "操作成功!",
type: "success",
offset: 100,
duration: 2500
});
} else {
this.$notify({
title: "温馨提示",
message: response.data.message,
type: "error",
offset: 100,
duration: 5000
});
}
}).catch(error => {
console.log(error);
this.$notify({
title: "温馨提示",
message: "操作失败!",
type: "error",
offset: 100,
duration: 5000
});
});
},
/****协作空间 拖拽功能方法 end*/ /****协作空间 拖拽功能方法 end*/
}, },
watch: { watch: {


Loading…
Откажи
Сачувај