|
|
|
@@ -7,7 +7,7 @@
|
|
|
|
|
<a-col :md="6" :sm="8" style="line-height: 48px">
|
|
|
|
|
<div class="box-title-text">
|
|
|
|
|
<div class="title-text" :title="$t('MessageContent')">
|
|
|
|
|
<span>{{this.$t('MessageContent')}}</span>
|
|
|
|
|
<span>{{ this.$t('MessageContent') }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input class="box-input"
|
|
|
|
|
:placeholder="$t('pleaseEnter')+$t('MessageContent')"
|
|
|
|
@@ -18,16 +18,16 @@
|
|
|
|
|
<a-col :md="6" :sm="8" style="line-height: 48px">
|
|
|
|
|
<div class="box-title-text">
|
|
|
|
|
<div class="title-text" :title="$t('MessageType')">
|
|
|
|
|
<span>{{this.$t('MessageType')}}</span>
|
|
|
|
|
<span>{{ this.$t('MessageType') }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<a-select class="box-input"
|
|
|
|
|
:placeholder="$t('pleaseSelect')+$t('MessageType')"
|
|
|
|
|
v-model="queryParam.msgCategory">
|
|
|
|
|
<a-select-option :value="undefined">{{$t('pleaseSelect')}}</a-select-option>
|
|
|
|
|
<a-select-option :value="undefined">{{ $t('pleaseSelect') }}</a-select-option>
|
|
|
|
|
<a-select-option v-for="(item, key) in Object.keys(msgCategoryQuery)"
|
|
|
|
|
:key="key" :value="item">
|
|
|
|
|
<span style="display: inline-block;width: 100%" :title="msgCategoryQuery[item]">
|
|
|
|
|
{{ msgCategoryQuery[item]}}
|
|
|
|
|
{{ msgCategoryQuery[item] }}
|
|
|
|
|
</span>
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
@@ -35,8 +35,9 @@
|
|
|
|
|
</a-col>
|
|
|
|
|
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
|
|
|
|
|
<a-col :md="6" :sm="24">
|
|
|
|
|
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
|
|
|
|
|
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
|
|
|
|
|
<a-button class="box-button" type="primary" @click="searchQuery">{{ $t('query') }}</a-button>
|
|
|
|
|
<a-button class="box-button" style="margin-left: 8px"
|
|
|
|
|
@click="searchReset">{{ $t('reset') }}</a-button>
|
|
|
|
|
</a-col>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
@@ -46,12 +47,12 @@
|
|
|
|
|
|
|
|
|
|
<div class="table-operator">
|
|
|
|
|
<div @click="readAll" class="operator-text" :title="$t('AllLabelsRead')">
|
|
|
|
|
<a-icon type="eye"/>
|
|
|
|
|
{{$t('AllLabelsRead')}}
|
|
|
|
|
<a-icon type="eye" />
|
|
|
|
|
{{ $t('AllLabelsRead') }}
|
|
|
|
|
</div>
|
|
|
|
|
<div @click="handleDel" class="operator-text">
|
|
|
|
|
<a-icon type="delete"/>
|
|
|
|
|
{{$t('BatchDelete')}}
|
|
|
|
|
<a-icon type="delete" />
|
|
|
|
|
{{ $t('BatchDelete') }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@@ -63,7 +64,7 @@
|
|
|
|
|
:dataSource="dataSource"
|
|
|
|
|
:scroll="{x: '100%'}"
|
|
|
|
|
:pagination="ipagination"
|
|
|
|
|
:expandIconAsCell='false'
|
|
|
|
|
:expandIconAsCell="false"
|
|
|
|
|
:expandIconColumnIndex="5"
|
|
|
|
|
:expandIcon="expandIcon"
|
|
|
|
|
:expandRowByClick="true"
|
|
|
|
@@ -74,13 +75,13 @@
|
|
|
|
|
<!-- @click="msgContentClick(scope)"-->
|
|
|
|
|
<a :style="{'color':scope.readFlag == 0 ? 'red':'#00A0E9'}"
|
|
|
|
|
:title="language == 'zh-cn' && scope.msgContentCn? scope.msgContentCn : scope.msgContent">
|
|
|
|
|
{{language == 'zh-cn' && scope.msgContentCn? scope.msgContentCn : scope.msgContent}}
|
|
|
|
|
{{ language == 'zh-cn' && scope.msgContentCn ? scope.msgContentCn : scope.msgContent }}
|
|
|
|
|
</a>
|
|
|
|
|
</span>
|
|
|
|
|
<span slot="msgCategory" slot-scope="text,scope">
|
|
|
|
|
<!-- :style="{'color':scope.readFlag == 0 ? 'red':'#00A0E9'}" @click="msgContentClick(scope)"-->
|
|
|
|
|
<span :title="msgCategoryQuery[text]">
|
|
|
|
|
{{msgCategoryQuery[text]}}
|
|
|
|
|
{{ msgCategoryQuery[text] }}
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
<p slot="expandedRowRender" slot-scope="record" style="margin: 0;padding-left: 58px;">
|
|
|
|
@@ -89,300 +90,348 @@
|
|
|
|
|
</p>
|
|
|
|
|
</a-table>
|
|
|
|
|
<show-announcement ref="ShowAnnouncement"></show-announcement>
|
|
|
|
|
<dynamic-notice ref="showDynamNotice" :path="openPath" :formData="formData"/>
|
|
|
|
|
<dynamic-notice ref="showDynamNotice" :path="openPath" :formData="formData" />
|
|
|
|
|
</a-card>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { filterObj } from '@/utils/util'
|
|
|
|
|
import { getAction, putAction, deleteAction } from '@/api/manage'
|
|
|
|
|
import ShowAnnouncement from '@/components/tools/ShowAnnouncement'
|
|
|
|
|
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
|
|
|
|
import DynamicNotice from '../../components/tools/DynamicNotice'
|
|
|
|
|
import { filterObj } from '@/utils/util'
|
|
|
|
|
import { getAction, putAction, deleteAction } from '@/api/manage'
|
|
|
|
|
import ShowAnnouncement from '@/components/tools/ShowAnnouncement'
|
|
|
|
|
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
|
|
|
|
import DynamicNotice from '../../components/tools/DynamicNotice'
|
|
|
|
|
import Vue from 'vue'
|
|
|
|
|
import { ACCESS_TOKEN } from '@/store/mutation-types'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: 'UserAnnouncementList',
|
|
|
|
|
mixins: [JeroListMixin],
|
|
|
|
|
components: {
|
|
|
|
|
DynamicNotice,
|
|
|
|
|
ShowAnnouncement
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
description: '系统通告表管理页面',
|
|
|
|
|
queryParam: {},
|
|
|
|
|
selectedRowKeys: [],
|
|
|
|
|
// '5': this.$t('taskRegulationComplianceTask'),
|
|
|
|
|
msgCategoryQuery: {
|
|
|
|
|
'1': this.$t('SubscriptionNotification'),
|
|
|
|
|
'2': this.$t('warningInformation'),
|
|
|
|
|
'3': this.$t('ForwardPush')
|
|
|
|
|
// '4': this.$t('CollectinguthenticationParameters'),
|
|
|
|
|
// '6':this.$t('RegulationListConfirmationTask'),
|
|
|
|
|
// '7':this.$t('RegulationListConfirmationNotification'),
|
|
|
|
|
// '8':this.$t('RegulationTaskConfirmation'),
|
|
|
|
|
// '9':this.$t('DesignComplianceTask'),
|
|
|
|
|
// '10':this.$t('PreHomoTask'),
|
|
|
|
|
// '11':this.$t('ValidationTask'),
|
|
|
|
|
// '12':this.$t('DesignComplianceNotification'),
|
|
|
|
|
// '13':this.$t('PreHomoNotification'),
|
|
|
|
|
// '14':this.$t('ValidationComplianceNotification'),
|
|
|
|
|
// '15':this.$t('RegulationTaskConfirmationNotification'),
|
|
|
|
|
// '17':this.$t('listConfirmation'),
|
|
|
|
|
// '18':this.$t('taskAffirm'),
|
|
|
|
|
// '19':this.$t('complianceConfirmation'),
|
|
|
|
|
// '20':this.$t('collectionLegislativeComments'),
|
|
|
|
|
// '21':this.$t('regulatoryAndTechnicalAssessment'),
|
|
|
|
|
export default {
|
|
|
|
|
name: 'UserAnnouncementList',
|
|
|
|
|
mixins: [JeroListMixin],
|
|
|
|
|
components: {
|
|
|
|
|
DynamicNotice,
|
|
|
|
|
ShowAnnouncement
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
description: '系统通告表管理页面',
|
|
|
|
|
queryParam: {},
|
|
|
|
|
selectedRowKeys: [],
|
|
|
|
|
// '5': this.$t('taskRegulationComplianceTask'),
|
|
|
|
|
msgCategoryQuery: {
|
|
|
|
|
'1': this.$t('SubscriptionNotification'),
|
|
|
|
|
'2': this.$t('warningInformation'),
|
|
|
|
|
'3': this.$t('ForwardPush')
|
|
|
|
|
// '4': this.$t('CollectinguthenticationParameters'),
|
|
|
|
|
// '6':this.$t('RegulationListConfirmationTask'),
|
|
|
|
|
// '7':this.$t('RegulationListConfirmationNotification'),
|
|
|
|
|
// '8':this.$t('RegulationTaskConfirmation'),
|
|
|
|
|
// '9':this.$t('DesignComplianceTask'),
|
|
|
|
|
// '10':this.$t('PreHomoTask'),
|
|
|
|
|
// '11':this.$t('ValidationTask'),
|
|
|
|
|
// '12':this.$t('DesignComplianceNotification'),
|
|
|
|
|
// '13':this.$t('PreHomoNotification'),
|
|
|
|
|
// '14':this.$t('ValidationComplianceNotification'),
|
|
|
|
|
// '15':this.$t('RegulationTaskConfirmationNotification'),
|
|
|
|
|
// '17':this.$t('listConfirmation'),
|
|
|
|
|
// '18':this.$t('taskAffirm'),
|
|
|
|
|
// '19':this.$t('complianceConfirmation'),
|
|
|
|
|
// '20':this.$t('collectionLegislativeComments'),
|
|
|
|
|
// '21':this.$t('regulatoryAndTechnicalAssessment'),
|
|
|
|
|
},
|
|
|
|
|
columns: [
|
|
|
|
|
{
|
|
|
|
|
title: this.$t('MessageContent'),
|
|
|
|
|
align: 'left',
|
|
|
|
|
dataIndex: 'msgContent',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
scopedSlots: { customRender: 'msgTitile' }
|
|
|
|
|
},
|
|
|
|
|
columns: [
|
|
|
|
|
{
|
|
|
|
|
title: this.$t('MessageContent'),
|
|
|
|
|
align: 'left',
|
|
|
|
|
dataIndex: 'msgContent',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
scopedSlots: { customRender: 'msgTitile' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: this.$t('Sponsor'),
|
|
|
|
|
align: 'left',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
dataIndex: 'initiator',
|
|
|
|
|
width: 200
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: this.$t('MessageType'),
|
|
|
|
|
align: 'left',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
dataIndex: 'msgCategory',
|
|
|
|
|
width: 200,
|
|
|
|
|
scopedSlots: { customRender: 'msgCategory' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: this.$t('NotificationTime'),
|
|
|
|
|
align: 'left',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width: 200,
|
|
|
|
|
dataIndex: 'sendTime'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '',
|
|
|
|
|
align: 'left',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width: 50
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
url: {
|
|
|
|
|
list: '/sys/sysAnnouncementSend/getMyAnnouncementSend',
|
|
|
|
|
editCementSend: 'sys/sysAnnouncementSend/editByAnntIdAndUserId',
|
|
|
|
|
readAllMsg: 'sys/sysAnnouncementSend/read',
|
|
|
|
|
deleteUrl: 'sys/sysAnnouncementSend/deleteBatch'
|
|
|
|
|
{
|
|
|
|
|
title: this.$t('Sponsor'),
|
|
|
|
|
align: 'left',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
dataIndex: 'initiator',
|
|
|
|
|
width: 200
|
|
|
|
|
},
|
|
|
|
|
loading: false,
|
|
|
|
|
openPath: '',
|
|
|
|
|
formData: '',
|
|
|
|
|
language: ''
|
|
|
|
|
{
|
|
|
|
|
title: this.$t('MessageType'),
|
|
|
|
|
align: 'left',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
dataIndex: 'msgCategory',
|
|
|
|
|
width: 200,
|
|
|
|
|
scopedSlots: { customRender: 'msgCategory' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: this.$t('NotificationTime'),
|
|
|
|
|
align: 'left',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width: 200,
|
|
|
|
|
dataIndex: 'sendTime'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '',
|
|
|
|
|
align: 'left',
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width: 50
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
url: {
|
|
|
|
|
list: '/sys/sysAnnouncementSend/getMyAnnouncementSend',
|
|
|
|
|
editCementSend: 'sys/sysAnnouncementSend/editByAnntIdAndUserId',
|
|
|
|
|
readAllMsg: 'sys/sysAnnouncementSend/read',
|
|
|
|
|
deleteUrl: 'sys/sysAnnouncementSend/deleteBatch'
|
|
|
|
|
},
|
|
|
|
|
loading: false,
|
|
|
|
|
openPath: '',
|
|
|
|
|
formData: '',
|
|
|
|
|
language: ''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
$route: function(res) {
|
|
|
|
|
console.log(res)
|
|
|
|
|
this.loadData()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.language = localStorage.getItem('language') || ''
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
expandIcon(props) {
|
|
|
|
|
if (props.expanded) {
|
|
|
|
|
return <a-icon type="down" onClick={e => {
|
|
|
|
|
props.onExpand(props.record, e)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/>
|
|
|
|
|
} else {
|
|
|
|
|
return <a-icon type="right" onClick={e => {
|
|
|
|
|
props.onExpand(props.record, e)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
$route: function(res) {
|
|
|
|
|
console.log(res)
|
|
|
|
|
this.loadData()
|
|
|
|
|
loadData(arg) {
|
|
|
|
|
if (!this.url.list) {
|
|
|
|
|
this.$message.error('请设置url.list属性!')
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
//加载数据 若传入参数1则加载第一页的内容
|
|
|
|
|
if (arg === 1) {
|
|
|
|
|
this.ipagination.current = 1
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var params = this.getQueryParams()//查询条件
|
|
|
|
|
this.loading = true
|
|
|
|
|
getAction(this.url.list, params).then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
//update-begin---author:zhangyafei Date:20201118 for:适配不分页的数据列表------------
|
|
|
|
|
if (res.result.current > 1 && res.result.records.length == 0) {
|
|
|
|
|
this.loadData(1)
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.dataSource = res.result.records || res.result
|
|
|
|
|
if (this.dataSource && this.dataSource.length > 0) {
|
|
|
|
|
this.dataSource.forEach(val => {
|
|
|
|
|
if (val.msgContentInfoCn && val.msgContentInfoCn.includes('/common/downLoadFile')) {
|
|
|
|
|
let index = val.msgContentInfoCn.indexOf('target')
|
|
|
|
|
val.msgContentInfoCn = val.msgContentInfoCn.slice(0, index - 2) + '&token=' + Vue.ls.get(ACCESS_TOKEN) + '\' '
|
|
|
|
|
+ val.msgContentInfoCn.slice(index)
|
|
|
|
|
}
|
|
|
|
|
if (val.msgContentInfo && val.msgContentInfo.includes('/common/downLoadFile')) {
|
|
|
|
|
let index = val.msgContentInfo.indexOf('target')
|
|
|
|
|
val.msgContentInfo = val.msgContentInfo.slice(0, index - 2) + '&token=' + Vue.ls.get(ACCESS_TOKEN) + '\' '
|
|
|
|
|
+ val.msgContentInfo.slice(index)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (res.result.total) {
|
|
|
|
|
this.ipagination.total = res.result.total
|
|
|
|
|
} else {
|
|
|
|
|
this.ipagination.total = 0
|
|
|
|
|
}
|
|
|
|
|
//update-end---author:zhangyafei Date:20201118 for:适配不分页的数据列表------------
|
|
|
|
|
}
|
|
|
|
|
if (res.code === 510) {
|
|
|
|
|
this.$message.warning(res.message)
|
|
|
|
|
}
|
|
|
|
|
this.loading = false
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getQueryParams() {
|
|
|
|
|
//获取查询条件
|
|
|
|
|
let sqp = {}
|
|
|
|
|
if (this.superQueryParams) {
|
|
|
|
|
sqp['superQueryParams'] = encodeURI(this.superQueryParams)
|
|
|
|
|
sqp['superQueryMatchType'] = this.superQueryMatchType
|
|
|
|
|
}
|
|
|
|
|
if (localStorage.getItem('msgContent')) {
|
|
|
|
|
this.queryParam.msgContent = localStorage.getItem('msgContent')
|
|
|
|
|
this.queryParam = { ...this.queryParam }
|
|
|
|
|
localStorage.removeItem('msgContent')
|
|
|
|
|
}
|
|
|
|
|
var param = Object.assign(sqp, this.queryParam, this.isorter, this.filters)
|
|
|
|
|
param.field = this.getQueryField()
|
|
|
|
|
param.pageNo = this.ipagination.current
|
|
|
|
|
param.pageSize = this.ipagination.pageSize
|
|
|
|
|
return filterObj(param)
|
|
|
|
|
},
|
|
|
|
|
showAnnouncement(record) {
|
|
|
|
|
putAction(this.url.editCementSend, { anntId: record.anntId }).then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.loadData()
|
|
|
|
|
this.syncHeadNotic(record.anntId)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
if (record.openType === 'component') {
|
|
|
|
|
this.openPath = record.openPage
|
|
|
|
|
this.formData = { id: record.busId }
|
|
|
|
|
this.$refs.showDynamNotice.detail()
|
|
|
|
|
} else {
|
|
|
|
|
this.$refs.ShowAnnouncement.detail(record)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.language = localStorage.getItem('language') || ''
|
|
|
|
|
expandChange(isTrue, val) {
|
|
|
|
|
if (isTrue) {
|
|
|
|
|
if (val.readFlag == '0') {
|
|
|
|
|
this.msgContentClick(val)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
expandIcon(props) {
|
|
|
|
|
if (props.expanded) {
|
|
|
|
|
return <a-icon type = 'down'onClick = { e=>
|
|
|
|
|
{
|
|
|
|
|
props.onExpand(props.record, e)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/>;
|
|
|
|
|
} else {
|
|
|
|
|
return <a-icon type = 'right' onClick = { e =>
|
|
|
|
|
{
|
|
|
|
|
props.onExpand(props.record, e)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/>;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
getQueryParams() {
|
|
|
|
|
//获取查询条件
|
|
|
|
|
let sqp = {}
|
|
|
|
|
if (this.superQueryParams) {
|
|
|
|
|
sqp['superQueryParams'] = encodeURI(this.superQueryParams)
|
|
|
|
|
sqp['superQueryMatchType'] = this.superQueryMatchType
|
|
|
|
|
}
|
|
|
|
|
if (localStorage.getItem('msgContent')) {
|
|
|
|
|
this.queryParam.msgContent = localStorage.getItem('msgContent')
|
|
|
|
|
this.queryParam = { ...this.queryParam }
|
|
|
|
|
localStorage.removeItem('msgContent')
|
|
|
|
|
}
|
|
|
|
|
var param = Object.assign(sqp, this.queryParam, this.isorter, this.filters)
|
|
|
|
|
param.field = this.getQueryField()
|
|
|
|
|
param.pageNo = this.ipagination.current
|
|
|
|
|
param.pageSize = this.ipagination.pageSize
|
|
|
|
|
return filterObj(param)
|
|
|
|
|
},
|
|
|
|
|
showAnnouncement(record) {
|
|
|
|
|
putAction(this.url.editCementSend, { anntId: record.anntId }).then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.loadData()
|
|
|
|
|
this.syncHeadNotic(record.anntId)
|
|
|
|
|
readAll() {
|
|
|
|
|
var that = this
|
|
|
|
|
if (this.selectedRowKeys.length > 0) {
|
|
|
|
|
that.$confirm({
|
|
|
|
|
content: that.$t('AreAllLabelsRead'),
|
|
|
|
|
onOk: function() {
|
|
|
|
|
let selectedRowKeys = JSON.parse(JSON.stringify(that.selectedRowKeys))
|
|
|
|
|
getAction(that.url.readAllMsg, { ids: selectedRowKeys.join(',') }).then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
that.selectedRowKeys = []
|
|
|
|
|
that.$message.success(that.$t('OperationSuccessful'))
|
|
|
|
|
that.loadData()
|
|
|
|
|
} else {
|
|
|
|
|
that.$message.success(that.$t('operationFailed'))
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
if (record.openType === 'component') {
|
|
|
|
|
this.openPath = record.openPage
|
|
|
|
|
this.formData = { id: record.busId }
|
|
|
|
|
this.$refs.showDynamNotice.detail()
|
|
|
|
|
} else {
|
|
|
|
|
this.$refs.ShowAnnouncement.detail(record)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
expandChange(isTrue, val) {
|
|
|
|
|
if (isTrue) {
|
|
|
|
|
if (val.readFlag == '0') {
|
|
|
|
|
this.msgContentClick(val)
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.warning(this.$t('PleaseSelectData'))
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onSelectChange(value) {
|
|
|
|
|
this.selectedRowKeys = value
|
|
|
|
|
},
|
|
|
|
|
msgContentClick(row) {
|
|
|
|
|
getAction(this.url.readAllMsg, { ids: row.id }).then((res) => {
|
|
|
|
|
// this.loadData()
|
|
|
|
|
})
|
|
|
|
|
// this.$router.push({
|
|
|
|
|
// path: '/system/MessageDetails',
|
|
|
|
|
// query: row
|
|
|
|
|
// })
|
|
|
|
|
},
|
|
|
|
|
handleDel() {
|
|
|
|
|
var that = this
|
|
|
|
|
if (this.selectedRowKeys.length > 0) {
|
|
|
|
|
that.$confirm({
|
|
|
|
|
content: that.$t('ConfirmBatchDeletion'),
|
|
|
|
|
onOk: function() {
|
|
|
|
|
let selectedRowKeys = JSON.parse(JSON.stringify(that.selectedRowKeys))
|
|
|
|
|
deleteAction(that.url.deleteUrl, { ids: selectedRowKeys.join(',') }).then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
that.selectedRowKeys = []
|
|
|
|
|
that.$message.success(that.$t('OperationSuccessful'))
|
|
|
|
|
that.loadData()
|
|
|
|
|
} else {
|
|
|
|
|
that.$message.warning(that.$t('operationFailed'))
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
readAll() {
|
|
|
|
|
var that = this
|
|
|
|
|
if (this.selectedRowKeys.length > 0) {
|
|
|
|
|
that.$confirm({
|
|
|
|
|
content: that.$t('AreAllLabelsRead'),
|
|
|
|
|
onOk: function() {
|
|
|
|
|
let selectedRowKeys = JSON.parse(JSON.stringify(that.selectedRowKeys))
|
|
|
|
|
getAction(that.url.readAllMsg, { ids: selectedRowKeys.join(',') }).then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
that.selectedRowKeys = []
|
|
|
|
|
that.$message.success(that.$t('OperationSuccessful'))
|
|
|
|
|
that.loadData()
|
|
|
|
|
} else {
|
|
|
|
|
that.$message.success(that.$t('operationFailed'))
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.warning(this.$t('PleaseSelectData'))
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onSelectChange(value) {
|
|
|
|
|
this.selectedRowKeys = value
|
|
|
|
|
},
|
|
|
|
|
msgContentClick(row) {
|
|
|
|
|
getAction(this.url.readAllMsg, { ids: row.id }).then((res) => {
|
|
|
|
|
// this.loadData()
|
|
|
|
|
})
|
|
|
|
|
// this.$router.push({
|
|
|
|
|
// path: '/system/MessageDetails',
|
|
|
|
|
// query: row
|
|
|
|
|
// })
|
|
|
|
|
},
|
|
|
|
|
handleDel() {
|
|
|
|
|
var that = this
|
|
|
|
|
if (this.selectedRowKeys.length > 0) {
|
|
|
|
|
that.$confirm({
|
|
|
|
|
content: that.$t('ConfirmBatchDeletion'),
|
|
|
|
|
onOk: function() {
|
|
|
|
|
let selectedRowKeys = JSON.parse(JSON.stringify(that.selectedRowKeys))
|
|
|
|
|
deleteAction(that.url.deleteUrl, { ids: selectedRowKeys.join(',') }).then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
that.selectedRowKeys = []
|
|
|
|
|
that.$message.success(that.$t('OperationSuccessful'))
|
|
|
|
|
that.loadData()
|
|
|
|
|
} else {
|
|
|
|
|
that.$message.warning(that.$t('operationFailed'))
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.warning(this.$t('PleaseSelectData'))
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.warning(this.$t('PleaseSelectData'))
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped>
|
|
|
|
|
@import '~@assets/less/common.less';
|
|
|
|
|
@import '~@assets/less/common.less';
|
|
|
|
|
|
|
|
|
|
.ant-card-body .table-operator {
|
|
|
|
|
margin-bottom: 18px;
|
|
|
|
|
}
|
|
|
|
|
.ant-card-body .table-operator {
|
|
|
|
|
margin-bottom: 18px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.anty-row-operator button {
|
|
|
|
|
margin: 0 5px
|
|
|
|
|
}
|
|
|
|
|
.anty-row-operator button {
|
|
|
|
|
margin: 0 5px
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ant-btn-danger {
|
|
|
|
|
background-color: #ffffff
|
|
|
|
|
}
|
|
|
|
|
.ant-btn-danger {
|
|
|
|
|
background-color: #ffffff
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ant-modal-cust-warp {
|
|
|
|
|
height: 100%
|
|
|
|
|
}
|
|
|
|
|
.ant-modal-cust-warp {
|
|
|
|
|
height: 100%
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ant-modal-cust-warp .ant-modal-body {
|
|
|
|
|
height: calc(100% - 110px) !important;
|
|
|
|
|
overflow-y: auto
|
|
|
|
|
}
|
|
|
|
|
.ant-modal-cust-warp .ant-modal-body {
|
|
|
|
|
height: calc(100% - 110px) !important;
|
|
|
|
|
overflow-y: auto
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ant-modal-cust-warp .ant-modal-content {
|
|
|
|
|
height: 90% !important;
|
|
|
|
|
overflow-y: hidden
|
|
|
|
|
}
|
|
|
|
|
.ant-modal-cust-warp .ant-modal-content {
|
|
|
|
|
height: 90% !important;
|
|
|
|
|
overflow-y: hidden
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.box-title-text {
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
.box-title-text {
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.title-text {
|
|
|
|
|
width: 20%;
|
|
|
|
|
min-width: 90px;
|
|
|
|
|
color: #000F16;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin-right: 16px;
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
text-align: right;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
}
|
|
|
|
|
.title-text {
|
|
|
|
|
width: 20%;
|
|
|
|
|
min-width: 90px;
|
|
|
|
|
color: #000F16;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin-right: 16px;
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
text-align: right;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.box-input {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 70%;
|
|
|
|
|
height: 38px;
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
}
|
|
|
|
|
.box-input {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 70%;
|
|
|
|
|
height: 38px;
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.box-button {
|
|
|
|
|
height: 38px;
|
|
|
|
|
/*margin-top: 2px;*/
|
|
|
|
|
}
|
|
|
|
|
.box-button {
|
|
|
|
|
height: 38px;
|
|
|
|
|
/*margin-top: 2px;*/
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
::v-deep .ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style>
|
|
|
|
|
.box-input .ant-select-selection {
|
|
|
|
|
height: 38px;
|
|
|
|
|
line-height: 38px;
|
|
|
|
|
}
|
|
|
|
|
.box-input .ant-select-selection {
|
|
|
|
|
height: 38px;
|
|
|
|
|
line-height: 38px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.box-input .ant-select-selection__rendered {
|
|
|
|
|
line-height: 38px;
|
|
|
|
|
}
|
|
|
|
|
.box-input .ant-select-selection__rendered {
|
|
|
|
|
line-height: 38px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|