页面相关修改、路由配置

shuishen

2021-07-06 cb1f2d921041954c7f3831c86566087605b21a49

页面相关修改、路由配置

 src/router/views/index.js

@@ -103,4 +103,17 @@
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/work/process/leave/detail')
  }]
}]
}, {
  path: '/management',
  redirect: '/management/peopleDetails',
  component: Layout,
  children: [{
    path: 'peopleDetails',
    name: '保安详细资料',
    meta: {
      i18n: 'peopleDetails',
    },
    component: () =>
      import( /* webpackChunkName: "views" */ '@/views/management/peopleDetails')
  }]
}, ]

 src/views/management/details.vue

File was deleted

 src/views/management/peopleDetails.vue

New file
@@ -0,0 +1,71 @@
/*
 * @Author: Morpheus
 * @Date: 2021-07-05 16:31:54
 * @Last Modified by: Morpheus
 * @Last Modified time: 2021-07-06 19:10:13
 * menu-name 保安详细资料
 */
<template>
    <el-row>
        <el-col :span="24">
            <el-card>
                <el-tabs v-model="activeName"
                         @tab-click="handleClick">
                    <el-tab-pane label="基本信息"
                                 name="first">基本信息</el-tab-pane>
                    <el-tab-pane label="人员表现"
                                 name="second">人员表现</el-tab-pane>
                    <el-tab-pane label="角色管理"
                                 name="third">角色管理</el-tab-pane>
                    <el-tab-pane label="相关荣誉"
                                 name="fourth">相关荣誉</el-tab-pane>
                </el-tabs>
            </el-card>
        </el-col>
    </el-row>
</template>

<script>
export default {
    data () {
        return {
            activeName: 'second'
        }
    },
    created () {

      this.$store.state.tags.tagList.forEach((item, index) => {
                if (item.label == "保安详细资料") {
                   this.$store.state.tags.tagList.splice(index, 1)
                   return;
                }
            })


        this.$store.state.tags.tag.label = '保安详细资料'
    },
    methods: {
        handleClick (tab, event) {
            console.log(tab, event);
        }
    }
}
</script>

<style lang="scss" scoped>
.el-row {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 10px !important;

    .el-col {
        height: 100%;
        .el-card {
            height: 100%;
        }
    }
}
</style>

 src/views/management/register.vue

@@ -2,7 +2,7 @@
 * @Author: Morpheus
 * @Date: 2021-07-05 16:31:54
 * @Last Modified by: Morpheus
 * @Last Modified time: 2021-07-06 16:33:50
 * @Last Modified time: 2021-07-06 19:10:17
 * menu-name 保安员注册查询
 */
<template>
@@ -36,6 +36,7 @@
                           @current-change="currentChange"
                           @size-change="sizeChange"
                           @refresh-change="refreshChange"
                           @row-click="handleRowClick"
                           @on-load="onLoad">
                    <template slot-scope="{row}"
                              slot="tenantName">
@@ -832,6 +833,15 @@
                this.selectionClear();
            });
        },
        // 行单击
        handleRowClick (row) {

            this.$router.push({
                path: `/management/peopleDetails`,
                query: row,
            });

        },
    }
};
</script>