wen
/
jialuomaadmin
1
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Wiki Activity
Browse Source

完善所有接口，修改

master
wen 2 years ago
parent
02f35ff764
commit
b9f4817458
6 changed files with 915 additions and 60 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 36
      src/api/user.js
  2. 2
      src/layout/components/Sidebar/leftMenusData.js
  3. 6
      src/router/index.js
  4. 517
      src/views/subfile/index.js
  5. 322
      src/views/subfile/index.vue
  6. 90
      src/views/systme/switchtheme.vue

36
src/api/user.js
Unescape View File

@ -51,3 +51,39 @@ export function rmdirs(datas) {
data: datas data: datas
}) })
} }
// 删除文件
export function deletefile(datas) {
return request({
url: '/api/delete',
method: 'post',
data: datas
})
}
// 重命名文件
export function renamefile(datas) {
return request({
url: '/api/rename',
method: 'post',
data: datas
})
}
// 移动目录
export function movefiledir(datas) {
return request({
url: '/api/move',
method: 'post',
data: datas
})
}
// 更换皮肤
export function switchthemeApi(datas) {
return request({
url: '/api/switchtheme/',
method: 'post',
data: datas
})
}

2
src/layout/components/Sidebar/leftMenusData.js
Unescape View File

@ -59,7 +59,7 @@ var menusdata = [
meta: { title: '用户相关', icon: 'tree' } meta: { title: '用户相关', icon: 'tree' }
}, },
{ {
path: 'userrelated2', path: 'switchtheme',
meta: { title: '皮肤更换', icon: 'tree' } meta: { title: '皮肤更换', icon: 'tree' }
} }
] ]

6
src/router/index.js
Unescape View File

@ -107,9 +107,9 @@ export const constantRoutes = [
meta: { title: '用户相关', icon: 'tree' } meta: { title: '用户相关', icon: 'tree' }
}, },
{ {
path: 'userrelated2', path: 'switchtheme',
name: 'userrelated2', name: 'Switchtheme',
component: () => import('@/views/systme/userrelated'), component: () => import('@/views/systme/switchtheme'),
meta: { title: '皮肤更换', icon: 'tree' } meta: { title: '皮肤更换', icon: 'tree' }
} }
] ]

517
src/views/subfile/index.js
Unescape View File

