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

--fix 权限名单

Browse Source
This commit is contained in:
yuping
2023-01-31 11:47:26 +08:00
parent f3740d6984
commit 686ac406fd
4 changed files with 131 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
src/components/student/CommonStudent.vue
View File

@@ -11,7 +11,7 @@
<div class="drawerMain" id="ProjCheckship" style=""> <div class="drawerMain" id="ProjCheckship" style="">
<div class="header"> <div class="header">
<div class="headerTitle"> <div class="headerTitle">
{{ {1: "添加学员", 2: "添加学员", 3: "添加学员",4: "查看权",5: "管理权"}[type] || "" }} {{ {1: "添加学员", 2: "添加学员", 3: "添加学员",4: "查看权",5: "管理权"}[type] || title }}
</div> </div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
@@ -99,7 +99,7 @@
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane :key="2" tab="添加组织"> <a-tab-pane v-if="!selectStu" :key="2" tab="添加组织">
<div :style="{ height: screenHeight - 235 + 'px' }"> <div :style="{ height: screenHeight - 235 + 'px' }">
<div class="tab2"> <div class="tab2">
<a-form-item label="组织："> <a-form-item label="组织：">
@@ -146,7 +146,7 @@
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane :key="3" tab="受众关联"> <a-tab-pane v-if="!selectStu" :key="3" tab="受众关联">
<div :style="{ height: screenHeight - 235 + 'px' }"> <div :style="{ height: screenHeight - 235 + 'px' }">
<div> <div>
<a-form-item label="受众名称："> <a-form-item label="受众名称：">
@@ -174,7 +174,7 @@
</div> </div>
<div class="tableBox tabb"> <div class="tableBox tabb">
<a-table <a-table
style="border: 1px solid #f2f6fe" style="border: 1px solid #f2f6fe;width:800px"
row-key="id" row-key="id"
:columns="audiColums" :columns="audiColums"
:data-source="audiData" :data-source="audiData"
@@ -193,126 +193,94 @@
<div class="already">已选</div> <div class="already">已选</div>
</div> </div>
</div> </div>
<div <div :style="{ 'max-height': screenHeight - 235 + 'px' }" style="overflow-y: auto">
class="selecteds" <div class="selecteds">
:style="{ 'max-height': screenHeight - 235 + 'px' }" <div class="person">快速选人</div>
style="overflow-y: auto" <div v-for="(item, i) in selectsData.studentList">
> <div v-if="i < 11">
<div class="person">快速选人</div>
<div v-for="(item, i) in selectsData.studentList">
<div v-if="i < 11">
<div class="chose">
{{ item.realName }}
<div class="ch" @click="stuDel(i)"></div>
</div>
</div>
<div v-else>
<div v-if="person">
<div class="chose"> <div class="chose">
{{ item.realName }} {{ item.realName }}
<div class="ch" @click="stuDel(i)"></div> <div class="ch" @click="stuDel(i)"></div>
</div> </div>
</div> </div>
</div> <div v-else>
</div> <div v-if="person">
<div <div class="chose">
v-if="!person && selectsData.studentList.length > 10" {{ item.realName }}
class="ifsw" <div class="ch" @click="stuDel(i)"></div>
> </div>
<div @click="person = !person" class="“sw”">查看更多></div> </div>
</div>
<div
v-if="person && selectsData.studentList.length > 10"
class="ifsw"
>
<div @click="person = !person" class="sw">收起&lt;</div>
</div>
<div class="dept">添加组织</div>
<div v-for="(item,i) in selectsData.deptList">
<div v-if="i<11">
<div class="chose1">
<div class="span"> {{ item.name }}</div>
<div class="ch1" @click="orgDel(i)"></div>
</div> </div>
</div> </div>
<div v-else> <div
<div v-if="dept"> v-if="!person && selectsData.studentList.length > 10"
class="ifsw"
>
<div @click="person = !person" class="“sw”">查看更多></div>
</div>
<div
v-if="person && selectsData.studentList.length > 10"
class="ifsw"
>
<div @click="person = !person" class="sw">收起&lt;</div>
</div>
</div>
<div v-if="!selectStu" class="selecteds">
<div class="dept">添加组织</div>
<div v-for="(item,i) in selectsData.deptList">
<div v-if="i<11">
<div class="chose1"> <div class="chose1">
<div class="span"> {{ item.name }}</div> <div class="span"> {{ item.name }}</div>
<div class="ch1" @click="orgDel(i)"></div> <div class="ch1" @click="orgDel(i)"></div>
</div> </div>
</div> </div>
<div v-else>
</div> <div v-if="dept">
<div class="chose1">
</div> <div class="span"> {{ item.name }}</div>
<div v-if="!dept && selectsData.deptList.length >10" class="ifsw"> <div class="ch1" @click="orgDel(i)"></div>
<div @click="dept = !dept" class=“sw”>查看更多></div> </div>
</div>
<div v-if="dept && selectsData.deptList.length >10" class="ifsw">
<div @click="dept = !dept" class="sw"> 收起&lt;</div>
</div>
<!--受众-->
<div class="group">受众关联</div>
<div v-for="(item, i) in selectsData.groupList">
<div v-if="i < 11">
<div class="chose2">
<div class="span">{{ item.audienceName }}</div>
<div class="ch2" @click="AuditDel(i)"></div>
</div>
</div>
<div v-else>
<div v-if="group">
<div class="chose2">
<div class="span">{{ item.audienceName }}</div>
<div class="ch2" @click="AuditDel(i)"></div>
</div> </div>
</div> </div>
</div> </div>
<div v-if="!dept && selectsData.deptList.length >10" class="ifsw">
<div @click="dept = !dept" class=“sw”>查看更多></div>
</div>
<div v-if="dept && selectsData.deptList.length >10" class="ifsw">
<div @click="dept = !dept" class="sw"> 收起&lt;</div>
</div>
</div> </div>
<div <!--受众-->
v-if="!group && selectsData.groupList.length > 10" <div v-if="!selectStu" class="selecteds">
class="ifsw" <div class="group">受众关联</div>
> <div v-for="(item, i) in selectsData.groupList">
<div @click="group = !group" class="“sw”">查看更多></div> <div v-if="i < 11">
</div> <div class="chose2">
<div v-if="group && selectsData.groupList > 10" class="ifsw"> <div class="span">{{ item.audienceName }}</div>
<div @click="group = !group" class="sw">收起&lt;</div> <div class="ch2" @click="AuditDel(i)"></div>
</div> </div>
</div>
<div v-else>
<div v-if="group">
<div class="chose2">
<div class="span">{{ item.audienceName }}</div>
<div class="ch2" @click="AuditDel(i)"></div>
</div>
</div>
</div>
</div>
<div
v-if="!group && selectsData.groupList.length > 10"
class="ifsw"
>
<div @click="group = !group" class="“sw”">查看更多></div>
</div>
<div v-if="group && selectsData.groupList > 10" class="ifsw">
<div @click="group = !group" class="sw">收起&lt;</div>
</div>
</div>
</div> </div>
</div> </div>
<!-- <div style="padding:100px 0 0 20px;display: grid;grid-template-rows: auto auto auto;">
<div>
<div style="margin-top: 20px">快速选人</div>
// eslint-disable-next-line vue/require-v-for-key
<div v-for="(item,i) in selectsData.studentList" >
<a-tag v-if="i < 10" :closable="true" color="#4ea6ff" @close="stuDel(i)"
:key="i" style="margin-top:20px">
{{ item.realName }}
</a-tag>
<a-tag v-else :closable="true" color="#4ea6ff" @close="stuDel(i)"
style="margin-top:20px">
{{ item.realName }}
</a-tag>
<div></div>
</div>
</div>
<div>
<div style="margin-top: 20px">组织添加</div>
<a-tag :closable="true" color="#4ea6ff" @close="orgDel(i)" v-for="(item,i) in selectsData.deptList"
:key="i"
style="margin-top:20px">
{{ item.name }}
</a-tag>
</div>
<div>
<div style="margin-top: 20px">受众添加</div>
<a-tag :closable="true" color="#4ea6ff" @close="AuditDel(i)" v-for="(item,i) in selectsData.groupList"
:key="i" style="margin-top:20px">
{{ item.audienceName }}
</a-tag>
</div>
</div>-->
</div> </div>
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
@@ -419,6 +387,22 @@ const emit = defineEmits({});
const props = defineProps({ const props = defineProps({
type: Number, type: Number,
id: String, id: String,
title: {
type: String,
default: '',
},
clear: {
type: Boolean,
default: false,
},
selectStu: {
type: Boolean,
default: false,
},
selectOne: {
type: Boolean,
default: false,
},
stage: { stage: {
type: Array, type: Array,
default: () => [], default: () => [],
@@ -577,6 +561,7 @@ const auditSelectKeys = ref([]);
const screenHeight = ref(document.body.clientHeight); const screenHeight = ref(document.body.clientHeight);
//const screenWidth = ref(document.body.clientWidth); //const screenWidth = ref(document.body.clientWidth);
const stuRowSelection = computed(() => ({ const stuRowSelection = computed(() => ({
type:props.selectOne?'radio':'checkbox',
columnWidth: 20, columnWidth: 20,
selectedRowKeys: stuSelectKeys.value, selectedRowKeys: stuSelectKeys.value,
onChange: onStuSelectChange, onChange: onStuSelectChange,
@@ -764,6 +749,7 @@ function handleStageOk() {
saveStu({ saveStu({
targetId: props.id, targetId: props.id,
type: props.type, type: props.type,
clear:props.clear,
deptIds: selectsData.value.deptList?.map((e) => e.id), deptIds: selectsData.value.deptList?.map((e) => e.id),
stageId: selectsData.value.stageId, stageId: selectsData.value.stageId,
groupIds: selectsData.value.groupList?.map((e) => e.id), groupIds: selectsData.value.groupList?.map((e) => e.id),

32
src/components/student/OwnerTableModelStudent.vue Normal file
View File

@@ -0,0 +1,32 @@
<template>
<TableModelStudent :types="types" :id="id" ref="tableModelRef">
<template #extension="{ data: { record } }">
<CommonStudent v-if="record.type===type" :type="type" :id="id" @finash="submitCall" :clear="true" :select-stu="true" :select-one="true">
<a-button type="link">转移归属权</a-button>
</CommonStudent>
</template>
<slot></slot>
</TableModelStudent>
</template>
<script setup>
import {defineProps, ref} from "vue";
import TableModelStudent from "@/components/student/TableModelStudent";
import CommonStudent from "@/components/student/CommonStudent";
const props = defineProps({
id: String,
type: Number,
types: {
type: Array,
default: () => [],
},
});
const tableModelRef = ref()
function submitCall(flag) {
tableModelRef.value.loading = true
flag && tableModelRef.value.searchStu();
}
</script>

5
src/components/student/TableModelStudent.vue
View File

@@ -201,6 +201,11 @@ watch(visiable, () => {
visiable.value && searchStu() visiable.value && searchStu()
searchParams.value = initParams searchParams.value = initParams
}); });
defineExpose({
searchStu,
loading
})
</script> </script>
<style lang="scss"> <style lang="scss">
.cus-btn { .cus-btn {

4
src/views/learningpath/LearningPath.vue
View File

@@ -691,7 +691,7 @@
import { reactive, toRefs, onMounted, watch, computed } from "vue"; import { reactive, toRefs, onMounted, watch, computed } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import CommonStudent from "@/components/student/CommonStudent"; import CommonStudent from "@/components/student/CommonStudent";
import TableModelStudent from "@/components/student/TableModelStudent"; import OwnerTableModelStudent from "@/components/student/OwnerTableModelStudent";
import ProjOwnerShip from "../../components/drawers/ProjectOwn"; import ProjOwnerShip from "../../components/drawers/ProjectOwn";
import ProjPowerList from "../../components/drawers/ProjPowerList"; import ProjPowerList from "../../components/drawers/ProjPowerList";
import ProjCheckShip from "../../components/drawers/ProjCheckPower"; import ProjCheckShip from "../../components/drawers/ProjCheckPower";
@@ -1254,7 +1254,7 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="权限名单" label="权限名单"> <a-select-option value="权限名单" label="权限名单">
<TableModelStudent types={[7,8,9]} id={text.record.id}>权限名单</TableModelStudent> <OwnerTableModelStudent types={[7,8,9]} id={text.record.id} type={9}>权限名单</OwnerTableModelStudent>
</a-select-option> </a-select-option>
<a-select-option value="查看权" label="查看权"> <a-select-option value="查看权" label="查看权">
<CommonStudent type={7} id={text.record.id}>查看权</CommonStudent> <CommonStudent type={7} id={text.record.id}>查看权</CommonStudent>