kumajie/cis-home

中软国际 员工之家

使用说明

大致的框架已经搭建完了，有7个部分

总体功能	对应文件
登录	暂无
用户管理	user.vue
部门管理	department.vue
职位管理	job.vue
员工管理	employee.vue
公告管理	notice.vue
下载中心	downLoad.vue

如何使用

git clone或下载下来之后

1. cd到当前目录
2. npm install
3. npm run serve
4. 输入服务器地址到浏览器即可

如何修改

目前功能比较简单，只涉及表单操作，以下面代码为例

<el-table :data="talbeData" border>
        <el-table-column type="selection"> </el-table-column>
        <el-table-column label="部门名称" prop="deptName"> </el-table-column>
        <el-table-column label="详细信息" prop="deptRemark"> </el-table-column>
        <el-table-column label="操作">
            <template slot-scope="scope">
                <el-button type="danger" size="small" @click="edit(scope.row)"
                    >编辑</el-button>
            </template>
        </el-table-column>
    </el-table>

tableData是一个对象数组，获取数据后，应形似如下代码

tableData:[{
    deptName: "研发部",
    deptRemark: "负责研发"
}]

所以只需要修改tableData数组就可以对表单进行修改，表单中的prop就是数组中某个对象的具体属性名称，切记prop与tableData里的值一定要对应!