<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 v-model="form.title" placeholder="请输入标题" v-trim/>
|
</el-form-item>
|
<el-form-item label="副标题" prop="subTitle">
|
<el-input type="textarea" v-model="form.subTitle" placeholder="请输入副标题" v-trim maxLength="200" />
|
</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="files" >
|
<upload width="100px" height="100px" :max-length="1" @dele="delFile" :list="form.fileList" accept=".png,.jpg,.jpeg,.mp4" folder="news" @loading="loading = true" @success="fileResult($event)" />
|
</el-form-item>
|
<el-form-item label="跳转类型" prop="linkType" required>
|
<el-radio-group v-model="form.linkType" >
|
<el-radio :label="0" >富文本</el-radio>
|
<el-radio :label="1">外链</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item :label="form.linkType == 1?'外联地址':'内容'" prop="content">
|
<RichEditor v-if="form.linkType != 1" :richData="form.content" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor" :readonly="false"/>
|
<el-input v-else v-model="form.content" type="tex" placeholder="请输入备注" v-trim/>
|
</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="remark">
|
<el-input v-model="form.remark" type="tex" placeholder="请输入备注" v-trim/>
|
</el-form-item>
|
</el-form>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import RichEditor from '@/components/common/RichEditor'
|
import upload from '@/components/common/upload'
|
export default {
|
name: 'OperaNewsWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow, RichEditor, upload },
|
data () {
|
return {
|
// 表单数据
|
form: {
|
id: null,
|
remark: '',
|
title: '',
|
subTitle: '',
|
sortnum: '',
|
content: '',
|
linkType: 0,
|
status: 0,
|
fileList: [],
|
type: 1
|
},
|
// 验证规则
|
rules: {
|
title: [{ required: true, message: '请输入标题' }],
|
status: [{ required: true, message: '请选择状态' }],
|
linkType: [{ required: true, message: '请选择跳转类型' }]
|
}
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/news',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
getWangedditor (val) {
|
this.form.content = val
|
},
|
open (title, target) {
|
this.title = title
|
this.visible = true
|
this.form.fileList = []
|
// 新建
|
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 (files.length > 0) {
|
this.form.fileList.push(files[0])
|
}
|
})
|
},
|
delFile (index) {
|
this.form.fileList.splice(index, 1)
|
},
|
fileResult (e) {
|
this.form.fileList = this.form.fileList || []
|
this.form.fileList.push({
|
fileurlFull: e.url,
|
fileurl: e.imgaddr,
|
name: e.originname,
|
type: e.type
|
})
|
}
|
}
|
}
|
</script>
|
