Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in / Register
Toggle navigation
Y
ybf
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
xulili
ybf
Commits
8642b617
Commit
8642b617
authored
Jan 09, 2020
by
Z
Browse files
Options
Browse Files
Download
Plain Diff
✨
Z: Dot: taskBar's page recode & taskCom main page done.
parents
0953186f
2c5101df
Show whitespace changes
Inline
Side-by-side
Showing
14 changed files
with
852 additions
and
91 deletions
+852
-91
App.vue
ybf_admin/src/App.vue
+1
-0
index.css
ybf_admin/src/assets/elementYbf02/theme/index.css
+2
-3
index.scss
ybf_admin/src/assets/style/button/index.scss
+5
-0
index.scss
ybf_admin/src/assets/style/dialog/index.scss
+64
-0
add_goods.vue
ybf_admin/src/pages/goods/main/components/add_goods.vue
+98
-0
index.vue
ybf_admin/src/pages/goods/main/index.vue
+7
-1
addCounter.vue
ybf_admin/src/pages/in/contact/components/addCounter.vue
+19
-6
addStore.vue
ybf_admin/src/pages/in/contact/components/addStore.vue
+251
-0
counterDetail.vue
ybf_admin/src/pages/in/contact/components/counterDetail.vue
+38
-49
storeDetail.vue
ybf_admin/src/pages/in/contact/components/storeDetail.vue
+240
-0
counter.vue
ybf_admin/src/pages/in/contact/counter.vue
+20
-9
index.vue
ybf_admin/src/pages/in/contact/index.vue
+9
-2
mail.vue
ybf_admin/src/pages/in/contact/mail.vue
+39
-14
store.vue
ybf_admin/src/pages/in/contact/store.vue
+59
-7
No files found.
ybf_admin/src/App.vue
View file @
8642b617
...
...
@@ -28,4 +28,5 @@
@import
'~@/assets/style/public-class.scss'
;
@import
'~@/assets/style/button/index.scss'
;
@import
'~@/assets/style/pagination/index.scss'
;
@import
'~@/assets/style/dialog/index.scss'
;
</
style
>
ybf_admin/src/assets/elementYbf02/theme/index.css
View file @
8642b617
...
...
@@ -4389,8 +4389,7 @@
top
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
.5
;
background
:
#000
background-color
:
rgba
(
0
,
0
,
0
,
.5
);
}
.el-popup-parent--hidden
{
...
...
ybf_admin/src/assets/style/button/index.scss
View file @
8642b617
...
...
@@ -38,5 +38,10 @@
color
:
#fff
;
}
}
.searchzone
{
.el-form-item
{
margin-bottom
:
0
;
}
}
}
ybf_admin/src/assets/style/dialog/index.scss
0 → 100644
View file @
8642b617
.dialogs
{
.el-dialog__header
{
position
:
relative
;
padding
:
16px
;
.el-dialog__title
{
font-size
:
16px
;
line-height
:
16px
;
color
:
#383838
;
}
&
:after
{
content
:
""
;
width
:
calc
(
100%
-
32px
);
height
:
1px
;
left
:
16px
;
position
:
absolute
;
bottom
:
0
;
border-bottom
:
1px
solid
#eee
;
}
}
.el-dialog__body
{
padding
:
16px
;
.el-form-item
{
margin-bottom
:
16px
;
.el-form-item__label
{
line-height
:
32px
;
}
.el-form-item__content
{
.el-input__inner
{
height
:
32px
;
line-height
:
32px
;
}
}
}
}
.el-dialog__footer
{
padding
:
16px
;
position
:
relative
;
&
:before
{
content
:
""
;
display
:
inline-block
;
width
:
calc
(
100%
-
32px
);
height
:
1px
;
position
:
absolute
;
left
:
16px
;
top
:
0
;
background-color
:
#eee
;
}
}
.addGoods
{
.el-form-item
{
.el-input
{
width
:
280px
;
}
&
.chargeInput
{
.el-input
{
width
:
88px
;
}
.unit
{
margin-left
:
10px
;
}
}
}
}
}
ybf_admin/src/pages/goods/main/components/add_goods.vue
0 → 100644
View file @
8642b617
<
template
>
<div
class=
"dialogs"
>
<el-dialog
title=
"创建任务"
:visible
.
sync=
"dialogVisible"
width=
"480px"
:before-close=
"handleClose"
class=
"addGoods"
>
<div
class=
"dialogMain"
>
<el-form
:model=
"form"
:rules=
"formRules"
ref=
"addform"
label-width=
"130px"
>
<el-form-item
label=
"商品:"
prop=
"goods"
>
<el-input
v-model=
"form.goods"
></el-input>
</el-form-item>
<el-form-item
label=
"价格:"
>
<el-input
v-model=
"form.price"
></el-input>
</el-form-item>
<el-form-item
label=
"库存:"
>
<el-input
v-model
.
number=
"form.num"
></el-input>
</el-form-item>
<el-form-item
label=
"佣金:"
prop=
"charges"
>
<el-radio-group
v-model=
"form.charges"
>
<el-radio
:label=
"1"
>
佣金
</el-radio>
<el-radio
:label=
"2"
>
百分比
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
v-if=
"form.charges===1"
label=
"金额:"
label-width=
"176px"
class=
"chargeInput"
>
<el-input
v-model=
"form.num"
></el-input>
<span
class=
"unit"
>
元 ( ¥ )
</span>
</el-form-item>
<el-form-item
v-if=
"form.charges===2"
label=
"佣金比例:"
label-width=
"176px"
class=
"chargeInput"
>
<el-input
v-model=
"form.num"
></el-input>
<span
class=
"unit"
>
( % )
</span>
</el-form-item>
</el-form>
</div>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
size=
"small"
@
click=
"handleCancel('addform')"
>
取 消
</el-button>
<el-button
size=
"small"
type=
"primary"
@
click=
"handleSubmit('addform')"
>
提交
</el-button>
</div>
</el-dialog>
</div>
</
template
>
<
script
>
export
default
{
name
:
'add_goods'
,
data
(){
return
{
dialogVisible
:
false
,
form
:{
goods
:
''
,
price
:
''
,
charges
:
1
,
num
:
0
},
formRules
:{
goods
:
[
{
required
:
true
,
message
:
'请输入商品'
,
trigger
:
'blur'
},
{
min
:
3
,
max
:
5
,
message
:
'长度在 3 到 5 个字符'
,
trigger
:
'blur'
}
],
}
}
},
methods
:{
// 弹窗关闭
handleClose
(
done
)
{
this
.
$confirm
(
'确认关闭?'
)
.
then
(
_
=>
{
done
();
})
.
catch
(
_
=>
{});
},
handleSubmit
(
formName
){
this
.
$refs
[
formName
].
validate
((
valid
)
=>
{
if
(
valid
)
{
alert
(
'submit!'
);
}
else
{
console
.
log
(
'error submit!!'
);
return
false
;
}
});
},
handleCancel
(
formName
){
this
.
$refs
[
formName
].
resetFields
();
this
.
dialogVisible
=
false
},
},
watch
:{
dialogVisible
(){
if
(
this
.
dialogVisible
){
if
(
this
.
$refs
.
addform
){
this
.
$refs
.
addform
.
resetFields
();
}
}
}
}
}
</
script
>
<
style
scoped
>
</
style
>
ybf_admin/src/pages/goods/main/index.vue
View file @
8642b617
...
...
@@ -5,7 +5,7 @@
</
template
>
<div
class=
"searchs"
>
<div
class=
"buttons"
>
<el-button
class=
"button buttonlight"
size=
"small"
>
添加商品
</el-button>
<el-button
class=
"button buttonlight"
size=
"small"
@
click=
"handleAdd"
>
添加商品
</el-button>
<el-button
class=
"button buttondark"
size=
"small"
>
批量删除
</el-button>
</div>
<!-- 搜索区 -->
...
...
@@ -65,9 +65,11 @@
layout=
"total, prev, pager, next, jumper"
:total=
"page.total"
>
</el-pagination>
<add-goods
ref=
"addGoods"
></add-goods>
</d2-container>
</template>
<
script
>
import
addGoods
from
'./components/add_goods'
export
default
{
data
()
{
return
{
...
...
@@ -155,12 +157,16 @@
}
}
},
components
:{
addGoods
},
methods
:
{
handleCurrentChange
(
val
)
{
console
.
log
(
`当前页:
${
val
}
`
);
},
listPick
()
{
},
handleAdd
(){
this
.
$refs
.
addGoods
.
dialogVisible
=
true
}
}
}
</
script
>
...
...
ybf_admin/src/pages/in/contact/components/addCounter.vue
View file @
8642b617
...
...
@@ -14,8 +14,8 @@
</div>
</div>
<div
class=
"br"
>
<el-form
class=
"searchzone"
:model=
"formData"
label-width=
"auto"
>
<el-form-item
label=
"柜组名称:"
>
<el-form
class=
"searchzone"
:model=
"formData"
label-width=
"auto"
ref=
"counterForm"
:rules =
"rules"
>
<el-form-item
label=
"柜组名称:"
prop=
"name"
>
<el-input
size=
"small"
v-model=
"formData.name"
...
...
@@ -31,7 +31,7 @@
placeholder=
"请输入柜组编号"
/>
</el-form-item>
<el-form-item
label=
"柜组负责人:"
>
<el-form-item
label=
"柜组负责人:"
prop=
"people"
>
<el-select
size=
"small"
v-model=
"formData.people"
...
...
@@ -54,7 +54,9 @@
placeholder=
"请输入所在区域"
/>
</el-form-item>
<div
class=
"cs"
>
<el-form-item
label=
"门店:"
>
</el-form-item>
<div>
<el-transfer
style=
"text-align: left; display: inline-block"
...
...
@@ -71,7 +73,7 @@
>
</el-transfer>
</div>
</
el-form-item
>
</
div
>
</el-form>
</div>
</div>
...
...
@@ -129,7 +131,15 @@ export default {
id
:
"2"
,
name
:
"李四"
}
],
rules
:
{
name
:
[
{
required
:
true
,
message
:
'请输入柜组名称'
,
trigger
:
'blur'
},
],
people
:
[
{
required
:
true
,
message
:
'请选择活动负责人'
,
trigger
:
'change'
}
]
}
};
},
methods
:
{
...
...
@@ -148,6 +158,9 @@ export default {
</
script
>
<
style
scoped
>
.cs
{
display
:
flex
;
}
.choose
{
padding
:
16px
;
font-size
:
16px
;
...
...
ybf_admin/src/pages/in/contact/components/addStore.vue
0 → 100644
View file @
8642b617
<
template
>
<div
class=
"ct"
>
<el-dialog
:visible
.
sync=
"moveDialog"
width=
"65%"
:show-close=
"false"
:close-on-click-modal=
"false"
>
<div
class=
"choose"
>
<div
class=
"title"
>
<div
class=
"cg"
>
添加门店
</div>
<div
class=
"circle"
@
click=
"handleClose"
>
<d2-icon-svg
name=
"close"
class=
"icon"
/>
</div>
</div>
<div
class=
"br"
>
<el-form
class=
"searchzone"
:model=
"formData"
label-width=
"auto"
ref=
"counterForm"
:rules=
"rules"
>
<el-form-item
label=
"柜组名称:"
prop=
"name"
>
<el-input
size=
"small"
v-model=
"formData.name"
style=
"width:240px"
placeholder=
"请输入门店名称"
/>
</el-form-item>
<el-form-item
label=
"门店类型:"
>
<el-select
size=
"small"
v-model=
"formData.type"
placeholder=
"请选择门店类型"
style=
"width:240px"
>
<el-option
v-for=
"item in personList"
:key=
"item.id"
:label=
"item.name"
:value=
"item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"所属柜组:"
prop=
"counter"
>
<el-select
size=
"small"
v-model=
"formData.counter"
placeholder=
"请选择所属柜组"
style=
"width:240px"
>
<el-option
v-for=
"item in counter"
:key=
"item.id"
:label=
"item.name"
:value=
"item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"柜组负责人:"
prop=
"people"
>
<el-select
size=
"small"
v-model=
"formData.people"
placeholder=
"请选择柜组负责人"
style=
"width:240px"
>
<el-option
v-for=
"item in personList"
:key=
"item.id"
:label=
"item.name"
:value=
"item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"门牌号:"
>
<el-input
size=
"small"
v-model=
"formData.number"
style=
"width:240px"
placeholder=
"请输入门牌号"
/>
</el-form-item>
<el-form-item
label=
"位置:"
>
<el-input
size=
"small"
v-model=
"formData.area"
style=
"width:240px"
placeholder=
"请输入位置"
/>
</el-form-item>
<div
class=
"cs"
>
<el-form-item
label=
"绑定店员:"
>
</el-form-item>
<div>
<el-transfer
style=
"text-align: left; display: inline-block"
v-model=
"value4"
:left-default-checked=
"[]"
:right-default-checked=
"[]"
:titles=
"['选择', '已选']"
:button-texts=
"['删除', '添加']"
@
change=
"handleChange"
:data=
"data"
>
<span
slot-scope=
"
{ option }"
>
{{
option
.
key
}}
-
{{
option
.
label
}}
</span
>
</el-transfer>
</div>
</div>
</el-form>
</div>
</div>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
@
click=
"handleCancel"
size=
"small"
>
取 消
</el-button>
<el-button
type=
"primary"
@
click=
"handleFinish"
size=
"small"
>
确 定
</el-button
>
</span>
</el-dialog>
</div>
</
template
>
<
script
>
export
default
{
props
:
{
moveDialog
:
{
type
:
Boolean
,
default
:
false
}
},
data
()
{
const
generateData
=
_
=>
{
const
data
=
[];
for
(
let
i
=
1
;
i
<=
15
;
i
++
)
{
data
.
push
({
key
:
i
,
label
:
`备选项
${
i
}
`
,
disabled
:
i
%
4
===
0
});
}
return
data
;
};
return
{
data
:
generateData
(),
value
:
[
1
],
value4
:
[
1
],
renderFunc
(
h
,
option
)
{
return
<
span
>
{
option
.
key
}
-
{
option
.
label
}
<
/span>
;
},
formData
:
{
name
:
""
,
code
:
""
,
people
:
""
,
type
:
""
,
number
:
""
,
area
:
""
},
personList
:
[
{
id
:
"1"
,
name
:
"张三"
},
{
id
:
"2"
,
name
:
"李四"
}
],
rules
:
{
name
:
[{
required
:
true
,
message
:
"请输入柜组名称"
,
trigger
:
"blur"
}],
people
:
[
{
required
:
true
,
message
:
"请选择活动负责人"
,
trigger
:
"change"
}
],
counter
:
[
{
required
:
true
,
message
:
"请选择所属柜组"
,
trigger
:
"change"
}
]
}
};
},
methods
:
{
handleCancel
()
{
this
.
$emit
(
"handleCancel"
);
},
handleFinish
()
{
this
.
$emit
(
"handleFinish"
,
false
);
},
handleChange
()
{},
handleClose
()
{
this
.
$emit
(
"handleCancel"
);
}
}
};
</
script
>
<
style
scoped
>
.choose
{
padding
:
16px
;
font-size
:
16px
;
font-weight
:
bold
;
color
:
rgba
(
56
,
56
,
56
,
1
);
box-sizing
:
border-box
;
margin-bottom
:
20px
;
}
.title
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
/* border-bottom: 1px solid #f8f8f8; */
padding-bottom
:
10px
;
}
.transfer-footer
{
margin-left
:
20px
;
padding
:
6px
5px
;
}
.ct
>>>
.el-dialog__header
{
padding
:
0
!important
;
}
.ct
>>>
.el-dialog__body
{
padding
:
0
;
}
.ct
>>>
.el-transfer-panel
{
width
:
250px
;
}
.circle
{
width
:
30px
;
height
:
30px
;
line-height
:
30px
;
border-radius
:
50%
;
border
:
1px
solid
rgba
(
208
,
2
,
27
,
1
);
position
:
relative
;
}
.circle
>>>
.icon
{
width
:
28px
;
height
:
28px
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
transform
:
translate
(
-50%
,
-50%
);
}
.br
{
border-top
:
1px
solid
#f8f8f8
;
border-bottom
:
1px
solid
#f8f8f8
;
padding
:
24px
60px
;
}
.cs
{
display
:
flex
;
}
</
style
>
ybf_admin/src/pages/in/contact/components/counterDetail.vue
View file @
8642b617
...
...
@@ -14,7 +14,12 @@
</div>
</div>
<div
class=
"br"
>
<el-form
class=
"searchzone"
:model=
"formData"
label-width=
"auto"
>
<el-form
class=
"searchzone"
:model=
"formData"
label-width=
"auto"
disabled
>
<el-form-item
label=
"柜组名称:"
>
<el-input
size=
"small"
...
...
@@ -32,21 +37,13 @@
/>
</el-form-item>
<el-form-item
label=
"柜组负责人:"
>
<el-
selec
t
<el-
inpu
t
size=
"small"
v-model=
"formData.people"
placeholder=
"请选择柜组负责人"
style=
"width:240px"
>
<el-option
v-for=
"item in personList"
:key=
"item.id"
:label=
"item.name"
:value=
"item.id"
></el-option>
</el-select>
/>
</el-form-item>
<el-form-item
label=
"
柜组编号
:"
>
<el-form-item
label=
"
所在区域
:"
>
<el-input
size=
"small"
v-model=
"formData.area"
...
...
@@ -55,22 +52,27 @@
/>
</el-form-item>
<el-form-item
label=
"门店:"
>
<div>
<el-transfer
style=
"text-align: left; display: inline-block"
v-model=
"value4"
:left-default-checked=
"[]"
:right-default-checked=
"[]"
:titles=
"['选择', '已选']"
:button-texts=
"['删除', '添加']"
@
change=
"handleChange"
:data=
"data"
>
<span
slot-scope=
"
{ option }"
>
{{
option
.
key
}}
-
{{
option
.
label
}}
</span
<el-table
stripe
class=
"list"
ref=
"multipleTable table"
:data=
"tableData"
tooltip-effect=
"dark"
style=
"width: 100%"
height=
"calc(100% - 120px)"
>
</el-transfer>
</div>
<el-table-column
type=
"index"
label=
"序号"
width=
"60"
></el-table-column>
<el-table-column
prop=
"taskName"
label=
"柜组名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"number"
label=
"门牌号"
align=
"center"
></el-table-column>
</el-table>
</el-form-item>
</el-form>
</div>
...
...
@@ -86,6 +88,7 @@
</
template
>
<
script
>
export
default
{
props
:
{
moveDialog
:
{
...
...
@@ -94,32 +97,13 @@ export default {
}
},
data
()
{
const
generateData
=
_
=>
{
const
data
=
[];
for
(
let
i
=
1
;
i
<=
15
;
i
++
)
{
data
.
push
({
key
:
i
,
label
:
`备选项
${
i
}
`
});
}
return
data
;
};
return
{
data
:
generateData
(),
value
:
[
1
],
value4
:
[
1
],
renderFunc
(
h
,
option
)
{
return
(
<
span
>
{
option
.
key
}
-
{
option
.
label
}
<
/span
>
);
},
formData
:
{
name
:
""
,
code
:
""
,
people
:
""
},
tableData
:
[],
personList
:
[
{
id
:
"1"
,
...
...
@@ -146,8 +130,13 @@ export default {
}
};
</
script
>
<
style
>
/* .table >>> .el-table td, .el-table th {
padding: 0 !important;
} */
</
style
>
<
style
scoped
>
.choose
{
padding
:
16px
;
font-size
:
16px
;
...
...
ybf_admin/src/pages/in/contact/components/storeDetail.vue
0 → 100644
View file @
8642b617
<
template
>
<div
class=
"ct"
>
<el-dialog
:visible
.
sync=
"moveDialog"
width=
"65%"
:show-close=
"false"
:close-on-click-modal=
"false"
>
<div
class=
"choose"
>
<div
class=
"title"
>
<div
class=
"cg"
>
门店详情
</div>
<div
class=
"circle"
@
click=
"handleClose"
>
<d2-icon-svg
name=
"close"
class=
"icon"
/>
</div>
</div>
<div
class=
"br"
>
<el-form
class=
"searchzone"
:model=
"formData"
label-width=
"auto"
ref=
"counterForm"
disabled
>
<el-form-item
label=
"柜组名称:"
>
<el-input
size=
"small"
v-model=
"formData.name"
style=
"width:240px"
placeholder=
"请输入门店名称"
/>
</el-form-item>
<el-form-item
label=
"门店类型:"
>
<el-select
size=
"small"
v-model=
"formData.type"
placeholder=
"请选择门店类型"
style=
"width:240px"
>
<el-option
v-for=
"item in personList"
:key=
"item.id"
:label=
"item.name"
:value=
"item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"所属柜组:"
>
<el-select
size=
"small"
v-model=
"formData.counter"
placeholder=
"请选择所属柜组"
style=
"width:240px"
>
<el-option
v-for=
"item in counter"
:key=
"item.id"
:label=
"item.name"
:value=
"item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"柜组负责人:"
>
<el-select
size=
"small"
v-model=
"formData.people"
placeholder=
"请选择柜组负责人"
style=
"width:240px"
>
<el-option
v-for=
"item in personList"
:key=
"item.id"
:label=
"item.name"
:value=
"item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"门牌号:"
>
<el-input
size=
"small"
v-model=
"formData.number"
style=
"width:240px"
placeholder=
"请输入门牌号"
/>
</el-form-item>
<el-form-item
label=
"位置:"
>
<el-input
size=
"small"
v-model=
"formData.area"
style=
"width:240px"
placeholder=
"请输入位置"
/>
</el-form-item>
<el-form-item
label=
"绑定店员:"
>
<el-table
stripe
class=
"list"
ref=
"multipleTable table"
:data=
"tableData"
tooltip-effect=
"dark"
style=
"width: 100%"
height=
"calc(100% - 120px)"
>
<el-table-column
type=
"index"
label=
"序号"
width=
"60"
></el-table-column>
<el-table-column
prop=
"taskName"
label=
"门店名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"number"
label=
"门牌号"
align=
"center"
></el-table-column>
</el-table>
</el-form-item>
</el-form>
</div>
</div>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
@
click=
"handleCancel"
size=
"small"
>
取 消
</el-button>
<el-button
type=
"primary"
@
click=
"handleFinish"
size=
"small"
>
确 定
</el-button
>
</span>
</el-dialog>
</div>
</
template
>
<
script
>
export
default
{
props
:
{
moveDialog
:
{
type
:
Boolean
,
default
:
false
},
tableData
:
[]
},
data
()
{
const
generateData
=
_
=>
{
const
data
=
[];
for
(
let
i
=
1
;
i
<=
15
;
i
++
)
{
data
.
push
({
key
:
i
,
label
:
`备选项
${
i
}
`
});
}
return
data
;
};
return
{
data
:
generateData
(),
value
:
[
1
],
value4
:
[
1
],
renderFunc
(
h
,
option
)
{
return
(
<
span
>
{
option
.
key
}
-
{
option
.
label
}
<
/span
>
);
},
formData
:
{
name
:
""
,
code
:
""
,
people
:
""
,
type
:
""
,
number
:
""
,
area
:
""
},
personList
:
[
{
id
:
"1"
,
name
:
"张三"
},
{
id
:
"2"
,
name
:
"李四"
}
],
tableData
:
[]
};
},
methods
:
{
handleCancel
()
{
this
.
$emit
(
"handleCancel"
)
},
handleFinish
()
{
this
.
$emit
(
"handleFinish"
,
false
)
},
handleChange
()
{},
handleClose
()
{
this
.
$emit
(
"handleCancel"
);
}
}
};
</
script
>
<
style
scoped
>
.choose
{
padding
:
16px
;
font-size
:
16px
;
font-weight
:
bold
;
color
:
rgba
(
56
,
56
,
56
,
1
);
box-sizing
:
border-box
;
margin-bottom
:
20px
;
}
.title
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
/* border-bottom: 1px solid #f8f8f8; */
padding-bottom
:
10px
;
}
.transfer-footer
{
margin-left
:
20px
;
padding
:
6px
5px
;
}
.ct
>>>
.el-dialog__header
{
padding
:
0
!important
;
}
.ct
>>>
.el-dialog__body
{
padding
:
0
;
}
.ct
>>>
.el-transfer-panel
{
width
:
250px
;
}
.circle
{
width
:
30px
;
height
:
30px
;
line-height
:
30px
;
border-radius
:
50%
;
border
:
1px
solid
rgba
(
208
,
2
,
27
,
1
);
position
:
relative
;
}
.circle
>>>
.icon
{
width
:
28px
;
height
:
28px
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
transform
:
translate
(
-50%
,
-50%
);
}
.br
{
border-top
:
1px
solid
#f8f8f8
;
border-bottom
:
1px
solid
#f8f8f8
;
padding
:
24px
60px
;
}
</
style
>
ybf_admin/src/pages/in/contact/counter.vue
View file @
8642b617
...
...
@@ -3,7 +3,7 @@
<div
class=
"title"
>
全部柜组( 共5个 )
</div>
<div
class=
"searchs"
>
<div
class=
"buttons"
>
<el-button
class=
"button buttonlight"
size=
"small"
>
添加柜组
</el-button>
<el-button
class=
"button buttonlight"
size=
"small"
@
click=
"addCounter"
>
添加柜组
</el-button>
<el-button
class=
"button buttondark"
size=
"small"
>
批量删除
</el-button>
</div>
...
...
@@ -33,7 +33,7 @@
:data=
"list.main"
tooltip-effect=
"dark"
style=
"width: 100%"
height=
"
calc(100% - 120px)
"
height=
"
340
"
@
selection-change=
"listPick"
>
<el-table-column
type=
"selection"
width=
"60"
></el-table-column>
...
...
@@ -99,14 +99,17 @@
:total=
"400"
></el-pagination>
</div>
<counter-detail
v-if=
"DetailDialog"
:moveDialog=
"DetailDialog"
@
handleCancel=
"DetailDialog = false"
></counter-detail>
<add-counter
v-if=
"counterDialog"
:moveDialog=
"counterDialog"
@
handleCancel=
"counterDialog = false"
@
handleFinish=
"addCounterFinish"
></add-counter>
<counter-detail
v-if=
"detailDialog"
:moveDialog=
"detailDialog"
@
handleCancel=
"detailDialog = false"
></counter-detail>
</div>
</template>
<
script
>
import
CounterDetail
from
"./components/counterDetail"
import
AddCounter
from
"./components/addCounter"
export
default
{
components
:
{
CounterDetail
CounterDetail
,
AddCounter
},
data
()
{
return
{
...
...
@@ -171,7 +174,8 @@ export default {
nowPageNum
:
4
}
},
DetailDialog
:
false
detailDialog
:
false
,
counterDialog
:
false
,
};
},
created
()
{},
...
...
@@ -181,14 +185,23 @@ export default {
pagesSizeChange
()
{},
pagesNowPageChange
()
{},
handleDetail
()
{
this
.
detailDialog
=
true
},
addCounter
()
{
this
.
counterDialog
=
true
},
addCounterFinish
()
{
this
.
counterDialog
=
false
}
}
};
</
script
>
<
style
lang=
"scss"
scoped
>
.main
{
height
:
100vh
;
position
:
relative
;
background-color
:
#fff
;
box-sizing
:
border-box
;
height
:
100%
;
padding
:
0px
16px
16px
;
display
:
flex
;
flex-direction
:
column
;
...
...
@@ -257,8 +270,6 @@ export default {
.title
{
height
:
48px
;
line-height
:
48px
;
font-size
:
16px
;
font-weight
:bold
;
color
:rgba
(
56
,
56
,
56
,
1
)
;
border-bottom
:
1px
solid
#f8f8f8
;
margin-bottom
:
16px
;
...
...
ybf_admin/src/pages/in/contact/index.vue
View file @
8642b617
...
...
@@ -79,8 +79,8 @@ export default {
.test
{
width
:
13%
;
min-height
:
100%
;
/* box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1); */
display
:
flex
;
box-shadow
:
0px
2px
4px
0px
rgba
(
221
,
221
,
221
,
1
);
}
.content
{
width
:
82%
;
...
...
@@ -91,15 +91,22 @@ export default {
padding
:
0
!important
;
}
.tac
{
/* width:180px; */
width
:
100%
;
height
:
100%
;
box-shadow
:
0px
2px
4px
0px
rgba
(
221
,
221
,
221
,
1
);
/* box-shadow: 0px 4px 0px 0px rgba(221, 221, 221, 1); */
}
.tac
>>>
.el-menu
{
border-right
:
none
;
}
.tac
>>>
.el-menu-item.is-active
{
border-left
:
2px
solid
rgba
(
78
,
89
,
199
,
1
);
}
.content
{
flex
:
6
;
padding
:
16px
;
background-color
:
#f8f8f8
;
}
.circle
{
display
:
inline-block
;
...
...
ybf_admin/src/pages/in/contact/mail.vue
View file @
8642b617
...
...
@@ -8,24 +8,24 @@
<span>
全部
</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>
<span>
未分组
</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>
<el-tree
:data=
"data1"
...
...
@@ -49,13 +49,11 @@
</div>
<div
class=
"end"
>
<span
class=
"add-l"
@
click=
"addCounter"
>
添加柜组
</span>
<span
class=
"add-r"
>
添加部门
</span>
<span
class=
"add-r"
@
click=
"addDept"
>
添加部门
</span>
</div>
</div>
<div
class=
"right"
>
<template
slot=
"header"
>
全部商品( 共5个 )
</
template
>
<div
class=
"top"
>
三号柜组(共18人)
</div>
<div
class=
"searchs"
>
<div
class=
"buttons"
>
<el-button
class=
"button buttonlight"
size=
"small"
@
click=
"synchronismMember"
...
...
@@ -88,8 +86,7 @@
:data=
"list.main"
tooltip-effect=
"dark"
style=
"width: 100%"
height=
"calc(100% - 120px)"
@
selection-change=
"listPick"
height=
"370px"
>
<el-table-column
type=
"selection"
width=
"60"
></el-table-column>
<el-table-column
...
...
@@ -97,6 +94,12 @@
label=
"姓名"
align=
"center"
></el-table-column>
<el-table-column
prop=
"id"
label=
"企业微信ID"
align=
"center"
width =
"120"
></el-table-column>
<el-table-column
prop=
"taskType"
label=
"部门"
...
...
@@ -141,12 +144,14 @@
@
handleFinish=
"removeFinish"
></move-dialog>
<add-counter
v-if=
"counterDialog"
:moveDialog=
"counterDialog"
@
handleCancel=
"counterDialog = false"
@
handleFinish=
"addCounterFinish"
></add-counter>
<add-store
v-if=
"storeDialog"
:moveDialog=
"storeDialog"
@
handleCancel=
"storeDialog = false"
@
handleFinish=
"addStoreFinish"
></add-store>
</div>
</template>
<
script
>
import
MoveDialog
from
"./components/move"
;
import
AddCounter
from
"./components/addCounter"
;
import
AddStore
from
'./components/addStore'
export
default
{
data
()
{
const
data1
=
[
...
...
@@ -219,6 +224,14 @@ export default {
taskContent
:
"任务内容任务内容任务内容..."
,
sendDate
:
"2019/02/08"
},
{
id
:
"1003"
,
taskName
:
"2019年男装销售任务"
,
taskType
:
"拉新"
,
bar
:
"男装"
,
taskContent
:
"任务内容任务内容任务内容..."
,
sendDate
:
"2019/02/08"
},
{
id
:
"1003"
,
taskName
:
"2019年男装销售任务"
,
...
...
@@ -263,12 +276,14 @@ export default {
total
:
100
},
moveDialogShow
:
false
,
counterDialog
:
false
counterDialog
:
false
,
storeDialog
:
false
};
},
components
:
{
MoveDialog
,
AddCounter
AddCounter
,
AddStore
},
methods
:
{
append
(
data
)
{
...
...
@@ -306,12 +321,22 @@ export default {
},
addCounterFinish
()
{
this
.
counterDialog
=
false
},
addDept
()
{
this
.
counterDialog
=
true
},
addStoreFinish
()
{
this
.
storeDialog
=
false
}
}
};
</
script
>
<
style
scoped
>
.top
{
padding-bottom
:
10px
;
border-bottom
:
1px
solid
#f8f8f8
;
}
.end
{
position
:
absolute
;
display
:
flex
;
...
...
@@ -364,7 +389,6 @@ export default {
display
:
flex
;
flex-direction
:
row
;
background-color
:
#f8f8f8
;
padding
:
16px
;
min-height
:
100%
;
}
.left
{
...
...
@@ -380,9 +404,10 @@ export default {
box-sizing
:
border-box
;
}
.right
{
position
:
relative
;
padding
:
10px
;
margin-left
:
10px
;
width
:
78
%
;
width
:
80
%
;
}
.number
{
font-size
:
14px
;
...
...
ybf_admin/src/pages/in/contact/store.vue
View file @
8642b617
...
...
@@ -3,7 +3,7 @@
<div
class=
"title"
>
全部门店( 共5个 )
</div>
<div
class=
"searchs"
>
<div
class=
"buttons"
>
<el-button
class=
"button buttonlight"
size=
"small"
>
添加门店
</el-button>
<el-button
class=
"button buttonlight"
size=
"small"
@
click=
"addStore"
>
添加门店
</el-button>
<el-button
class=
"button buttondark"
size=
"small"
>
批量删除
</el-button>
</div>
...
...
@@ -38,6 +38,7 @@
:data=
"list.main"
tooltip-effect=
"dark"
style=
"width: 100%"
height=
"340px"
@
selection-change=
"listPick"
>
<el-table-column
type=
"selection"
width=
"60"
></el-table-column>
...
...
@@ -80,7 +81,7 @@
<el-table-column
label=
"操作"
align=
"center"
fixed=
"right"
width=
"200"
>
<template
slot-scope=
"scope"
>
<el-button
type=
"text"
class=
"btn"
@
click=
"
testButtonClick
(scope.row)"
<el-button
type=
"text"
class=
"btn"
@
click=
"
handleDetail
(scope.row)"
>
详情
</el-button
>
<el-button
type=
"text"
class=
"btn"
@
click=
"testButtonClick(scope.row)"
...
...
@@ -107,11 +108,18 @@
:total=
"400"
></el-pagination>
</div>
<add-store
v-if=
"storeDialog"
:moveDialog=
"storeDialog"
@
handleCancel=
"storeDialog = false"
@
handleFinish=
"addStoreFinish"
></add-store>
<store-detail
v-if=
"detailDialog"
:moveDialog=
"detailDialog"
@
handleCancel=
"detailDialog = false"
></store-detail>
</div>
</template>
<
script
>
import
AddStore
from
'./components/addStore'
import
StoreDetail
from
'./components/storeDetail'
export
default
{
components
:
{},
components
:
{
AddStore
,
StoreDetail
},
data
()
{
return
{
list
:
{
...
...
@@ -132,6 +140,38 @@ export default {
taskContent
:
"任务内容任务内容任务内容..."
,
sendDate
:
"2019/02/08"
},
{
id
:
"1003"
,
taskName
:
"2019年男装销售任务"
,
taskType
:
"拉新"
,
bar
:
"男装"
,
taskContent
:
"任务内容任务内容任务内容..."
,
sendDate
:
"2019/02/08"
},
{
id
:
"1003"
,
taskName
:
"2019年男装销售任务"
,
taskType
:
"拉新"
,
bar
:
"男装"
,
taskContent
:
"任务内容任务内容任务内容..."
,
sendDate
:
"2019/02/08"
},
{
id
:
"1003"
,
taskName
:
"2019年男装销售任务"
,
taskType
:
"拉新"
,
bar
:
"男装"
,
taskContent
:
"任务内容任务内容任务内容..."
,
sendDate
:
"2019/02/08"
},
{
id
:
"1003"
,
taskName
:
"2019年男装销售任务"
,
taskType
:
"拉新"
,
bar
:
"男装"
,
taskContent
:
"任务内容任务内容任务内容..."
,
sendDate
:
"2019/02/08"
},
{
id
:
"1003"
,
taskName
:
"2019年男装销售任务"
,
...
...
@@ -174,7 +214,9 @@ export default {
page
:
{
nowPageNum
:
4
}
}
},
storeDialog
:
false
,
detailDialog
:
false
};
},
created
()
{},
...
...
@@ -189,6 +231,15 @@ export default {
}
else
{
return
""
;
}
},
addStore
()
{
this
.
storeDialog
=
true
},
handleDetail
()
{
this
.
detailDialog
=
true
},
addStoreFinish
()
{
this
.
storeDialog
=
false
}
}
};
...
...
@@ -200,7 +251,10 @@ export default {
color
:rgba
(
102
,
102
,
102
,
1
)
;
}
.main
{
height
:
100vh
;
position
:
relative
;
background-color
:
#fff
;
box-sizing
:
border-box
;
height
:
100%
;
padding
:
0px
16px
16px
;
display
:
flex
;
flex-direction
:
column
;
...
...
@@ -257,8 +311,6 @@ export default {
.title
{
height
:
48px
;
line-height
:
48px
;
font-size
:
16px
;
font-weight
:
bold
;
color
:
rgba
(
56
,
56
,
56
,
1
);
border-bottom
:
1px
solid
#f8f8f8
;
margin-bottom
:
16px
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment