|
|
@@ -35,6 +35,8 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
+
|
|
|
+
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
@@ -99,6 +101,13 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column :label="$t('操作')" align="center" class-name="small-padding fixed-width">
|
|
|
<template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-select"
|
|
|
+ @click="handleSelect (scope.row)"
|
|
|
+ v-hasPermi="['system:notice:select']"
|
|
|
+ >{{ $t('查看') }}</el-button>
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
type="text"
|
|
|
@@ -131,7 +140,7 @@
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item :label="$t('公告标题')" prop="noticeTitle">
|
|
|
- <el-input v-model="form.noticeTitle" :placeholder="$t('请输入') + $t('公告标题')" />
|
|
|
+ <el-input v-model="form.noticeTitle" :placeholder="$t('请输入') + $t('公告标题')"/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
@@ -157,9 +166,9 @@
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="24">
|
|
|
+ <el-col :span="24" >
|
|
|
<el-form-item :label="$t('内容')">
|
|
|
- <editor v-model="form.noticeContent" :min-height="192"/>
|
|
|
+ <editor v-model="form.noticeContent" :min-height="192" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -169,11 +178,53 @@
|
|
|
<el-button @click="cancel">{{ $t('取 消') }}</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <el-dialog v-dialogDrag :title="title" :visible.sync="checkView" width="780px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item :label="$t('公告标题')" prop="noticeTitle">
|
|
|
+ <el-input v-model="form.noticeTitle" :placeholder="$t('请输入') + $t('公告标题')" v-bind:disabled="check"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item :label="$t('公告类型')" prop="noticeType">
|
|
|
+ <el-select v-model="form.noticeType" :placeholder="$t('请选择') + $t('公告类型')" v-bind:disabled="check">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in typeOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('状态')">
|
|
|
+ <el-radio-group v-model="form.status">
|
|
|
+ <el-radio
|
|
|
+ v-for="dict in statusOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictValue"
|
|
|
+ v-bind:disabled="check"
|
|
|
+ >{{dict.dictLabel}}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" v-if="check">
|
|
|
+ <el-form-item :label="$t('内容')">
|
|
|
+ <p v-html="form.noticeContent" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { listNotice, getNotice, delNotice, addNotice, updateNotice, exportNotice } from "@/api/system/notice";
|
|
|
+import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/system/notice";
|
|
|
import Editor from '@/components/Editor';
|
|
|
|
|
|
export default {
|
|
|
@@ -183,6 +234,8 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ checkView: false,
|
|
|
+ check: false,
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
// 选中数组
|
|
|
@@ -201,6 +254,8 @@ export default {
|
|
|
title: "",
|
|
|
// 是否显示弹出层
|
|
|
open: false,
|
|
|
+ detailsView: false,
|
|
|
+
|
|
|
// 类型数据字典
|
|
|
statusOptions: [],
|
|
|
// 状态数据字典
|
|
|
@@ -213,6 +268,8 @@ export default {
|
|
|
createBy: undefined,
|
|
|
status: undefined
|
|
|
},
|
|
|
+ // 弹出层数据
|
|
|
+ detailList: {},
|
|
|
// 表单参数
|
|
|
form: {},
|
|
|
// 表单校验
|
|
|
@@ -223,7 +280,7 @@ export default {
|
|
|
noticeType: [
|
|
|
{ required: true, message: this.$t('公告类型') + this.$t('不能为空'), trigger: "change" }
|
|
|
]
|
|
|
- }
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -265,8 +322,9 @@ export default {
|
|
|
noticeTitle: undefined,
|
|
|
noticeType: undefined,
|
|
|
noticeContent: undefined,
|
|
|
- status: "0"
|
|
|
+ status: "0",
|
|
|
};
|
|
|
+ this.check = false;
|
|
|
this.resetForm("form");
|
|
|
},
|
|
|
/** 搜索按钮操作 */
|
|
|
@@ -293,6 +351,7 @@ export default {
|
|
|
},
|
|
|
/** 修改按钮操作 */
|
|
|
handleUpdate(row) {
|
|
|
+ this.check = false,
|
|
|
this.reset();
|
|
|
const noticeId = row.noticeId || this.ids
|
|
|
getNotice(noticeId).then(response => {
|
|
|
@@ -301,6 +360,18 @@ export default {
|
|
|
this.title = this.$t('修改') + " " + this.$t('公告');
|
|
|
});
|
|
|
},
|
|
|
+ /** 查看 **/
|
|
|
+ handleSelect(row) {
|
|
|
+ this.reset();
|
|
|
+ const noticeId = row.noticeId || this.ids
|
|
|
+ getNotice(noticeId).then(response => {
|
|
|
+ this.form = response.data;
|
|
|
+ this.checkView = true;
|
|
|
+ this.check= true;
|
|
|
+ this.title = this.$t('查看') + " " + this.$t('公告');
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
/** 提交按钮 */
|
|
|
submitForm: function() {
|
|
|
this.$refs["form"].validate(valid => {
|
|
|
@@ -338,3 +409,4 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
+
|
12417
