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

所有接口及功能完成，已优化，测试

master
wen 2 years ago
parent
b02f076d01
commit
877d4107bf
15 changed files with 767 additions and 246 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. 2
      public/index.html
  2. 1
      public/loadhead.css
  3. 133
      src/components/Breadcrumb/index.vue
  4. 49
      src/layout/components/Sidebar/index.vue
  5. 9
      src/layout/components/Sidebar/leftMenusData.js
  6. 4
      src/store/modules/user.js
  7. 425
      src/views/filemange/index.vue
  8. 22
      src/views/homepage/index.vue
  9. 53
      src/views/login/index.vue
  10. 0
      src/views/subfile/index.js
  11. 61
      src/views/subfile/index.vue
  12. 151
      src/views/systme/changepass.vue
  13. 43
      src/views/systme/switchtheme.vue
  14. 7
      src/views/systme/userrelated.vue
  15. 53
      src/views/usermanage/index.vue

2
public/index.html
Unescape View File

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>jialuoma2.ico"> <link rel="icon" href="<%= BASE_URL %>jialuoma2.ico">
<!-- <title><%= webpackConfig.name %></title> --> <!-- <title><%= webpackConfig.name %></title> -->
<title>嘉洛马</title> <title>嘉洛马 — 文件后台管理系统</title>
<link rel="stylesheet" type="text/css" href="loadhead.css"> <link rel="stylesheet" type="text/css" href="loadhead.css">
</head> </head>
<body> <body>

1
public/loadhead.css
Unescape View File

