|
|
@ -3,7 +3,7 @@ |
|
|
|
<div class="mod-__masternotice}"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
|
|
<el-form-item label="通知内容" prop="noticeContent"> |
|
|
|
<el-input v-model="dataForm.noticeContent" placeholder="通知内容" clearable></el-input> |
|
|
|
<el-input v-model="dataForm.noticeContent" placeholder="通知内容" clearable maxlength="50"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="状态" prop="state"> |
|
|
|
<el-select v-model="dataForm.state" placeholder="状态" clearable> |
|
|
@ -15,33 +15,32 @@ |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<div class="block"> |
|
|
|
<el-form-item label="时间" prop="startTime"> |
|
|
|
<el-date-picker |
|
|
|
v-model="dataForm.startTime" |
|
|
|
type="date" |
|
|
|
:picker-options="pickerBeginDateBefore" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期时间" |
|
|
|
> |
|
|
|
<el-form-item label="时间" |
|
|
|
prop="startTime"> |
|
|
|
<el-date-picker v-model="dataForm.startTime" |
|
|
|
type="date" |
|
|
|
:picker-options="pickerBeginDateBefore" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期时间"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="至" label-width="25px" prop="endTime"> |
|
|
|
<el-date-picker |
|
|
|
v-model="dataForm.endTime" |
|
|
|
type="date" |
|
|
|
:picker-options="pickerBeginDateAfter" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期时间" |
|
|
|
> |
|
|
|
<el-form-item label="至" |
|
|
|
label-width="25px" |
|
|
|
prop="endTime"> |
|
|
|
<el-date-picker v-model="dataForm.endTime" |
|
|
|
type="date" |
|
|
|
:picker-options="pickerBeginDateAfter" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期时间"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
|
|
<el-button type="primary" v-if="$hasPermission('cloudAnalysis:masternotice:save')" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
@ -56,13 +55,13 @@ |
|
|
|
<el-table-column prop="manageFlag" label="发布人身份" header-align="center" align="center" :formatter="manageFlagFormat"></el-table-column> |
|
|
|
<el-table-column prop="readCount" label="已阅读人数" header-align="center" align="center" :formatter="readCountFormat"></el-table-column> |
|
|
|
<el-table-column prop="unReadCount" label="未阅读人数" header-align="center" align="center" :formatter="unReadCountFormat"></el-table-column> |
|
|
|
<el-table-column prop="createdTime" label="发布时间" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="createdTime" label="发布时间" header-align="center" align="center" ></el-table-column> |
|
|
|
<el-table-column prop="state" label="状态" header-align="center" align="center" :formatter="stateFormat"></el-table-column> |
|
|
|
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" size="small" @click="openToTopDialog($event, scope.row)" v-if="scope.row.state == 1">置顶</el-button> |
|
|
|
<el-button type="text" size="small" @click="openCancelToTopDialog($event, scope.row)" v-if="scope.row.state == 2">取消置顶</el-button> |
|
|
|
<el-button type="text" size="small" @click="openCloseTopicDialog($event, scope.row)" :disabled="scope.row.state == 0">关闭</el-button> |
|
|
|
<el-button type="text" size="small" v-if="$hasPermission('cloudAnalysis:masternotice:toTop') && scope.row.state == 1" @click="openToTopDialog($event, scope.row)" >置顶</el-button> |
|
|
|
<el-button type="text" size="small" v-if="$hasPermission('cloudAnalysis:masternotice:toTop') && scope.row.state == 2" @click="openCancelToTopDialog($event, scope.row)">取消置顶</el-button> |
|
|
|
<el-button type="text" size="small" v-if="$hasPermission('cloudAnalysis:masternotice:close')" @click="openCloseTopicDialog($event, scope.row)" :disabled="scope.row.state == 0">关闭</el-button> |
|
|
|
<el-button type="text" size="small" @click="manageHandle(scope.row.id)">查看</el-button> </template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
@ -81,7 +80,7 @@ |
|
|
|
title="确定要本条内容置顶吗?" |
|
|
|
:visible.sync="toTopDialog" |
|
|
|
width="30%"> |
|
|
|
<span>置顶后,话题会被群成员优先看到,查看内容</span> |
|
|
|
<span>置顶后,通知会被群成员优先看到,查看通知详情</span> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="toTopDialog = false">取 消</el-button> |
|
|
|
<el-button type="primary" @click="toTopOrCancelToTop" :disabled="toGrey">确 定</el-button> |
|
|
@ -91,7 +90,7 @@ |
|
|
|
title="确定要本条内容取消置顶吗?" |
|
|
|
:visible.sync="cancelToTopDialog" |
|
|
|
width="30%"> |
|
|
|
<span>取消置顶后,话题会被按照发布时间排序,需要滑动查找内容</span> |
|
|
|
<span>取消置顶后,通知会被按照发布时间排序,需要滑动查找通知</span> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="cancelToTopDialog = false">取 消</el-button> |
|
|
|
<el-button type="primary" @click="toTopOrCancelToTop" :disabled="toGrey">确 定</el-button> |
|
|
@ -101,7 +100,7 @@ |
|
|
|
title="确定要将本条内容关闭吗?" |
|
|
|
:visible.sync="closeDialog" |
|
|
|
width="30%"> |
|
|
|
<span>关闭后,在移动端不显示话题内容,管理后台将保留数据,可以查看</span> |
|
|
|
<span>关闭后,在移动端不显示通知信息,管理后台将保留数据,可以查看</span> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="closeDialog = false">取 消</el-button> |
|
|
|
<el-button type="primary" @click="toTopOrCancelToTop" :disabled="toGrey">确 定</el-button> |
|
|
@ -137,16 +136,16 @@ export default { |
|
|
|
isTop: true, |
|
|
|
toGrey: false, |
|
|
|
pickerBeginDateBefore: { |
|
|
|
disabledDate: time => { |
|
|
|
let beginDateVal = this.dataForm.startTime |
|
|
|
disabledDate: (time) => { |
|
|
|
let beginDateVal = this.dataForm.endTime |
|
|
|
if (beginDateVal) { |
|
|
|
return time.getTime() > new Date(beginDateVal).getTime() |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
pickerBeginDateAfter: { |
|
|
|
disabledDate: time => { |
|
|
|
let EndDateVal = this.dataForm.endTime |
|
|
|
disabledDate: (time) => { |
|
|
|
let EndDateVal = this.dataForm.startTime |
|
|
|
if (EndDateVal) { |
|
|
|
return time.getTime() < new Date(EndDateVal).getTime() |
|
|
|
} |
|
|
@ -162,7 +161,7 @@ export default { |
|
|
|
value: '1' |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '关闭', |
|
|
|
label: '已关闭', |
|
|
|
value: '0' |
|
|
|
} |
|
|
|
] |
|
|
|