Skip to content

Latest commit

 

History

History
51 lines (40 loc) · 1.49 KB

README.md

File metadata and controls

51 lines (40 loc) · 1.49 KB

使用说明

大致的框架已经搭建完了,有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就是数组中某个对象的具体属性名称,切记proptableData里的值一定要对应!