Skip to content

Y
ybf
Commit 44c70323 authored by xd's avatar xd
Browse files
Options

进件管理 组织架构调整

parent e7fc579d
Hide whitespace changes
Inline Side-by-side
Showing with 145 additions and 112 deletions
ybf_admin/src/pages/in/contact/mail.vue
View file @ 44c70323
<template> <template>
<div class="mail"> <div class="mail">
<div class="left"> <div class="left">
<!-- <div class="left-c"> --> <div>
<div class="title">组织架构</div> <div class="title">组织架构</div>
<div class="bottom"> <div class="bottom">
<div class="ty"> <div class="ty">
...@@ -9,24 +9,12 @@ ...@@ -9,24 +9,12 @@
<span>全部</span> <span>全部</span>
<span class="number">(103)</span> <span class="number">(103)</span>
</div> </div>
<!-- <div>
<span><d2-icon-svg name="edit" class="icon"/></span>
<span style="margin-left:8px;"
><d2-icon-svg name="delete" class="icon"
/></span>
</div> -->
</div> </div>
<div class="ty" style="margin:15px 0;"> <div class="ty" style="margin:15px 0;">
<div> <div>
<span>未分组</span> <span>未分组</span>
<span class="number">(8)</span> <span class="number">(8)</span>
</div> </div>
<!-- <div>
<span><d2-icon-svg name="edit" class="icon"/></span>
<span style="margin-left:8px;"
><d2-icon-svg name="delete" class="icon"
/></span>
</div> -->
</div> </div>
<div class="tree"> <div class="tree">
<el-tree <el-tree
...@@ -53,101 +41,99 @@ ...@@ -53,101 +41,99 @@
</el-tree> </el-tree>
</div> </div>
</div> </div>
<div class="run"> </div>
<div class="end">
<span class="add-l" @click="addCounter">添加柜组</span> <!-- <div class="run"> -->
<span class="add-r" @click="addStore">添加门店/专柜</span> <div class="end">
</div> <span class="add-l" @click="addCounter">添加柜组</span>
</div> <span class="add-r" @click="addStore">添加门店/专柜</span>
</div>
<!-- </div> --> <!-- </div> -->
</div> </div>
<div class="right"> <div class="right">
<!-- <div class="right-c"> --> <!-- <div class="right-c"> -->
<div class="top">三号柜组（共18人）</div> <div class="top">三号柜组（共18人）</div>
<div class="searchs"> <div class="searchs">
<div class="buttons"> <div class="buttons">
<el-button <el-button
class="button buttonlight" class="button buttonlight"
size="small" size="small"
@click="synchronismMember" @click="synchronismMember"
>同步成员</el-button >同步成员</el-button
> >
<el-button <el-button class="button buttondark" size="small" @click="handleMove"
class="button buttondark" >移动</el-button
size="small"
@click="handleMove"
>移动</el-button
>
</div>
<!-- 搜索区 -->
<el-form
class="searchzone"
:inline="true"
:model="formData"
label-width="auto"
> >
<el-form-item label="关键词">
<el-input
size="small"
v-model="formData.keys"
style="width:160px"
placeholder="请输入关键词"
/>
</el-form-item>
<el-button class="button buttondark" size="small">搜索</el-button>
</el-form>
</div> </div>
<el-table <!-- 搜索区 -->
stripe <el-form
class="list" class="searchzone"
ref="multipleTable" :inline="true"
:data="list.main" :model="formData"
tooltip-effect="dark" label-width="auto"
style="width: 100%"
height="calc(100% - 140px)"
> >
<el-table-column type="selection" width="60"></el-table-column> <el-form-item label="关键词">
<el-table-column <el-input
prop="taskName" size="small"
label="姓名" v-model="formData.keys"
align="center" style="width:160px"
></el-table-column> placeholder="请输入关键词"
<el-table-column />
prop="id" </el-form-item>
label="企业微信ID" <el-button class="button buttondark" size="small">搜索</el-button>
align="center" </el-form>
width="120" </div>
></el-table-column> <el-table
<el-table-column stripe
prop="taskType" class="list"
label="部门" ref="multipleTable"
align="center" :data="list.main"
width="150" tooltip-effect="dark"
></el-table-column> style="width: 100%"
<el-table-column height="calc(100% - 140px)"
prop="taskType" >
label="角色" <el-table-column type="selection" width="60"></el-table-column>
align="center" <el-table-column
width="120" prop="taskName"
></el-table-column> label="姓名"
<el-table-column align="center"
prop="bar" ></el-table-column>
label="手机号" <el-table-column
align="center" prop="id"
width="150" label="企业微信ID"
></el-table-column> align="center"
<el-table-column label="同步时间" width="180" align="center"> width="120"
<template slot-scope="scope">{{ scope.row.sendDate }}</template> ></el-table-column>
</el-table-column> <el-table-column
<el-table-column prop="taskType"
prop="bar" label="部门"
label="备注" align="center"
align="center" width="150"
width="120" ></el-table-column>
></el-table-column> <el-table-column
</el-table> prop="taskType"
<div class="fy"> label="角色"
<el-pagination align="center"
width="120"
></el-table-column>
<el-table-column
prop="bar"
label="手机号"
align="center"
width="150"
></el-table-column>
<el-table-column label="同步时间" width="180" align="center">
<template slot-scope="scope">{{ scope.row.sendDate }}</template>
</el-table-column>
<el-table-column
prop="bar"
label="备注"
align="center"
width="120"
></el-table-column>
</el-table>
<div class="fy">
<el-pagination
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page.currentPage" :current-page="page.currentPage"
:page-size="page.size" :page-size="page.size"
...@@ -155,8 +141,8 @@ ...@@ -155,8 +141,8 @@
:total="page.total" :total="page.total"
> >
</el-pagination> </el-pagination>
</div> </div>
<!-- </div> --> <!-- </div> -->
</div> </div>
<move-dialog <move-dialog
...@@ -238,7 +224,49 @@ export default { ...@@ -238,7 +224,49 @@ export default {
label: "二级 3-2" label: "二级 3-2"
} }
] ]
} },
{
id: 9,
label: "一级 3",
children: [
{
id: 10,
label: "二级 3-1"
},
{
id: 11,
label: "二级 3-2"
}
]
},
/* {
id: 9,
label: "一级 3",
children: [
{
id: 10,
label: "二级 3-1"
},
{
id: 11,
label: "二级 3-2"
}
]
},*/
{
id: 9,
label: "一级 3",
children: [
{
id: 10,
label: "二级 3-1"
},
{
id: 11,
label: "二级 3-2"
}
]
}
]; ];
return { return {
data1: JSON.parse(JSON.stringify(data1)), data1: JSON.parse(JSON.stringify(data1)),
...@@ -395,6 +423,10 @@ export default { ...@@ -395,6 +423,10 @@ export default {
</script> </script>
<style scoped> <style scoped>
.tree {
/* height: 100%;
overflow: auto; */
}
.mail { .mail {
display: flex; display: flex;
width: 100%; width: 100%;
...@@ -411,7 +443,6 @@ export default { ...@@ -411,7 +443,6 @@ export default {
} }
.end { .end {
position: absolute;
display: flex; display: flex;
align-items: center; align-items: center;
border: 1px solid rgba(78, 89, 199, 1); border: 1px solid rgba(78, 89, 199, 1);
...@@ -449,7 +480,8 @@ export default { ...@@ -449,7 +480,8 @@ export default {
} }
.bottom { .bottom {
padding: 12px; padding: 12px;
margin-bottom: 194px; margin-bottom: 20px;
/* margin-bottom: 194px; */
} }
.title { .title {
height: 48px; height: 48px;
...@@ -469,25 +501,26 @@ export default { ...@@ -469,25 +501,26 @@ export default {
position: relative; position: relative;
width: 20%; width: 20%;
overflow: auto; overflow: auto;
flex-direction: column;
justify-content: space-between;
} }
.right { .right {
position: relative; position: relative;
padding: 10px; padding: 10px;
margin-left: 10px; margin-left: 10px;
width: 79%; width: 79%;
/*width: 80%;*/
} }
.left, .left,
.right { .right {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #fff; background-color: #fff;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
.right-c, .left-c { .right-c,
.left-c {
width: 100%; width: 100%;
} }
.number { .number {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment