mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-21 08:46:46 +08:00
-- 归属圈不可以取消
This commit is contained in:
yuping
@@ -1,18 +1,18 @@
|
||||
<template>
|
||||
<a-drawer
|
||||
:visible="ProjPvisible"
|
||||
class="drawerStyle ProjPowerList"
|
||||
placement="right"
|
||||
width="60%"
|
||||
@after-visible-change="afterVisibleChange"
|
||||
:visible="ProjPvisible"
|
||||
class="drawerStyle ProjPowerList"
|
||||
placement="right"
|
||||
width="60%"
|
||||
@after-visible-change="afterVisibleChange"
|
||||
>
|
||||
<div class="drawerMain">
|
||||
<div class="header">
|
||||
<div class="headerTitle">授权名单</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
@click="closeDrawer"
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
@click="closeDrawer"
|
||||
/>
|
||||
</div>
|
||||
<div class="main">
|
||||
@@ -21,18 +21,18 @@
|
||||
<div class="namecon" style="margin-right: 30px">
|
||||
<div class="name">姓名：</div>
|
||||
<a-input
|
||||
v-model:value="name"
|
||||
style="width: 270px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入姓名"
|
||||
v-model:value="name"
|
||||
style="width: 270px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入姓名"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btns">
|
||||
<div
|
||||
class="btn btn1"
|
||||
style="margin-right: 20px"
|
||||
@click="searchAuth"
|
||||
class="btn btn1"
|
||||
style="margin-right: 20px"
|
||||
@click="searchAuth"
|
||||
>
|
||||
<div class="img1"></div>
|
||||
<div class="wz">搜索</div>
|
||||
@@ -46,28 +46,28 @@
|
||||
|
||||
<div class="tableBox" style="margin-top: 10px">
|
||||
<a-table
|
||||
style="border: 1px solid #f2f6fe"
|
||||
:columns="tableDataFunc()"
|
||||
:data-source="tableData"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
expandRowByClick="true"
|
||||
@expand="expandTable"
|
||||
:scroll="{ x: 900 }"
|
||||
:pagination="false"
|
||||
style="border: 1px solid #f2f6fe"
|
||||
:columns="tableDataFunc()"
|
||||
:data-source="tableData"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
expandRowByClick="true"
|
||||
@expand="expandTable"
|
||||
:scroll="{ x: 900 }"
|
||||
:pagination="false"
|
||||
/>
|
||||
</div>
|
||||
<div class="tableBox">
|
||||
<div class="pa">
|
||||
<a-pagination
|
||||
v-if="tableDataTotal > 10"
|
||||
showSizeChanger="true"
|
||||
showQuickJumper="true"
|
||||
hideOnSinglePage="true"
|
||||
:pageSize="pageSize"
|
||||
:current="currentPage"
|
||||
:total="tableDataTotal"
|
||||
class="pagination"
|
||||
@change="changePagination"
|
||||
v-if="tableDataTotal > 10"
|
||||
showSizeChanger="true"
|
||||
showQuickJumper="true"
|
||||
hideOnSinglePage="true"
|
||||
:pageSize="pageSize"
|
||||
:current="currentPage"
|
||||
:total="tableDataTotal"
|
||||
class="pagination"
|
||||
@change="changePagination"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -93,11 +93,11 @@
|
||||
</div>
|
||||
<!-- 取消授权弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="cancelModal"
|
||||
:footer="null"
|
||||
:closable="closeCancel"
|
||||
wrapClassName="CopyModal"
|
||||
centered="true"
|
||||
v-model:visible="cancelModal"
|
||||
:footer="null"
|
||||
:closable="closeCancel"
|
||||
wrapClassName="CopyModal"
|
||||
centered="true"
|
||||
>
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
@@ -131,9 +131,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { toRefs, reactive } from "vue";
|
||||
import {toRefs, reactive} from "vue";
|
||||
import * as api from "../../api/index1";
|
||||
import { message } from "ant-design-vue";
|
||||
import {message} from "ant-design-vue";
|
||||
|
||||
export default {
|
||||
name: "ProjPowerList",
|
||||
props: {
|
||||
@@ -217,13 +218,13 @@ export default {
|
||||
width: 70,
|
||||
// align: "left",
|
||||
className: "classify",
|
||||
scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
scopedSlots: {customRender: "action"}, //引入的插槽
|
||||
customRender: (text) => {
|
||||
// console.log(text.record.checked1);
|
||||
return (
|
||||
<div class="racona">
|
||||
<span> {text.record.name}</span>
|
||||
</div>
|
||||
<div class="racona">
|
||||
<span> {text.record.name}</span>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
@@ -269,18 +270,17 @@ export default {
|
||||
key: "opacation",
|
||||
width: 100,
|
||||
align: "center",
|
||||
scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
scopedSlots: {customRender: "action"}, //引入的插槽
|
||||
customRender: (text) => {
|
||||
return (
|
||||
<div
|
||||
class="opa"
|
||||
onClick={() => {
|
||||
console.log("text.record.id", text.record.id);
|
||||
showCancelModal(text.record);
|
||||
}}
|
||||
>
|
||||
取消授权
|
||||
</div>
|
||||
return (text.record.state === '归属权' ? '' : <div
|
||||
className="opa"
|
||||
onClick={() => {
|
||||
console.log("text.record.id", text.record.id);
|
||||
showCancelModal(text.record);
|
||||
}}
|
||||
>
|
||||
取消授权
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
@@ -293,13 +293,13 @@ export default {
|
||||
let obj = {
|
||||
keyWord: state.name ? state.name : "",
|
||||
type:
|
||||
props.classify === "learnPath"
|
||||
? 1
|
||||
: props.classify === "project"
|
||||
? 2
|
||||
: props.classify === "course"
|
||||
? 3
|
||||
: null,
|
||||
props.classify === "learnPath"
|
||||
? 1
|
||||
: props.classify === "project"
|
||||
? 2
|
||||
: props.classify === "course"
|
||||
? 3
|
||||
: null,
|
||||
tag: 1,
|
||||
opt: 1,
|
||||
refId: props.selectProjectId,
|
||||
@@ -308,34 +308,34 @@ export default {
|
||||
};
|
||||
console.log("获取权限名单obj", obj);
|
||||
api
|
||||
.optionAuthPerm(obj)
|
||||
.then((res) => {
|
||||
// console.log("获取权限名单成功", res);
|
||||
if (res.data.code === 200) {
|
||||
console.log("获取权限名单成功", res.data.data.records);
|
||||
let arr = res.data.data.records;
|
||||
let array = [];
|
||||
arr.map((value) => {
|
||||
let obj = {
|
||||
key: value.memberId,
|
||||
id: value.memberId,
|
||||
.optionAuthPerm(obj)
|
||||
.then((res) => {
|
||||
// console.log("获取权限名单成功", res);
|
||||
if (res.data.code === 200) {
|
||||
console.log("获取权限名单成功", res.data.data.records);
|
||||
let arr = res.data.data.records;
|
||||
let array = [];
|
||||
arr.map((value) => {
|
||||
let obj = {
|
||||
key: value.memberId,
|
||||
id: value.memberId,
|
||||
|
||||
name: value.memberName ? value.memberName : "-",
|
||||
name: value.memberName ? value.memberName : "-",
|
||||
|
||||
com: value.orgName ? value.orgName : "-",
|
||||
gang: "-",
|
||||
number: value.memberNo ? value.memberNo : "-",
|
||||
state: value.tagName ? value.tagName : "-",
|
||||
};
|
||||
array.push(obj);
|
||||
});
|
||||
state.tableData = array;
|
||||
state.tableDataTotal = res.data.data.total;
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取权限名单失败", err);
|
||||
});
|
||||
com: value.orgName ? value.orgName : "-",
|
||||
gang: "-",
|
||||
number: value.memberNo ? value.memberNo : "-",
|
||||
state: value.tagName ? value.tagName : "-",
|
||||
};
|
||||
array.push(obj);
|
||||
});
|
||||
state.tableData = array;
|
||||
state.tableDataTotal = res.data.data.total;
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取权限名单失败", err);
|
||||
});
|
||||
};
|
||||
|
||||
//分页
|
||||
@@ -360,21 +360,21 @@ export default {
|
||||
let obj = {
|
||||
keyWord: "",
|
||||
type:
|
||||
props.classify === "learnPath"
|
||||
? 1
|
||||
: props.classify === "project"
|
||||
? 2
|
||||
: props.classify === "course"
|
||||
? 3
|
||||
: null,
|
||||
props.classify === "learnPath"
|
||||
? 1
|
||||
: props.classify === "project"
|
||||
? 2
|
||||
: props.classify === "course"
|
||||
? 3
|
||||
: null,
|
||||
tag:
|
||||
state.cancelAuthState === "归属权"
|
||||
? 2
|
||||
: state.cancelAuthState === "查看权"
|
||||
? 3
|
||||
: state.cancelAuthState === "管理权"
|
||||
? 4
|
||||
: null,
|
||||
state.cancelAuthState === "归属权"
|
||||
? 2
|
||||
: state.cancelAuthState === "查看权"
|
||||
? 3
|
||||
: state.cancelAuthState === "管理权"
|
||||
? 4
|
||||
: null,
|
||||
opt: 4,
|
||||
refId: props.selectProjectId,
|
||||
pageNo: 1,
|
||||
@@ -385,19 +385,19 @@ export default {
|
||||
};
|
||||
console.log("取消权限名单obj", obj, state.cancelAuthState);
|
||||
api
|
||||
.optionAuthPerm(obj)
|
||||
.then((res) => {
|
||||
console.log("取消权限名单", res);
|
||||
if (res.data.code === 200) {
|
||||
// console.log("取消授权成功", res.data.data);
|
||||
optionAuthPerm();
|
||||
message.success("取消授权成功");
|
||||
closeCancelModal();
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("取消授权失败", err);
|
||||
});
|
||||
.optionAuthPerm(obj)
|
||||
.then((res) => {
|
||||
console.log("取消权限名单", res);
|
||||
if (res.data.code === 200) {
|
||||
// console.log("取消授权成功", res.data.data);
|
||||
optionAuthPerm();
|
||||
message.success("取消授权成功");
|
||||
closeCancelModal();
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("取消授权失败", err);
|
||||
});
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
@@ -430,16 +430,19 @@ export default {
|
||||
.ant-drawer-header {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.ant-drawer-body {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.drawerMain {
|
||||
min-width: 550px;
|
||||
margin: 0px 32px 0px 32px;
|
||||
// overflow-x: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.header {
|
||||
height: 73px;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
@@ -449,6 +452,7 @@ export default {
|
||||
// background-color: red;
|
||||
margin-bottom: 20px;
|
||||
flex-shrink: 0;
|
||||
|
||||
.headerTitle {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
@@ -457,11 +461,13 @@ export default {
|
||||
// margin-left: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// background-color: #bfa;
|
||||
overflow-y: auto;
|
||||
|
||||
.search {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@@ -471,14 +477,17 @@ export default {
|
||||
.leftchoose {
|
||||
display: flex;
|
||||
margin-right: 20px;
|
||||
|
||||
.namecon {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.name {
|
||||
margin-top: 8px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// .name {
|
||||
// margin-top: 8px;
|
||||
|
||||
@@ -501,6 +510,7 @@ export default {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.img1 {
|
||||
width: 15px;
|
||||
height: 17px;
|
||||
@@ -508,6 +518,7 @@ export default {
|
||||
background-size: 100% 100%;
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
.img2 {
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
@@ -522,6 +533,7 @@ export default {
|
||||
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
background: #ffffff;
|
||||
|
||||
@@ -539,26 +551,31 @@ export default {
|
||||
// padding-left: 9px !important;
|
||||
padding-left: 20px !important;
|
||||
}
|
||||
|
||||
.ant-checkbox-wrapper {
|
||||
align-items: center;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.ant-table-selection-column {
|
||||
padding: 0px !important;
|
||||
// padding-left: 45px !important;
|
||||
}
|
||||
|
||||
.ant-table-thead > tr > th {
|
||||
background-color: rgba(239, 244, 252, 1);
|
||||
}
|
||||
|
||||
th.h {
|
||||
background-color: #eff4fc !important;
|
||||
}
|
||||
|
||||
.ant-table-tbody
|
||||
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
|
||||
> td {
|
||||
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
|
||||
> td {
|
||||
background: #f6f9fd;
|
||||
}
|
||||
|
||||
.opa {
|
||||
// background-color: #bfa;
|
||||
font-size: 14px;
|
||||
@@ -567,6 +584,7 @@ export default {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.pa {
|
||||
// left: 0;
|
||||
margin-top: 25px;
|
||||
@@ -585,6 +603,7 @@ export default {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
// .tab {
|
||||
// .ant-table-thead > tr > th {
|
||||
// background-color: rgba(239, 244, 252, 1) !important;
|
||||
@@ -602,6 +621,7 @@ export default {
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
// .botm {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
@@ -619,6 +639,7 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
|
||||
|
||||
.btn1 {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
@@ -628,6 +649,7 @@ export default {
|
||||
background-color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
cursor: pointer;
|
||||
width: 100px;
|
||||
|
||||
Reference in New Issue
Block a user