Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
E
ElectricitySheep
Project
Project
Details
Activity
Releases
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
黄媛媛
ElectricitySheep
Commits
47f7b8af
Commit
47f7b8af
authored
Aug 30, 2021
by
Mac
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
1
parent
583f1048
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
947 additions
and
7 deletions
+947
-7
fangbang.png
src/assets/img/setup/fangbang.png
+0
-0
addbillboard.vue
src/components/tradePavilion/addbillboard.vue
+415
-0
billboardList.vue
src/components/tradePavilion/billboardList.vue
+251
-0
listRegistration.vue
src/components/tradePavilion/listRegistration.vue
+251
-0
tradePavilionIndex.vue
src/components/tradePavilion/tradePavilionIndex.vue
+9
-6
index.js
src/router/index.js
+21
-1
No files found.
src/assets/img/setup/fangbang.png
0 → 100644
View file @
47f7b8af
904 Bytes
src/components/tradePavilion/addbillboard.vue
0 → 100644
View file @
47f7b8af
<
template
>
<div
v-loading=
"loading"
class=
"addbillboard"
>
<div
class=
"head-title"
>
<span
@
click=
"CommonJump('billboardList')"
class=
"blue point"
>
榜单管理
</span>
/ 编辑榜单
</div>
<div
class=
"content"
>
<el-form
:model=
"addMsg"
:rules=
"rules"
ref=
"addMsg"
label-width=
"150px"
style=
"width: 70%"
>
<el-form-item
label=
"榜单类型"
class=
"is-required"
prop=
"billboardType"
>
<el-select
class=
"w400"
v-model=
"addMsg.billboardType"
size=
"small"
placeholder=
"请选择"
>
<el-option
v-for=
"item in billboardTYpeList"
:key=
"item.Id"
:label=
"item.Name"
:value=
"item.Id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"面向群体"
class=
"is-required"
prop=
"groupType"
>
<el-select
class=
"w400"
multiple
v-model=
"addMsg.groupType"
size=
"small"
placeholder=
"请选择"
>
<el-option
v-for=
"item in grouporientedList"
:key=
"item.Id"
:label=
"item.Name"
:value=
"item.Id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"主办方"
prop=
"Sponsor"
class=
"is-required"
size=
"small"
>
<el-input
v-model=
"addMsg.Sponsor"
class=
"w600"
placeholder=
"请输入品牌全名"
maxlength=
"100"
/>
</el-form-item>
<el-form-item
label=
"榜单名称"
prop=
"Name"
class=
"is-required"
size=
"small"
>
<el-input
v-model=
"addMsg.Name"
class=
"w600"
placeholder=
"请输入品牌全名"
maxlength=
"100"
/>
</el-form-item>
<el-form-item
label=
"封面图"
class=
"is-required"
prop=
"CoverImage"
size=
"small"
>
<el-button
@
click=
"openChangeDig(1)"
size=
"small"
>
选择文件
</el-button>
<div
class=
"app-gallery-item"
style=
"position: relative; width: 100px; margin-top: 10px"
>
<img
v-if=
"!addMsg.CoverImage || addMsg.CoverImage == ''"
src=
"../../assets/img/default.png"
style=
"width: 80px; height: 80px"
alt=
""
/>
<el-image
v-else
style=
"width: 80px; height: 80px"
:src=
"addMsg.CoverImage"
:preview-src-list=
"logoList"
>
</el-image>
</div>
</el-form-item>
<el-form-item
label=
"报名截止时间"
class=
"is-required"
prop=
"Endtime"
>
<el-date-picker
class=
"w300"
v-model=
"addMsg.Endtime"
type=
"datetime"
size=
"small"
value-format=
"yyyy-MM-dd HH:mm:ss"
placeholder=
"报名截止时间"
>
</el-date-picker>
</el-form-item>
<el-form-item
label=
"公示日期"
class=
"is-required"
prop=
"publicitytime"
>
<el-date-picker
class=
"w300"
value-format=
"yyyy-MM-dd"
v-model=
"addMsg.publicitytime"
type=
"date"
size=
"small"
placeholder=
"公示日期"
>
</el-date-picker>
</el-form-item>
<el-form-item
label=
"入围名额"
prop=
"Finalists"
size=
"small"
>
<el-input
v-model=
"addMsg.Finalists"
class=
"w600"
:min=
'0'
placeholder=
"请输入数量"
type=
'number'
/>
</el-form-item>
<el-form-item
label=
"是否启用排名"
class=
"is-required"
>
<el-radio
v-model=
"addMsg.rankingType"
:label=
"1"
>
是
</el-radio>
<el-radio
v-model=
"addMsg.rankingType"
:label=
"0"
>
否
</el-radio>
</el-form-item>
<el-form-item
label=
"详细内容"
class=
"ue-style"
>
<UE
style=
"width: 700px"
:defaultMsg=
"Advertising"
:config=
"config"
:IsMultiple=
"true"
ref=
"ue"
>
</UE>
</el-form-item>
</el-form>
</div>
<div
style=
"margin-top: 20px"
>
<el-button
size=
"small"
type=
"primary"
@
click=
"Save('addMsg')"
>
保存
</el-button>
</div>
<!-- 选择文件 -->
<el-dialog
title=
"选择文件"
:visible
.
sync=
"changeState"
width=
"1240px"
>
<ChooseImg
@
SelectId=
"SelectId"
></ChooseImg>
</el-dialog>
</div>
</
template
>
<
script
>
import
ChooseImg
from
"@/components/global/ChooseImg.vue"
;
import
UE
from
"@/components/global/UE.vue"
;
export
default
{
components
:
{
ChooseImg
,
UE
,
},
data
()
{
return
{
addMsg
:
{
ID
:
0
,
billboardType
:
''
,
groupType
:
''
,
//面向群体
Sponsor
:
''
,
//主办方
Name
:
""
,
//榜单名称
CoverImage
:
''
,
//封面图
Endtime
:
''
,
//报名截止时间
publicitytime
:
''
,
//公示日期
rankingType
:
1
,
//是否启用排名
Finalists
:
0
,
//入围名额
content
:
''
,
//详情内容
},
Advertising
:
""
,
config
:
{
initialFrameWidth
:
null
,
initialFrameHeight
:
200
,
},
rules
:
{
billboardType
:
[
{
required
:
true
,
message
:
"请选择榜单类型"
,
trigger
:
"blur"
,
},
],
groupType
:
[
{
required
:
true
,
message
:
"请选择面向群体"
,
trigger
:
"blur"
,
},
],
Sponsor
:
[
{
required
:
true
,
message
:
"请输入主办方"
,
trigger
:
"blur"
,
},
],
Name
:
[
{
required
:
true
,
message
:
"请输入榜单名称"
,
trigger
:
"blur"
,
},
],
CoverImage
:
[
{
required
:
true
,
message
:
"请选择封面图"
,
trigger
:
"blur"
,
},
],
Finalists
:
[
{
required
:
true
,
message
:
"请输入入围名额"
,
trigger
:
"blur"
,
},
],
Endtime
:[
{
required
:
true
,
message
:
"请选择报名截止时间"
,
trigger
:
"blur"
,
},
],
publicitytime
:[
{
required
:
true
,
message
:
"请选择公示日期"
,
trigger
:
"blur"
,
},
]
},
loading
:
false
,
changeState
:
false
,
imgType
:
0
,
billboardTYpeList
:
[{
Name
:
'招引贡献'
,
Id
:
1
},
{
Name
:
'首发'
,
Id
:
2
},
{
Name
:
'首秀'
,
Id
:
3
},
{
Name
:
'首展'
,
Id
:
4
}],
//榜单类型列表
grouporientedList
:
[{
Name
:
'载体'
,
Id
:
1
},
{
Name
:
'品牌'
,
Id
:
2
},
{
Name
:
'服务商'
,
Id
:
3
}],
//面向群体
logoList
:
[],
ShopWish
:
1
,
};
},
created
()
{
},
mounted
()
{
if
(
this
.
$route
.
query
.
ID
)
{
this
.
getData
(
this
.
$route
.
query
.
ID
);
}
},
methods
:
{
//选择图片
SelectId
(
msg
)
{
let
url
=
this
.
getIconLink
(
msg
.
url
);
if
(
this
.
imgType
==
1
)
{
this
.
addMsg
.
CoverImage
=
url
;
}
this
.
changeState
=
false
;
},
openChangeDig
(
num
)
{
this
.
changeState
=
true
;
this
.
imgType
=
num
;
},
//保存品牌
Save
(
formName
)
{
//广告
let
advertising
=
this
.
$refs
.
ue
.
getUEContent
();
this
.
addMsg
.
content
=
advertising
;
if
(
this
.
addMsg
.
BuiltUpArea
===
''
||
this
.
addMsg
.
EndBuiltUpArea
===
''
)
{
this
.
Error
(
'请输入建筑面积'
)
return
}
if
(
this
.
addMsg
.
AreaRequirement
===
''
||
this
.
addMsg
.
EndAreaRequirement
===
''
)
{
this
.
Error
(
'请输入需求面积'
)
return
}
if
(
this
.
ShopWish
==
0
)
{
this
.
addMsg
.
OpenShopWish
=
-
1
}
this
.
$refs
[
formName
].
validate
((
valid
)
=>
{
if
(
valid
)
{
this
.
apipost
(
"/api/Trade/GetSetBrand"
,
this
.
addMsg
,
(
res
)
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
CommonJump
(
"brandManagement"
);
this
.
Success
(
res
.
data
.
message
);
}
else
{
this
.
Error
(
res
.
data
.
message
);
}
});
}
else
{
return
false
;
}
});
},
//获取详情
getData
(
ID
)
{
this
.
loading
=
true
;
this
.
apipost
(
"/api/Trade/GetBrandDetails"
,
{
ID
:
ID
,
},
(
res
)
=>
{
this
.
loading
=
false
;
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
addMsg
=
res
.
data
.
data
;
if
(
this
.
addMsg
.
content
&&
this
.
addMsg
.
content
!=
""
)
{
this
.
Advertising
=
this
.
addMsg
.
content
;
}
if
(
this
.
addMsg
.
OpenShopWish
==
-
1
)
{
this
.
ShopWish
=
0
}
this
.
logoList
=
[];
this
.
logoList
.
push
(
this
.
addMsg
.
Logo
);
}
}
);
},
},
};
</
script
>
<
style
>
.app-add-cat
.el-checkbox-group
{
font-size
:
14px
!important
;
}
.app-add-cat
.el-checkbox
{
margin-right
:
0
;
}
.app-add-cat
.el-dialog__body
{
padding
:
10px
20px
!important
;
}
.app-add-cat
.tag-box
.tag-item
{
margin-right
:
5px
;
}
.app-add-cat
.tag-box
{
margin
:
20px
0
;
}
.app-add-cat
.app-goods-cat-list
.active
{
background
:
#fafafa
;
}
.app-add-cat
.app-goods-cat-list
.cat-item
{
cursor
:
pointer
;
padding
:
5px
10px
;
}
.app-add-cat
.app-goods-cat-list
{
border
:
1px
solid
#e8eaee
;
border-radius
:
5px
;
margin-top
:
-5px
;
padding
:
10px
0
;
overflow
:
scroll
;
height
:
400px
;
}
.addbillboard
.blue
{
color
:
#409eff
;
}
.addbillboard
.content
{
background
:
#fff
;
margin-top
:
10px
;
padding
:
20px
;
box-sizing
:
border-box
;
}
.addbillboard
.gez_list
{
/*width: 650px;*/
margin-bottom
:
12px
;
padding
:
20px
;
border
:
1px
solid
#ebeef5
;
background-color
:
#fff
;
color
:
#303133
;
}
.addbillboard
.quyu
{
background-color
:
#f4f4f5
;
color
:
#909399
;
padding
:
10px
;
line-height
:
30px
;
height
:
30px
;
font-size
:
12px
;
border-radius
:
4px
;
white-space
:
nowrap
;
margin
:
5px
;
}
.addbillboard
.el-tag
+
.el-tag
{
margin-left
:
10px
;
}
.addbillboard
.button-new-tag
{
margin-left
:
10px
;
height
:
32px
;
line-height
:
30px
;
padding-top
:
0
;
padding-bottom
:
0
;
}
.addbillboard
.input-new-tag
{
width
:
90px
;
margin-left
:
10px
;
vertical-align
:
bottom
;
}
.addbillboard
.ue-style
.el-form-item__content
{
line-height
:
0
;
}
.addbillboard
.app-gallery-item
{
border
:
none
;
}
.addbillboard
.nav_Main
{
display
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
flex-start
;
}
.addbillboard
.nav_IconContent
{
display
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
flex-start
;
}
/* .addbillboard .nav_IconContent div>div {
display: inline-block;
} */
.addbillboard
.colapp-image
{
background-size
:
cover
;
background-position
:
center
center
;
width
:
100px
;
height
:
100px
;
border-radius
:
0%
;
}
.addbillboard
.add-image-btn
{
width
:
100px
;
height
:
100px
;
line-height
:
100px
;
color
:
#419efb
;
border
:
1px
solid
#e2e2e2
;
cursor
:
pointer
;
text-align
:
center
;
}
.addbillboard
.delBtn
{
position
:
absolute
;
right
:
-8px
;
top
:
-8px
;
padding
:
4px
4px
!important
;
}
.addbillboard
.w600
{
width
:
600px
;
}
.addbillboard
.brandShuxing
{
display
:
flex
;
justify-content
:
space-between
;
width
:
850px
;
}
.addbillboard
.brandShuxing_item
{
display
:
flex
;
justify-content
:
space-between
;
width
:
50%
;
}
</
style
>
\ No newline at end of file
src/components/tradePavilion/billboardList.vue
0 → 100644
View file @
47f7b8af
<
template
>
<div
class=
"billboardList"
>
<div
class=
"head-title"
>
榜单管理
<div
style=
"float:right;margin-top:5px"
>
<el-button
style=
"float:right;margin-top: -5px;"
size=
"small"
type=
"primary"
@
click=
"CommonJump('addbillboard')"
>
新增
</el-button>
</div>
</div>
<div
class=
"content"
>
<div>
<!--
<span
style=
"margin-left: 10px"
>
品牌信息
</span>
<div
class=
"searchInput"
style=
"width:250px"
>
<el-input
@
keyup
.
enter
.
native=
"msg.pageIndex=1,getList()"
@
clear=
"msg.pageIndex=1,getList()"
style=
"display:inline-block;width:225px;height:30px"
placeholder=
"品牌信息"
v-model=
"msg.BranchName"
size=
"small"
clearable
>
</el-input>
<span
@
click=
"msg.pageIndex=1,getList()"
class=
"el-icon-search"
style=
"color:#979dad;font-size:14px;position:relative;top:1px"
></span>
</div>
<span
style=
"margin-left: 10px"
>
对标载体
</span>
<div
class=
"searchInput"
style=
"width:250px"
>
<el-input
@
keyup
.
enter
.
native=
"msg.pageIndex=1,getList()"
@
clear=
"msg.pageIndex=1,getList()"
style=
"display:inline-block;width:225px;height:30px"
placeholder=
"对标载体"
v-model=
"msg.CarrierName"
size=
"small"
clearable
>
</el-input>
<span
@
click=
"msg.pageIndex=1,getList()"
class=
"el-icon-search"
style=
"color:#979dad;font-size:14px;position:relative;top:1px"
></span>
</div>
-->
</div>
<el-table
:data=
"tableData"
v-loading=
"loading"
border
style=
"width: 100%;margin:20px 0"
>
<el-table-column
prop=
"UserName"
label=
"榜单信息"
>
<template
slot-scope=
"scope"
>
<div
class=
"app-image"
:style=
"
{backgroundImage:'url(' + scope.row.CoverImage + ')',backgroundSize:'cover'}">
</div>
<div
flex=
"dir:left cross:center"
>
{{
scope
.
row
.
Name
}}
</div>
</
template
>
</el-table-column>
<el-table-column
prop=
"Sponsor"
label=
"主办方"
>
</el-table-column>
<el-table-column
prop=
"TypeName"
label=
"榜单类型"
>
</el-table-column>
<el-table-column
prop=
"group"
label=
"面向群体"
>
</el-table-column>
<el-table-column
prop=
"Endtime"
label=
"报名截止时间"
>
</el-table-column>
<el-table-column
prop=
"publicitytime"
label=
"公示日期"
>
</el-table-column>
<el-table-column
prop=
"Area"
label=
"是否启用排名"
>
<
template
slot-scope=
"scope"
>
<span
v-if=
"scope.row.rankingType==1"
style=
"color:green;"
>
启用
</span>
<span
v-if=
"scope.row.rankingType==2"
style=
"color:#e95252;"
>
不启用
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"Status"
label=
"状态"
>
<
template
slot-scope=
"scope"
>
<span
v-if=
"scope.row.Status==1"
>
报名中
</span>
<span
v-if=
"scope.row.Status==2"
>
评比中
</span>
<span
v-if=
"scope.row.Status==3"
>
已放榜
</span>
<span
v-if=
"scope.row.Status==4"
>
取消
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"JoinNum"
label=
"报名人数"
>
<
template
slot-scope=
"scope"
>
<el-button
type=
"text"
@
click=
"dialogTableVisible = true,getItem(scope.row)"
>
{{
scope
.
row
.
JoinNum
}}
人
</el-button>
</
template
>
</el-table-column>
<el-table-column
label=
"操作"
width=
"130"
>
<
template
slot-scope=
"scope"
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"放榜"
placement=
"top"
>
<img
src=
"../../assets/img/setup/fangbang.png"
alt=
""
class=
"imgstyle"
/>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"编辑"
placement=
"top"
>
<img
src=
"../../assets/img/setup/edit.png"
alt=
""
class=
"imgstyle"
@
click=
"EditgoUrl(scope.row)"
/>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"删除"
placement=
"top"
>
<img
src=
"../../assets/img/setup/del.png"
alt=
""
class=
"imgstyle"
@
click=
"delete_b(scope.row)"
/>
</el-tooltip>
</
template
>
</el-table-column>
</el-table>
<el-pagination
style=
"text-align:right"
background
@
current-change=
"handleCurrentChange"
:page-size=
"msg.pageSize"
:current-page
.
sync=
"msg.pageIndex"
layout=
"total,prev, pager, next"
:total=
"total"
>
</el-pagination>
</div>
<!-- 报名人数的展示 -->
<el-dialog
title=
"报名信息"
:visible
.
sync=
"dialogTableVisible"
>
<el-table
:data=
"joinData"
>
<el-table-column
property=
"LinkMan"
label=
"联系人"
width=
"150"
></el-table-column>
<el-table-column
property=
"LinkTel"
label=
"联系电话"
width=
"200"
></el-table-column>
</el-table>
</el-dialog>
</div>
</template>
<
script
>
export
default
{
data
()
{
return
{
loading
:
false
,
dialogTableVisible
:
false
,
msg
:
{
pageIndex
:
1
,
pageSize
:
15
,
UserId
:
0
,
// 用户id
BranchName
:
''
,
// 品牌
CarrierName
:
''
,
// 对标载体
},
total
:
0
,
tableData
:
[{
CoverImage
:
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616557590000_450.png'
,
Name
:
'成都优质火锅'
,
Sponsor
:
"小龙坎"
,
TypeName
:
"招引贡献"
,
group
:
'服务商'
,
Endtime
:
'2021-10-01'
,
publicitytime
:
"2021-08-31"
,
rankingType
:
1
,
//1启用 2不启用
Status
:
1
,
//1报名中,2评比中,3已放榜,4取消
JoinNum
:
2
,
}],
//数据列表
joinData
:
[],
};
},
created
()
{
// this.getList();
},
methods
:
{
getList
()
{
this
.
loading
=
true
;
this
.
apipost
(
"/api/Trade/GetFirstShopWishPageList"
,
this
.
msg
,
res
=>
{
this
.
loading
=
false
;
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
total
=
res
.
data
.
data
.
count
;
let
pageData
=
res
.
data
.
data
.
pageData
;
this
.
tableData
=
pageData
;
}
})
},
handleCurrentChange
(
val
)
{
this
.
msg
.
pageIndex
=
val
;
this
.
getList
();
},
delete_b
(
row
)
{
let
that
=
this
;
that
.
Confirm
(
"是否删除?"
,
function
()
{
that
.
apipost
(
"/api/Trade/DelFirstShopWishInfo"
,
{
WishId
:
row
.
Id
,
},
(
res
)
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
that
.
Success
(
res
.
data
.
message
);
that
.
getList
();
}
else
{
that
.
Error
(
res
.
data
.
message
);
}
}
);
});
},
EditgoUrl
()
{
},
guanlianbrand
(
UserId
)
{
this
.
$router
.
push
({
name
:
"brandManagement"
,
query
:
{
UserId
:
UserId
,
blank
:
"y"
,
},
});
},
getItem
(
row
)
{
},
goadd
()
{
//新增修改
this
.
$router
.
push
({
name
:
"addbillboard"
,
});
}
},
mounted
()
{
}
};
</
script
>
<
style
>
.billboardList
.content
.searchInput
{
border
:
1px
solid
#DCDFE6
;
border-radius
:
4px
;
}
.billboardList
.app-image
{
background-position
:
center
center
;
width
:
50px
;
height
:
50px
;
border-radius
:
0%
;
float
:
left
;
margin-right
:
8px
;
}
.billboardList
.content
.searchInput
.el-input__inner
{
border
:
none
;
outline
:
none
;
height
:
30px
;
line-height
:
30px
;
}
.billboardList
.content
.searchInput
{
line-height
:
normal
;
display
:
inline-table
;
width
:
100%
;
border-collapse
:
separate
;
border-spacing
:
0
;
width
:
250px
;
margin-right
:
20px
;
}
.billboardList
.content
{
background
:
#fff
;
margin-top
:
10px
;
padding
:
20px
;
box-sizing
:
border-box
;
}
</
style
>
\ No newline at end of file
src/components/tradePavilion/listRegistration.vue
0 → 100644
View file @
47f7b8af
<
template
>
<div
class=
"listRegistration"
>
<div
class=
"head-title"
>
榜单管理
<div
style=
"float:right;margin-top:5px"
>
<el-button
style=
"float:right;margin-top: -5px;"
size=
"small"
type=
"primary"
@
click=
"CommonJump('addbillboard')"
>
新增
</el-button>
</div>
</div>
<div
class=
"content"
>
<div>
<!--
<span
style=
"margin-left: 10px"
>
品牌信息
</span>
<div
class=
"searchInput"
style=
"width:250px"
>
<el-input
@
keyup
.
enter
.
native=
"msg.pageIndex=1,getList()"
@
clear=
"msg.pageIndex=1,getList()"
style=
"display:inline-block;width:225px;height:30px"
placeholder=
"品牌信息"
v-model=
"msg.BranchName"
size=
"small"
clearable
>
</el-input>
<span
@
click=
"msg.pageIndex=1,getList()"
class=
"el-icon-search"
style=
"color:#979dad;font-size:14px;position:relative;top:1px"
></span>
</div>
<span
style=
"margin-left: 10px"
>
对标载体
</span>
<div
class=
"searchInput"
style=
"width:250px"
>
<el-input
@
keyup
.
enter
.
native=
"msg.pageIndex=1,getList()"
@
clear=
"msg.pageIndex=1,getList()"
style=
"display:inline-block;width:225px;height:30px"
placeholder=
"对标载体"
v-model=
"msg.CarrierName"
size=
"small"
clearable
>
</el-input>
<span
@
click=
"msg.pageIndex=1,getList()"
class=
"el-icon-search"
style=
"color:#979dad;font-size:14px;position:relative;top:1px"
></span>
</div>
-->
</div>
<el-table
:data=
"tableData"
v-loading=
"loading"
border
style=
"width: 100%;margin:20px 0"
>
<el-table-column
prop=
"UserName"
label=
"榜单信息"
>
<template
slot-scope=
"scope"
>
<div
class=
"app-image"
:style=
"
{backgroundImage:'url(' + scope.row.CoverImage + ')',backgroundSize:'cover'}">
</div>
<div
flex=
"dir:left cross:center"
>
{{
scope
.
row
.
Name
}}
</div>
</
template
>
</el-table-column>
<el-table-column
prop=
"Sponsor"
label=
"主办方"
>
</el-table-column>
<el-table-column
prop=
"TypeName"
label=
"榜单类型"
>
</el-table-column>
<el-table-column
prop=
"group"
label=
"面向群体"
>
</el-table-column>
<el-table-column
prop=
"Endtime"
label=
"报名截止时间"
>
</el-table-column>
<el-table-column
prop=
"publicitytime"
label=
"公示日期"
>
</el-table-column>
<el-table-column
prop=
"Area"
label=
"是否启用排名"
>
<
template
slot-scope=
"scope"
>
<span
v-if=
"scope.row.rankingType==1"
style=
"color:green;"
>
启用
</span>
<span
v-if=
"scope.row.rankingType==2"
style=
"color:#e95252;"
>
不启用
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"Status"
label=
"状态"
>
<
template
slot-scope=
"scope"
>
<span
v-if=
"scope.row.Status==1"
>
报名中
</span>
<span
v-if=
"scope.row.Status==2"
>
评比中
</span>
<span
v-if=
"scope.row.Status==3"
>
已放榜
</span>
<span
v-if=
"scope.row.Status==4"
>
取消
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"JoinNum"
label=
"报名人数"
>
<
template
slot-scope=
"scope"
>
<el-button
type=
"text"
@
click=
"dialogTableVisible = true,getItem(scope.row)"
>
{{
scope
.
row
.
JoinNum
}}
人
</el-button>
</
template
>
</el-table-column>
<el-table-column
label=
"操作"
width=
"130"
>
<
template
slot-scope=
"scope"
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"放榜"
placement=
"top"
>
<img
src=
"../../assets/img/setup/fangbang.png"
alt=
""
class=
"imgstyle"
/>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"编辑"
placement=
"top"
>
<img
src=
"../../assets/img/setup/edit.png"
alt=
""
class=
"imgstyle"
@
click=
"EditgoUrl(scope.row)"
/>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"删除"
placement=
"top"
>
<img
src=
"../../assets/img/setup/del.png"
alt=
""
class=
"imgstyle"
@
click=
"delete_b(scope.row)"
/>
</el-tooltip>
</
template
>
</el-table-column>
</el-table>
<el-pagination
style=
"text-align:right"
background
@
current-change=
"handleCurrentChange"
:page-size=
"msg.pageSize"
:current-page
.
sync=
"msg.pageIndex"
layout=
"total,prev, pager, next"
:total=
"total"
>
</el-pagination>
</div>
<!-- 报名人数的展示 -->
<el-dialog
title=
"报名信息"
:visible
.
sync=
"dialogTableVisible"
>
<el-table
:data=
"joinData"
>
<el-table-column
property=
"LinkMan"
label=
"联系人"
width=
"150"
></el-table-column>
<el-table-column
property=
"LinkTel"
label=
"联系电话"
width=
"200"
></el-table-column>
</el-table>
</el-dialog>
</div>
</template>
<
script
>
export
default
{
data
()
{
return
{
loading
:
false
,
dialogTableVisible
:
false
,
msg
:
{
pageIndex
:
1
,
pageSize
:
15
,
UserId
:
0
,
// 用户id
BranchName
:
''
,
// 品牌
CarrierName
:
''
,
// 对标载体
},
total
:
0
,
tableData
:
[{
CoverImage
:
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616557590000_450.png'
,
Name
:
'成都优质火锅'
,
Sponsor
:
"小龙坎"
,
TypeName
:
"招引贡献"
,
group
:
'服务商'
,
Endtime
:
'2021-10-01'
,
publicitytime
:
"2021-08-31"
,
rankingType
:
1
,
//1启用 2不启用
Status
:
1
,
//1报名中,2评比中,3已放榜,4取消
JoinNum
:
2
,
}],
//数据列表
joinData
:
[],
};
},
created
()
{
// this.getList();
},
methods
:
{
getList
()
{
this
.
loading
=
true
;
this
.
apipost
(
"/api/Trade/GetFirstShopWishPageList"
,
this
.
msg
,
res
=>
{
this
.
loading
=
false
;
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
total
=
res
.
data
.
data
.
count
;
let
pageData
=
res
.
data
.
data
.
pageData
;
this
.
tableData
=
pageData
;
}
})
},
handleCurrentChange
(
val
)
{
this
.
msg
.
pageIndex
=
val
;
this
.
getList
();
},
delete_b
(
row
)
{
let
that
=
this
;
that
.
Confirm
(
"是否删除?"
,
function
()
{
that
.
apipost
(
"/api/Trade/DelFirstShopWishInfo"
,
{
WishId
:
row
.
Id
,
},
(
res
)
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
that
.
Success
(
res
.
data
.
message
);
that
.
getList
();
}
else
{
that
.
Error
(
res
.
data
.
message
);
}
}
);
});
},
EditgoUrl
()
{
},
guanlianbrand
(
UserId
)
{
this
.
$router
.
push
({
name
:
"brandManagement"
,
query
:
{
UserId
:
UserId
,
blank
:
"y"
,
},
});
},
getItem
(
row
)
{
},
goadd
()
{
//新增修改
this
.
$router
.
push
({
name
:
"addbillboard"
,
});
}
},
mounted
()
{
}
};
</
script
>
<
style
>
.listRegistration
.content
.searchInput
{
border
:
1px
solid
#DCDFE6
;
border-radius
:
4px
;
}
.listRegistration
.app-image
{
background-position
:
center
center
;
width
:
50px
;
height
:
50px
;
border-radius
:
0%
;
float
:
left
;
margin-right
:
8px
;
}
.listRegistration
.content
.searchInput
.el-input__inner
{
border
:
none
;
outline
:
none
;
height
:
30px
;
line-height
:
30px
;
}
.listRegistration
.content
.searchInput
{
line-height
:
normal
;
display
:
inline-table
;
width
:
100%
;
border-collapse
:
separate
;
border-spacing
:
0
;
width
:
250px
;
margin-right
:
20px
;
}
.listRegistration
.content
{
background
:
#fff
;
margin-top
:
10px
;
padding
:
20px
;
box-sizing
:
border-box
;
}
</
style
>
\ No newline at end of file
src/components/tradePavilion/tradePavilionIndex.vue
View file @
47f7b8af
...
...
@@ -164,7 +164,6 @@
.offlineIndex
.Fchecked
i
{
color
:
rgb
(
255
,
208
,
75
)
!important
;
}
</
style
>
<
template
>
<div
class=
"offlineIndex"
>
...
...
@@ -235,6 +234,10 @@
@click="isChecked='/wishList',CommonJump('wishList')">
<i
class=
"el-icon-menu"
></i><span>
心愿列表
</span>
</li>
<li
class=
"menu_item"
:class=
"
{'Fchecked':isChecked=='/billboardList'}"
@click="isChecked='/billboardList',CommonJump('billboardList')">
<i
class=
"el-icon-menu"
></i><span>
榜单管理
</span>
</li>
</ul>
</div>
</div>
...
...
src/router/index.js
View file @
47f7b8af
...
...
@@ -789,7 +789,27 @@ export default new Router({
path
:
'/firstStoreDetail'
,
name
:
'firstStoreDetail'
,
component
:
resolve
=>
require
([
'@/components/tradePavilion/firstStoreDetail'
],
resolve
),
}
},
//贸易管理--榜单管理
{
path
:
'/billboardList'
,
name
:
'billboardList'
,
component
:
resolve
=>
require
([
'@/components/tradePavilion/billboardList'
],
resolve
),
},
//贸易管理--新增/修改榜单
{
path
:
'/addbillboard'
,
name
:
'addbillboard'
,
component
:
resolve
=>
require
([
'@/components/tradePavilion/addbillboard'
],
resolve
),
},
//贸易管理--报名列表
{
path
:
'/listRegistration'
,
name
:
'listRegistration'
,
component
:
resolve
=>
require
([
'@/components/tradePavilion/listRegistration'
],
resolve
),
},
]
},
...
...
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