Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
confucius
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
罗超
confucius
Commits
bf063b66
Commit
bf063b66
authored
Apr 07, 2021
by
zhengke
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改
parent
fc52e943
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
642 additions
and
0 deletions
+642
-0
webkit.js
src/api/system/webkit.js
+74
-0
newstype-form.vue
src/components/system/newstype-form.vue
+114
-0
news.vue
src/pages/system/news.vue
+235
-0
newsType.vue
src/pages/system/newsType.vue
+209
-0
routes.js
src/router/routes.js
+10
-0
No files found.
src/api/system/webkit.js
View file @
bf063b66
...
...
@@ -108,4 +108,78 @@ export function RemoveWebMenuStatus(data) {
})
}
/**
* 获取新闻类型分页
*
*/
export
function
GetWebNewsTypePage
(
data
)
{
return
request
({
url
:
'/WebManager/GetWebNewsTypePage'
,
method
:
'post'
,
data
})
}
/**
* 新增修改网站新闻类型
*
*/
export
function
SetWebNewsType
(
data
)
{
return
request
({
url
:
'/WebManager/SetWebNewsType'
,
method
:
'post'
,
data
})
}
/**
* 修改网站新闻类型状态
*
*/
export
function
RemoveWebNewsTypeStatus
(
data
)
{
return
request
({
url
:
'/WebManager/RemoveWebNewsTypeStatus'
,
method
:
'post'
,
data
})
}
/**
* 获取网站新闻类型详情
*
*/
export
function
GetWebNewsType
(
data
)
{
return
request
({
url
:
'/WebManager/GetWebNewsType'
,
method
:
'post'
,
data
})
}
/**
* 获取网站新闻列表
*
*/
export
function
GetWebNewsList
()
{
return
request
({
url
:
'/WebManager/GetWebNewsList'
,
method
:
'post'
,
data
:
''
})
}
/**
* 获取新闻分页
*
*/
export
function
GetWebNewsPage
(
data
)
{
return
request
({
url
:
'/WebManager/GetWebNewsPage'
,
method
:
'post'
,
data
})
}
src/components/system/newstype-form.vue
0 → 100644
View file @
bf063b66
<
template
>
<q-dialog
v-model=
"persistent"
content-class=
"bg-grey-1"
persistent
transition-show=
"scale"
transition-hide=
"scale"
>
<q-card
style=
"width: 800px;max-width:900px;"
>
<q-card-section>
<div
class=
"text-h6"
>
{{
objOption
.
Id
==
0
?
'新增网站新闻类型'
:
'修改网站新闻类型'
}}
</div>
</q-card-section>
<q-card-section
class=
"q-pt-none scroll"
style=
"max-height: 70vh"
>
<div
class=
"text-caption q-mb-lg q-px-md text-grey-6"
>
网站新闻类型
</div>
<div
class=
"row wrap"
style=
"align-items:end;"
>
<q-input
filled
stack-label
style=
"float:left;"
maxlength=
"20"
:dense=
"false"
v-model=
"objOption.TypeName"
ref=
"TypeName"
class=
"col-6 q-pr-lg q-pb-lg"
label=
"新闻类型"
:rules=
"[val => !!val || '请填写类型名称']"
/>
<div
class=
"col-6 q-pb-lg q-pr-lg"
>
<q-uploader
:style=
"
{ backgroundImage: 'url(' + objOption.Image + ')' }" style="width:auto;height:200px" flat
hide-upload-btn max-files="1" label="类型图片" accept=".jpg, image/*" :factory="uploadFile" auto-upload>
</q-uploader>
</div>
</div>
</q-card-section>
<q-separator
/>
<q-card-actions
align=
"right"
class=
"bg-white"
>
<q-btn
label=
"取消"
flat
color=
"grey-10"
style=
"font-weight:400 !important"
@
click=
"closeSaveForm"
/>
<q-btn
label=
"立即提交"
color=
"accent q-px-md"
style=
"font-weight:400 !important"
:loading=
"saveLoading"
@
click=
"saveWebkitMenu"
/>
</q-card-actions>
</q-card>
</q-dialog>
</
template
>
<
script
>
import
{
SetWebNewsType
,
GetWebNewsType
}
from
'../../api/system/webkit'
import
{
UploadSelfFile
}
from
"../../api/common/common"
;
export
default
{
props
:
{
saveObj
:
{
type
:
Object
,
default
:
null
}
},
data
()
{
return
{
persistent
:
true
,
objOption
:
{
Id
:
0
,
TypeName
:
''
,
//类型名称
Image
:
''
,
},
optionTitle
:
""
,
saveLoading
:
false
,
}
},
mounted
()
{
this
.
initObj
()
},
methods
:
{
uploadFile
(
files
)
{
UploadSelfFile
(
"course"
,
files
[
0
],
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
objOption
.
Image
=
res
.
FileUrl
;
}
});
},
//初始化表单
initObj
()
{
if
(
this
.
saveObj
&&
this
.
saveObj
.
Id
>
0
)
{
GetWebNewsType
({
Id
:
this
.
saveObj
.
Id
}).
then
(
res
=>
{
this
.
objOption
.
Id
=
res
.
Data
.
Id
;
this
.
objOption
.
TypeName
=
res
.
Data
.
TypeName
;
this
.
objOption
.
Image
=
res
.
Data
.
Image
;
})
this
.
optionTitle
=
"修改新闻类型信息"
}
else
{
this
.
optionTitle
=
"新增新闻类型信息"
this
.
objOption
.
Id
=
0
;
this
.
objOption
.
TypeName
=
''
;
this
.
objOption
.
Image
=
''
;
}
},
//关闭弹窗
closeSaveForm
()
{
this
.
$emit
(
'close'
)
this
.
persistent
=
false
},
//保存菜单
saveWebkitMenu
()
{
this
.
$refs
.
TypeName
.
validate
();
if
(
!
this
.
$refs
.
TypeName
.
hasError
)
{
this
.
saveLoading
=
true
SetWebNewsType
(
this
.
objOption
).
then
(
res
=>
{
this
.
saveLoading
=
false
this
.
$q
.
notify
({
icon
:
'iconfont icon-chenggong'
,
color
:
'accent'
,
timeout
:
2000
,
message
:
'数据保存成功!'
,
position
:
'top'
})
this
.
$emit
(
"success"
)
this
.
closeSaveForm
()
}).
catch
(()
=>
{
this
.
saveLoading
=
false
})
}
}
},
}
</
script
>
src/pages/system/news.vue
0 → 100644
View file @
bf063b66
<
template
>
<div
class=
"page-body"
>
<div
class=
"page-search row items-center"
>
<div
class=
"col row wrap q-mr-lg q-col-gutter-md"
>
<div
class=
"col-3"
>
<q-input
@
change=
"resetSearch"
clearable
standout=
"bg-primary text-white"
class=
"col-6 q-pr-lg q-pr-lg"
v-model=
"msg.Title"
label=
"新闻名称"
maxlength=
"20"
@
clear=
"resetSearch"
/>
</div>
<div
class=
"col-3"
>
<q-select
@
input=
"resetSearch"
standout=
"bg-primary text-white"
class=
"col-6 q-pr-lg q-pr-lg"
v-model=
"msg.Status"
:options=
"ShowOpts"
emit-value
map-options
label=
"状态"
/>
</div>
</div>
</div>
<div
class=
"page-content"
>
<q-table
:pagination=
"msg"
:loading=
"loading"
no-data-label=
"暂无相关数据"
flat
class=
"sticky-column-table"
separator=
"none"
:data=
"data"
:columns=
"columns"
row-key=
"name"
>
<template
v-slot:top=
"props"
>
<div
class=
"col-2 q-table__title"
>
菜单信息
</div>
<q-space
/>
<div
class=
"page-option"
>
<q-btn
color=
"accent"
class=
"q-mr-md"
size=
"sm"
icon=
"add"
label=
"新增菜单"
@
click=
"EditMenu(null)"
/>
</div>
</
template
>
<
template
v-slot:body-cell-Icon=
"props"
>
<q-td
:props=
"props"
>
<img
:src=
"props.row.Icon"
style=
"width:50px;"
/>
</q-td>
</
template
>
<
template
v-slot:body-cell-Status=
"props"
>
<q-td
:props=
"props"
>
<q-toggle
size=
"md"
color=
"primary"
:false-value=
"1"
:true-value=
"0"
v-model=
"props.row.Status"
title=
"注意:关闭后,分类将无法正常使用."
@
input=
"DeleteMenu(props.row)"
/>
</q-td>
</
template
>
<
template
v-slot:bottom
>
<q-pagination
class=
"full-width justify-end"
v-model=
"msg.pageIndex"
color=
"primary"
:max=
"pageCount"
:input=
"true"
@
input=
"changePage"
/>
</
template
>
<
template
v-slot:body-cell-optioned=
"props"
>
<q-td
:props=
"props"
>
<q-btn
flat
size=
"xs"
icon=
"edit"
color=
"accent"
style=
"font-weight:400"
label=
"编辑"
@
click=
"EditMenu(props.row)"
/>
</q-td>
</
template
>
</q-table>
<webmenu-form
v-if=
"isShowMenuForm"
:save-obj=
"menuObjOption"
@
close=
"closeMenuSaveForm"
@
success=
"refreshPage"
>
</webmenu-form>
</div>
</div>
</template>
<
script
>
import
{
GetWebNewsPage
,
RemoveWebMenuStatus
,
GetWebNewsList
}
from
'../../api/system/webkit'
import
webmenuForm
from
'../../components/system/webmenu-form'
export
default
{
meta
:
{
title
:
"菜单管理"
},
components
:
{
webmenuForm
},
data
()
{
return
{
columns
:
[{
name
:
'Name'
,
label
:
'菜单名称'
,
field
:
'Name'
,
align
:
'left'
},
{
name
:
'MenuUrl'
,
label
:
'菜单链接'
,
field
:
'MenuUrl'
,
align
:
'left'
},
{
name
:
'MenuLevel'
,
label
:
'菜单等级'
,
field
:
'MenuLevel'
,
align
:
'left'
},
{
name
:
'Icon'
,
label
:
'图标'
,
field
:
'Icon'
,
align
:
'left'
},
{
name
:
'Status'
,
label
:
'状态'
,
field
:
'Status'
,
align
:
'left'
},
{
name
:
'optioned'
,
label
:
'操作'
,
field
:
'MenuId'
}
],
data
:
[],
loading
:
true
,
ShowOpts
:
[{
label
:
'全部'
,
value
:
-
1
},
{
label
:
'正常'
,
value
:
0
},
{
label
:
'删除'
,
value
:
1
}
],
msg
:
{
pageIndex
:
1
,
pageSize
:
12
,
rowsPerPage
:
12
,
Title
:
''
,
TypeId
:
0
,
Status
:
-
1
},
pageCount
:
0
,
isShowMenuForm
:
false
,
menuObjOption
:
null
,
}
},
mounted
()
{
this
.
getWebNews
();
this
.
getList
()
},
methods
:
{
//修改菜单状态
DeleteMenu
(
obj
)
{
var
that
=
this
;
var
delMsg
=
{
Id
:
obj
.
Id
,
Status
:
obj
.
Status
};
var
tipMsg
=
""
;
if
(
delMsg
.
Status
==
0
)
{
tipMsg
=
"是否启用【"
+
obj
.
Name
+
"】菜单?"
;
}
else
{
tipMsg
=
"是否禁用【"
+
obj
.
Name
+
"】菜单?"
;
}
this
.
$q
.
dialog
({
title
:
'提示信息'
,
message
:
tipMsg
,
cancel
:
true
,
persistent
:
true
,
ok
:
"确定"
,
cancel
:
"取消"
,
}).
onOk
(()
=>
{
RemoveWebMenuStatus
(
delMsg
).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
that
.
$q
.
notify
({
icon
:
'iconfont icon-chenggong'
,
color
:
'accent'
,
timeout
:
2000
,
message
:
'操作成功'
,
position
:
'top'
})
that
.
getList
();
}
})
}).
onCancel
(()
=>
{
obj
.
Status
=
obj
.
Status
==
1
?
0
:
1
;
});
},
//重新查询
resetSearch
()
{
this
.
msg
.
pageIndex
=
1
;
this
.
getList
();
},
//翻页
changePage
(
val
)
{
this
.
msg
.
pageIndex
=
val
;
this
.
getList
()
},
//获取菜单分页列表
getList
()
{
this
.
loading
=
true
;
GetWebNewsPage
(
this
.
msg
).
then
(
res
=>
{
console
.
log
(
res
,
'数据来也!'
);
this
.
loading
=
false
this
.
data
=
res
.
Data
.
PageData
;
this
.
pageCount
=
res
.
Data
.
PageCount
;
}).
catch
(()
=>
{
this
.
loading
=
false
})
},
//获取下拉数据
getWebNews
(){
GetWebNewsList
().
then
(
res
=>
{
console
.
log
(
res
,
'下拉数据来也!'
);
}).
catch
(()
=>
{
})
},
//刷新页面
refreshPage
()
{
if
(
!
this
.
menuObjOption
)
{
this
.
msg
.
pageIndex
=
1
;
this
.
msg
.
Title
=
""
;
this
.
msg
.
TypeId
=
0
;
this
.
msg
.
Status
=
"-1"
;
}
this
.
getList
()
},
//新增修改菜单
EditMenu
(
obj
)
{
if
(
obj
)
{
this
.
menuObjOption
=
obj
}
else
{
this
.
menuObjOption
=
null
}
this
.
isShowMenuForm
=
true
},
//关闭弹窗
closeMenuSaveForm
()
{
this
.
isShowMenuForm
=
false
},
}
}
</
script
>
<
style
lang=
"sass"
>
@import
url('~assets/css/table.sass')
</
style
>
src/pages/system/newsType.vue
0 → 100644
View file @
bf063b66
<
template
>
<div
class=
"page-body"
>
<div
class=
"page-search row items-center"
>
<div
class=
"col row wrap q-mr-lg q-col-gutter-md"
>
<div
class=
"col-3"
>
<q-input
@
change=
"resetSearch"
clearable
standout=
"bg-primary text-white"
class=
"col-6 q-pr-lg q-pr-lg"
v-model=
"msg.TypeName"
label=
"类型名称"
maxlength=
"20"
@
clear=
"resetSearch"
/>
</div>
<div
class=
"col-3"
>
<q-select
@
input=
"resetSearch"
standout=
"bg-primary text-white"
class=
"col-6 q-pr-lg q-pr-lg"
v-model=
"msg.Status"
:options=
"ShowOpts"
emit-value
map-options
label=
"状态"
/>
</div>
</div>
</div>
<div
class=
"page-content"
>
<q-table
:pagination=
"msg"
:loading=
"loading"
no-data-label=
"暂无相关数据"
flat
class=
"sticky-column-table"
separator=
"none"
:data=
"data"
:columns=
"columns"
row-key=
"name"
>
<template
v-slot:top=
"props"
>
<div
class=
"col-2 q-table__title"
>
新闻类型
</div>
<q-space
/>
<div
class=
"page-option"
>
<q-btn
color=
"accent"
class=
"q-mr-md"
size=
"sm"
icon=
"add"
label=
"新增类型"
@
click=
"EditMenu(null)"
/>
</div>
</
template
>
<
template
v-slot:body-cell-Image=
"props"
>
<q-td
:props=
"props"
>
<img
:src=
"props.row.Image"
style=
"width:50px;"
/>
</q-td>
</
template
>
<
template
v-slot:body-cell-Status=
"props"
>
<q-td
:props=
"props"
>
<q-toggle
size=
"md"
color=
"primary"
:false-value=
"1"
:true-value=
"0"
v-model=
"props.row.Status"
title=
"注意:关闭后,分类将无法正常使用."
@
input=
"DeleteMenu(props.row)"
/>
</q-td>
</
template
>
<
template
v-slot:bottom
>
<q-pagination
class=
"full-width justify-end"
v-model=
"msg.pageIndex"
color=
"primary"
:max=
"pageCount"
:input=
"true"
@
input=
"changePage"
/>
</
template
>
<
template
v-slot:body-cell-optioned=
"props"
>
<q-td
:props=
"props"
>
<q-btn
flat
size=
"xs"
icon=
"edit"
color=
"accent"
style=
"font-weight:400"
label=
"编辑"
@
click=
"EditMenu(props.row)"
/>
</q-td>
</
template
>
</q-table>
<newstype-form
v-if=
"isShowNewsForm"
:save-obj=
"newsObjOption"
@
close=
"closeNewsSaveForm"
@
success=
"refreshPage"
>
</newstype-form>
</div>
</div>
</template>
<
script
>
import
{
GetWebNewsTypePage
,
RemoveWebNewsTypeStatus
,
}
from
'../../api/system/webkit'
import
newstypeForm
from
'../../components/system/newstype-form'
export
default
{
meta
:
{
title
:
"新闻类型"
},
components
:
{
newstypeForm
},
data
()
{
return
{
columns
:
[{
name
:
'TypeName'
,
label
:
'类型名称'
,
field
:
'TypeName'
,
align
:
'left'
},
{
name
:
'Image'
,
label
:
'图片'
,
field
:
'Image'
,
align
:
'left'
},
{
name
:
'Status'
,
label
:
'状态'
,
field
:
'Status'
,
align
:
'left'
},
{
name
:
'optioned'
,
label
:
'操作'
,
field
:
'MenuId'
}
],
data
:
[],
loading
:
true
,
ShowOpts
:
[{
label
:
'全部'
,
value
:
-
1
},
{
label
:
'正常'
,
value
:
0
},
{
label
:
'删除'
,
value
:
1
}
],
msg
:
{
pageIndex
:
1
,
pageSize
:
12
,
rowsPerPage
:
12
,
TypeName
:
''
,
Status
:
-
1
},
pageCount
:
0
,
isShowNewsForm
:
false
,
newsObjOption
:
null
,
}
},
mounted
()
{
this
.
getList
()
},
methods
:
{
//修改菜单状态
DeleteMenu
(
obj
)
{
var
that
=
this
;
var
delMsg
=
{
Id
:
obj
.
Id
,
Status
:
obj
.
Status
};
var
tipMsg
=
""
;
if
(
delMsg
.
Status
==
0
)
{
tipMsg
=
"是否启用【"
+
obj
.
TypeName
+
"】菜单?"
;
}
else
{
tipMsg
=
"是否禁用【"
+
obj
.
TypeName
+
"】菜单?"
;
}
this
.
$q
.
dialog
({
title
:
'提示信息'
,
message
:
tipMsg
,
cancel
:
true
,
persistent
:
true
,
ok
:
"确定"
,
cancel
:
"取消"
,
}).
onOk
(()
=>
{
RemoveWebNewsTypeStatus
(
delMsg
).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
that
.
$q
.
notify
({
icon
:
'iconfont icon-chenggong'
,
color
:
'accent'
,
timeout
:
2000
,
message
:
'操作成功'
,
position
:
'top'
})
that
.
getList
();
}
})
}).
onCancel
(()
=>
{
obj
.
Status
=
obj
.
Status
==
1
?
0
:
1
;
});
},
//重新查询
resetSearch
()
{
this
.
msg
.
pageIndex
=
1
;
this
.
getList
();
},
//翻页
changePage
(
val
)
{
this
.
msg
.
pageIndex
=
val
;
this
.
getList
()
},
//获取菜单分页列表
getList
()
{
this
.
loading
=
true
;
GetWebNewsTypePage
(
this
.
msg
).
then
(
res
=>
{
this
.
loading
=
false
this
.
data
=
res
.
Data
.
PageData
;
this
.
pageCount
=
res
.
Data
.
PageCount
;
}).
catch
(()
=>
{
this
.
loading
=
false
})
},
//刷新页面
refreshPage
()
{
if
(
!
this
.
newsObjOption
)
{
this
.
msg
.
pageIndex
=
1
;
this
.
msg
.
TypeName
=
""
;
this
.
msg
.
Status
=
-
1
;
}
this
.
getList
()
},
//新增修改菜单
EditMenu
(
obj
)
{
if
(
obj
)
{
this
.
newsObjOption
=
obj
}
else
{
this
.
newsObjOption
=
null
}
this
.
isShowNewsForm
=
true
},
//关闭弹窗
closeNewsSaveForm
()
{
this
.
isShowNewsForm
=
false
},
}
}
</
script
>
<
style
lang=
"sass"
>
@import
url('~assets/css/table.sass')
</
style
>
src/router/routes.js
View file @
bf063b66
...
...
@@ -107,6 +107,16 @@ const routes = [{
component
:
()
=>
import
(
"pages/system/menuManage.vue"
)
},
{
path
:
"/system/newsType"
,
//新闻类型
component
:
()
=>
import
(
"pages/system/newsType.vue"
)
},
{
path
:
"/system/news"
,
//新闻列表
component
:
()
=>
import
(
"pages/system/news.vue"
)
},
{
path
:
"/course/catagory"
,
//课程分类
component
:
()
=>
...
...
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