Browse Source

完善所有接口,修改

master
wen 2 years ago
parent
commit
b9f4817458
  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. 282
      src/views/subfile/index.vue
  6. 90
      src/views/systme/switchtheme.vue

36
src/api/user.js

@ -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

@ -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

@ -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

@ -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);
}
}
}

282
src/views/subfile/index.vue

@ -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,37 +109,63 @@
<el-table-column <el-table-column
align="center" align="center"
label="操作"> label="操作">
<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" type="danger">删除</el-button> <el-button size="mini" mark="filedelete" :filenames="scope.row.name" type="danger">删除</el-button>
</div> </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-select v-model="form.region" placeholder="请选择父级目录">
<el-option label="区域一" value="shanghai"></el-option>
</el-select>
</el-form-item> -->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="dirbox = false"> </el-button> <el-button @click="dirbox = false"> </el-button>
<el-button type="primary" @click="mkdirs" :loading="mkdirloadings"> </el-button> <el-button type="primary" @click="mkdirs" :loading="mkdirloadings"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 重新命名弹框 -->
<el-dialog title="重命名" :visible.sync="renamebox">
<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-drawer <el-drawer
title="上传图片" title="上传图片"
:visible.sync="uploadDrawer" :visible.sync="uploadDrawer"
@ -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;
} }
@ -472,19 +545,126 @@ 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;
} 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) {
EventBus.$emit('mkdirSuccess'); //
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.dirbox = false; 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

@ -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>
Loading…
Cancel
Save