From badf10af5578f3fe4151824670bb7a794efc63dd Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期二, 03 十二月 2024 17:12:04 +0800 Subject: [PATCH] 数据授权 --- Source/plt-web/plt-web-ui/src/views/authority/ui/dataAuthorization/index.vue | 235 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 234 insertions(+), 1 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/views/authority/ui/dataAuthorization/index.vue b/Source/plt-web/plt-web-ui/src/views/authority/ui/dataAuthorization/index.vue index 45507cf..f8c8799 100644 --- a/Source/plt-web/plt-web-ui/src/views/authority/ui/dataAuthorization/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/authority/ui/dataAuthorization/index.vue @@ -19,7 +19,61 @@ </el-aside> <el-main> - <basic-container> + <basic-container cardBodyStyle="padding-bottom:0;"> + <avue-crud + ref="crud" + :data="data" + :option="option" + :table-loading="tableLoading" + @refresh-change="handleRefresh" + @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" :selectRow="selectRow" :actionMap="actionMap" :readOnly="true" :height="clientHeight-260-220"></data-view> + </div> + <!-- 鏂板 && 缂栬緫 --> + <el-dialog + v-dialogDrag + :title="title === 'add' ? '鍒涘缓' : '淇敼'" + :visible.sync="visible" + append-to-body="true" + class="avue-dialog" + width="70%" + @close="addDialogClose"> + <div> + <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> + <el-button size="small" @click="addDialogClose">鍙� 娑�</el-button> + </span> + </el-dialog> + <!-- 鏌ョ湅鎺堟潈缁撴灉 --> + <el-dialog + v-dialogDrag + v-loading="checkViewLoading" + :visible.sync="checkViewVisible" + append-to-body="true" + class="avue-dialog" + title="鏌ョ湅浣跨敤鑼冨洿" + width="60%" + > + <avue-crud + ref="checkViewCrud" + :data="checkViewData" + :option="checkViewOption" + @search-change="checkHandleSearch" + @search-reset="checkHandleReset" + > + + </avue-crud> + </el-dialog> </basic-container> </el-main> @@ -28,10 +82,17 @@ <script> import {getBizTree} from "@/api/UI/uiDefine"; +import basicOption from "@/util/basic-option"; +import dataView from "./dataView"; +import {getData,saveGrand,delGrand} from "@/api/authority/ui/dataAuthor"; +import func from "@/util/func"; +import {getUsedEnumList} from "@/api/modeling/enumType/api"; export default { name: "index", + components:{dataView}, data:function (){ return{ + clientHeight:Math.max(document.body.clientHeight,700), treeOption: { height: 'auto', defaultExpandAll: true, @@ -45,6 +106,45 @@ }, nodeRow: {}, treeData: [], + tableLoading: false, + selectRow: {}, + option: { + ...basicOption, + height:280, + highlightCurrentRow:true, + addBtn: false, + editBtn: false, + delBtn: false, + filterBtn:false, + columnBtn:false, + gridBtn:false, + tip: false, + index:false, + selection:false, + menu:false, + align:'center', + column: [{ + label: '瑙勫垯鍚嶇О', + prop: 0, + overHidden: true + },{ + label: '瑙勫垯绫诲瀷', + prop: 1, + overHidden: true + }] + }, + data: [], + title: '', + visible: false, + form:{}, + actionMap:{}, + switchDic:[{ + label:'', + value:false + },{ + label:'', + value:true + }] } }, created() { @@ -69,7 +169,140 @@ } }, getTableList() { + 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.selectRow={} + }) + }, + handleRefresh() { + this.getTableList(); + }, + // 琛岀偣鍑� + rowClickHandler(row) { + this.selectRow=row + }, + // 鏌ョ湅鎺堟潈缁撴灉 + chekView() { + if (this.selectRow=={}) { + this.$message.warning('璇烽�夋嫨涓�鏉℃暟鎹�'); + return; + } + getUsedEnumList({enumName: this.selectRow.id}).then(res => { + if (res.data.code === 200) { + this.checkViewVisible = true; + this.checkViewData = res.data.data; + this.checkViewDataSearch = res.data.data; + } + }) + }, + + // 鏌ョ湅鎺堟潈缁撴灉鏌ヨ + checkHandleSearch(params, done) { + const {source} = params; + + if (!params.source) { + this.checkViewData = this.checkViewDataSearch; + return done(); + } + + this.checkViewData = this.checkViewData.filter(item => { + return item.source && item.source.includes(source); + }); + + done(); + + }, + //鍒涘缓 + addHandler(){ + if (func.isEmptyObject(this.nodeRow)) { + this.$message.error('璇烽�夋嫨瑕佹坊鍔犵殑鑺傜偣'); + return; + } + this.title = 'add'; + this.visible = true; + }, + //淇敼 + editHandler(){ + if (func.isEmptyObject(this.nodeRow)) { + this.$message.error('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹�'); + return; + } + this.title = 'edit'; + this.visible = true; + }, + // 鏂板缂栬緫淇濆瓨 + addDialogSavaHandler() { + saveGrand(this.viewData).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.getTableList(); + this.addDialogClose(); + } + }) + }, + // 鏂板缂栬緫瀵硅瘽妗嗗彇娑� + addDialogClose() { + this.visible = false; + }, + //鍒犻櫎 + delHandler(){ + if (func.isEmptyObject(this.nodeRow)) { + this.$message.error('璇烽�夋嫨鏁版嵁'); + return; + } + this.$confirm('鎮ㄧ‘瀹氳鍒犻櫎鎵�閫夋嫨鐨勬暟鎹悧锛�', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + delGrand({name:this.templateForm}).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.getTableList(); + } + }) + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝垹闄�' + }); + }); + }, + // 鏌ョ湅浣跨敤鑼冨洿閲嶇疆 + checkHandleReset() { + this.checkViewData = this.checkViewDataSearch; }, } } -- Gitblit v1.9.3