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 | 346 +++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 286 insertions(+), 60 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 308c333..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
@@ -1,33 +1,17 @@
<template>
<el-container>
-
<el-aside>
<basic-container>
- <div ref="TreeBox" style="height: calc(100vh - 144px);!important;">
- <div class="headerCon">
- <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">鍒涘缓
- </el-button>
- <el-button icon="el-icon-edit" plain size="small" type="primary" @click="editClickHandler">淇敼
- </el-button>
- <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delClickHandler">鍒犻櫎
- </el-button>
- <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">瀵煎嚭
- </el-button>
- <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="uploadClickHandler">瀵煎叆
- </el-button>
- <el-button class="smallBtn" plain size="small" type="primary"
- @click="checkViewClickHandler">鏌ョ湅浣跨敤鑼冨洿
- </el-button>
- </div>
+ <div ref="TreeBox" style="height: calc(100vh - 154px);!important;">
<!-- 宸︿晶鏍� -->
- <div style="height: calc(100vh - 280px);">
+ <div style="height: calc(100vh - 190px);">
<avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick">
- <span slot-scope="{ node, data }" class="el-tree-node__label">
- <span style="font-size: 15px">
- <i class="el-icon-s-promotion"></i>
- {{ (node || {}).label }}
- </span>
- </span>
+ <span slot-scope="{ node, data }" class="el-tree-node__label">
+ <span style="font-size: 15px">
+ <i class="el-icon-s-promotion"></i>
+ {{ (node || {}).label }}
+ </span>
+ </span>
</avue-tree>
</div>
</div>
@@ -35,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>
@@ -43,8 +81,230 @@
</template>
<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"
+ name: "index",
+ components:{dataView},
+ data:function (){
+ return{
+ clientHeight:Math.max(document.body.clientHeight,700),
+ treeOption: {
+ height: 'auto',
+ defaultExpandAll: true,
+ menu: false,
+ addBtn: false,
+ props: {
+ label: 'text',
+ value: 'oid',
+ children: 'children'
+ }
+ },
+ 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() {
+ this.getTreeList();
+ },
+ methods: {
+ //鏍戣〃鏌ヨ
+ getTreeList() {
+ const loading = this.$loading({});
+ getBizTree().then(res => {
+ this.treeData = [res.data.obj];
+ loading.close();
+ }).catch(error => {
+ loading.close();
+ })
+ },
+ // 鏍戠偣鍑�
+ nodeClick(row) {
+ if (row.oid) {
+ this.nodeRow = row;
+ this.getTableList();
+ }
+ },
+ 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;
+ },
+ }
}
</script>
@@ -53,40 +313,6 @@
.el-scrollbar__wrap {
overflow: auto !important;
}
- .headerCon{
- .el-button{
- width: 82px;
- }
- }
-}
-
-.headerCon {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 5px;
-
- .el-button + .el-button {
- margin-left: 5px;
- }
-
- .el-button {
- margin-top: 5px;
- }
-}
-
-.headerCon > .el-button:nth-child(4) {
- margin-left: 0;
-}
-
-.headerCon > .el-button:nth-child(7) {
- margin-left: 0;
-}
-
-
-.smallBtn {
- width: 82px;
- text-align: center;
- padding-left: 4.5px;
}
</style>
--
Gitblit v1.9.3