@ -0,0 +1,517 @@
import { mirlist, mkdir, uploadrequest, rmdirs, deletefile, renamefile, movefiledir } from '@/api/user'
export default {
watch: {
// 点击不同目录请求不同接口
$route(to, from) {
this.getFileData();
}
},
// beforeRouteUpdate(to, from, next) {
// alert(0);
// next();
// },
// 实例还没挂载
created() {
this.getFileData();
},
// 实例已经挂载
filters: {
},
data() {
return {
// 按日期查询
// pickerOptions: {
// shortcuts: [{
// text: '最近一周',
// onClick(picker) {
// const end = new Date();
// const start = new Date();
// start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
// picker.$emit('pick', [start, end]);
// }
// }, {
// text: '最近一个月',
// onClick(picker) {
// const end = new Date();
// const start = new Date();
// start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
// picker.$emit('pick', [start, end]);
// }
// }, {
// text: '最近三个月',
// onClick(picker) {
// const end = new Date();
// const start = new Date();
// start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
// picker.$emit('pick', [start, end]);
// }
// }]
// },
// value2: '',
//haveRealpath: 0,
// 当前目录文件数据
tableData: [],
// 当前目录子目录数据
dirdata: [],
// 创建目录弹出框数据
dirbox: false,
dirform: {
dir: '',
parent: ''
},
formLabelWidth: '',
//删除目录数据
rmdirform: {
dir: '',
parent: ''
},
// 删除文件数据
rmfileform: {
file: '',
parent: ''
},
// 重命名文件数据
renamebox: false,
renamefileform: {
from: '',
to: '',
parent: ''
},
// 移动目录或者文件数据
movebox: false,
movefileform: {
from: '',
to: ''
},
subloading: false, //切换目录loading
mkdirloadings: false, //创建目录loading
// 图片上传弹出框数据
uploadDrawer: false,
direction: 'ttb',
// 图片上传相关数据
dialogImageUrl: '',
dialogVisible: false,
disabled: false,
imgUploadData: {
name: '',
file: '',
parent: ''
},
uploadLoad: false
};
},
methods: {
// 图片上传相关函数
handleRemove(file, fileList) {
console.log(fileList);
//this.$refs.upload.clearFiles;
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
handleDownload(file) {
this.$message({
showClose: true,
message: '右键点击或者长按图片自行下载'
});
},
// 超出上传文件个数限制处理函数
fileexceed(files, fileList) {
//this.$message({showClose:true, message:`当前版本限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`, type:'warning'});
this.$message({ showClose: true, message: `当前版本限制上传一个文件`, type: 'warning' });
//this.$message.warning(``);
},
filechange(files, fileList) {
//console.log(files);
const isLt2M = files.size / 1024 / 1024 < 5;
if (!isLt2M) {
this.$message.error('文件大小不能超过 5MB！' + files.name + '已超过，重新选择');
fileList.splice(-1, 1); // 移除错误文件
//window.setTimeout(() => {fileList.splice(-1, 1);}, 3000);
//console.log(fileList);
return;
}
// 获取传给后台的图片参数
this.imgUploadData.name = files.name;
this.getBase64(files.raw).then(res => {
//this.dialogImageUrl = 1;
this.imgUploadData.file = res;
//console.log(res)
})
},
// 获取图片base64
getBase64(file) {
let thiss = this;
return new Promise(function (resolve, reject) {
if (window.FileReader && file) {
let reader = new FileReader();
let imgResult = "";
reader.readAsDataURL(file);
reader.onload = function () {
imgResult = reader.result;
};
reader.onerror = function (error) {
reject(error);
};
reader.onloadend = function () {
resolve(imgResult);
};
} else {
thiss.$message({ showClose: true, message: '获取base64出错', type: 'error' });
}
});
// if (window.FileReader && file) {
// //调用图片读取方法
// var reader = new FileReader();
// //读取图片
// reader.readAsDataURL(file);
// //监听图片读取进度
// reader.onloadend = function(e) {
// //读取成功，拿到base64编码
// let imgBase64 = e.target.result;
// console.log(imgBase64);
// }
// }
},
// 确认上传文件
UploadRequest() {
let thiss = this;
//console.log(file);
this.uploadLoad = true;
uploadrequest(this.imgUploadData).then(response => {
let datamain = response.data;
if (datamain.code == 1) {
console.log(datamain);
this.$message({ showClose: true, message: datamain.msg, type: 'success' });
this.uploadDrawer = false;
this.getFileData();
}
this.uploadLoad = false;
}).catch(error => {
if (error.response) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
this.uploadLoad = false;
} else if (error.request) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
}
});
},
getFileData() {
let can = {};
const menusindex = window.location.href
if (menusindex.indexOf('?id') != -1) {
//console.log(menusindex.split('?id=')[1]);
can.id = menusindex.split('?id=')[1]
}
let thiss = this;
this.subloading = true;
mirlist(can).then(response => {
let datamain = response.data;
let maindata = datamain.data.dirTree;
if (datamain.code == 1) {
//console.log(maindata.directories.length);
this.dirdata = []
this.tableData = []
if (maindata.directories) {
this.dirdata = this.forObjectData(maindata.directories);
}
if (maindata.files) {
this.tableData = this.forObjectData(maindata.files);
}
//this.haveRealpath = maindata.realpath;
//console.log(this.haveRealpath);
this.dirform.parent = maindata.realpath; //获取当前目录的位置
this.rmdirform.parent = maindata.realpath; //获取当前目录的位置 删除目录
this.rmfileform.parent = maindata.realpath; //获取当前目录的位置 删除文件
this.renamefileform.parent = maindata.realpath; //获取当前目录的位置 删除文件
this.imgUploadData.parent = maindata.realpath; // 上传图片
this.movefileform.from = maindata.realpath; // 移动目录
//console.log(this.movefileform.from);
this.subloading = false;
}
}).catch(error => {
if (error.response) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else if (error.request) {
thiss.$message({ showClose: true, message: error, type: 'error' });
} else {
thiss.$message({ showClose: true, message: error.message, type: 'error' });
}
this.subloading = false;
});
},
forObjectData(objectd) {
let newObject = null, arrObjs = [];
Object.keys(objectd).forEach(item => {
let names = null;
if (objectd[item].filename) {
names = objectd[item].filename + '.' + objectd[item].extension;
}
newObject = {
date: '2016-05-03',
image: objectd[item].path,
name: names || objectd[item].directory,
id: objectd[item].id,
frealpath: objectd[item].realpath
}
arrObjs.push(newObject);
});
return arrObjs;
//console.log(arrObjs);
},
// 创建目录
mkdirs() {
let thiss = this;
if (!this.dirform.dir) {
thiss.$message({ showClose: true, message: '目录名不能为空', type: 'error' });
return;
}
//console.log(this.dirform);
this.mkdirloadings = true;
mkdir(this.dirform).then(response => {
let datamain = response.data;
if (datamain.code == 1) {
EventBus.$emit('mkdirSuccess'); //触发菜单栏刷新
this.getFileData();
this.dirform.dir = '';
thiss.$message({ showClose: true, message: datamain.msg, type: 'success' });
//this.subloading = false;
}
this.mkdirloadings = false;
this.dirbox = false;
}).catch(error => {
if (error.response) {
thiss.mkdirloadings = false;
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else if (error.request) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
}
});
},
// 删除目录
rmdirm() {
let thiss = this;
this.subloading = true;
//console.log(this.rmdirform);
rmdirs(this.rmdirform).then(response => {
let datamain = response.data;
let maindata = datamain.data.dirTree;
if (datamain.code == 1) {
EventBus.$emit('mkdirSuccess'); //触发菜单栏刷新
this.getFileData();
thiss.$message({ showClose: true, message: datamain.msg, type: 'success' });
//this.subloading = false;
} else {
thiss.$message({ showClose: true, message: datamain.err, type: 'error' });
}
this.subloading = false;
//this.dirbox = false;
}).catch(error => {
if (error.response) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else if (error.request) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
}
this.subloading = false;
});
},
// 删除文件
rmfile() {
let thiss = this;
this.subloading = true;
//console.log(this.rmfileform);
deletefile(this.rmfileform).then(response => {
let datamain = response.data;
if (datamain.code == 1) {
this.getFileData();
thiss.$message({ showClose: true, message: datamain.msg, type: 'success' });
//this.subloading = false;
} else {
thiss.$message({ showClose: true, message: datamain.err, type: 'error' });
}
this.subloading = false;
//this.dirbox = false;
}).catch(error => {
this.subloading = false;
if (error.response) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else if (error.request) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
}
});
},
// 重命名文件和目录
renameFileDir() {
if (!this.renamefileform.to) {
this.$message({ showClose: true, message: '新名称不能为空', type: 'error' });
return;
}
let thiss = this;
this.subloading = true;
//console.log(this.rmfileform);
renamefile(this.renamefileform).then(response => {
let datamain = response.data;
if (datamain.code == 1) {
this.getFileData();
thiss.$message({ showClose: true, message: datamain.msg, type: 'success' });
//this.subloading = false;
} else {
thiss.$message({ showClose: true, message: datamain.err, type: 'error' });
}
this.subloading = false;
this.renamebox = false;
}).catch(error => {
this.subloading = false;
if (error.response) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else if (error.request) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
}
});
},
// 移动目录或者文件
moveFileDir() {
if (!this.movefileform.to || !this.movefileform.from) {
this.$message({ showClose: true, message: '不能为空', type: 'error' });
return;
}
let thiss = this;
this.subloading = true;
//console.log(this.rmfileform);
movefiledir(this.movefileform).then(response => {
let datamain = response.data;
if (datamain.code == 1) {
this.getFileData();
thiss.$message({ showClose: true, message: datamain.msg, type: 'success' });
//this.subloading = false;
} else {
thiss.$message({ showClose: true, message: datamain.err, type: 'error' });
}
this.subloading = false;
this.movebox = false;
}).catch(error => {
this.subloading = false;
if (error.response) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else if (error.request) {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
} else {
thiss.$message({ showClose: true, message: error.response.data.err, type: 'error' });
}
});
},
// table块事件监听
fileTableMClick(e) {
let dangQian = e.target, labelname = dangQian.tagName.toLowerCase(), chufazhe = e.currentTarget; //currentTarget得到调用当前函数的元素
let getbutton = dangQian, objmark = null;
if (labelname == 'span') {
//console.log(dangQian.parentNode);
getbutton = dangQian.parentNode;
}
objmark = getbutton.getAttribute('mark');
// 点击删除目录
if (objmark == 'dirdelete') {
this.rmdirform.dir = getbutton.getAttribute('filenames');
this.rmdirm();
return;
}
// 点击删除文件
if (objmark == 'filedelete') {
this.rmfileform.file = getbutton.getAttribute('filenames');
this.rmfile();
return;
}
// 点击重命名文件和目录
if (objmark == 'rename') {
this.renamefileform.from = getbutton.getAttribute('filenames');
this.renamefileform.to = '';
this.renamebox = true;
//this.renameFileDir();
return;
}
// 点击移动目录或文件
if (objmark == 'movefiledir') {
//this.movefileform.from = getbutton.getAttribute('filenames');
this.movefileform.to = '';
this.movebox = true;
//this.renameFileDir();
return;
}
//console.log(dangQian);
}
}
}

