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

feat:合并

Browse Source
This commit is contained in:
lixg
2022-11-14 16:57:35 +08:00
parent 0f3800910c
commit d89dabdafc
5 changed files with 3831 additions and 1663 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1886
src/components/drawers/ManageRight.vue
View File

File diff suppressed because it is too large Load Diff

1285
src/components/drawers/Ownership.vue
View File

File diff suppressed because it is too large Load Diff

110
src/components/drawers/ProjectOwn.vue
View File

@@ -6,7 +6,7 @@
width="85%" width="85%"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain" id="ProjOwnership">
<div class="header"> <div class="header">
<div class="headerTitle">归属权</div> <div class="headerTitle">归属权</div>
<img <img
@@ -121,11 +121,10 @@
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
</div> </div>
<div class="right" > <div class="right">
<div class="onerow"> <div class="onerow">
<div class="onleft"> <div class="onleft">
<div class="already">已选</div> <div class="already">已选</div>
@@ -139,27 +138,22 @@
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="tit">快速选人</div> <div class="tit">快速选人</div>
<div style="position: relative;min-height:180px "> <div style="position: relative; min-height: 180px">
<div <div style="height: 160px" class="selectedsBox" id="selectedsBox">
style="height: 160px" <div class="selecteds" id="selecteds">
class="selectedsBox" <!-- 遍历生成 -->
id="selectedsBox" <div class="chose" v-for="item in choosepeople" :key="item.key">
> <div>{{ item.name }}</div>
<div class="selecteds" id="selecteds"> <div class="ch" @click="deleteChoosePeople(item)"></div>
<!-- 遍历生成 --> </div>
<div class="chose" v-for="item in choosepeople" :key="item.key">
<div>{{ item.name }}</div>
<div class="ch" @click="deleteChoosePeople(item)"></div>
</div> </div>
</div> </div>
<div
</div>
<div
class="chose" class="chose"
style=" style="
position: absolute; display: flex;
right: 32px; justify-content: flex-end;
bottom: -9px; margin-right: 20px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #409eff; color: #409eff;
@@ -168,17 +162,20 @@
v-if="showMore" v-if="showMore"
@click="morePeopleShow" @click="morePeopleShow"
> >
<div>查看更多 <img <div>
查看更多
<img
style="width: 10px; height: 12px; margin-top: -2px" style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/go.png" src="../../assets/images/projectadd/go.png"
/></div> />
</div>
</div> </div>
<div <div
class="chose" class="chose"
style=" style="
position: absolute; display: flex;
right: 32px; justify-content: flex-end;
bottom: -9px; margin-right: 20px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #409eff; color: #409eff;
@@ -187,13 +184,15 @@
v-if="showHidden" v-if="showHidden"
@click="morePeopleHidden" @click="morePeopleHidden"
> >
<div>收起 <img <div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px" style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png" src="../../assets/images/projectadd/pickUp.png"
/></div> />
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="btnn"> <div class="btnn">
@@ -259,9 +258,9 @@ export default {
pageSize2: 10, pageSize2: 10,
currentPage2: 1, currentPage2: 1,
tableDataTotal2: 50, tableDataTotal2: 50,
selectedRowKeys1: [], selectedRowKeys1: [],
activeKey: "1", activeKey: "1",
value: [], //级联选择框 value: [], //级联选择框
choosevalue: null, //受众选择 choosevalue: null, //受众选择
@@ -310,7 +309,7 @@ export default {
title: "研究部6", title: "研究部6",
value: "研究部6", value: "研究部6",
}, },
{ {
title: "研究部7", title: "研究部7",
value: "研究部7", value: "研究部7",
}, },
@@ -594,16 +593,14 @@ export default {
}, },
], ],
//快速选人------------------------------------- //快速选人-------------------------------------
valueSelectboe: null, //快速选人的选择组织 valueSelectboe: null, //快速选人的选择组织
choosepeople: [], //总的数组 choosepeople: [], //总的数组
selectedKeys: [], //选中部门 selectedKeys: [], //选中部门
showMore: false, //是否显示快速选人的查看更多 showMore: false, //是否显示快速选人的查看更多
showHidden: false, //是否显示收回 showHidden: false, //是否显示收回
selectedRowKeys: [],//表格选中的key selectedRowKeys: [], //表格选中的key
//快速选人------------------------------------- //快速选人-------------------------------------
}); });
const closeDrawer = () => { const closeDrawer = () => {
state.activeKey = "1"; state.activeKey = "1";
@@ -614,8 +611,6 @@ export default {
console.log("state", bool); console.log("state", bool);
}; };
const getClientHeight = () => { const getClientHeight = () => {
state.screenHeight = document.body.clientHeight; state.screenHeight = document.body.clientHeight;
}; };
@@ -670,46 +665,45 @@ export default {
//根据右侧快速选人高度，判断是否显示更多 //根据右侧快速选人高度，判断是否显示更多
const selectedsHeight = () => { const selectedsHeight = () => {
let resize = elementResizeDetectorMaker(); let resize = elementResizeDetectorMaker();
resize.listenTo(document.getElementById("selecteds"), function (ele) { resize.listenTo(document.getElementById('Ownership').querySelector("#selecteds"), function (ele) {
console.log("ele", ele.offsetHeight); console.log("ele", ele.offsetHeight);
if (ele.offsetHeight > 160 && !state.showHidden) { if (ele.offsetHeight > 160 && !state.showHidden) {
state.showMore = true; state.showMore = true;
document.getElementById("selectedsBox").style.overflow = "hidden"; document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById("selectedsBox").style.height = "160px"; document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "160px";
} else if (ele.offsetHeight < 160) { } else if (ele.offsetHeight < 160) {
state.showMore = false; state.showMore = false;
state.showHidden = false; state.showHidden = false;
document.getElementById("selectedsBox").style.overflow = "hidden"; document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById("selectedsBox").style.height = "160px"; document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "160px";
} }
}); });
}; };
const morePeopleShow = () => { const morePeopleShow = () => {
state.showMore = false; state.showMore = false;
state.showHidden = true; state.showHidden = true;
document.getElementById("selectedsBox").style.overflow = ""; document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "";
document.getElementById("selectedsBox").style.height = ""; document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "";
}; };
const morePeopleHidden = () => { const morePeopleHidden = () => {
state.showMore = true; state.showMore = true;
state.showHidden = false; state.showHidden = false;
document.getElementById("selectedsBox").style.overflow = "hidden"; document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById("selectedsBox").style.height = "160px"; document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "160px";
}; };
// 结束 快速选人------------------------------------------------------------------ // 结束 快速选人------------------------------------------------------------------
//全部清除 //全部清除
const deleteAll=()=>{ const deleteAll = () => {
//快速选人-------------------------------------
state.valueSelectboe=null //快速选人的选择组织
state.choosepeople=[] //总的数组
state.showMore=false //是否显示快速选人的查看更多
state.showHidden=false//是否显示收回
state.selectedRowKeys=[]//表格选中的key
//快速选人------------------------------------- //快速选人-------------------------------------
state.valueSelectboe = null; //快速选人的选择组织
} state.choosepeople = []; //总的数组
state.showMore = false; //是否显示快速选人的查看更多
state.showHidden = false; //是否显示收回
state.selectedRowKeys = []; //表格选中的key
//快速选人-------------------------------------
};
return { return {
...toRefs(state), ...toRefs(state),
afterVisibleChange, afterVisibleChange,
@@ -1172,7 +1166,7 @@ export default {
.right { .right {
width: 320px; width: 320px;
flex-shrink: 0; flex-shrink: 0;
overflow-y:auto ; overflow-y: auto;
.onerow { .onerow {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -1450,7 +1444,7 @@ export default {
} }
} }
} }
.ant-modal-close-x{ .ant-modal-close-x {
display: none; display: none;
} }
} }

1857
src/components/drawers/QueryRight.vue
View File

File diff suppressed because it is too large Load Diff

356
src/components/drawers/StuAdd.vue
View File

@@ -6,7 +6,7 @@
width="85%" width="85%"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain" id="stuadd">
<div class="header"> <div class="header">
<div class="headerTitle">添加学员</div> <div class="headerTitle">添加学员</div>
<img <img
@@ -136,7 +136,7 @@
/> />
</div> </div>
<div class="btns"> <div class="btns">
<div class="btn1"> <div class="btn1" @click="searchOrg">
<div class="img1"> <div class="img1">
<img <img
src="../../assets/images/courseManage/search0.png" src="../../assets/images/courseManage/search0.png"
@@ -166,7 +166,7 @@
<div class="boeTreeTitle">BOE组织树</div> <div class="boeTreeTitle">BOE组织树</div>
<a-tree <a-tree
class="treeMain" class="treeMain treeMain2"
:style="{ height: screenHeight - 430 + 'px' }" :style="{ height: screenHeight - 430 + 'px' }"
dropdownClassName="changetreedropdownboe" dropdownClassName="changetreedropdownboe"
defaultExpandAll defaultExpandAll
@@ -314,9 +314,9 @@
<div <div
class="chose" class="chose"
style=" style="
position: absolute; display: flex;
right: 32px; justify-content: flex-end;
bottom: -9px; margin-right: 20px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #409eff; color: #409eff;
@@ -336,9 +336,9 @@
<div <div
class="chose" class="chose"
style=" style="
position: absolute; display: flex;
right: 32px; justify-content: flex-end;
bottom: -9px; margin-right: 20px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #409eff; color: #409eff;
@@ -347,10 +347,13 @@
v-if="showHidden" v-if="showHidden"
@click="morePeopleHidden" @click="morePeopleHidden"
> >
<div>收起 <img <div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px" style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png" src="../../assets/images/projectadd/pickUp.png"
/></div> />
</div>
</div> </div>
</div> </div>
<div class="line"></div> <div class="line"></div>
@@ -376,9 +379,9 @@
<div <div
class="chose" class="chose"
style=" style="
position: absolute; display: flex;
right: 32px; justify-content: flex-end;
bottom: -9px; margin-right: 20px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #409eff; color: #409eff;
@@ -398,9 +401,9 @@
<div <div
class="chose" class="chose"
style=" style="
position: absolute; display: flex;
right: 32px; justify-content: flex-end;
bottom: -9px; margin-right: 20px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #409eff; color: #409eff;
@@ -409,10 +412,13 @@
v-if="showHidden1" v-if="showHidden1"
@click="morePeopleHidden1" @click="morePeopleHidden1"
> >
<div>收起 <img <div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px" style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png" src="../../assets/images/projectadd/pickUp.png"
/></div> />
</div>
</div> </div>
</div> </div>
<div class="line"></div> <div class="line"></div>
@@ -436,9 +442,9 @@
<div <div
class="chose" class="chose"
style=" style="
position: absolute; display: flex;
right: 32px; justify-content: flex-end;
bottom: -9px; margin-right: 20px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #409eff; color: #409eff;
@@ -458,9 +464,9 @@
<div <div
class="chose" class="chose"
style=" style="
position: absolute; display: flex;
right: 32px; justify-content: flex-end;
bottom: -9px; margin-right: 20px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #409eff; color: #409eff;
@@ -469,10 +475,13 @@
v-if="showHidden2" v-if="showHidden2"
@click="morePeopleHidden2" @click="morePeopleHidden2"
> >
<div>收起 <img <div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px" style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png" src="../../assets/images/projectadd/pickUp.png"
/></div> />
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -520,6 +529,7 @@
import { reactive, toRefs, onMounted, onUnmounted } from "vue"; import { reactive, toRefs, onMounted, onUnmounted } from "vue";
import elementResizeDetectorMaker from "element-resize-detector"; import elementResizeDetectorMaker from "element-resize-detector";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import { toDate } from "../../api/method";
export default { export default {
name: "StuAdd", name: "StuAdd",
props: { props: {
@@ -879,71 +889,78 @@ export default {
tabledata2: [ tabledata2: [
{ {
key: 1, key: 1,
name: "小李小李小李小李", name: "学习受众",
bum: "产研部", time: "1668410969",
numb: "000000", number: "20",
guishu: "", type: "普通受众",
}, },
{ {
key: 2, key: 2,
name: "小刘小刘小刘", name: "案例受众",
bum: "产研部", time: "1668324569",
numb: "000000", number: "10",
guishu: "", type: "普通受众",
}, },
{ {
key: 3, key: 3,
name: "小李", name: "学习受众",
bum: "产研部", time: "1668238169",
numb: "000000", number: "20",
guishu: "", type: "普通受众",
}, },
{ {
key: 4, key: 4,
name: "小李", name: "显示受众",
bum: "产研部", time: "1668133769",
numb: "000000", number: "30",
guishu: "", type: "普通受众2",
}, },
{ {
key: 5, key: 5,
name: "小李", name: "惯例受众",
bum: "产研部", time: "1668047369",
numb: "000000", number: "50",
guishu: "", type: "普通受众",
}, },
{ {
key: 6, key: 6,
name: "小李", name: "管理受众",
bum: "产研部", time: "1667960969",
numb: "000000", number: "20",
guishu: "", type: "普通受众",
}, },
{ {
key: 7, key: 7,
name: "小李", name: "学习小组受众",
bum: "产研部", time: "1667874569",
numb: "000000", number: "20",
guishu: "", type: "普通受众",
}, },
{ {
key: 8, key: 8,
name: "小李", name: "学习受众",
bum: "产研部", time: "1667701769",
numb: "000000", number: "10",
guishu: "", type: "普通受众",
}, },
{ {
key: 9, key: 9,
name: "小李", name: "案例受众",
bum: "产研部", time: "1667442569",
numb: "000000", number: "5",
guishu: "", type: "普通受众",
},
{
key: 10,
name: "项目受众",
time: "1667262569",
number: "25",
type: "普通受众",
}, },
], ],
tablecolumns2: [ tablecolumns2: [
{ {
title: "姓名", title: "受众名称",
dataIndex: "name", dataIndex: "name",
key: "name", key: "name",
width: 30, width: 30,
@@ -951,25 +968,38 @@ export default {
className: "h", className: "h",
}, },
{ {
title: "工号", title: "创建时间",
dataIndex: "numb", dataIndex: "time",
key: "numb", key: "time",
width: 35, width: 35,
align: "center", align: "center",
className: "h", className: "h",
sorter: {
compare: (a, b) => a.time - b.time,
multiple: 3,
},
scopedSlots: { customRender: "action" }, //引入的插槽
customRender: (text) => {
// console.log(text.record.checked1);
return (
<div class="racona">
<span> {toDate(Number(text.record.time), "Y-M-D h:m:s")}</span>
</div>
);
},
}, },
{ {
title: "归属组织", title: "人数",
dataIndex: "guishu", dataIndex: "number",
key: "guishu", key: "number",
width: 30, width: 30,
align: "center", align: "center",
className: "h", className: "h",
}, },
{ {
title: "部门", title: "类型",
dataIndex: "bum", dataIndex: "type",
key: "bum", key: "type",
width: 40, width: 40,
align: "center", align: "center",
className: "h", className: "h",
@@ -1074,31 +1104,50 @@ export default {
//根据右侧快速选人高度，判断是否显示更多 //根据右侧快速选人高度，判断是否显示更多
const selectedsHeight = () => { const selectedsHeight = () => {
let resize = elementResizeDetectorMaker(); let resize = elementResizeDetectorMaker();
resize.listenTo(document.getElementById("selecteds"), function (ele) { resize.listenTo(
console.log("ele", ele.offsetHeight); document.getElementById("stuadd").querySelector("#selecteds"),
if (ele.offsetHeight > 160 && !state.showHidden) { function (ele) {
state.showMore = true; console.log("ele", ele.offsetHeight);
document.getElementById("selectedsBox").style.overflow = "hidden"; if (ele.offsetHeight > 160 && !state.showHidden) {
document.getElementById("selectedsBox").style.height = "160px"; state.showMore = true;
} else if (ele.offsetHeight < 160) { document
state.showMore = false; .getElementById("stuadd")
state.showHidden = false; .querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById("selectedsBox").style.overflow = "hidden"; document
document.getElementById("selectedsBox").style.height = "160px"; .getElementById("stuadd")
.querySelector("#selectedsBox").style.height = "160px";
} else if (ele.offsetHeight < 160) {
state.showMore = false;
state.showHidden = false;
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.height = "160px";
}
} }
}); );
}; };
const morePeopleShow = () => { const morePeopleShow = () => {
state.showMore = false; state.showMore = false;
state.showHidden = true; state.showHidden = true;
document.getElementById("selectedsBox").style.overflow = ""; document
document.getElementById("selectedsBox").style.height = ""; .getElementById("stuadd")
.querySelector("#selectedsBox").style.overflow = "";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.height = "";
}; };
const morePeopleHidden = () => { const morePeopleHidden = () => {
state.showMore = true; state.showMore = true;
state.showHidden = false; state.showHidden = false;
document.getElementById("selectedsBox").style.overflow = "hidden"; document
document.getElementById("selectedsBox").style.height = "160px"; .getElementById("stuadd")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.height = "160px";
}; };
// 结束 快速选人------------------------------------------------------------------ // 结束 快速选人------------------------------------------------------------------
@@ -1166,33 +1215,75 @@ export default {
//根据右侧快速选人高度，判断是否显示更多 //根据右侧快速选人高度，判断是否显示更多
const selectedsHeight1 = () => { const selectedsHeight1 = () => {
let resize = elementResizeDetectorMaker(); let resize = elementResizeDetectorMaker();
resize.listenTo(document.getElementById("selecteds1"), function (ele) { resize.listenTo(
console.log("ele", ele.offsetHeight); document.getElementById("stuadd").querySelector("#selecteds1"),
if (ele.offsetHeight > 160 && !state.showHidden1) { function (ele) {
state.showMore1 = true; console.log("ele", ele.offsetHeight);
document.getElementById("selectedsBox1").style.overflow = "hidden"; if (ele.offsetHeight > 160 && !state.showHidden1) {
document.getElementById("selectedsBox1").style.height = "160px"; state.showMore1 = true;
} else if (ele.offsetHeight < 160) { document
state.showMore1 = false; .getElementById("stuadd")
state.showHidden1 = false; .querySelector("#selectedsBox1").style.overflow = "hidden";
document.getElementById("selectedsBox1").style.overflow = "hidden"; document
document.getElementById("selectedsBox1").style.height = "160px"; .getElementById("stuadd")
.querySelector("#selectedsBox1").style.height = "160px";
} else if (ele.offsetHeight < 160) {
state.showMore1 = false;
state.showHidden1 = false;
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.height = "160px";
}
} }
}); );
}; };
const morePeopleShow1 = () => { const morePeopleShow1 = () => {
state.showMore1 = false; state.showMore1 = false;
state.showHidden1 = true; state.showHidden1 = true;
document.getElementById("selectedsBox1").style.overflow = ""; document
document.getElementById("selectedsBox1").style.height = ""; .getElementById("stuadd")
.querySelector("#selectedsBox1").style.overflow = "";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.height = "";
}; };
const morePeopleHidden1 = () => { const morePeopleHidden1 = () => {
state.showMore1 = true; state.showMore1 = true;
state.showHidden1 = false; state.showHidden1 = false;
document.getElementById("selectedsBox1").style.overflow = "hidden"; document
document.getElementById("selectedsBox1").style.height = "160px"; .getElementById("stuadd")
.querySelector("#selectedsBox1").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.height = "160px";
};
//搜索组织
const searchOrg = () => {
let treeTitle = document
.getElementById("stuadd")
.querySelector(".treeMain2")
.querySelectorAll(".ant-tree-title");
if (state.com) {
for (let i = 0; i < treeTitle.length; i++) {
if (state.com === treeTitle[i].innerHTML) {
document
.getElementById("stuadd")
.querySelector(".treeMain2")
.scrollTo(0, treeTitle[i].offsetTop + 28 * i);
return;
} else if (i == treeTitle.length - 1) {
message.destroy();
message.warning("未找到该部门");
}
}
} else {
message.destroy();
message.warning("请输入组织名称");
}
}; };
// 结束 添加组织------------------------------------------------------------------ // 结束 添加组织------------------------------------------------------------------
// 开始 受众关联------------------------------------------------------------------ // 开始 受众关联------------------------------------------------------------------
@@ -1225,31 +1316,50 @@ export default {
//根据右侧快速选人高度，判断是否显示更多 //根据右侧快速选人高度，判断是否显示更多
const selectedsHeight2 = () => { const selectedsHeight2 = () => {
let resize = elementResizeDetectorMaker(); let resize = elementResizeDetectorMaker();
resize.listenTo(document.getElementById("selecteds2"), function (ele) { resize.listenTo(
console.log("ele", ele.offsetHeight); document.getElementById("stuadd").querySelector("#selecteds2"),
if (ele.offsetHeight > 160 && !state.showHidden2) { function (ele) {
state.showMore2 = true; console.log("ele", ele.offsetHeight);
document.getElementById("selectedsBox2").style.overflow = "hidden"; if (ele.offsetHeight > 160 && !state.showHidden2) {
document.getElementById("selectedsBox2").style.height = "160px"; state.showMore2 = true;
} else if (ele.offsetHeight < 160) { document
state.showMore2 = false; .getElementById("stuadd")
state.showHidden2 = false; .querySelector("#selectedsBox2").style.overflow = "hidden";
document.getElementById("selectedsBox2").style.overflow = "hidden"; document
document.getElementById("selectedsBox2").style.height = "160px"; .getElementById("stuadd")
.querySelector("#selectedsBox2").style.height = "160px";
} else if (ele.offsetHeight < 160) {
state.showMore2 = false;
state.showHidden2 = false;
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.height = "160px";
}
} }
}); );
}; };
const morePeopleShow2 = () => { const morePeopleShow2 = () => {
state.showMore2 = false; state.showMore2 = false;
state.showHidden2 = true; state.showHidden2 = true;
document.getElementById("selectedsBox2").style.overflow = ""; document
document.getElementById("selectedsBox2").style.height = ""; .getElementById("stuadd")
.querySelector("#selectedsBox2").style.overflow = "";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.height = "";
}; };
const morePeopleHidden2 = () => { const morePeopleHidden2 = () => {
state.showMore2 = true; state.showMore2 = true;
state.showHidden2 = false; state.showHidden2 = false;
document.getElementById("selectedsBox2").style.overflow = "hidden"; document
document.getElementById("selectedsBox2").style.height = "160px"; .getElementById("stuadd")
.querySelector("#selectedsBox2").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.height = "160px";
}; };
// 结束 受众关联------------------------------------------------------------------ // 结束 受众关联------------------------------------------------------------------
@@ -1309,6 +1419,8 @@ export default {
deleteChoosePeople2, deleteChoosePeople2,
deleteAll, deleteAll,
searchOrg,
}; };
}, },
}; };