|
@@ -2,8 +2,15 @@
|
|
<div id="index">
|
|
<div id="index">
|
|
<template v-if="view === 'list'">
|
|
<template v-if="view === 'list'">
|
|
<el-row>
|
|
<el-row>
|
|
- <el-col :span="24" style="padding: 10px">
|
|
|
|
- <el-button icon="el-icon-back" size="mini" @click="backLevel()" v-if="levelList.length > 0">返回</el-button>
|
|
|
|
|
|
+ <el-col :span="24" class="btn" v-if="levelList.length > 0">
|
|
|
|
+ <el-col :span="2">
|
|
|
|
+ <el-button icon="el-icon-back" size="mini" type="primary" @click="backLevel()">返回</el-button>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="20">
|
|
|
|
+ <el-breadcrumb separator-class="el-icon-arrow-right">
|
|
|
|
+ <el-breadcrumb-item v-for="(item, index) in data" :key="index">{{ item.label }}({{ item.code }})</el-breadcrumb-item>
|
|
|
|
+ </el-breadcrumb>
|
|
|
|
+ </el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
<data-search :fields="searchFields" v-model="searchInfo" @query="search">
|
|
<data-search :fields="searchFields" v-model="searchInfo" @query="search">
|
|
@@ -21,7 +28,7 @@
|
|
<template v-else>
|
|
<template v-else>
|
|
<el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-col :span="24">
|
|
- <el-button icon="el-icon-back" size="mini" @click="toBack()">返回</el-button>
|
|
|
|
|
|
+ <el-button icon="el-icon-back" size="mini" type="primary" @click="toBack()">返回</el-button>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-col :span="24">
|
|
<data-form :span="12" :fields="infoFields" :rules="rules" v-model="form" labelWidth="150px" @save="toSave">
|
|
<data-form :span="12" :fields="infoFields" :rules="rules" v-model="form" labelWidth="150px" @save="toSave">
|
|
@@ -79,6 +86,7 @@ export default {
|
|
statusList: [],
|
|
statusList: [],
|
|
|
|
|
|
levelList: [],
|
|
levelList: [],
|
|
|
|
+ data: [],
|
|
};
|
|
};
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
@@ -114,13 +122,19 @@ export default {
|
|
if (pid) this.form.pid = pid;
|
|
if (pid) this.form.pid = pid;
|
|
this.form.level = level;
|
|
this.form.level = level;
|
|
},
|
|
},
|
|
- toData(row) {
|
|
|
|
|
|
+ async toData(row) {
|
|
const id = _.get(row, '_id');
|
|
const id = _.get(row, '_id');
|
|
this.levelList.push(id);
|
|
this.levelList.push(id);
|
|
|
|
+ let data = this.data;
|
|
|
|
+ let res = await this.fetch(id);
|
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
|
+ data.push(res.data);
|
|
|
|
+ }
|
|
this.search();
|
|
this.search();
|
|
},
|
|
},
|
|
backLevel() {
|
|
backLevel() {
|
|
this.levelList.pop();
|
|
this.levelList.pop();
|
|
|
|
+ this.data.pop();
|
|
this.search();
|
|
this.search();
|
|
},
|
|
},
|
|
},
|
|
},
|
|
@@ -130,4 +144,12 @@ export default {
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
|
|
|
+<style lang="less" scoped>
|
|
|
|
+.btn {
|
|
|
|
+ margin: 10px 10px 20px 10px;
|
|
|
|
+ .el-breadcrumb {
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ line-height: 30px;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</style>
|