<template>
|
<GlobalWindow
|
:title="title"
|
width="60%"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<el-form :model="form" ref="form" :rules="rules">
|
<el-form-item label="文案" prop="title" required>
|
<el-input type="textarea" v-model="form.title" placeholder="请输入标题" v-trim maxlength="200"/>
|
</el-form-item>
|
<el-form-item label="发布时间" prop="publishDate" required>
|
<el-date-picker
|
v-model="form.publishDate"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
format="yyyy-MM-dd HH:mm:ss"
|
placeholder="选择时间">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="状态" prop="status" required>
|
<el-radio-group v-model="form.status" >
|
<el-radio :label="0" >展示</el-radio>
|
<el-radio :label="1">不展示</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="附件类型" prop="fileType" required>
|
<el-radio-group v-model="form.fileType" >
|
<el-radio :label="0" >图片</el-radio>
|
<el-radio :label="1">视频</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="图集上传 （最多9张）" v-if="form.fileType !=1">
|
<upload width="100px" height="100px" :max-length="9" @dele="delFile" :list="fileImgList" accept=".png,.jpg,.jpeg" folder="spokesman" @loading="loading = true" @success="fileResult($event)" />
|
</el-form-item>
|
<el-form-item label="视频上传（单个）" v-if="form.fileType === 1">
|
<upload width="100px" height="100px" :max-length="1" @dele="delFile" :list="fileVideoList" accept=".mp4" folder="spokesman" @loading="loading = true" @success="fileResult($event)" />
|
</el-form-item>
|
<el-form-item label="排序码（升序）" prop="sortnum">
|
<el-input v-model="form.sortnum" type="number" placeholder="请输入排序码" v-trim/>
|
</el-form-item>
|
<el-form-item label="备注" prop="publishInfo">
|
<el-input type="textarea" v-model="form.publishInfo" placeholder="请输入发布备注" v-trim/>
|
</el-form-item>
|
</el-form>
|
</GlobalWindow>
|
</template>
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import upload from '@/components/common/upload'
|
export default {
|
name: 'OperaNewsWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow, upload },
|
data () {
|
return {
|
// 表单数据
|
loading: false,
|
form: {
|
id: null,
|
title: '',
|
sortnum: '',
|
status: 0,
|
publishDate: '',
|
publishInfo: '',
|
fileList: [],
|
fileType: 0,
|
type: 0
|
},
|
fileImgList: [],
|
fileVideoList: [],
|
// 验证规则
|
rules: {
|
title: [{ required: true, message: '请输入文案' }],
|
publishDate: [{ required: true, message: '请选择发布时间' }],
|
status: [{ required: true, message: '请选择状态' }],
|
fileType: [{ required: true, message: '请选择附件类型' }]
|
}
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/news',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
open (title, target) {
|
this.title = title
|
this.visible = true
|
this.form.fileList = []
|
this.fileImgList= []
|
this.fileVideoList = []
|
// 新建
|
if (target == null) {
|
this.$nextTick(() => {
|
this.$refs.form.resetFields()
|
this.form[this.configData['field.id']] = null
|
})
|
return
|
}
|
// 编辑
|
this.$nextTick(() => {
|
for (const key in this.form) {
|
this.form[key] = target[key]
|
}
|
this.form.fileType = target.fileType || 0
|
const files = target.fileList || []
|
if(target.fileType === 1){
|
if(files.length>0){
|
this.fileVideoList.push(files[0])
|
}
|
}else {
|
files.forEach(item => {
|
this.fileImgList.push(item)
|
})
|
}
|
})
|
},
|
getWangedditor (val) {
|
this.form.content = val
|
},
|
delFile (index) {
|
if(this.form.fileType === 1){
|
this.fileVideoList.splice(index, 1)
|
this.form.fileList =this.fileVideoList
|
}else{
|
this.fileImgList.splice(index, 1)
|
this.form.fileList =this.fileImgList
|
}
|
},
|
fileResult (e) {
|
if(this.form.fileType === 1){
|
this.fileVideoList = this.fileVideoList||[]
|
this.fileVideoList.push({
|
fileurlFull: e.url,
|
fileurl: e.imgaddr,
|
name: e.originname,
|
type: e.type
|
})
|
this.form.fileList =this.fileVideoList
|
}else{
|
this.fileImgList = this.fileImgList||[]
|
this.fileImgList.push({
|
fileurlFull: e.url,
|
fileurl: e.imgaddr,
|
name: e.originname,
|
type: e.type
|
})
|
this.form.fileList =this.fileImgList
|
}
|
console.log(this.form.fileList)
|
}
|
}
|
}
|
</script>
|