@ -12,6 +12,7 @@ a{color:#464c5c;text-decoration:none;}
.elementhidden{visibility:hidden !important;} .elementhidden{visibility:hidden !important;}
.verMiddle{vertical-align:middle !important;} .verMiddle{vertical-align:middle !important;}
.vercenter{text-align:center !important;} .vercenter{text-align:center !important;}
.verleft{text-align:left !important;}
.textright{text-align:right !important;} .textright{text-align:right !important;}
.verbold{font-weight:bold !important;} .verbold{font-weight:bold !important;}
.qcmargin{margin:0 !important;} .qcmargin{margin:0 !important;}

133
src/components/Breadcrumb/index.vue
Unescape View File

@ -1,33 +1,145 @@
<template> <template>
<el-breadcrumb class="app-breadcrumb" separator-class="el-icon-arrow-right"> <el-breadcrumb v-if="breadcrumbq" class="app-breadcrumb" separator-class="el-icon-arrow-right">
<transition-group name="breadcrumb"> <transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path"> <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
<span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span> <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
<a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a> <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
</el-breadcrumb-item> </el-breadcrumb-item>
</transition-group> </transition-group>
</el-breadcrumb> </el-breadcrumb>
<el-breadcrumb v-else class="app-breadcrumb" separator-class="el-icon-arrow-right">
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item) in levelList2" :key="item.path">
<!-- <span v-if="" class="no-redirect">{{ item.meta.title }}</span> -->
<a :href="'/#'+item.path">{{ item.meta.title }}</a>
</el-breadcrumb-item>
</transition-group>
<!-- <el-breadcrumb-item :to="{ path: '/filemange/index' }">首页</el-breadcrumb-item>
<el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item> -->
</el-breadcrumb>
</template> </template>
<script> <script>
import pathToRegexp from 'path-to-regexp' import pathToRegexp from 'path-to-regexp'
import menusdata from '@/layout/components/Sidebar/leftMenusData.js'
export default { export default {
data() { data() {
return { return {
levelList: null levelList: null,
breadcrumbq:true,
getcrumbsData: menusdata,
levelList2: []
} }
}, },
watch: { watch: {
$route() { $route() {
this.getBreadcrumb() this.ifbreadshow();
},
}
// 监听getcrumbsData对象数据发生变化时候
getcrumbsData: {
handler: function(newV, oldv) {
this.extractChild = this.arrToobj(newV);
this.ifbreadshow();
//console.log(extractChild);
},
deep: true
//immediate:true
}
}, },
created() { created() {
this.getBreadcrumb() //this.ifbreadshow();
// 面包屑处理
this.extractChild = null;
//this.getBread(extractChild);
},
computed: {
}, },
methods: { methods: {
ifbreadshow() {
//console.log(menusdata[1]);
let thisURl = window.location.href;
let currentid =null;
let ancestorsDir = null;
if (thisURl.indexOf('filemange') != -1) {
for (let key in this.extractChild) {
if (this.extractChild[key].id == 1) {
ancestorsDir = this.extractChild[key];
break;
}
}
if (thisURl.indexOf('?id') != -1) {
currentid = thisURl.split('?id=')[1]
this.levelList2 = this.getBread(currentid, this.extractChild);
this.levelList2.reverse(); //数组倒置
//levelList2.
} else {
this.levelList2 = [];
}
this.levelList2.unshift(ancestorsDir)
console.log(this.levelList2);
this.breadcrumbq = false;
// console.log(currentid);
// console.log(this.extractChild);
//console.log(this.levelList2);
} else {
this.breadcrumbq = true;
this.getBreadcrumb()
}
},
arrToobj (arr) {
//console.log(arr);
var obj = {};
var tmp;
for (var i in arr) {
if (typeof(arr[i]['children']) != 'undefined') {
tmp = this.arrToobj(arr[i]['children']);
obj[arr[i].id] = arr[i];
for (var j in tmp) {
obj[tmp[j].id] = tmp[j];
}
}else {
obj[arr[i].id] = arr[i];
}
}
return obj;
},
getBread (id, obj) {
if (typeof(obj[id]) == 'undefined') {return false;}
var arr = [];
arr[arr.length] = obj[id];
//arr[arr.length].unshift(obj[id])
var pid = typeof (obj[id]['pid']) != 'undefined' ? obj[id]['pid'] : 0;
while (pid) {
arr[arr.length] = obj[pid];
pid = typeof (obj[pid]['pid']) != 'undefined' ? obj[pid]['pid'] : 0;
}
//console.log(1111);
return arr;
},
getBreadcrumb() { getBreadcrumb() {
// only show routes with meta.title // only show routes with meta.title
@ -41,6 +153,7 @@ export default {
} }
this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false) this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
//console.log(this.levelList);
}, },
isDashboard(route) { isDashboard(route) {
const name = route && route.name const name = route && route.name

49
src/layout/components/Sidebar/index.vue
Unescape View File

@ -11,6 +11,8 @@
:active-text-color="variables.menuActiveText" :active-text-color="variables.menuActiveText"
:collapse-transition="false" :collapse-transition="false"
mode="vertical" mode="vertical"
@open="handleOpen"
:default-openeds="openedsindex"
> >
<sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" /> <sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
</el-menu> </el-menu>
@ -39,13 +41,21 @@ export default {
}, },
mounted() { mounted() {
EventBus.$on('mkdirSuccess', this.getmunusdata) EventBus.$on('mkdirSuccess', this.getmunusdata); //刷新菜单栏事件
//EventBus.$on('menuopemdsc', this.menuopeneds); //展开菜单栏事件
let winpach = window.location.href;
if (winpach.indexOf('filemange/index') != -1) {
this.menuopeneds();
}
//console.log(this.$root); //console.log(this.$root);
}, },
data() { data() {
return { return {
routes:menusdata routes:menusdata,
// 默认展开的菜单index ，这里submen的index值就是当前路径
openedsindex:[]
} }
}, },
computed: { computed: {
@ -61,7 +71,7 @@ export default {
const route = this.$route const route = this.$route
const { meta, path } = route const { meta, path } = route
const menusindex = window.location.href const menusindex = window.location.href
//console.log(1);
// 因为菜单栏的生成和路由是解耦的，因为动态获取以及添加的菜单都是用的同一个path带不同参数，路由没法获取，所以通过获取地址来选中 // 因为菜单栏的生成和路由是解耦的，因为动态获取以及添加的菜单都是用的同一个path带不同参数，路由没法获取，所以通过获取地址来选中
if (menusindex.indexOf('?id') != -1) { if (menusindex.indexOf('?id') != -1) {
return menusindex.split('/#')[1] return menusindex.split('/#')[1]
@ -85,8 +95,16 @@ export default {
}, },
methods: { methods: {
menuopeneds() {
window.setTimeout(() => {
this.openedsindex = ['/filemange/index'];
}, 400);
},
SplicingMenuTree(menus) { SplicingMenuTree(menus) {
let newMenu = null, arrMenus = []; let newMenu = null, arrMenus = [];
let nuni = 2;
menus.forEach(item => { menus.forEach(item => {
//console.log(menusdata[0]); //console.log(menusdata[0]);
// if (!this.menusdata.children) { // if (!this.menusdata.children) {
@ -97,13 +115,16 @@ export default {
path: '/filemange/subfile?id='+item.id, path: '/filemange/subfile?id='+item.id,
meta: { title: item.directory }, meta: { title: item.directory },
class: 'file', class: 'file',
id: item.id,
pid: item.pid,
children:[] children:[]
} }
if (item.directories && item.directories.length > 0) { if (item.directories && item.directories.length > 0) {
newMenu.children = this.SplicingMenuTree(item.directories) newMenu.children = this.SplicingMenuTree(item.directories)
} }
arrMenus.push(newMenu); arrMenus.push(newMenu);
//nuni++;
}); });
return arrMenus; return arrMenus;
}, },
@ -114,12 +135,16 @@ export default {
// console.log(this.$store); // console.log(this.$store);
mirlist().then(response => { mirlist().then(response => {
let datamain = response.data; let datamain = response.data;
this.routes[1].children = this.SplicingMenuTree(datamain.data.menus); this.routes[1].children = [];
//console.log(); if (datamain.code == 1) {
let dirTree = datamain.data.dirTree; this.routes[1].children = this.SplicingMenuTree(datamain.data.menus);
if (dirTree.id) { //console.log();
//this.$router.push({path: '/filemange/subfile?id='+dirTree.id}); // let dirTree = datamain.data.dirTree;
// if (dirTree.id) {
// //this.$router.push({path: '/filemange/subfile?id='+dirTree.id});
// }
} }
}).catch(function (error) { }).catch(function (error) {
if (error.response) { if (error.response) {
@ -135,7 +160,11 @@ export default {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'}); thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} }
}); });
} },
handleOpen(key, keyPath) {
//console.log(key, keyPath);
},
} }
} }
</script> </script>

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

@ -30,8 +30,7 @@ var menusdata = [
{ {
id: '0', id: '0',
path: '/homepage', path: '/homepage',
meta: { title: '首页', icon: 'dashboard' }, meta: { title: '首页', icon: 'dashboard' }
children:[]
}, },
{ {
@ -42,29 +41,35 @@ var menusdata = [
children:[] children:[]
}, },
{ {
id: '2',
path: '/usermange/index', path: '/usermange/index',
meta: { title: '用户管理', icon: 'form' } meta: { title: '用户管理', icon: 'form' }
}, },
{ {
id: '3',
path: '/systme', path: '/systme',
meta: { title: '系统管理', icon: 'dashboard' }, meta: { title: '系统管理', icon: 'dashboard' },
children: [ children: [
{ {
id:'3-1',
path: 'changepass', path: 'changepass',
meta: { title: '修改密码', icon: 'table' } meta: { title: '修改密码', icon: 'table' }
}, },
{ {
id: '3-2',
path: 'userrelated', path: 'userrelated',
meta: { title: '用户相关', icon: 'tree' } meta: { title: '用户相关', icon: 'tree' }
}, },
{ {
id: '3-3',
path: 'switchtheme', path: 'switchtheme',
meta: { title: '皮肤更换', icon: 'tree' } meta: { title: '皮肤更换', icon: 'tree' }
} }
] ]
}, },
{ {
id: '4',
path: 'https://dev.filesite.io', path: 'https://dev.filesite.io',
meta: { title: '前端展示页面', icon: 'link' } meta: { title: '前端展示页面', icon: 'link' }

4
src/store/modules/user.js
Unescape View File

@ -30,9 +30,9 @@ const mutations = {
const actions = { const actions = {
// user login // user login
login({ commit }, userInfo) { login({ commit }, userInfo) {
const { username, password } = userInfo const { username, password, captcha} = userInfo
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
login({ username: username.trim(), password: password }).then(response => { login({ username: username.trim(), password: password, captcha: captcha}).then(response => {
const { data } = response const { data } = response
commit('SET_TOKEN', data.token) commit('SET_TOKEN', data.token)
setToken(data.token) setToken(data.token)

425
src/views/filemange/index.vue
Unescape View File

@ -1,23 +1,107 @@
<template> <template>
<div class="filemange_container"> <div class="filemange_container" v-loading="subloading" element-loading-text="数据加载中...">
<div class="mkdirm"> <div class="use_button">
<el-button type="primary" @click="dirbox = true">创建目录</el-button> <el-button type="primary" icon="el-icon-edit" @click="dirbox = true">创建目录</el-button>
<!-- <el-button type="primary" icon="el-icon-edit" @click="rmdirm">删除目录</el-button>
<el-button type="primary" icon="el-icon-edit">重命名</el-button> -->
</div> </div>
<div v-on:click="fileTableMClick">
<!-- 子目录数据列表 如果不需要显示空数据提示，可以用css隐藏-->
<el-table
:data="dirdata"
empty-text="暂无子目录数据"
border
style="width: 100%" class="filesmd verleft">
<!-- <el-table-column
align="center"
prop="date"
label="时间"
width="auto">
</el-table-column> -->
<el-table-column
align="left"
prop="name"
label="名称">
</el-table-column>
<el-table-column
align="left"
label="类型"
width="auto">
<template slot-scope="scope">
<div class="type_file_click">
<el-tooltip content="进入子目录" placement="bottom-start" effect="light">
<a :href="'#/filemange/subfile?id='+scope.row.id">
<!-- <el-button type="warning" icon="el-icon-notebook-1">{{scope.row.name}}</el-button> -->
<img src="../../common/img/file.png" alt="图片"/>
</a>
</el-tooltip>
</div>
</template>
</el-table-column>
<el-table-column
align="center"
label="操作"
width="auto">
<template slot-scope="scope">
<div class="file_caozuo">
<el-button size="mini" :filenames="scope.row.name" mark="rename">重命名</el-button>
<!-- <el-button size="mini">下载</el-button> -->
</div>
<div class="file_caozuo2">
<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>
</div>
</template>
</el-table-column>
</el-table>
</div>
<!-- 创建目录弹框 -->
<el-dialog title="创建目录" :visible.sync="dirbox"> <el-dialog title="创建目录" :visible.sync="dirbox">
<el-form :model="form"> <el-form :model="dirform">
<el-form-item label="目录名称" :label-width="formLabelWidth"> <el-form-item label="目录名称" :label-width="formLabelWidth">
<el-input v-model="form.name" autocomplete="off"></el-input> <el-input v-model="dirform.dir" autocomplete="off"></el-input>
</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-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item> </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="dirbox = false">确 定</el-button> <el-button type="primary" @click="mkdirs" :loading="mkdirloadings">确 定</el-button>
</div>
</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">
<template v-if="filesuffix" slot="append">{{filesuffix}}</template>
</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> </div>
</el-dialog> </el-dialog>
</div> </div>
@ -26,32 +110,323 @@
<script> <script>
//import { mapGetters } from 'vuex' //import { mapGetters } from 'vuex'
import { mirlist, mkdir, rmdirs, deletefile, renamefile, movefiledir} from '@/api/user'
import EventBus from '@/utils/EventBus.js'
export default { export default {
// 实例还没挂载
created() {
this.getFileData();
//console.log(this.imgurl);
},
data() { data() {
return { return {
// 当前目录子目录数据
dirdata: [],
subloading: false, //切换目录loading
mkdirloadings: false, //创建目录loading
// 创建目录弹出框数据
dirbox: false, dirbox: false,
form: { dirform: {
name: '', dir: '',
region: '', parent: ''
date1: '', },
date2: '', formLabelWidth: '',
delivery: false,
type: [], //删除目录数据
resource: '', rmdirform: {
desc: '' dir: '',
parent: ''
},
// 重命名文件数据
renamebox: false,
filesuffix:false,
renamefileform: {
from: '',
to: '',
parent: ''
},
// 移动目录或者文件数据
movebox: false,
movefileform: {
from: '',
to: ''
}, },
formLabelWidth: '120px'
} }
}, },
methods: { methods: {
getFileData() {
let thiss = this;
this.subloading = true;
mirlist().then(response => {
let datamain = response.data;
//console.log(maindata);
this.dirdata = []
if (datamain.code == 1) {
let maindata = datamain.data.menus;
//console.log(maindata.directories.length);
if (maindata) {
this.dirdata = this.forObjectData(maindata);
}
// this.dirform.parent = maindata.realpath; //获取当前目录的位置 创建目录
// this.rmdirform.parent = maindata.realpath; //获取当前目录的位置 删除目录
// this.renamefileform.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 = {
suffix:objectd[item].extension || '',
image: objectd[item].path,
name: names || objectd[item].directory,
id: objectd[item].id,
frealpath: objectd[item].realpath || objectd[item].directory
}
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'); //触发菜单栏刷新
//EventBus.$emit('menuopemdsc'); //触发菜单栏刷新
this.getFileData();
this.dirform.dir = '';
thiss.$message({showClose: true,message: datamain.msg, type: 'success'});
//this.subloading = false;
} else {
thiss.$message({showClose: true,message: datamain.err, type: 'error'});
}
this.mkdirloadings = false;
this.dirbox = false;
}).catch(error => {
//console.log(0);
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,type: 'error'});
} else {
thiss.$message({showClose: true,message: error.message, 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;
});
},
// 移动目录或者文件
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) {
console.log(66666);
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.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'});
}
});
},
// 重命名文件和目录
renameFileDir() {
if (!this.renamefileform.to) {
this.$message({showClose: true,message: '新名称不能为空',type: 'error'});
return;
}
if (this.filesuffix) {
this.renamefileform.to += this.filesuffix;
}
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'});
}
});
},
// 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 == 'rename') {
this.renamefileform.from = getbutton.getAttribute('filenames');
this.filesuffix = getbutton.getAttribute('suffixs');
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);
}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss">
.mkdirm{text-align:center;margin:20% 0 0 0;}
.filemange_container{
padding:26px 5% 47px 5%;
.block{margin:0 0 28px 0;}
.sou_bottom{margin-left:10px;}
.use_button{margin:15px 0 16px 0;}
// .use_button>button{margin:0 10px 10px 0;}
.file_caozuo2>button{margin-top:6px;}
.el-table td{padding:9px 0}
.folder_bottom a{margin:0 6px;}
.el-table__body-wrapper img{width:100px;height:71px;}
.el-drawer__body{text-align:center;padding:0 10% 20px 10%;}
.request_main{text-align:center;margin:12px 0;}
.addimgtext{line-height:25px;display:inline-block;color:#8c939d;vertical-align: middle;}
.el-upload--picture-card i{vertical-align:middle;}
.type_file_click img{width:64px;height:48px;}
.type_file_click a{display:block;}
// .el-table .is-center{text-align:left;}
}
</style> </style>

22
src/views/homepage/index.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<div class="filemange_container"> <!-- <div class="filemange_container">
<div class="mkdirm"> <div class="mkdirm">
<el-button type="primary" @click="dirbox = true">创建目录</el-button> <el-button type="primary" @click="dirbox = true">创建目录</el-button>
</div> </div>
@ -20,7 +20,10 @@
<el-button type="primary" @click="dirbox = false">确 定</el-button> <el-button type="primary" @click="dirbox = false">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div> -->
<div class="app-container Clew">
<h2>欢迎</h2>
</div>
</template> </template>
<script> <script>
@ -30,18 +33,7 @@
export default { export default {
data() { data() {
return { return {
dirbox: false,
form: {
name: '',
region: '',
date1: '',
date2: '',
delivery: false,
type: [],
resource: '',
desc: ''
},
formLabelWidth: '120px'
} }
}, },
@ -52,5 +44,5 @@ methods: {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.mkdirm{text-align:center;margin:20% 0 0 0;} // .Clew{font-size:}
</style> </style>

53
src/views/login/index.vue
Unescape View File

@ -170,30 +170,37 @@ export default {
if (valid) { if (valid) {
this.loading = true this.loading = true
let thiss = this; let thiss = this;
login(this.loginForm).then(response => { this.$store.dispatch('user/login', this.loginForm).then(() => {
let datamain = response.data; //this.$router.push({ path: this.redirect || '/' })
console.log(1111); this.$router.push({path: '/filemange/index'})
if (datamain.code == 0) { this.loading = false
this.loading = false; }).catch(() => {
this.$message({
showClose: true,
message: datamain.err,
type: 'error'
});
return false;
}
//console.log(response)
this.$router.push({path: '/filemange/index'})
//console.log('6666');
}).catch(function (error) {
thiss.$message({
showClose: true,
message: error,
type: 'error'
});
this.loading = false this.loading = false
}); })
// login(this.loginForm).then(response => {
// let datamain = response.data;
// console.log(1111);
// if (datamain.code == 0) {
// this.loading = false;
// this.$message({
// showClose: true,
// message: datamain.err,
// type: 'error'
// });
// return false;
// }
// //console.log(response)
// this.$router.push({path: '/filemange/index'})
// //console.log('6666');
// }).catch(function (error) {
// thiss.$message({
// showClose: true,
// message: error,
// type: 'error'
// });
// this.loading = false
// });
} else { } else {
console.log('error submit!!') console.log('error submit!!')
return false return false

0
src/views/subfile/indexs.js → src/views/subfile/index.js
Unescape View File

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

@ -41,17 +41,17 @@
width="auto"> width="auto">
</el-table-column> --> </el-table-column> -->
<el-table-column <el-table-column
align="center" align="left"
prop="name" prop="name"
label="名称"> label="名称">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="left"
label="类型" label="类型"
width="auto"> width="auto">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="type_file_click"> <div class="type_file_click">
<a :href="'#/filemange/subfile?id='+scope.row.id"> <a title="点击进入子目录" :href="'#/filemange/subfile?id='+scope.row.id">
<!-- <el-button type="warning" icon="el-icon-notebook-1">{{scope.row.name}}</el-button> --> <!-- <el-button type="warning" icon="el-icon-notebook-1">{{scope.row.name}}</el-button> -->
<img src="../../common/img/file.png" alt="图片"/> <img src="../../common/img/file.png" alt="图片"/>
</a> </a>
@ -92,12 +92,12 @@
width="auto"> width="auto">
</el-table-column> --> </el-table-column> -->
<el-table-column <el-table-column
align="center" align="left"
prop="name" prop="name"
label="名称"> label="名称">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="left"
label="图片" label="图片"
width="auto"> width="auto">
<template slot-scope="scope"> <template slot-scope="scope">
@ -112,7 +112,7 @@
label="操作"> label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="file_caozuo"> <div class="file_caozuo">
<el-button size="mini" :filenames="scope.row.name" mark="rename">重命名</el-button> <el-button size="mini" :filenames="scope.row.name" :suffixs="'.'+scope.row.suffix" 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">
@ -143,7 +143,9 @@
<el-dialog title="重命名" :visible.sync="renamebox"> <el-dialog title="重命名" :visible.sync="renamebox">
<el-form :model="renamefileform"> <el-form :model="renamefileform">
<el-form-item label="新名称" :label-width="formLabelWidth"> <el-form-item label="新名称" :label-width="formLabelWidth">
<el-input v-model="renamefileform.to" autocomplete="off"></el-input> <el-input v-model="renamefileform.to" autocomplete="off">
<template v-if="filesuffix" slot="append">{{filesuffix}}</template>
</el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -156,9 +158,11 @@
<el-dialog title="目录移动弹出框" :visible.sync="movebox"> <el-dialog title="目录移动弹出框" :visible.sync="movebox">
<el-form :model="movefileform"> <el-form :model="movefileform">
<el-form-item label="当前位置" :label-width="formLabelWidth"> <el-form-item label="当前位置" :label-width="formLabelWidth">
<el-input v-model="movefileform.from" autocomplete="off"></el-input> <el-input v-model="movefileform.from" autocomplete="off">
</el-input>
</el-form-item> </el-form-item>
<el-form-item label="目标位置" :label-width="formLabelWidth"> <el-form-item label="目标位置（请参考当前位置的格式填写目标位置，需要带上当前的文件名称）" :label-width="formLabelWidth">
<el-input v-model="movefileform.to" autocomplete="off"></el-input> <el-input v-model="movefileform.to" autocomplete="off"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -184,6 +188,7 @@
:on-change="filechange" :on-change="filechange"
:on-preview="handlePictureCardPreview" :on-preview="handlePictureCardPreview"
:disabled="false" :disabled="false"
:file-list="uploadFilelist"
accept=".jpg, .jpeg, .png, .gif" accept=".jpg, .jpeg, .png, .gif"
:auto-upload="false"> :auto-upload="false">
<i slot="default" class="el-icon-plus"></i> <i slot="default" class="el-icon-plus"></i>
@ -223,7 +228,7 @@ export default {
// 实例还没挂载 // 实例还没挂载
created() { created() {
this.getFileData(); this.getFileData();
console.log(this.imgurl); //console.log(this.imgurl);
}, },
// 实例已经挂载 // 实例已经挂载
@ -231,9 +236,9 @@ export default {
// console.log(this.imgurl); // console.log(this.imgurl);
// }, // },
filters: { // filters: {
}, // },
data() { data() {
return { return {
// 按日期查询 // 按日期查询
@ -296,6 +301,7 @@ export default {
// 重命名文件数据 // 重命名文件数据
renamebox: false, renamebox: false,
filesuffix:false,
renamefileform: { renamefileform: {
from: '', from: '',
to: '', to: '',
@ -315,6 +321,7 @@ export default {
// 图片上传弹出框数据 // 图片上传弹出框数据
uploadDrawer: false, uploadDrawer: false,
direction: 'ttb', direction: 'ttb',
uploadFilelist: [],
// 图片上传相关数据 // 图片上传相关数据
dialogImageUrl: '', dialogImageUrl: '',
@ -364,6 +371,7 @@ export default {
return; return;
} }
this.uploadFilelist = fileList;
// 获取传给后台的图片参数 // 获取传给后台的图片参数
this.imgUploadData.name = files.name; this.imgUploadData.name = files.name;
this.getBase64(files.raw).then(res => { this.getBase64(files.raw).then(res => {
@ -417,9 +425,10 @@ export default {
uploadrequest(this.imgUploadData).then(response => { uploadrequest(this.imgUploadData).then(response => {
let datamain = response.data; let datamain = response.data;
if (datamain.code == 1) { if (datamain.code == 1) {
console.log(datamain); //console.log(datamain);
this.$message({showClose: true,message: datamain.msg, type:'success'}); this.$message({showClose: true,message: datamain.msg, type:'success'});
this.uploadDrawer = false; this.uploadDrawer = false;
this.uploadFilelist = [];
this.getFileData(); this.getFileData();
} }
this.uploadLoad = false; this.uploadLoad = false;
@ -434,6 +443,12 @@ export default {
} }
}); });
}, },
// 关闭图片上传窗口回调
// uploadDrawerClose(done) {
// this.uploadDrawer = false;
// this.uploadFilelist = [];
// },
getFileData() { getFileData() {
let can = {}; let can = {};
const menusindex = window.location.href const menusindex = window.location.href
@ -469,12 +484,7 @@ export default {
this.imgUploadData.parent = maindata.realpath; // 上传图片 this.imgUploadData.parent = maindata.realpath; // 上传图片
this.movefileform.from = maindata.realpath; // 移动目录 this.movefileform.from = maindata.realpath; // 移动目录
//console.log(this.movefileform.from); //console.log(this.movefileform.from);
this.subloading = false; this.subloading = false;
} }
}).catch(error => { }).catch(error => {
if (error.response) { if (error.response) {
@ -498,7 +508,7 @@ export default {
names = objectd[item].filename+'.'+objectd[item].extension; names = objectd[item].filename+'.'+objectd[item].extension;
} }
newObject = { newObject = {
date: '2016-05-03', suffix:objectd[item].extension || '',
image: objectd[item].path, image: objectd[item].path,
name: names || objectd[item].directory, name: names || objectd[item].directory,
id: objectd[item].id, id: objectd[item].id,
@ -531,7 +541,9 @@ export default {
this.dirform.dir = ''; this.dirform.dir = '';
thiss.$message({showClose: true,message: datamain.msg,type: 'success'}); 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.mkdirloadings = false; this.mkdirloadings = false;
this.dirbox = false; this.dirbox = false;
@ -615,6 +627,10 @@ export default {
this.$message({showClose: true,message: '新名称不能为空',type: 'error'}); this.$message({showClose: true,message: '新名称不能为空',type: 'error'});
return; return;
} }
if (this.filesuffix) {
this.renamefileform.to += this.filesuffix;
}
let thiss = this; let thiss = this;
this.subloading = true; this.subloading = true;
//console.log(this.rmfileform); //console.log(this.rmfileform);
@ -657,7 +673,7 @@ export default {
movefiledir(this.movefileform).then(response => { movefiledir(this.movefileform).then(response => {
let datamain = response.data; let datamain = response.data;
if (datamain.code == 1) { if (datamain.code == 1) {
EventBus.$emit('mkdirSuccess'); //触发菜单栏刷新
this.getFileData(); this.getFileData();
thiss.$message({showClose: true,message: datamain.msg,type: 'success'}); thiss.$message({showClose: true,message: datamain.msg,type: 'success'});
//this.subloading = false; //this.subloading = false;
@ -708,6 +724,7 @@ export default {
// 点击重命名文件和目录 // 点击重命名文件和目录
if (objmark == 'rename') { if (objmark == 'rename') {
this.renamefileform.from = getbutton.getAttribute('filenames'); this.renamefileform.from = getbutton.getAttribute('filenames');
this.filesuffix = getbutton.getAttribute('suffixs');
this.renamefileform.to = ''; this.renamefileform.to = '';
this.renamebox = true; this.renamebox = true;
//this.renameFileDir(); //this.renameFileDir();
@ -746,5 +763,7 @@ export default {
.addimgtext{line-height:25px;display:inline-block;color:#8c939d;vertical-align: middle;} .addimgtext{line-height:25px;display:inline-block;color:#8c939d;vertical-align: middle;}
.el-upload--picture-card i{vertical-align:middle;} .el-upload--picture-card i{vertical-align:middle;}
.type_file_click img{width:64px;height:48px;} .type_file_click img{width:64px;height:48px;}
.type_file_click a{display:block;}
// .el-table .is-center{text-align:left;}
} }
</style> </style>

151
src/views/systme/changepass.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<div class="change_pass"> <!-- <div class="change_pass">
<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm pass_form"> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm pass_form">
<el-form-item label="当前密码" prop="pass"> <el-form-item label="当前密码" prop="pass">
<el-input type="password" v-model="ruleForm.pass" autocomplete="off"></el-input> <el-input type="password" v-model="ruleForm.pass" autocomplete="off"></el-input>
@ -15,7 +15,10 @@
<el-button @click="resetForm('ruleForm')">重置</el-button> <el-button @click="resetForm('ruleForm')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div> -->
<div class="app-container">
暂未开放
</div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -26,76 +29,76 @@
<script> <script>
export default { // export default {
data() { // data() {
var checkAge = (rule, value, callback) => { // var checkAge = (rule, value, callback) => {
if (!value) { // if (!value) {
return callback(new Error('年龄不能为空')); // return callback(new Error('年龄不能为空'));
} // }
setTimeout(() => { // setTimeout(() => {
if (!Number.isInteger(value)) { // if (!Number.isInteger(value)) {
callback(new Error('请输入数字值')); // callback(new Error('请输入数字值'));
} else { // } else {
if (value < 18) { // if (value < 18) {
callback(new Error('必须年满18岁')); // callback(new Error('必须年满18岁'));
} else { // } else {
callback(); // callback();
} // }
} // }
}, 1000); // }, 1000);
}; // };
var validatePass = (rule, value, callback) => { // var validatePass = (rule, value, callback) => {
if (value === '') { // if (value === '') {
callback(new Error('请输入密码')); // callback(new Error('请输入密码'));
} else { // } else {
if (this.ruleForm.checkPass !== '') { // if (this.ruleForm.checkPass !== '') {
this.$refs.ruleForm.validateField('checkPass'); // this.$refs.ruleForm.validateField('checkPass');
} // }
callback(); // callback();
} // }
}; // };
var validatePass2 = (rule, value, callback) => { // var validatePass2 = (rule, value, callback) => {
if (value === '') { // if (value === '') {
callback(new Error('请再次输入密码')); // callback(new Error('请再次输入密码'));
} else if (value !== this.ruleForm.pass) { // } else if (value !== this.ruleForm.pass) {
callback(new Error('两次输入密码不一致!')); // callback(new Error('两次输入密码不一致!'));
} else { // } else {
callback(); // callback();
} // }
}; // };
return { // return {
ruleForm: { // ruleForm: {
pass: '', // pass: '',
checkPass: '', // checkPass: '',
age: '' // age: ''
}, // },
rules: { // rules: {
pass: [ // pass: [
{ validator: validatePass, trigger: 'blur' } // { validator: validatePass, trigger: 'blur' }
], // ],
checkPass: [ // checkPass: [
{ validator: validatePass2, trigger: 'blur' } // { validator: validatePass2, trigger: 'blur' }
], // ],
age: [ // age: [
{ validator: checkAge, trigger: 'blur' } // { validator: checkAge, trigger: 'blur' }
] // ]
} // }
}; // };
}, // },
methods: { // methods: {
submitForm(formName) { // submitForm(formName) {
this.$refs[formName].validate((valid) => { // this.$refs[formName].validate((valid) => {
if (valid) { // if (valid) {
alert('submit!'); // alert('submit!');
} else { // } else {
console.log('error submit!!'); // console.log('error submit!!');
return false; // return false;
} // }
}); // });
}, // },
resetForm(formName) { // resetForm(formName) {
this.$refs[formName].resetFields(); // this.$refs[formName].resetFields();
} // }
} // }
} // }
</script> </script>

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

@ -1,8 +1,9 @@
<template> <template>
<div class="seitchtheme_m"> <div class="seitchtheme_m">
<h5>更换皮肤以查看不同皮肤的前端网站</h5>
<div> <div>
<span>更换皮肤：</span> <span>更换皮肤：</span>
<el-select v-model="skinvalue" placeholder="请选择皮肤"> <el-select v-model="skinvalue" @change="selectbian" placeholder="请选择皮肤">
<el-option <el-option
v-for="item in options" v-for="item in options"
:key="item.value" :key="item.value"
@ -11,7 +12,9 @@
</el-option> </el-option>
</el-select> </el-select>
<div class="Submit1"> <div class="Submit1">
<el-button @click="skinSubmit" :loading="skinloading" type="primary">提交</el-button> <!-- <el-button @click="skinSubmit" :loading="skinloading" type="primary">提交</el-button> -->
<a v-if="skinvalue" class="to_front_web" target="_blank" :href="skinLink"><el-button type="success" round>查看{{skinlabel}}站点</el-button></a>
</div> </div>
</div> </div>
@ -29,21 +32,27 @@ export default {
return { return {
options: [{ options: [{
value: 'manual', value: 'manual',
label: 'manual' label: '文档站',
link:'https://Filesite.io'
}, { }, {
value: 'webdirectory', value: 'webdirectory',
label: 'webdirectory' label: '导航站',
link:'https://WebDirectory.filesite.io'
}, { }, {
value: 'googleimage', value: 'googleimage',
label: 'googleimage' label: '图片站',
link:'https://googleimage.filesite.io/'
}, { }, {
value: 'videoblog', value: 'videoblog',
label: 'videoblog' label: '视频站',
link:'https://Duan.Filesite.io'
}], }],
skinvalue: '', skinvalue: '',
skinlabel:'',
skinLink: '',
skinloading:false, skinloading:false,
themes:{ skinForm:{
theme:'' theme:''
} }
} }
@ -52,12 +61,12 @@ export default {
skinSubmit() { skinSubmit() {
let thiss = this; let thiss = this;
this.skinloading = true; this.skinloading = true;
this.themes.theme = this.skinvalue; this.skinForm.theme = this.skinvalue;
switchthemeApi(this.themes).then(response => { switchthemeApi(this.skinForm).then(response => {
let datamain = response.data; let datamain = response.data;
if (datamain.code == 1) { if (datamain.code == 1) {
this.getFileData();
thiss.$message({showClose: true,message: datamain.msg,type: 'success'}); thiss.$message({showClose: true,message: datamain.msg,type: 'success'});
//this.subloading = false; //this.subloading = false;
} else { } else {
@ -76,6 +85,16 @@ export default {
thiss.$message({showClose: true,message: error.response.data.err,type: 'error'}); thiss.$message({showClose: true,message: error.response.data.err,type: 'error'});
} }
}); });
},
selectbian(thisop) {
//console.log(thisop);
this.options.forEach(element => {
if (element.value == thisop) {
this.skinlabel = element.label;
this.skinLink = element.link;
}
});
} }
} }
} }
@ -84,8 +103,10 @@ export default {
<style lang="scss"> <style lang="scss">
.seitchtheme_m{ .seitchtheme_m{
padding:26px 5% 47px 5%; padding:26px 5% 47px 5%;
.el-select{width:88%} .el-select{width:88%;margin:25px 0;}
.Submit1{margin:20px 0;text-align:center;} .Submit1{margin:20px 0;text-align:center;}
h5{font-size:18px;font-weight:bold;}
.to_front_web{display:block;margin:16px 0;}
} }
</style> </style>

7
src/views/systme/userrelated.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<div class="change_pass"> <!-- <div class="change_pass">
<el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign"> <el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign">
<el-form-item label=""> <el-form-item label="">
<el-checkbox v-model="checked">是否需要用户登入才能访问</el-checkbox> <el-checkbox v-model="checked">是否需要用户登入才能访问</el-checkbox>
@ -8,7 +8,10 @@
<el-input v-model="input" placeholder="授权登入密码设置"></el-input> <el-input v-model="input" placeholder="授权登入密码设置"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div> -->
<div class="app-container">
暂未开放
</div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>

53
src/views/usermanage/index.vue
Unescape View File

@ -1,45 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-table 暂未开放
v-loading="listLoading"
:data="list"
element-loading-text="Loading"
border
fit
highlight-current-row
>
<el-table-column align="center" label="ID" width="95">
<template slot-scope="scope">
{{ scope.$index }}
</template>
</el-table-column>
<el-table-column label="标题">
<template slot-scope="scope">
{{ scope.row.title }}
</template>
</el-table-column>
<el-table-column label="昵称" width="110" align="center">
<template slot-scope="scope">
<span>{{ scope.row.author }}</span>
</template>
</el-table-column>
<el-table-column label="时间" width="110" align="center">
<template slot-scope="scope">
{{ scope.row.pageviews }}
</template>
</el-table-column>
<el-table-column class-name="status-col" label="状态" width="110" align="center">
<template slot-scope="scope">
<el-tag :type="scope.row.status | statusFilter">{{ scope.row.status }}</el-tag>
</template>
</el-table-column>
<el-table-column align="center" prop="created_at" label="操作" width="200">
<template slot-scope="scope">
<i class="el-icon-time" />
<span>{{ scope.row.display_time }}</span>
</template>
</el-table-column>
</el-table>
</div> </div>
</template> </template>
@ -50,19 +11,11 @@ import { getList } from '@/api/table'
export default { export default {
filters: { filters: {
statusFilter(status) {
const statusMap = {
published: 'success',
draft: 'gray',
deleted: 'danger'
}
return statusMap[status]
}
}, },
data() { data() {
return { return {
list: null,
listLoading: true
} }
}, },
created() { created() {

Write Preview
Loading…
Cancel
Save