Parcourir la source

[VersionBeta] V.1.0.0.0

[Adds]
(1)优化回收站放回原处功能
(2)编码拖拽功能
new-cli
zxm il y a 4 ans
Parent
révision
996d1b58f6
1 fichiers modifiés avec 91 ajouts et 28 suppressions
  1. +91
    -28
      src/views/main_web/workspace.vue

+ 91
- 28
src/views/main_web/workspace.vue Voir le fichier

@@ -613,11 +613,14 @@
<!-- zxm修改托拽 start -->
<!--显示文件 -->
<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)"
@mouseover="isShowIcon"
@mouseout="ishideIcon">
@@ -850,18 +853,20 @@
{{ file.version }}
</span>
</div>
</v-flex>
</draggable>
</div>
</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"
@mouseout="ishideIcon"
>
@mouseout="ishideIcon">
<div
class="yiyun_wenjian_list"
@dblclick="intoFoldergroup(foldergroup)">
@@ -877,8 +882,10 @@
</strong>
<strong class="yiyunwenjian_name">{{foldergroup.childCount}}个项目</strong>
</div>
</v-flex>
</div>
</draggable>
<!-- <rawDisplayer :value="myFilesList" tile="myFilesList" />
<rawDisplayer :value="myListFolderGroups" tile="myListFolderGroups" /> -->
<!-- zxm修改托拽 end -->
<div></div>
</div>
@@ -5703,18 +5710,6 @@ export default {
this.showAllAppManagement();
},
/****协作空间 拖拽功能方法 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
});
});
}
},
/**
* 托拽移动
*/
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*/
},
watch: {


Chargement…
Annuler
Enregistrer