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

feat：项目页新增查看权 管理权 修改权限名单

Browse Source
This commit is contained in:
songwc
2022-10-25 17:09:47 +08:00
parent d75b4b3701
commit 4401fa3242
5 changed files with 3265 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
src/views/projectcenter/ProjectManage.vue
View File

@@ -672,12 +672,18 @@
<proj-owner-ship v-model:ProjOwnervisible="ProjOwnervisible" />
<!-- 授权名单抽屉 -->
<proj-power-list v-model:ProjPvisible="ProjPvisible" />
<!-- 查看权抽屉 -->
<proj-check-ship v-model:ProjCheckvisible="ProjCheckvisible" />
<!-- 管理权抽屉 -->
<proj-manage-ship v-model:ProjManagevisible="ProjManagevisible" />
</div>
</template>
<script>
import { reactive, toRefs, onMounted } from "vue";
import ProjOwnerShip from "../../components/drawers/ProjectOwn";
import ProjPowerList from "../../components/drawers/ProjPowerList";
import ProjCheckShip from "../../components/drawers/ProjCheckPower";
import ProjManageShip from "../../components/drawers/ProjManagePower";
const columns = [
{
title: "项目名称",
@@ -734,7 +740,7 @@ const columns = [
export default {
name: "projectManage",
components: { ProjOwnerShip, ProjPowerList },
components: { ProjOwnerShip, ProjPowerList, ProjCheckShip, ProjManageShip },
setup() {
const state = reactive({
projectNameList: [
@@ -1027,6 +1033,8 @@ export default {
closeBack: false, //撤回弹窗关闭图标
ProjOwnervisible: false,
ProjPvisible: false,
ProjCheckvisible: false,
ProjManagevisible: false,
});
onMounted(() => {
@@ -1076,10 +1084,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1144,10 +1165,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1191,10 +1225,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1253,10 +1300,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1321,10 +1381,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1371,10 +1444,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1432,10 +1518,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1510,10 +1609,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1595,10 +1707,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1679,10 +1804,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1771,10 +1909,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1849,10 +2000,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -1934,10 +2098,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -2019,10 +2196,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -2115,10 +2305,23 @@ export default {
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
<div
onClick={() => {
console.log("点击了111");
showProjCheck();
}}
>
查看权
</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
<div
onClick={() => {
showProjManage();
}}
>
管理权
</div>
</a-select-option>
</a-select>
</div>
@@ -2319,6 +2522,12 @@ export default {
const showProjPrower = () => {
state.ProjPvisible = true;
};
const showProjCheck = () => {
state.ProjCheckvisible = true;
};
const showProjManage = () => {
state.ProjManagevisible = true;
};
return {
...toRefs(state),
columns,
@@ -2345,6 +2554,8 @@ export default {
getTableDate,
showProjOwner,
showProjPrower,
showProjCheck,
showProjManage,
};
},
};
@@ -2517,10 +2728,10 @@ export default {
.ant-modal-body {
.modalHeader {
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
}
padding: 0;
.modalMain {
@@ -2606,10 +2817,10 @@ export default {
.ant-modal-body {
.modalHeader {
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
}
padding: 0;
.modalMain {
@@ -2695,10 +2906,10 @@ export default {
padding: 0 !important;
.modalHeader {
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
}
.modalMain {
display: flex;
@@ -2753,10 +2964,10 @@ export default {
padding: 0 !important;
.modalHeader {
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
}
.modalMain {
display: flex;