hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-22 01:06:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

-- 归属圈不可以取消

Browse Source
This commit is contained in:
yuping
2022-12-05 20:35:30 +08:00
parent 255b8b66c2
commit bf74bfafc6
1 changed files with 137 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

252
src/components/drawers/ProjPowerList.vue
View File

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