mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-18 07:16:46 +08:00
feat:增加选择模版等
This commit is contained in:
lixg
@@ -121,169 +121,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="2" tab="添加组织" force-render>
|
||||
<div
|
||||
:style="{ height: screenHeight - 235 + 'px' }"
|
||||
style="overflow-y: auto"
|
||||
>
|
||||
<div class="tab2">
|
||||
<div class="nameinp">
|
||||
<div class="namee">组织：</div>
|
||||
<a-input
|
||||
v-model:value="com"
|
||||
style="width: 230px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入组织"
|
||||
/>
|
||||
</div>
|
||||
<div class="btns">
|
||||
<div class="btn1" @click="searchOrg">
|
||||
<div class="img1">
|
||||
<img
|
||||
src="../../assets/images/courseManage/search0.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="wz">搜索</div>
|
||||
</div>
|
||||
<div class="btn2">
|
||||
<div class="img2">
|
||||
<img
|
||||
src="../../assets/images/courseManage/reset1.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="wz">重置</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="t1">
|
||||
<div class="organize">姓名：</div>
|
||||
<a-input
|
||||
v-model:value="nameadd"
|
||||
style="width: 200px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入姓名"
|
||||
/>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="boeTree">
|
||||
<div class="boeTreeTitle">BOE组织树</div>
|
||||
|
||||
<a-tree
|
||||
class="treeMain treeMain2"
|
||||
:style="{ height: screenHeight - 430 + 'px' }"
|
||||
dropdownClassName="changetreedropdownboe"
|
||||
defaultExpandAll
|
||||
:dropdown-style="{
|
||||
maxHeight: '600px',
|
||||
}"
|
||||
placeholder="BOE组织树"
|
||||
allow-clear
|
||||
tree-default-expand-all
|
||||
:tree-data="treeData"
|
||||
@select="departmentSelect1"
|
||||
multiple
|
||||
v-model:selectedKeys="selectedKeys1"
|
||||
>
|
||||
<template #suffixIcon></template>
|
||||
</a-tree>
|
||||
<div
|
||||
class="boeTreeTitle"
|
||||
style="margin-top: 8px; cursor: pointer"
|
||||
@click="addOrgModal"
|
||||
>
|
||||
确认添加
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="3" tab="受众关联">
|
||||
<div
|
||||
:style="{ height: screenHeight - 235 + 'px' }"
|
||||
style="overflow-y: auto"
|
||||
>
|
||||
<div class="tab1">
|
||||
<div class="t1">
|
||||
<!-- <div class="nameinp">
|
||||
<div class="namee">选择受众：</div>
|
||||
<div class="select">
|
||||
<a-select
|
||||
v-model:value="choosevalue"
|
||||
style="width: 200px; border-radius: 8px"
|
||||
placeholder="请选择受众群体"
|
||||
:options="organizeList1"
|
||||
/>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="t1" style="margin-top: 10px">
|
||||
<div class="organize">受众名称：</div>
|
||||
<a-input
|
||||
v-model:value="nameaddd"
|
||||
style="width: 260px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入受众名称"
|
||||
/>
|
||||
</div>
|
||||
<div class="btns">
|
||||
<div class="btn1">
|
||||
<div class="img1">
|
||||
<img
|
||||
src="../../assets/images/courseManage/search0.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="wz">搜索</div>
|
||||
</div>
|
||||
<div class="btn2">
|
||||
<div class="img2">
|
||||
<img
|
||||
src="../../assets/images/courseManage/reset1.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="wz">重置</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="line">
|
||||
<div class="inline">
|
||||
<div class="left1">
|
||||
<div class="img"></div>
|
||||
<div class="text" style="margin-left: 10px">已选择</div>
|
||||
<div class="text2">2</div>
|
||||
<div class="text">项</div>
|
||||
<div class="text3">列表选项总计：</div>
|
||||
<div class="text4">9条</div>
|
||||
</div>
|
||||
<div class="right1">清空</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="tableBox tabb" style="margin-top: 16px">
|
||||
<a-table
|
||||
style="border: 1px solid #f2f6fe"
|
||||
:columns="tablecolumns2"
|
||||
:data-source="tabledata2"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
expandRowByClick="true"
|
||||
:scroll="{ x: 500 }"
|
||||
@expand="expandTable"
|
||||
:pagination="false"
|
||||
:row-selection="{
|
||||
columnWidth: 30,
|
||||
selectedRowKeys: selectedRowKeys2,
|
||||
onChange: onSelectChange2,
|
||||
}"
|
||||
/>
|
||||
<div class="pa" style="margin-top: 20px">
|
||||
<a-pagination
|
||||
showSizeChanger="true"
|
||||
showQuickJumper="true"
|
||||
hideOnSinglePage="true"
|
||||
:pageSize="pageSize2"
|
||||
:current="currentPage2"
|
||||
:total="tableDataTotal2"
|
||||
class="pagination"
|
||||
v-if="tabledata2 > 10"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
|
||||
</a-tabs>
|
||||
</div>
|
||||
</div>
|
||||
@@ -356,134 +194,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="tit">添加组织</div>
|
||||
<div style="position: relative; min-height: 180px">
|
||||
<div
|
||||
style="position: relative; height: 160px"
|
||||
class="selectedsBox"
|
||||
id="selectedsBox1"
|
||||
>
|
||||
<div class="selecteds" id="selecteds1">
|
||||
<!-- 遍历生成 -->
|
||||
<div
|
||||
class="chose"
|
||||
v-for="item in chooseorganization1"
|
||||
:key="item.key"
|
||||
>
|
||||
<div>{{ item.value }}</div>
|
||||
<div class="ch" @click="deleteChoosePeople1(item)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="chose"
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-right: 20px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #409eff;
|
||||
line-height: 22px;
|
||||
"
|
||||
v-if="showMore1"
|
||||
@click="morePeopleShow1"
|
||||
>
|
||||
<div>
|
||||
查看更多
|
||||
<img
|
||||
style="width: 10px; height: 12px; margin-top: -2px"
|
||||
src="../../assets/images/projectadd/go.png"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="chose"
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-right: 20px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #409eff;
|
||||
line-height: 22px;
|
||||
"
|
||||
v-if="showHidden1"
|
||||
@click="morePeopleHidden1"
|
||||
>
|
||||
<div>
|
||||
收起
|
||||
<img
|
||||
style="width: 10px; height: 12px; margin-top: -2px"
|
||||
src="../../assets/images/projectadd/pickUp.png"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="tit">受众关联</div>
|
||||
<div
|
||||
style="position: relative; min-height: 180px; padding-bottom: 40px"
|
||||
>
|
||||
<div style="height: 160px" class="selectedsBox" id="selectedsBox2">
|
||||
<div class="selecteds" id="selecteds2">
|
||||
<!-- 遍历生成 -->
|
||||
<div
|
||||
class="chose"
|
||||
v-for="item in relationpeople"
|
||||
:key="item.key"
|
||||
>
|
||||
<div>{{ item.name }}</div>
|
||||
<div class="ch" @click="deleteRelationPeople(item)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="chose"
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-right: 20px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #409eff;
|
||||
line-height: 22px;
|
||||
"
|
||||
v-if="showMore2"
|
||||
@click="morePeopleShow2"
|
||||
>
|
||||
<div>
|
||||
查看更多
|
||||
<img
|
||||
style="width: 10px; height: 12px; margin-top: -2px"
|
||||
src="../../assets/images/projectadd/go.png"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="chose"
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-right: 20px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #409eff;
|
||||
line-height: 22px;
|
||||
"
|
||||
v-if="showHidden2"
|
||||
@click="morePeopleHidden2"
|
||||
>
|
||||
<div>
|
||||
收起
|
||||
<img
|
||||
style="width: 10px; height: 12px; margin-top: -2px"
|
||||
src="../../assets/images/projectadd/pickUp.png"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="btnn">
|
||||
@@ -492,44 +203,15 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 确认添加部门弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="showOrgModal"
|
||||
:footer="null"
|
||||
wrapClassName="confirmAddOrg"
|
||||
centered="true"
|
||||
>
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
<div class="header">
|
||||
<div class="icon"></div>
|
||||
<span>提示</span>
|
||||
<div class="close_exit" @click="closeOrgModal"></div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<span>您确定要添加此组织吗</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1" @click="closeOrgModal">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2" @click="addOrg">
|
||||
<div class="btnText">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 确认添加部门弹窗 -->
|
||||
|
||||
</a-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { reactive, toRefs, onMounted, onUnmounted } from "vue";
|
||||
import elementResizeDetectorMaker from "element-resize-detector";
|
||||
import { message } from "ant-design-vue";
|
||||
import { toDate } from "../../api/method";
|
||||
// import { message } from "ant-design-vue";
|
||||
// import { toDate } from "../../api/method";
|
||||
export default {
|
||||
name: "OwnPower",
|
||||
props: {
|
||||
@@ -885,136 +567,7 @@ export default {
|
||||
},
|
||||
],
|
||||
|
||||
//受众关联table数据
|
||||
tabledata2: [
|
||||
{
|
||||
key: 1,
|
||||
name: "学习受众",
|
||||
time: "1668410969",
|
||||
number: "20",
|
||||
type: "普通受众",
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
name: "案例受众",
|
||||
time: "1668324569",
|
||||
number: "10",
|
||||
type: "普通受众",
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
name: "学习受众",
|
||||
time: "1668238169",
|
||||
number: "20",
|
||||
type: "普通受众",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
name: "显示受众",
|
||||
time: "1668133769",
|
||||
number: "30",
|
||||
type: "普通受众2",
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
name: "惯例受众",
|
||||
time: "1668047369",
|
||||
number: "50",
|
||||
type: "普通受众",
|
||||
},
|
||||
{
|
||||
key: 6,
|
||||
name: "管理受众",
|
||||
time: "1667960969",
|
||||
number: "20",
|
||||
type: "普通受众",
|
||||
},
|
||||
{
|
||||
key: 7,
|
||||
name: "学习小组受众",
|
||||
time: "1667874569",
|
||||
number: "20",
|
||||
type: "普通受众",
|
||||
},
|
||||
{
|
||||
key: 8,
|
||||
name: "学习受众",
|
||||
time: "1667701769",
|
||||
number: "10",
|
||||
type: "普通受众",
|
||||
},
|
||||
{
|
||||
key: 9,
|
||||
name: "案例受众",
|
||||
time: "1667442569",
|
||||
number: "5",
|
||||
type: "普通受众",
|
||||
},
|
||||
{
|
||||
key: 10,
|
||||
name: "项目受众",
|
||||
time: "1667262569",
|
||||
number: "25",
|
||||
type: "普通受众",
|
||||
},
|
||||
],
|
||||
tablecolumns2: [
|
||||
{
|
||||
title: "受众名称",
|
||||
dataIndex: "name",
|
||||
key: "name",
|
||||
width: 30,
|
||||
align: "left",
|
||||
className: "h",
|
||||
},
|
||||
{
|
||||
title: "创建时间",
|
||||
dataIndex: "time",
|
||||
key: "time",
|
||||
width: 35,
|
||||
align: "center",
|
||||
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: "人数",
|
||||
dataIndex: "number",
|
||||
key: "number",
|
||||
width: 30,
|
||||
align: "center",
|
||||
className: "h",
|
||||
},
|
||||
{
|
||||
title: "类型",
|
||||
dataIndex: "type",
|
||||
key: "type",
|
||||
width: 40,
|
||||
align: "center",
|
||||
className: "h",
|
||||
},
|
||||
],
|
||||
organizeList1: [
|
||||
{
|
||||
value: "产品受众群体",
|
||||
label: "产品受众群体",
|
||||
},
|
||||
{
|
||||
value: "人力资源hrbp",
|
||||
label: "人力资源hrbp",
|
||||
},
|
||||
],
|
||||
|
||||
//快速选人-------------------------------------
|
||||
valueSelectboe: null, //快速选人的选择组织
|
||||
choosepeople: [], //总的数组
|
||||
@@ -1023,23 +576,7 @@ export default {
|
||||
showHidden: false, //是否显示收回
|
||||
selectedRowKeys: [], //表格选中的key
|
||||
//快速选人-------------------------------------
|
||||
//添加组织-------------------------------------
|
||||
|
||||
selectedKeys1: [], //选中部门的key
|
||||
chooseorganization: [], //添加组织的选择组织
|
||||
chooseorganization1: [], //显示到右侧的数组
|
||||
showMore1: false, //是否显示添加组织的查看更多
|
||||
showHidden1: false, //是否显示添加组织的收回
|
||||
|
||||
showOrgModal: false, //确认弹窗
|
||||
//添加组织-------------------------------------
|
||||
|
||||
//受众关联-------------------------------------
|
||||
relationpeople: [], //总的数组
|
||||
showMore2: false, //是否显示快速选人的查看更多
|
||||
showHidden2: false, //是否显示收回
|
||||
selectedRowKeys2: [], //表格选中的key
|
||||
//受众关联-------------------------------------
|
||||
|
||||
});
|
||||
const closeDrawer = () => {
|
||||
state.activeKey = "1";
|
||||
@@ -1153,217 +690,7 @@ export default {
|
||||
|
||||
// 结束 快速选人------------------------------------------------------------------
|
||||
|
||||
// 开始 添加组织------------------------------------------------------------------
|
||||
//选中部门
|
||||
const departmentSelect1 = (e, k) => {
|
||||
console.log("选中的部门", e, k);
|
||||
if (!k.node.children) {
|
||||
state.selectedKeys1 = e.reverse();
|
||||
if (k.selected) {
|
||||
state.chooseorganization.unshift(k.node);
|
||||
} else {
|
||||
for (let i = 0; i < state.chooseorganization.length; i++) {
|
||||
if (state.chooseorganization[i].key === k.node.key) {
|
||||
state.chooseorganization.splice(i, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// console.log("选中的部门2", state.selectedKeys1, state.chooseorganization);
|
||||
};
|
||||
//点击确认添加-判断是否显示确定弹窗
|
||||
const addOrgModal = () => {
|
||||
if (state.chooseorganization.length === 0) {
|
||||
message.destroy();
|
||||
message.warning("请选择部门");
|
||||
} else {
|
||||
state.showOrgModal = true;
|
||||
}
|
||||
};
|
||||
//确定添加
|
||||
const addOrg = () => {
|
||||
console.log("chooseorganization", state.chooseorganization);
|
||||
state.chooseorganization1 = state.chooseorganization;
|
||||
selectedsHeight1();
|
||||
state.showOrgModal = false;
|
||||
};
|
||||
//取消添加
|
||||
const closeOrgModal = () => {
|
||||
state.showOrgModal = false;
|
||||
};
|
||||
|
||||
//单个删除选中的人
|
||||
const deleteChoosePeople1 = (item) => {
|
||||
console.log("item", item);
|
||||
let arr = state.chooseorganization;
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
if (arr[i].key === item.key) {
|
||||
arr.splice(i, 1);
|
||||
}
|
||||
}
|
||||
state.chooseorganization = arr;
|
||||
let array = state.selectedKeys1;
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
if (array[i] === item.key) {
|
||||
array.splice(i, 1);
|
||||
}
|
||||
}
|
||||
state.selectedKeys1 = array;
|
||||
console.log("state.selectedKeys1", state.selectedKeys1);
|
||||
};
|
||||
|
||||
//根据右侧快速选人高度，判断是否显示更多
|
||||
const selectedsHeight1 = () => {
|
||||
let resize = elementResizeDetectorMaker();
|
||||
resize.listenTo(
|
||||
document.getElementById("ownpower").querySelector("#selecteds1"),
|
||||
function (ele) {
|
||||
console.log("ele", ele.offsetHeight);
|
||||
if (ele.offsetHeight > 160 && !state.showHidden1) {
|
||||
state.showMore1 = true;
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox1").style.overflow = "hidden";
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox1").style.height = "160px";
|
||||
} else if (ele.offsetHeight < 160) {
|
||||
state.showMore1 = false;
|
||||
state.showHidden1 = false;
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox1").style.overflow = "hidden";
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox1").style.height = "160px";
|
||||
}
|
||||
}
|
||||
);
|
||||
};
|
||||
const morePeopleShow1 = () => {
|
||||
state.showMore1 = false;
|
||||
state.showHidden1 = true;
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox1").style.overflow = "";
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox1").style.height = "";
|
||||
};
|
||||
const morePeopleHidden1 = () => {
|
||||
state.showMore1 = true;
|
||||
state.showHidden1 = false;
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox1").style.overflow = "hidden";
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox1").style.height = "160px";
|
||||
};
|
||||
//搜索组织
|
||||
const searchOrg = () => {
|
||||
let treeTitle = document
|
||||
.getElementById("ownpower")
|
||||
.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("ownpower")
|
||||
.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("请输入组织名称");
|
||||
}
|
||||
};
|
||||
// 结束 添加组织------------------------------------------------------------------
|
||||
|
||||
// 开始 受众关联------------------------------------------------------------------
|
||||
|
||||
//受众关联 选中的数组
|
||||
const onSelectChange2 = (selectedRowKeys, item) => {
|
||||
// console.log("selectedRowKeys changed: ", selectedRowKeys,item);
|
||||
state.selectedRowKeys2 = selectedRowKeys;
|
||||
state.relationpeople = item.reverse();
|
||||
selectedsHeight2();
|
||||
};
|
||||
//单个删除选中的人
|
||||
const deleteChoosePeople2 = (item) => {
|
||||
let arr = state.relationpeople;
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
if (arr[i].key === item.key) {
|
||||
arr.splice(i, 1);
|
||||
}
|
||||
}
|
||||
state.relationpeople = arr;
|
||||
let array = state.selectedRowKeys2;
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
if (array[i] === item.key) {
|
||||
array.splice(i, 1);
|
||||
}
|
||||
}
|
||||
state.selectedRowKeys2 = array;
|
||||
console.log("");
|
||||
};
|
||||
//根据右侧快速选人高度，判断是否显示更多
|
||||
const selectedsHeight2 = () => {
|
||||
let resize = elementResizeDetectorMaker();
|
||||
resize.listenTo(
|
||||
document.getElementById("ownpower").querySelector("#selecteds2"),
|
||||
function (ele) {
|
||||
console.log("ele", ele.offsetHeight);
|
||||
if (ele.offsetHeight > 160 && !state.showHidden2) {
|
||||
state.showMore2 = true;
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox2").style.overflow = "hidden";
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox2").style.height = "160px";
|
||||
} else if (ele.offsetHeight < 160) {
|
||||
state.showMore2 = false;
|
||||
state.showHidden2 = false;
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox2").style.overflow = "hidden";
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox2").style.height = "160px";
|
||||
}
|
||||
}
|
||||
);
|
||||
};
|
||||
const morePeopleShow2 = () => {
|
||||
state.showMore2 = false;
|
||||
state.showHidden2 = true;
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox2").style.overflow = "";
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox2").style.height = "";
|
||||
};
|
||||
const morePeopleHidden2 = () => {
|
||||
state.showMore2 = true;
|
||||
state.showHidden2 = false;
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox2").style.overflow = "hidden";
|
||||
document
|
||||
.getElementById("ownpower")
|
||||
.querySelector("#selectedsBox2").style.height = "160px";
|
||||
};
|
||||
|
||||
// 结束 受众关联------------------------------------------------------------------
|
||||
|
||||
|
||||
//全部清除
|
||||
const deleteAll = () => {
|
||||
@@ -1374,30 +701,13 @@ export default {
|
||||
state.showHidden = false; //是否显示收回
|
||||
state.selectedRowKeys = []; //表格选中的key
|
||||
//快速选人-------------------------------------
|
||||
//添加组织-------------------------------------
|
||||
|
||||
state.selectedKeys1 = []; //选中部门的key
|
||||
state.chooseorganization = []; //添加组织的选择组织
|
||||
state.chooseorganization1 = []; //显示到右侧的数组
|
||||
state.showMore1 = false; //是否显示添加组织的查看更多
|
||||
state.showHidden1 = false; //是否显示添加组织的收回
|
||||
|
||||
state.showOrgModal = false; //确认弹窗
|
||||
//添加组织-------------------------------------
|
||||
|
||||
//受众关联-------------------------------------
|
||||
state.relationpeople = []; //总的数组
|
||||
state.showMore2 = false; //是否显示快速选人的查看更多
|
||||
state.showHidden2 = false; //是否显示收回
|
||||
state.selectedRowKeys2 = []; //表格选中的key
|
||||
//受众关联-------------------------------------
|
||||
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
afterVisibleChange,
|
||||
closeDrawer,
|
||||
onSelectChange,
|
||||
onSelectChange2,
|
||||
// change,
|
||||
departmentSelect,
|
||||
deleteChoosePeople,
|
||||
@@ -1405,23 +715,10 @@ export default {
|
||||
morePeopleShow,
|
||||
morePeopleHidden,
|
||||
|
||||
departmentSelect1,
|
||||
addOrgModal,
|
||||
addOrg,
|
||||
closeOrgModal,
|
||||
selectedsHeight1,
|
||||
morePeopleShow1,
|
||||
morePeopleHidden1,
|
||||
deleteChoosePeople1,
|
||||
|
||||
selectedsHeight2,
|
||||
morePeopleShow2,
|
||||
morePeopleHidden2,
|
||||
deleteChoosePeople2,
|
||||
|
||||
|
||||
deleteAll,
|
||||
|
||||
searchOrg,
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user