141 lines
3.9 KiB
Vue
141 lines
3.9 KiB
Vue
|
<template>
|
||
|
|
<div class="card-box">
|
||
|
|
<el-steps class="steps" :active="display">
|
||
|
|
<el-step title="系统通知" icon="el-icon-edit-outline" />
|
||
|
|
<el-step title="" icon="el-icon-upload" />
|
||
|
|
</el-steps>
|
||
|
|
<div class="joylink-card forms">
|
||
|
|
<div style="height: 100%; padding-top: 40px; overflow-y: auto; position: relative;">
|
||
|
|
<el-form ref="form" :model="messageModel" :rules="rules" label-width="200px">
|
||
|
|
<el-form-item label="内容主题:" prop="title">
|
||
|
|
<el-input v-model="messageModel.title" style="width: 450px" /></el-form-item>
|
||
|
|
<el-form-item label="内容:" prop="content">
|
||
|
|
<el-input v-model="messageModel.content" style="width: 450px" type="textarea" :autosize="{ minRows: 2, maxRows: 6}" />
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="通知选择:" prop="showClose">
|
||
|
|
<el-radio-group v-model="messageModel.showClose">
|
||
|
|
<el-radio v-for="(item, index) in regionList" :key="index" :label="item.value">{{ item.label }}</el-radio>
|
||
|
|
</el-radio-group>
|
||
|
|
</el-form-item>
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="draft">
|
||
|
|
<el-button type="primary" @click="pushNotification">{{ $t('system.push') }}</el-button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { pushMessage } from '@/api/pushMessage';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'News',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
display: 1,
|
||
|
|
regionList: [],
|
||
|
|
messageModel: {
|
||
|
|
title: '',
|
||
|
|
content: '',
|
||
|
|
showClose: '02'
|
||
|
|
},
|
||
|
|
rules: {
|
||
|
|
title: [
|
||
|
|
{ required: true, message: this.$t('rules.enterTheNewsTitle'), trigger: 'blur'}
|
||
|
|
],
|
||
|
|
content:[
|
||
|
|
{ required: true, message: this.$t('rules.enterTheNewsContent'), trigger: 'blur' }
|
||
|
|
],
|
||
|
|
showClose: [
|
||
|
|
{ required: true, message: this.$t('rules.chooseNewsCanBeClosed'), trigger: 'change' }
|
||
|
|
]
|
||
|
|
}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
this.regionList = [];
|
||
|
|
this.$Dictionary.systemInform().then(list => {
|
||
|
|
this.regionList = list.map(elem => { return { value: elem.code, label: elem.name }; });
|
||
|
|
});
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
pushNotification() {
|
||
|
|
this.$refs['form'].validate((valid) => {
|
||
|
|
if (valid) {
|
||
|
|
pushMessage(this.messageModel).then(resp => {
|
||
|
|
this.$message.success('推送成功');
|
||
|
|
}).catch(() => {
|
||
|
|
this.$messageBox('推送失败');
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||
|
|
@import "src/styles/mixin.scss";
|
||
|
|
|
||
|
|
.card-box {
|
||
|
|
padding-top: 20px;
|
||
|
|
height: 100%;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.steps {
|
||
|
|
width: 980px;
|
||
|
|
margin: 0 auto;
|
||
|
|
|
||
|
|
/deep/ {
|
||
|
|
.el-step__icon.is-icon {
|
||
|
|
width: 95px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.online_box {
|
||
|
|
position: absolute;
|
||
|
|
left: 20px;
|
||
|
|
top: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.forms {
|
||
|
|
width: 800px;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-top: 10px;
|
||
|
|
height: calc(100% - 150px);
|
||
|
|
|
||
|
|
/deep/ {
|
||
|
|
.el-select {
|
||
|
|
float: left;
|
||
|
|
width: calc(600px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-textarea {
|
||
|
|
float: left;
|
||
|
|
width: calc(600px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-form-item__content>.el-input {
|
||
|
|
float: left;
|
||
|
|
width: calc(600px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-input-number {
|
||
|
|
float: left;
|
||
|
|
width: calc(250px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.draft {
|
||
|
|
width: 300px;
|
||
|
|
text-align: center;
|
||
|
|
margin: 20px auto;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|