123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- <template>
- <div class="mod-menu">
- <template v-if="!addOrUpdateVisible">
- <el-form :inline="true" :model="dataForm">
- <el-form-item>
- <el-button v-if="isAuth('sys:menu:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
- </el-form-item>
- </el-form>
- <el-table
- :data="dataList"
- row-key="orgId"
- border
- :indent='20'
- style="width: 100%; ">
- <!-- <el-table-column type="selection" width="40">
- <template slot-scope="scope">
- <el-radio :label="scope.row.orgId" v-model="orgId"> </el-radio>
- </template>
- </el-table-column> -->
- <el-table-column
- prop="name"
- header-align="center"
- min-width="100"
- label="机构名称" >
- </el-table-column>
- <!-- <el-table-column
- prop="orgType"
- header-align="center"
- align="center"
- width="120"
- label="机构类型">
- <template slot-scope="scope">
- <span>{{ orgType[Number(scope.row.orgType || 0)] }}</span>
- </template>
- </el-table-column> -->
- <el-table-column
- prop="parentName"
- header-align="center"
- align="center"
- label="上级机构">
- </el-table-column>
- <!-- <el-table-column
- prop="orgId"
- header-align="center"
- align="center"
- min-width="100"
- :show-overflow-tooltip="true"
- label="机构ID">
- </el-table-column> -->
- <el-table-column
- fixed="right"
- header-align="center"
- align="center"
- width="150"
- label="操作">
- <template slot-scope="scope">
- <el-button v-if="isAuth('sys:menu:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.orgId)">修改</el-button>
- <el-button v-if="isAuth('sys:menu:delete')" type="text" size="small" @click="deleteHandle(scope.row.orgId)">删除</el-button>
- </template>
- </el-table-column>
- </el-table>
- </template>
- <!-- 弹窗, 新增 / 修改 -->
- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" @onChose="onChose"></add-or-update>
- </div>
- </template>
- <script>
- import AddOrUpdate from './org-add-or-update'
- export default {
- data () {
- return {
- dataForm: {},
- dataList: [],
- dataListLoading: false,
- addOrUpdateVisible: false,
- orgId: ''
- }
- },
- components: {
- AddOrUpdate
- },
- activated () {
- this.getDataList()
- },
- methods: {
- // 获取数据列表
- getDataList () {
- this.dataListLoading = true
- this.$http({
- url: this.$http.adornUrl('/user-service/org/queryTree'),
- method: 'get',
- params: this.$http.adornParams()
- }).then(({data}) => {
- if (data.code === '200') {
- this.dataList = JSON.parse(JSON.stringify(data.data).replace(/"children":null/g, '"children":[]'))
- }
- this.dataListLoading = false
- })
- },
- // 新增 / 修改
- addOrUpdateHandle (id) {
- this.addOrUpdateVisible = true
- this.$nextTick(() => {
- this.$refs.addOrUpdate.init(id)
- })
- },
- onChose () {
- this.addOrUpdateVisible = false
- },
- // 删除
- deleteHandle (id) {
- this.$confirm(`确定对[orgId=${id}]进行[删除]操作?`, '提示', {
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- type: 'warning'
- }).then(() => {
- this.$http({
- url: this.$http.adornUrl(`/user-service/org/delete/${id}`),
- method: 'DELETE',
- data: this.$http.adornData()
- }).then(({data}) => {
- if (data && data.code === '200') {
- this.$message({
- message: '操作成功',
- type: 'success',
- duration: 1500,
- onClose: () => {
- this.getDataList()
- }
- })
- } else {
- this.$message.error(data.msg)
- }
- })
- }).catch(() => {})
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- ::v-deep .el-table__header-wrapper .el-checkbox{
- display: none;
- }
- </style>
|