|
@@ -15,21 +15,41 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-drawer title="菜单" :visible.sync="drawer" direction="rtl" @closed="handleClose" :destroy-on-close="true">
|
|
|
- <data-form :fields="fields" :data="form" :rules="{}" @save="drawerSave" :isNew="drawerIsNew"> </data-form>
|
|
|
+ <el-form :model="form" size="mini" label-width="120px" style="padding:10px">
|
|
|
+ <el-form-item label="名称" prop="role_name">
|
|
|
+ <el-input v-model="form.role_name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="菜单分级" prop="type">
|
|
|
+ <el-select v-model="form.type" @change="clearCode">
|
|
|
+ <el-option value="1" label="一级菜单"></el-option>
|
|
|
+ <el-option value="2" label="二级菜单"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="名称" prop="code" v-if="form.type == 2">
|
|
|
+ <el-select v-model="form.code" @change="updateView">
|
|
|
+ <el-option v-for="(i, index) in list" :key="index" :label="i.role_name" :value="i.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="路由" prop="url">
|
|
|
+ <el-input v-model="form.url"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="drawerSave">保存</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
</el-drawer>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import topInfo from '@/layout/public/top.vue';
|
|
|
-import dataForm from '@/components/form.vue';
|
|
|
import dataTable from '@/components/data-table.vue';
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
const { mapActions } = createNamespacedHelpers('role');
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
props: {},
|
|
|
- components: { topInfo, dataTable, dataForm },
|
|
|
+ components: { topInfo, dataTable },
|
|
|
data: () => {
|
|
|
return {
|
|
|
drawer: false,
|
|
@@ -71,7 +91,7 @@ export default {
|
|
|
toAdd() {
|
|
|
this.drawer = true;
|
|
|
},
|
|
|
- async drawerSave({ data, isNew }) {
|
|
|
+ async drawerSave({ data = this.form, isNew = this.drawerIsNew }) {
|
|
|
let res;
|
|
|
let msg;
|
|
|
if (isNew) {
|
|
@@ -87,6 +107,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
toEdit({ data }) {
|
|
|
+ if (data.code) data.type = '2';
|
|
|
this.$set(this, 'form', data);
|
|
|
this.drawer = true;
|
|
|
this.drawerIsNew = false;
|
|
@@ -100,6 +121,12 @@ export default {
|
|
|
this.form = {};
|
|
|
this.drawerIsNew = true;
|
|
|
},
|
|
|
+ clearCode(data) {
|
|
|
+ if (data == '1') this.form.code = undefined;
|
|
|
+ },
|
|
|
+ updateView() {
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|