全部清除
@@ -238,47 +317,116 @@ export default {
pageSize: 10,
currentPage: 1,
tableDataTotal: 50,
+ pageSize1: 10,
+ currentPage1: 1,
+ tableDataTotal1: 50,
+ pageSize2: 10,
+ currentPage2: 1,
+ tableDataTotal2: 50,
+ selectedRowKeys: [],
+ selectedRowKeys1: [],
+ selectedRowKeys2: [],
activeKey: "1",
- name: "", //输入名字搜索
value: [], //级联选择框
choosevalue: null, //受众选择
- organizeList: [
+ valueSelect: null, //树形选择
+ name: "",
+ nameadd: "",
+ nameaddd: "",
+ treeData: [
{
- id: 1,
+ title: "京东方",
value: "京东方",
- label: "京东方",
children: [
{
- id: 2,
+ title: "产研部",
value: "产研部",
- label: "产研部",
children: [
{
- id: 4,
- value: "产品部门",
- label: "产品部门",
+ title: "产品部",
+ value: "产品部",
},
{
- id: 5,
- value: "研发部门",
- label: "研发部门",
+ title: "研究部",
+ value: "研究部",
},
],
},
{
- id: 3,
- value: "人力资源部",
- label: "人力资源部",
+ title: "二级标题",
+ value: "二级标题",
children: [
{
- id: 6,
+ title: "三级标题",
+ value: "三级标题",
+ children: [
+ {
+ title: "四级标题",
+ value: "四级标题",
+ children: [
+ {
+ title: "五级标题",
+ value: "五级标题",
+ children: [
+ {
+ title: "六级标题",
+ value: "六级标题",
+ children: [
+ {
+ title: "七级标题",
+ value: "七级标题",
+ children: [
+ {
+ title: "八级标题",
+ value: "八级标题",
+ children: [
+ {
+ title: "九级标题",
+ value: "九级标题",
+ children: [
+ {
+ title: "十级标题",
+ value: "十级标题",
+ children: [
+ {
+ title: "十一级标题",
+ value: "十一级标题",
+ children: [
+ {
+ title: "十二级标题",
+ value: "十二级标题",
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ },
+ {
+ title: "人力资源部",
+ value: "人力资源部",
+ children: [
+ {
+ title: "人事部",
value: "人事部",
- label: "人事部",
},
{
- id: 7,
+ title: "行政部",
value: "行政部",
- label: "行政部",
},
],
},
@@ -290,55 +438,64 @@ export default {
key: 1,
name: "小李",
bum: "产研部",
- gangw: "产品经理",
+ numb: "000000",
+ guishu: "",
},
{
key: 2,
name: "小刘",
bum: "产研部",
- gangw: "产品经理",
+ numb: "000000",
+ guishu: "",
},
{
key: 3,
name: "小李",
bum: "产研部",
- gangw: "产品经理",
+ numb: "000000",
+ guishu: "",
},
{
key: 4,
name: "小李",
bum: "产研部",
- gangw: "产品经理",
+ numb: "000000",
+ guishu: "",
},
{
key: 5,
name: "小李",
bum: "产研部",
- gangw: "产品经理",
+ numb: "000000",
+ guishu: "",
},
{
key: 6,
name: "小李",
bum: "产研部",
- gangw: "产品经理",
+ numb: "000000",
+ guishu: "",
},
{
key: 7,
name: "小李",
bum: "产研部",
- gangw: "产品经理",
+ numb: "000000",
+ guishu: "",
},
{
key: 8,
name: "小李",
bum: "产研部",
- gangw: "产品经理",
+ numb: "000000",
+ guishu: "",
},
{
key: 9,
name: "小李",
bum: "产研部",
- gangw: "产品经理",
+ numb: "000000",
+ guishu: "",
},
],
tablecolumns: [
@@ -351,18 +508,26 @@ export default {
className: "h",
},
{
- title: "部门",
- dataIndex: "bum",
- key: "bum",
- width: 45,
+ title: "工号",
+ dataIndex: "numb",
+ key: "numb",
+ width: 35,
align: "center",
className: "h",
},
{
- title: "岗位",
- dataIndex: "gangw",
- key: "gangw",
- width: 45,
+ title: "归属组织",
+ dataIndex: "guishu",
+ key: "guishu",
+ width: 30,
+ align: "center",
+ className: "h",
+ },
+ {
+ title: "部门",
+ dataIndex: "bum",
+ key: "bum",
+ width: 40,
align: "center",
className: "h",
},
@@ -370,56 +535,71 @@ export default {
tabledata1: [
{
key: 1,
- name: "学习受众",
- time: "2022-10-31 23:12:00",
- total: "1",
- state: "已发布",
- type: "普通受众",
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
},
{
key: 2,
- name: "2",
- time: "2022-10-31 23:12:00",
- total: "2",
- state: "已发布",
- type: "普通受众",
+ name: "小刘",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
},
{
key: 3,
- name: "mask",
- time: "2022-10-31 23:12:00",
- total: "1",
- state: "已发布",
- type: "普通受众",
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
},
{
key: 4,
- name: "学习受众",
- time: "2022-10-31 23:12:00",
- total: "1",
- state: "已发布",
- type: "普通受众",
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
},
{
key: 5,
- name: "学业受众",
- time: "2022-10-31 23:12:00",
- total: "2",
- state: "已发布",
- type: "普通受众",
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
},
{
key: 6,
- name: "案例受众",
- time: "2022-10-31 23:12:00",
- total: "3",
- state: "已发布",
- type: "普通受众",
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
+ },
+ {
+ key: 7,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
+ },
+ {
+ key: 8,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
+ },
+ {
+ key: 9,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
},
],
tablecolumns1: [
{
- title: "受众名称",
+ title: "姓名",
dataIndex: "name",
key: "name",
width: 30,
@@ -427,84 +607,188 @@ export default {
className: "h",
},
{
- title: "创建时间",
- dataIndex: "time",
- key: "time",
+ title: "工号",
+ dataIndex: "numb",
+ key: "numb",
+ width: 35,
+ align: "center",
+ className: "h",
+ },
+ {
+ title: "归属组织",
+ dataIndex: "guishu",
+ key: "guishu",
+ width: 30,
+ align: "center",
+ className: "h",
+ },
+ {
+ title: "部门",
+ dataIndex: "bum",
+ key: "bum",
width: 40,
align: "center",
className: "h",
},
+ ],
+ tabledata2: [
{
- title: "人数",
- dataIndex: "total",
- key: "total",
- width: 20,
- align: "center",
- className: "h",
+ key: 1,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
},
{
- title: "状态",
- dataIndex: "state",
- key: "state",
- width: 20,
- align: "center",
- className: "h",
+ key: 2,
+ name: "小刘",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
},
{
- title: "类型",
- dataIndex: "type",
- key: "type",
+ key: 3,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
+ },
+ {
+ key: 4,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
+ },
+ {
+ key: 5,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
+ },
+ {
+ key: 6,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
+ },
+ {
+ key: 7,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
+ },
+ {
+ key: 8,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
+ },
+ {
+ key: 9,
+ name: "小李",
+ bum: "产研部",
+ numb: "000000",
+ guishu: "",
+ },
+ ],
+ tablecolumns2: [
+ {
+ title: "姓名",
+ dataIndex: "name",
+ key: "name",
width: 30,
+ align: "left",
+ className: "h",
+ },
+ {
+ title: "工号",
+ dataIndex: "numb",
+ key: "numb",
+ width: 35,
+ align: "center",
+ className: "h",
+ },
+ {
+ title: "归属组织",
+ dataIndex: "guishu",
+ key: "guishu",
+ width: 30,
+ align: "center",
+ className: "h",
+ },
+ {
+ title: "部门",
+ dataIndex: "bum",
+ key: "bum",
+ width: 40,
align: "center",
className: "h",
},
],
organizeList1: [
{
- value: "项目一",
- label: "项目一",
+ value: "产品受众群体",
+ label: "产品受众群体",
+ },
+ {
+ value: "人力资源hrbp",
+ label: "人力资源hrbp",
},
],
});
const closeDrawer = () => {
+ state.activeKey = "1";
ctx.emit("update:Ownervisible", false);
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
};
+ const onSelectChange = (selectedRowKeys) => {
+ console.log("selectedRowKeys changed: ", selectedRowKeys);
+ state.selectedRowKeys = selectedRowKeys;
+ };
+ const onSelectChange1 = (selectedRowKeys) => {
+ console.log("selectedRowKeys changed: ", selectedRowKeys);
+ state.selectedRowKeys = selectedRowKeys;
+ };
+ const onSelectChange2 = (selectedRowKeys) => {
+ console.log("selectedRowKeys changed: ", selectedRowKeys);
+ state.selectedRowKeys = selectedRowKeys;
+ };
return {
...toRefs(state),
afterVisibleChange,
closeDrawer,
+ onSelectChange,
+ onSelectChange1,
+ onSelectChange2,
// change,
};
},
};
-
\ No newline at end of file
+.changetreedropdown {
+ width: 550px !important;
+}
+
+.ant-select-tree-list-scrollbar {
+ width: 5px !important;
+ .ant-select-tree-list-scrollbar-thumb {
+ background-color: #4ea6ff !important;
+ }
+}
+
diff --git a/src/components/drawers/PowerList.vue b/src/components/drawers/PowerList.vue
index a87f8571..020b124e 100644
--- a/src/components/drawers/PowerList.vue
+++ b/src/components/drawers/PowerList.vue
@@ -345,7 +345,8 @@ export default {
}
}
.drawerMain {
- min-width: 600px;
+ // overflow: auto;
+ min-width: 550px;
margin: 0px 32px 0px 32px;
overflow-x: scroll;
display: flex;
@@ -368,7 +369,7 @@ export default {
}
.main {
width: 100%;
- height: 100%;
+ // height: 100%;
// background-color: #bfa;
// overflow-y: auto;
.search {
@@ -479,7 +480,7 @@ export default {
.pa {
// left: 0;
margin-top: 25px;
- margin-bottom: 70px;
+ // margin-bottom: 70px;
width: 100%;
// height: 20px;
// background-color: red;
@@ -487,6 +488,7 @@ export default {
justify-content: center;
// position: absolute;
// bottom: 20px;
+ // margin-bottom: 20px;
}
// .tab {
// .ant-table-thead > tr > th {
@@ -507,9 +509,9 @@ export default {
}
// .botm {
// width: 100%;
- // height: 100%;
+ // height: 200px;
// background-color: red;
- // // flex-shrink: 1;
+
// }
.btnn {
height: 72px;
diff --git a/src/components/drawers/QueryRight.vue b/src/components/drawers/QueryRight.vue
new file mode 100644
index 00000000..b4484ffb
--- /dev/null
+++ b/src/components/drawers/QueryRight.vue
@@ -0,0 +1,1219 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
搜索
+
+
+
+
+
+
重置
+
+
+
+
+
+
+
+
+
搜索
+
+
+
+
+
+
重置
+
+
+
+
+
+
+
+
+
搜索
+
+
+
+
+
+
重置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/drawers/TimeManage.vue b/src/components/drawers/TimeManage.vue
index 114c07b1..78cbd2d2 100644
--- a/src/components/drawers/TimeManage.vue
+++ b/src/components/drawers/TimeManage.vue
@@ -54,7 +54,7 @@
+ 