|
@@ -1,139 +1,199 @@
|
|
|
<template>
|
|
|
- <el-dialog
|
|
|
- :title="!id ? '发布': display ? '详情' : '修改'"
|
|
|
- width="70%"
|
|
|
- :close-on-click-modal="false"
|
|
|
- :visible.sync="visible">
|
|
|
- <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="auto">
|
|
|
- <el-row class="my-row">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="公告主题名称">
|
|
|
- <el-input v-model="dataForm.title" :disabled="display" placeholder="请输入公告主题名称"></el-input>
|
|
|
+ <div>
|
|
|
+ <el-dialog
|
|
|
+ :title="!id ? '发布': display ? '详情' : '修改'"
|
|
|
+ width="70%"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :visible.sync="visible">
|
|
|
+ <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="auto">
|
|
|
+ <el-row class="my-row">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="公告主题名称" prop="title">
|
|
|
+ <el-input v-model="dataForm.title" :disabled="display" placeholder="请输入公告主题名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" style="padding-left: 20px">
|
|
|
+ <el-form-item label="级别" prop="level">
|
|
|
+ <el-input v-if="display" v-model="dataForm.levelDesc" :disabled="true"/>
|
|
|
+ <el-select v-else
|
|
|
+ v-model="dataForm.level"
|
|
|
+ :disabled="display"
|
|
|
+ placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in optionsLevel"
|
|
|
+ :key="item.code"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.code">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="my-row">
|
|
|
+ <el-form-item label="公告内容" prop="content">
|
|
|
+ <el-input v-model="dataForm.content" :disabled="display" placeholder="公告内容"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" style="padding-left: 20px">
|
|
|
- <el-form-item label="级别" prop="level">
|
|
|
- <el-select
|
|
|
- v-model="dataForm.level"
|
|
|
- :disabled="display"
|
|
|
- remote
|
|
|
- placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in optionLevel"
|
|
|
- :key="item.code"
|
|
|
- :label="item.value"
|
|
|
- :value="item.code">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="my-row">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="客户名称" prop="name">
|
|
|
- <el-input v-model="dataForm.name" disabled placeholder="客户名称"></el-input>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="my-row">
|
|
|
+ <div class="title"><span style="color: red">*</span> 公告附件</div>
|
|
|
+ <el-upload
|
|
|
+ class="upload-demo"
|
|
|
+ ref="upload"
|
|
|
+ :multiple="true"
|
|
|
+ action="#"
|
|
|
+ accept="image/jpeg,image/gif,image/png"
|
|
|
+ :on-preview="handlePreview"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :on-change="handleChange"
|
|
|
+ :file-list="fileList"
|
|
|
+ :limit="5"
|
|
|
+ :on-exceed="handleExceed"
|
|
|
+ :auto-upload="false">
|
|
|
+ <el-button v-show="!display" slot="trigger" size="small" type="primary">选取文件</el-button>
|
|
|
+ <el-button v-show="!display" style="margin-left: 10px;" size="small" type="success" @click="submitUpload">开始上传</el-button>
|
|
|
+ <div v-show="!display" slot="tip" class="el-upload__tip">只能上传jpg/png文件,最多5张图片,且每张图片不超过10M</div>
|
|
|
+ </el-upload>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="my-row" style="margin-top: 10px">
|
|
|
+ <el-form-item label="备注说明" prop="notes">
|
|
|
+ <el-input v-model="dataForm.notes" :disabled="display" placeholder="备注说明"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" style="padding-left: 20px">
|
|
|
- <el-form-item label="联系人" prop="cellName">
|
|
|
- <el-input v-model="dataForm.cellName" disabled placeholder="联系人"></el-input>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-form-item label="接收对象" prop="receivers">
|
|
|
+ <user-components v-model="dataForm.receivers" :user-ids="dataForm.receivers" @change='receiverChange' :disabled="display"/>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="my-row">
|
|
|
- <el-form-item label="备注说明">
|
|
|
- <el-input v-model="dataForm.notes" :disabled="display" placeholder="备注说明"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-row>
|
|
|
- <el-row class="my-row">
|
|
|
- <div class="title">沟通信息表附件</div>
|
|
|
- </el-row>
|
|
|
- <el-row class="my-row">
|
|
|
- <div class="title"><span style="color: red">*</span> 合同评审表</div>
|
|
|
- <el-upload
|
|
|
- v-show="!display"
|
|
|
- class="upload-demo"
|
|
|
- ref="upload"
|
|
|
- action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
- :on-preview="handlePreview"
|
|
|
- :on-remove="handleRemove"
|
|
|
- :file-list="fileList"
|
|
|
- :auto-upload="false">
|
|
|
- <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
|
|
- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">开始上传</el-button>
|
|
|
- </el-upload>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="visible = false">取消</el-button>
|
|
|
- <el-button v-if="!display" type="primary" @click="dataFormSubmit()">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="visible = false">取消</el-button>
|
|
|
+ <el-button v-if="!display" type="primary" @click="dataFormSubmit()">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 图片预览 -->
|
|
|
+ <el-dialog title="图片预览" :visible.sync="previewVisible" width="50%">
|
|
|
+ <img :src="previewPath" :alt="previewName" style="width:100%;height:100%" />
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- // import { getcoCode, getReviewType, getreDetail } from '@/api/cus'
|
|
|
+ import { getNoticeDetail, publishNotice } from '@/api/notice'
|
|
|
+ import UserComponents from '../common/user-components'
|
|
|
+ import { uploadUrl, downloadUrl, uploadFiles } from '@/api/file'
|
|
|
+ import { getDictList } from '@/api/dict'
|
|
|
export default {
|
|
|
name: 'notice-add-or-update',
|
|
|
+ components: {UserComponents},
|
|
|
data () {
|
|
|
return {
|
|
|
visible: false,
|
|
|
- dictType: 'material_type',
|
|
|
- options: [],
|
|
|
- options1: [],
|
|
|
+ optionsLevel: [],
|
|
|
dataList: [],
|
|
|
fileList: [],
|
|
|
id: 0,
|
|
|
- dataForm: {
|
|
|
- coCode: '',
|
|
|
- name: '',
|
|
|
- cellName: '',
|
|
|
- reType: '',
|
|
|
- notes: '',
|
|
|
- attachList: []
|
|
|
- },
|
|
|
+ dataForm: {},
|
|
|
dataRule: {
|
|
|
- coCode: [{ required: true, message: '沟通编码不能为空', trigger: 'change' }],
|
|
|
- reType: [{ required: true, message: '评审类别不能为空', trigger: 'change' }],
|
|
|
- name: [{ required: true, message: '客户名称不能为空', trigger: 'blur' }],
|
|
|
- cellName: [{ required: true, message: '联系人不能为空', trigger: 'blur' }]
|
|
|
+ title: [{ required: true, message: '公告主题名称不能为空', trigger: 'blur' }],
|
|
|
+ level: [{ required: true, message: '清选择级别', trigger: 'change' }],
|
|
|
+ content: [{ required: true, message: '公告内容不能为空', trigger: 'blur' }]
|
|
|
},
|
|
|
- display: false
|
|
|
- }
|
|
|
- },
|
|
|
- watch: {
|
|
|
- 'dataForm.coCode' (value) {
|
|
|
- this.options1.forEach(v => {
|
|
|
- if (v.customerId === value) {
|
|
|
- this.dataForm.name = v.customerName
|
|
|
- this.dataForm.cellName = v.contact
|
|
|
- }
|
|
|
- })
|
|
|
+ display: false,
|
|
|
+ uploadUrl: uploadUrl,
|
|
|
+ previewPath: '',
|
|
|
+ previewName: '',
|
|
|
+ previewVisible: false
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- async init (id, disabled) {
|
|
|
+ async init (id, display) {
|
|
|
+ this.dataForm = {}
|
|
|
+ this.fileList = []
|
|
|
this.visible = true
|
|
|
this.id = id || 0
|
|
|
+ this.display = display
|
|
|
+ // 获取沟通类别
|
|
|
+ await getDictList({type: 'announcement_level'}).then(({data}) => {
|
|
|
+ if (data) {
|
|
|
+ this.optionsLevel = data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ if (!id) return
|
|
|
+ await getNoticeDetail(this.id).then(({data}) => {
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.dataForm = data.data
|
|
|
+ // 附件显示
|
|
|
+ this.fileList = []
|
|
|
+ data.data.attaches.forEach((item) => {
|
|
|
+ this.fileList.push({
|
|
|
+ name: item.fileName,
|
|
|
+ url: item.url,
|
|
|
+ id: item.url
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
submitUpload () {
|
|
|
- this.$refs.upload.submit()
|
|
|
+ if (this.fileList.length === 0) {
|
|
|
+ return this.$message.warning('请选取文件后再上传')
|
|
|
+ }
|
|
|
+ const formData = new FormData()
|
|
|
+ this.fileList.forEach((file) => {
|
|
|
+ formData.append('file', file.raw)
|
|
|
+ })
|
|
|
+ uploadFiles(formData).then(({data}) => {
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ data.data.forEach((item) => {
|
|
|
+ let fileData = this.fileList.find((file) => file.name === item.originFileName)
|
|
|
+ fileData.url = item.fileUrl
|
|
|
+ })
|
|
|
+ this.$message.success('上传成功')
|
|
|
+ } else {
|
|
|
+ this.$message.error('上传失败')
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
handleRemove (file, fileList) {
|
|
|
- console.log(file, fileList)
|
|
|
+ this.fileList = fileList
|
|
|
},
|
|
|
handlePreview (file) {
|
|
|
- console.log(file)
|
|
|
+ if (file && file.url) {
|
|
|
+ // 获取文件路径
|
|
|
+ this.previewPath = downloadUrl + file.url
|
|
|
+ this.previewName = file.name
|
|
|
+ this.previewVisible = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleChange (file, fileList) {
|
|
|
+ this.fileList = fileList
|
|
|
+ },
|
|
|
+ handleExceed (files, fileList) {
|
|
|
+ this.$message.warning(`当前限制选择 5 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`)
|
|
|
},
|
|
|
// 表单提交
|
|
|
dataFormSubmit () {
|
|
|
this.$refs['dataForm'].validate((valid) => {
|
|
|
if (valid) {
|
|
|
- this.$http({
|
|
|
- url: this.$http.adornUrl(`/biz-service/flow/cusContractReview/submit`),
|
|
|
- method: 'post',
|
|
|
- data: this.$http.adornData(this.dataForm)
|
|
|
- }).then(({data}) => {
|
|
|
+ // 添加附件
|
|
|
+ let fList = this.fileList
|
|
|
+ if (fList.length > 0) {
|
|
|
+ this.dataForm.attaches = []
|
|
|
+ for (let i = 0; i < fList.length; i++) {
|
|
|
+ this.dataForm.attaches.push({
|
|
|
+ fileName: fList[i].name,
|
|
|
+ url: fList[i].url
|
|
|
+ })
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message.error('清选择公告附件')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.dataForm.receivers || this.dataForm.receivers.length === 0) {
|
|
|
+ this.$message.error('清选择接收对象')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ publishNotice(this.dataForm).then(({data}) => {
|
|
|
if (data && data.code === '200') {
|
|
|
this.$message({
|
|
|
message: '操作成功',
|
|
@@ -153,6 +213,9 @@
|
|
|
},
|
|
|
validateField (type) {
|
|
|
this.$refs.dataForm.validateField(type)
|
|
|
+ },
|
|
|
+ receiverChange (val) {
|
|
|
+ this.dataForm.receivers = val
|
|
|
}
|
|
|
}
|
|
|
}
|