| | |
| | | :option="option" |
| | | :table-loading="tableLoading" |
| | | @refresh-change="handleRefresh" |
| | | @selection-change="selectChange" |
| | | @row-click="rowClickHandler"> |
| | | @current-row-change="rowClickHandler"> |
| | | <template slot="menuLeft"> |
| | | <el-button icon="el-icon-plus" size="small" type="primary" @click="addHandler">添加</el-button> |
| | | <el-button icon="el-icon-plus" size="small" type="primary" @click="editHandler">修改</el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delHandler">删除</el-button> |
| | | <el-button icon="el-icon-view" plain size="small" type="primary" @click="chekView">查看授权结果</el-button> |
| | | </template> |
| | | </avue-crud> |
| | | <div style="margin-top: 15px;"> |
| | | <data-view key="dataView" :btmNode="nodeRow" :data="viewData" :actionDic="actionMap" :readOnly="true" :height="clientHeight-260-220"></data-view> |
| | | <data-view key="dataView" :btmNode="nodeRow" :selectRow="selectRow" :actionMap="actionMap" :readOnly="true" :height="clientHeight-260-220"></data-view> |
| | | </div> |
| | | <!-- 新增 && 编辑 --> |
| | | <el-dialog |
| | |
| | | width="70%" |
| | | @close="addDialogClose"> |
| | | <div> |
| | | <data-view ref="editView" key="editView" :btmNode="nodeRow" :data="viewData" :actionDic="actionMap" :readOnly="false" :height="clientHeight-340"></data-view> |
| | | <data-view ref="editView" key="editView" :btmNode="nodeRow" :selectRow="selectRow" :actionMap="actionMap" :readOnly="false" :height="clientHeight-340"></data-view> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button size="small" type="primary" @click="addDialogSavaHandler">确 定</el-button> |
| | |
| | | nodeRow: {}, |
| | | treeData: [], |
| | | tableLoading: false, |
| | | selectList: [], |
| | | selectRow: {}, |
| | | option: { |
| | | ...basicOption, |
| | | height:280, |
| | | highlightCurrentRow:true, |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | |
| | | columnBtn:false, |
| | | gridBtn:false, |
| | | tip: false, |
| | | align: 'left', |
| | | index:false, |
| | | selection:false, |
| | | menu:false, |
| | | column: [ |
| | | { |
| | | label: '规则名称', |
| | | prop: 'plCode', |
| | | overHidden: true |
| | | }, |
| | | { |
| | | label: '规则类型', |
| | | prop: 'plName', |
| | | overHidden: true |
| | | } |
| | | ] |
| | | align:'center', |
| | | column: [{ |
| | | label: '规则名称', |
| | | prop: 0, |
| | | overHidden: true |
| | | },{ |
| | | label: '规则类型', |
| | | prop: 1, |
| | | overHidden: true |
| | | }] |
| | | }, |
| | | data: [], |
| | | viewData:{}, |
| | | title: '', |
| | | visible: false, |
| | | form:{}, |
| | | actionMap:{} |
| | | actionMap:{}, |
| | | switchDic:[{ |
| | | label:'', |
| | | value:false |
| | | },{ |
| | | label:'', |
| | | value:true |
| | | }] |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | } |
| | | }, |
| | | getTableList() { |
| | | getData({ |
| | | 'typeName': this.nodeRow.attributes.name, |
| | | }).then(res => { |
| | | getData(this.nodeRow.attributes.name).then(res => { |
| | | /*if(typeof res.data == 'string'){ |
| | | res.data=eval('('+res.data +')') |
| | | }*/ |
| | | if(res.data.obj.tableHeader){ |
| | | this.option.column=[ { |
| | | label: '规则名称', |
| | | prop: 0, |
| | | overHidden: true |
| | | },{ |
| | | label: '规则类型', |
| | | prop: 1, |
| | | overHidden: true |
| | | }]; |
| | | res.data.obj.tableHeader.forEach((item,i)=>{ |
| | | if(i<=1) return; |
| | | if(i=='rules') return; |
| | | this.option.column.push({ |
| | | label: item, |
| | | prop: i, |
| | | overHidden: true, |
| | | width:'auto', |
| | | html:true, |
| | | formatter:(val)=> { |
| | | return '<label class="el-checkbox is-disabled ' + (val[i] == true ? 'is-checked' : '') + '"><span class="el-checkbox__input is-disabled ' + (val[i] == true ? 'is-checked' : '') + '"><span class="el-checkbox__inner"></span><input type="checkbox" aria-hidden="false" class="el-checkbox__original" value="' + val[i] + '"></span></label>' |
| | | } |
| | | }) |
| | | }) |
| | | } |
| | | this.data = res.data.obj.rowList; |
| | | this.$refs.crud.clearSelection(); |
| | | this.tableLoading = false; |
| | | this.actionMap=res.data.obj.actionMap |
| | | this.actionMap=res.data.obj.actionMap; |
| | | this.selectRow={} |
| | | }) |
| | | }, |
| | | handleRefresh() { |
| | |
| | | }, |
| | | // 行点击 |
| | | rowClickHandler(row) { |
| | | func.rowClickHandler( |
| | | row, |
| | | this.$refs.crud, |
| | | this.lastIndex, |
| | | (newIndex) => { |
| | | this.lastIndex = newIndex; |
| | | }, |
| | | () => { |
| | | this.selectList = [row]; |
| | | } |
| | | ); |
| | | this.getViewData(row) |
| | | }, |
| | | // 选择框 |
| | | selectChange(row) { |
| | | this.selectList = row; |
| | | }, |
| | | //获取下方数据 |
| | | getViewData(row){ |
| | | this.viewData={ |
| | | oid:row.plOId |
| | | }; |
| | | this.selectRow=row |
| | | }, |
| | | // 查看授权结果 |
| | | chekView() { |
| | | if (this.selectList.length <= 0) { |
| | | this.$message.warning('请至少选择一条数据'); |
| | | return; |
| | | } |
| | | if (this.selectList.length > 1) { |
| | | this.$message.warning('只能选择一条数据进行查看'); |
| | | if (this.selectRow=={}) { |
| | | this.$message.warning('请选择一条数据'); |
| | | return; |
| | | } |
| | | |
| | | getUsedEnumList({enumName: this.selectList[0].id}).then(res => { |
| | | getUsedEnumList({enumName: this.selectRow.id}).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.checkViewVisible = true; |
| | | this.checkViewData = res.data.data; |