322
src/views/subfile/index.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<div class="subfile_main" v-loading="subloading"> <div class="subfile_main" v-loading="subloading" element-loading-text="数据加载中...">
<!-- <div class="block"> <!-- <div class="block">
<el-date-picker <el-date-picker
v-model="value2" v-model="value2"
@ -65,18 +65,15 @@
width="auto"> width="auto">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="file_caozuo"> <div class="file_caozuo">
<el-button size="mini">重命名</el-button> <el-button size="mini" :filenames="scope.row.name" mark="rename">重命名</el-button>
<!-- <el-button size="mini">下载</el-button> --> <!-- <el-button size="mini">下载</el-button> -->
</div> </div>
<div class="file_caozuo2"> <div class="file_caozuo2">
<el-button size="mini">移动</el-button> <el-button size="mini" :realpath="scope.row.frealpath" mark="movefiledir">移动</el-button>
<el-button size="mini" mark="dirdelete" :filenames="scope.row.name" type="danger">删除</el-button>
<el-button size="mini" mark="dirdelete" :names="scope.row.id" type="danger">删除</el-button>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -112,36 +109,62 @@
<el-table-column <el-table-column
align="center" align="center"
label="操作"> label="操作">
<div class="file_caozuo"> <template slot-scope="scope">
<el-button size="mini">重命名</el-button> <div class="file_caozuo">
<!-- <el-button size="mini">下载</el-button> --> <el-button size="mini" :filenames="scope.row.name" mark="rename">重命名</el-button>
</div> <!-- <el-button size="mini">下载</el-button> -->
<div class="file_caozuo2"> </div>
<el-button size="mini">移动</el-button> <div class="file_caozuo2">
<el-button size="mini" type="danger">删除</el-button> <el-button size="mini" :realpath="scope.row.frealpath" mark="movefiledir">移动</el-button>
</div> <el-button size="mini" mark="filedelete" :filenames="scope.row.name" type="danger">删除</el-button>
</div>
</template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</div> </div>
<!-- 创建目录弹框 --> <!-- 创建目录弹框 -->
<el-dialog title="创建目录" :visible.sync="dirbox"> <el-dialog title="创建目录" :visible.sync="dirbox">
<el-form :model="dirform"> <el-form :model="dirform">
<el-form-item label="目录名称" :label-width="formLabelWidth"> <el-form-item label="目录名称" :label-width="formLabelWidth">
<el-input v-model="dirform.dir" autocomplete="off"></el-input> <el-input v-model="dirform.dir" autocomplete="off"></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="父级目录" :label-width="formLabelWidth"> </el-form>
<el-select v-model="form.region" placeholder="请选择父级目录"> <div slot="footer" class="dialog-footer">
<el-option label="区域一" value="shanghai"></el-option> <el-button @click="dirbox = false">取 消</el-button>
</el-select> <el-button type="primary" @click="mkdirs" :loading="mkdirloadings">确 定</el-button>
</el-form-item> --> </div>
</el-form> </el-dialog>
<div slot="footer" class="dialog-footer">
<el-button @click="dirbox = false">取 消</el-button> <!-- 重新命名弹框 -->
<el-button type="primary" @click="mkdirs" :loading="mkdirloadings">确 定</el-button> <el-dialog title="重命名" :visible.sync="renamebox">
</div> <el-form :model="renamefileform">
<el-form-item label="新名称" :label-width="formLabelWidth">
<el-input v-model="renamefileform.to" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="renamebox = false">取 消</el-button>
<el-button type="primary" @click="renameFileDir" :loading="mkdirloadings">确 定</el-button>
</div>
</el-dialog>
<!-- 移动目录弹框 -->
<el-dialog title="目录移动弹出框" :visible.sync="movebox">
<el-form :model="movefileform">
<el-form-item label="当前位置" :label-width="formLabelWidth">
<el-input v-model="movefileform.from" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="目标位置" :label-width="formLabelWidth">
<el-input v-model="movefileform.to" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="movebox = false">取 消</el-button>
<el-button type="primary" @click="moveFileDir" :loading="mkdirloadings">确 定</el-button>
</div>
</el-dialog> </el-dialog>
<el-drawer <el-drawer
title="上传图片" title="上传图片"
@ -179,8 +202,8 @@
<script> <script>
import EventBus from '@/utils/EventBus.js' import EventBus from '@/utils/EventBus.js'
import { mirlist, mkdir, uploadrequest, rmdirs} from '@/api/user' import { mirlist, mkdir, uploadrequest, rmdirs, deletefile, renamefile, movefiledir} from '@/api/user'
import defaultSettings from '@/settings.js' //import defaultSettings from '@/settings.js'
export default { export default {
@ -196,11 +219,14 @@ export default {
// next(); // next();
// }, // },
// 实例还没挂载
created() { created() {
this.getFileData(); this.getFileData();
}, },
// 实例已经挂载
filters: { filters: {
}, },
@ -236,8 +262,13 @@ export default {
// }, // },
// value2: '', // value2: '',
//haveRealpath: 0,
// 当前目录文件数据
tableData: [], tableData: [],
// 当前目录子目录数据
dirdata: [],
// 创建目录弹出框数据 // 创建目录弹出框数据
dirbox: false, dirbox: false,
dirform: { dirform: {
@ -246,11 +277,35 @@ export default {
}, },
formLabelWidth: '', formLabelWidth: '',
// 更新当前目录的子目录 //删除目录数据
dirdata: [], rmdirform: {
dir: '',
parent: ''
},
// 删除文件数据
rmfileform: {
file: '',
parent: ''
},
// 重命名文件数据
renamebox: false,
renamefileform: {
from: '',
to: '',
parent: ''
},
// 移动目录或者文件数据
movebox: false,
movefileform: {
from: '',
to: ''
},
subloading: false, //切换目录loading subloading: false, //切换目录loading
mkdirloadings: false, mkdirloadings: false, //创建目录loading
// 图片上传弹出框数据 // 图片上传弹出框数据
uploadDrawer: false, uploadDrawer: false,
@ -400,10 +455,21 @@ export default {
} }
this.dirform.parent = maindata.realpath; //this.haveRealpath = maindata.realpath;
//console.log(this.haveRealpath);
this.dirform.parent = maindata.realpath; //获取当前目录的位置
this.rmdirform.parent = maindata.realpath; //获取当前目录的位置 删除目录
this.rmfileform.parent = maindata.realpath; //获取当前目录的位置 删除文件
this.renamefileform.parent = maindata.realpath; //获取当前目录的位置 删除文件
this.imgUploadData.parent = maindata.realpath; // 上传图片
this.movefileform.from = maindata.realpath; // 移动目录
//console.log(this.movefileform.from);
this.subloading = false; this.subloading = false;
this.imgUploadData.parent = maindata.realpath;
} }
}).catch(error => { }).catch(error => {
if (error.response) { if (error.response) {
@ -413,6 +479,8 @@ export default {
} else { } else {
thiss.$message({showClose: true,message: error.message,type: 'error'}); thiss.$message({showClose: true,message: error.message,type: 'error'});
} }
this.subloading = false;
}); });
}, },
@ -420,12 +488,16 @@ export default {
let newObject = null, arrObjs = []; let newObject = null, arrObjs = [];
Object.keys(objectd).forEach(item => { Object.keys(objectd).forEach(item => {
let names = null;
if (objectd[item].filename) {
names = objectd[item].filename+'.'+objectd[item].extension;
}
newObject = { newObject = {
date: '2016-05-03', date: '2016-05-03',
image: objectd[item].path, image: objectd[item].path,
name: objectd[item].filename || objectd[item].directory, name: names || objectd[item].directory,
id: objectd[item].id id: objectd[item].id,
frealpath: objectd[item].realpath
} }
arrObjs.push(newObject); arrObjs.push(newObject);
@ -442,6 +514,7 @@ export default {
thiss.$message({showClose: true,message: '目录名不能为空',type: 'error'}); thiss.$message({showClose: true,message: '目录名不能为空',type: 'error'});
return; return;
} }
//console.log(this.dirform);
this.mkdirloadings = true; this.mkdirloadings = true;
mkdir(this.dirform).then(response => { mkdir(this.dirform).then(response => {
let datamain = response.data; let datamain = response.data;
@ -451,7 +524,7 @@ export default {
this.getFileData(); this.getFileData();
this.dirform.dir = ''; this.dirform.dir = '';
thiss.$message({showClose: true,message: '创建成功',type: ''}); thiss.$message({showClose: true,message: datamain.msg,type: 'success'});
//this.subloading = false; //this.subloading = false;
} }
@ -469,22 +542,129 @@ export default {
}); });
}, },
// 删除目录 // 删除目录
rmdirm() { rmdirm() {
let thiss = this; let thiss = this;
this.rmdirloadings = true; this.subloading = true;
this.dirform.dir = 'test'; //console.log(this.rmdirform);
rmdirs(this.dirform).then(response => { rmdirs(this.rmdirform).then(response => {
let datamain = response.data; let datamain = response.data;
let maindata = datamain.data.dirTree; let maindata = datamain.data.dirTree;
if (datamain.code == 1) { if (datamain.code == 1) {
EventBus.$emit('mkdirSuccess'); //触发菜单栏刷新
this.getFileData();
thiss.$message({showClose: true,message: datamain.msg,type: 'success'});
//this.subloading = false;
} else {
thiss.$message({showClose: true,message: datamain.err,type: 'error'});
}
this.subloading = false;
//this.dirbox = false;
}).catch(error => {
if (error.response) {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} else if (error.request) {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} else {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
}
this.subloading = false;
});
},
// 删除文件
rmfile() {
let thiss = this;
this.subloading = true;
//console.log(this.rmfileform);
deletefile(this.rmfileform).then(response => {
let datamain = response.data;
if (datamain.code == 1) {
this.getFileData();
thiss.$message({showClose: true,message: datamain.msg,type: 'success'});
//this.subloading = false; //this.subloading = false;
} else {
thiss.$message({showClose: true,message: datamain.err,type: 'error'});
}
this.subloading = false;
//this.dirbox = false;
}).catch(error => {
this.subloading = false;
if (error.response) {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} else if (error.request) {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} else {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} }
});
},
this.dirbox = false; // 重命名文件和目录
renameFileDir() {
if (!this.renamefileform.to) {
this.$message({showClose: true,message: '新名称不能为空',type: 'error'});
return;
}
let thiss = this;
this.subloading = true;
//console.log(this.rmfileform);
renamefile(this.renamefileform).then(response => {
let datamain = response.data;
if (datamain.code == 1) {
EventBus.$emit('mkdirSuccess'); //触发菜单栏刷新
this.getFileData();
thiss.$message({showClose: true,message: datamain.msg,type: 'success'});
//this.subloading = false;
} else {
thiss.$message({showClose: true,message: datamain.err,type: 'error'});
}
this.subloading = false;
this.renamebox = false;
}).catch(error => {
this.subloading = false;
if (error.response) {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} else if (error.request) {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} else {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
}
});
},
// 移动目录或者文件
moveFileDir() {
if (!this.movefileform.to || !this.movefileform.from) {
this.$message({showClose: true,message: '不能为空',type: 'error'});
return;
}
let thiss = this;
this.subloading = true;
//console.log(this.rmfileform);
movefiledir(this.movefileform).then(response => {
let datamain = response.data;
if (datamain.code == 1) {
this.getFileData();
thiss.$message({showClose: true,message: datamain.msg,type: 'success'});
//this.subloading = false;
} else {
thiss.$message({showClose: true,message: datamain.err,type: 'error'});
}
this.subloading = false;
this.movebox = false;
}).catch(error => { }).catch(error => {
this.subloading = false;
if (error.response) { if (error.response) {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'}); thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} else if (error.request) { } else if (error.request) {
@ -495,17 +675,48 @@ export default {
}); });
}, },
// table块事件监听
fileTableMClick(e) { fileTableMClick(e) {
let dangQian = e.target, labelname = dangQian.tagName.toLowerCase(), chufazhe = e.currentTarget; //currentTarget得到调用当前函数的元素 let dangQian = e.target, labelname = dangQian.tagName.toLowerCase(), chufazhe = e.currentTarget; //currentTarget得到调用当前函数的元素
let objmark = dangQian.getAttribute('mark'); let getbutton = dangQian, objmark = null;
if (labelname == 'span') { if (labelname == 'span') {
//console.log(dangQian.parentNode); //console.log(dangQian.parentNode);
objmark = dangQian.parentNode.getAttribute('mark'); getbutton = dangQian.parentNode;
} }
// 点击删除 objmark = getbutton.getAttribute('mark');
// 点击删除目录
if (objmark == 'dirdelete') { if (objmark == 'dirdelete') {
this.rmdirform.dir = getbutton.getAttribute('filenames');
this.rmdirm(); this.rmdirm();
return;
}
// 点击删除文件
if (objmark == 'filedelete') {
this.rmfileform.file = getbutton.getAttribute('filenames');
this.rmfile();
return;
}
// 点击重命名文件和目录
if (objmark == 'rename') {
this.renamefileform.from = getbutton.getAttribute('filenames');
this.renamefileform.to = '';
this.renamebox = true;
//this.renameFileDir();
return;
}
// 点击移动目录或文件
if (objmark == 'movefiledir') {
//this.movefileform.from = getbutton.getAttribute('filenames');
this.movefileform.from = getbutton.getAttribute('realpath');
this.movefileform.to = '';
this.movebox = true;
//this.renameFileDir();
return;
} }
//console.log(dangQian); //console.log(dangQian);
} }
@ -514,6 +725,7 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.subfile_main{ .subfile_main{
padding:26px 5% 47px 5%; padding:26px 5% 47px 5%;
.block{margin:0 0 28px 0;} .block{margin:0 0 28px 0;}

90
src/views/systme/switchtheme.vue
Unescape View File

@ -0,0 +1,90 @@
<template>
<div class="seitchtheme_m">
<div>
<span>更换皮肤：</span>
<el-select v-model="skinvalue" placeholder="请选择皮肤">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<div class="Submit1">
<el-button @click="skinSubmit" :loading="skinloading" type="primary">提交</el-button>
</div>
</div>
</div>
</template>
<script>
import { switchthemeApi} from '@/api/user'
export default {
data() {
return {
options: [{
value: 'manual',
label: 'manual'
}, {
value: 'webdirectory',
label: 'webdirectory'
}, {
value: 'googleimage',
label: 'googleimage'
}, {
value: 'videoblog',
label: 'videoblog'
}],
skinvalue: '',
skinloading:false,
themes:{
theme:''
}
}
},
methods: {
skinSubmit() {
let thiss = this;
this.skinloading = true;
this.themes.theme = this.skinvalue;
switchthemeApi(this.themes).then(response => {
let datamain = response.data;
if (datamain.code == 1) {
this.getFileData();
thiss.$message({showClose: true,message: datamain.msg,type: 'success'});
//this.subloading = false;
} else {
thiss.$message({showClose: true,message: datamain.err,type: 'error'});
}
this.skinloading = false;
}).catch(error => {
this.skinloading = false;
if (error.response) {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} else if (error.request) {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} else {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
}
});
}
}
}
</script>
<style lang="scss">
.seitchtheme_m{
padding:26px 5% 47px 5%;
.el-select{width:88%}
.Submit1{margin:20px 0;text-align:center;}
}
</style>
Write Preview
Loading…
Cancel
Save