|
@ -2,14 +2,8 @@ |
|
|
<div class="app-container"> |
|
|
<div class="app-container"> |
|
|
<el-form ref="queryForm" :model="queryParams" :inline="true"> |
|
|
<el-form ref="queryForm" :model="queryParams" :inline="true"> |
|
|
<el-form-item :label="getColumnName('noticeid')"> |
|
|
<el-form-item :label="getColumnName('noticeid')"> |
|
|
<el-input |
|
|
|
|
|
v-model="queryParams.noticeid" |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
clearable |
|
|
|
|
|
size="small" |
|
|
|
|
|
style="width: 200px" |
|
|
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<el-input v-model="queryParams.noticeid" placeholder="请输入" clearable size="small" style="width: 200px" |
|
|
|
|
|
@keyup.enter.native="handleQuery" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|
@ -17,73 +11,50 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<el-table v-loading="loading" :data="dataList" border> |
|
|
<el-table v-loading="loading" :data="dataList" border> |
|
|
<el-table-column |
|
|
|
|
|
v-for="item of columnList" |
|
|
|
|
|
align="center" |
|
|
|
|
|
:label="getColumnName(item)" |
|
|
|
|
|
:prop="item" |
|
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<el-table-column v-for="item of columnList" align="center" :label="getColumnName(item)" :prop="item" |
|
|
|
|
|
:show-overflow-tooltip="true"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="item == 'status'">{{ scope.row[item] == 1? '启用':'停用' }}</span> |
|
|
|
|
|
|
|
|
<span v-if="item == 'status'">{{ scope.row[item] == 1 ? '启用' : '停用' }}</span> |
|
|
<span v-else-if="item == 'buildingid'">{{ getText(scope.row[item]) }}</span> |
|
|
<span v-else-if="item == 'buildingid'">{{ getText(scope.row[item]) }}</span> |
|
|
<span v-else>{{ scope.row[item] }}</span> |
|
|
<span v-else>{{ scope.row[item] }}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="Operation" align="center" fixed="right" width="128"> |
|
|
<el-table-column label="Operation" align="center" fixed="right" width="128"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button |
|
|
|
|
|
size="mini" |
|
|
|
|
|
type="text" |
|
|
|
|
|
icon="el-icon-edit" |
|
|
|
|
|
@click="handleUpdate(scope.row)" |
|
|
|
|
|
>修改</el-button> |
|
|
|
|
|
<el-button |
|
|
|
|
|
size="mini" |
|
|
|
|
|
type="text" |
|
|
|
|
|
icon="el-icon-delete" |
|
|
|
|
|
@click="handleDelete(scope.row)" |
|
|
|
|
|
>删除</el-button> |
|
|
|
|
|
|
|
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button> |
|
|
|
|
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
|
|
|
<pagination |
|
|
|
|
|
v-show="total>0" |
|
|
|
|
|
:total="total" |
|
|
|
|
|
:page.sync="queryParams.pageIndex" |
|
|
|
|
|
:limit.sync="queryParams.pageSize" |
|
|
|
|
|
@pagination="getList" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageIndex" :limit.sync="queryParams.pageSize" |
|
|
|
|
|
@pagination="getList" /> |
|
|
|
|
|
|
|
|
<!-- 添加或修改角色配置对话框 --> |
|
|
<!-- 添加或修改角色配置对话框 --> |
|
|
<el-dialog :title="title" :visible.sync="open" width="640px"> |
|
|
<el-dialog :title="title" :visible.sync="open" width="640px"> |
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> |
|
|
|
|
|
|
|
|
<el-form ref="form" v-if="open" :model="form" :rules="rules" label-width="120px"> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item :label="getColumnName('noticeid')" prop="noticeid"> |
|
|
<el-form-item :label="getColumnName('noticeid')" prop="noticeid"> |
|
|
<el-input :disabled="title=='修改'" v-model="form['noticeid']" placeholder="请输入" /> |
|
|
|
|
|
|
|
|
<el-input :disabled="title == '修改'" v-model="form['noticeid']" placeholder="请输入" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item :label="getColumnName('buildingid')" prop="buildingid"> |
|
|
<el-form-item :label="getColumnName('buildingid')" prop="buildingid"> |
|
|
<el-select v-model="form['buildingid']" placeholder="请选择"> |
|
|
<el-select v-model="form['buildingid']" placeholder="请选择"> |
|
|
<el-option |
|
|
|
|
|
v-for="item in buildingList" |
|
|
|
|
|
:key="item.buildingid" |
|
|
|
|
|
:label="item.descr" |
|
|
|
|
|
|
|
|
<el-option v-for="item in buildingList" :key="item.buildingid" :label="item.descr" |
|
|
:value="item.buildingid"> |
|
|
:value="item.buildingid"> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item :label="getColumnName('title')" prop="title"> |
|
|
<el-form-item :label="getColumnName('title')" prop="title"> |
|
|
<el-input v-model="form['title']" placeholder="请输入" /> |
|
|
<el-input v-model="form['title']" placeholder="请输入" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item :label="getColumnName('noticetype')" prop="noticetype"> |
|
|
<el-form-item :label="getColumnName('noticetype')" prop="noticetype"> |
|
|
<el-input v-model="form['noticetype']" placeholder="请输入" /> |
|
|
<el-input v-model="form['noticetype']" placeholder="请输入" /> |
|
@ -91,23 +62,20 @@ |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item :label="getColumnName('content')" prop="content"> |
|
|
<el-form-item :label="getColumnName('content')" prop="content"> |
|
|
<el-input |
|
|
|
|
|
:rows="2" |
|
|
|
|
|
type="textarea" |
|
|
|
|
|
v-model="form['content']" |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
resize="none" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<el-input :rows="2" type="textarea" v-model="form['content']" placeholder="请输入" resize="none" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="24"> |
|
|
|
|
|
<el-form-item label="选择图片"> |
|
|
|
|
|
<input ref="upload" class="input-upload" type="file" accept="image/*" @change="previewUploadImg($event)"> |
|
|
|
|
|
<!-- <el-button size="mini" type="primary" @click="uploadImg">上传</el-button> --> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item :label="getColumnName('status')" prop="status"> |
|
|
<el-form-item :label="getColumnName('status')" prop="status"> |
|
|
<el-radio-group v-model="form['status']"> |
|
|
<el-radio-group v-model="form['status']"> |
|
|
<el-radio |
|
|
|
|
|
v-for="dict in statusOptions" |
|
|
|
|
|
:key="dict.id" |
|
|
|
|
|
:label="dict.id" |
|
|
|
|
|
>{{ dict.descr }}</el-radio> |
|
|
|
|
|
|
|
|
<el-radio v-for="dict in statusOptions" :key="dict.id" :label="dict.id">{{ dict.descr }}</el-radio> |
|
|
</el-radio-group> |
|
|
</el-radio-group> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
@ -123,6 +91,7 @@ |
|
|
<script> |
|
|
<script> |
|
|
import { getWorkshopList } from '@/common/workshop' |
|
|
import { getWorkshopList } from '@/common/workshop' |
|
|
import { getBuildingAllList } from '@/api/property/building' |
|
|
import { getBuildingAllList } from '@/api/property/building' |
|
|
|
|
|
import { addMedia } from '@/api/questionnaire/subject' |
|
|
import { getTable, getDeatils, del, add, update } from '@/api/announcementManagement' |
|
|
import { getTable, getDeatils, del, add, update } from '@/api/announcementManagement' |
|
|
export default { |
|
|
export default { |
|
|
name: 'announcementManagement', |
|
|
name: 'announcementManagement', |
|
@ -149,18 +118,18 @@ export default { |
|
|
pageSize: 10, |
|
|
pageSize: 10, |
|
|
statid: undefined |
|
|
statid: undefined |
|
|
}, |
|
|
}, |
|
|
columnList:[ |
|
|
|
|
|
|
|
|
columnList: [ |
|
|
"noticeid", |
|
|
"noticeid", |
|
|
"buildingid", |
|
|
"buildingid", |
|
|
"title", |
|
|
"title", |
|
|
"noticetype", |
|
|
"noticetype", |
|
|
"content", |
|
|
"content", |
|
|
// "imagepath", |
|
|
|
|
|
// "numberoflikes", |
|
|
|
|
|
|
|
|
"imagepath", |
|
|
|
|
|
"numberoflikes", |
|
|
"status", |
|
|
"status", |
|
|
"createtime", |
|
|
"createtime", |
|
|
"lastmodifytime", |
|
|
|
|
|
"lastmodifyby" |
|
|
|
|
|
|
|
|
"lastmodifytime", |
|
|
|
|
|
"lastmodifyby" |
|
|
], |
|
|
], |
|
|
statusOptions: [ |
|
|
statusOptions: [ |
|
|
{ id: 1, descr: '启用' }, |
|
|
{ id: 1, descr: '启用' }, |
|
@ -174,7 +143,7 @@ export default { |
|
|
{ required: true, message: '此项不能为空', trigger: 'blur' } |
|
|
{ required: true, message: '此项不能为空', trigger: 'blur' } |
|
|
] |
|
|
] |
|
|
}, |
|
|
}, |
|
|
buildingList:[] |
|
|
|
|
|
|
|
|
buildingList: [], |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
@ -183,16 +152,27 @@ export default { |
|
|
this.getList(); |
|
|
this.getList(); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
getText(value){ |
|
|
|
|
|
|
|
|
previewUploadImg(el) { |
|
|
|
|
|
this.upLoadImg(el.target.files[0]) |
|
|
|
|
|
}, |
|
|
|
|
|
upLoadImg(files) { |
|
|
|
|
|
let uploadData = new FormData(); |
|
|
|
|
|
uploadData.append('media', files); |
|
|
|
|
|
addMedia(uploadData).then(res => { |
|
|
|
|
|
this.msgSuccess('上传成功') |
|
|
|
|
|
this.form.imagepath = res.data |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
getText(value) { |
|
|
let text = value; |
|
|
let text = value; |
|
|
const item = this.buildingList.find(item=>item.buildingid == value); |
|
|
|
|
|
if(item){ |
|
|
|
|
|
|
|
|
const item = this.buildingList.find(item => item.buildingid == value); |
|
|
|
|
|
if (item) { |
|
|
text = item.descr |
|
|
text = item.descr |
|
|
} |
|
|
} |
|
|
return text |
|
|
return text |
|
|
}, |
|
|
}, |
|
|
getBuildingAllList(){ |
|
|
|
|
|
getBuildingAllList().then(({data})=>{ |
|
|
|
|
|
|
|
|
getBuildingAllList() { |
|
|
|
|
|
getBuildingAllList().then(({ data }) => { |
|
|
this.buildingList = data || [] |
|
|
this.buildingList = data || [] |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
@ -245,7 +225,7 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
/** 提交按钮 */ |
|
|
/** 提交按钮 */ |
|
|
submitForm: function() { |
|
|
|
|
|
|
|
|
submitForm: function () { |
|
|
this.$refs['form'].validate(valid => { |
|
|
this.$refs['form'].validate(valid => { |
|
|
if (valid) { |
|
|
if (valid) { |
|
|
if (!this.isAdd) { |
|
|
if (!this.isAdd) { |
|
@ -278,12 +258,12 @@ export default { |
|
|
confirmButtonText: '确定', |
|
|
confirmButtonText: '确定', |
|
|
cancelButtonText: '取消', |
|
|
cancelButtonText: '取消', |
|
|
type: 'warning' |
|
|
type: 'warning' |
|
|
}).then(function() { |
|
|
|
|
|
|
|
|
}).then(function () { |
|
|
return del(row) |
|
|
return del(row) |
|
|
}).then(() => { |
|
|
}).then(() => { |
|
|
this.getList() |
|
|
this.getList() |
|
|
this.msgSuccess('删除成功') |
|
|
this.msgSuccess('删除成功') |
|
|
}).catch(function() {}) |
|
|
|
|
|
|
|
|
}).catch(function () { }) |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|