<template>
|
<GlobalAlertWindow
|
v-loading="isUploading"
|
:title="title"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<el-form :model="form" ref="form" :rules="rules" label-width="120px" label-suffix="：">
|
<el-form-item label="名称" prop="name">
|
<el-input v-model="form.name" maxlength="6" placeholder="请输入，不超过6个字" v-trim/>
|
</el-form-item>
|
<el-form-item label="展示图" prop="imgurlfull">
|
<!-- {{ form.imgurlfull }} -->
|
<UploadAvatarImage
|
:file="{ 'imgurlfull': form.imgurlfull, 'imgurl': form.imgurl }"
|
:uploadData="uploadData"
|
@uploadSuccess="uploadAvatarSuccess"
|
@uploadEnd="isUploading = false"
|
@uploadBegin="isUploading = true"
|
/>
|
</el-form-item>
|
<el-form-item label="排序码(升序)" prop="sortnum">
|
<el-input v-model="form.sortnum" placeholder="请输入排序码" v-trim/>
|
</el-form-item>
|
<!-- <el-form-item label="创建人编码" prop="creator">
|
<el-input v-model="form.creator" placeholder="请输入创建人编码" v-trim/>
|
</el-form-item>
|
<el-form-item label="创建时间" prop="createDate">
|
<el-date-picker v-model="form.createDate" value-format="yyyy-MM-dd" placeholder="请输入创建时间"></el-date-picker>
|
</el-form-item>
|
<el-form-item label="更新人编码" prop="editor">
|
<el-input v-model="form.editor" placeholder="请输入更新人编码" v-trim/>
|
</el-form-item>
|
<el-form-item label="更新时间" prop="editDate">
|
<el-date-picker v-model="form.editDate" value-format="yyyy-MM-dd" placeholder="请输入更新时间"></el-date-picker>
|
</el-form-item>
|
<el-form-item label="是否删除0否 1是" prop="isdeleted">
|
<el-input v-model="form.isdeleted" placeholder="请输入是否删除0否 1是" v-trim/>
|
</el-form-item>
|
|
<el-form-item label="备注" prop="remark">
|
<el-input v-model="form.remark" placeholder="请输入备注" v-trim/>
|
</el-form-item>
|
<el-form-item label="图标" prop="imgurl">
|
<el-input v-model="form.imgurl" placeholder="请输入图标" v-trim/>
|
</el-form-item>
|
<el-form-item label="状态 0启用 1禁用" prop="status">
|
<el-input v-model="form.status" placeholder="请输入状态 0启用 1禁用" v-trim/>
|
</el-form-item> -->
|
</el-form>
|
</GlobalAlertWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalAlertWindow from '@/components/common/GlobalAlertWindow'
|
import UploadAvatarImage from '@/components/common/UploadAvatarImage'
|
export default {
|
name: 'OperaProjectsWindow',
|
extends: BaseOpera,
|
components: { GlobalAlertWindow, UploadAvatarImage },
|
data () {
|
return {
|
isUploading: false,
|
uploadData: {
|
folder: 'projects'
|
},
|
// 表单数据
|
form: {
|
id: null,
|
creator: '',
|
createDate: '',
|
editor: '',
|
editDate: '',
|
isdeleted: '',
|
name: '',
|
remark: '',
|
imgurlfull: '',
|
imgurl: '',
|
status: '',
|
sortnum: ''
|
},
|
// 验证规则
|
rules: {
|
}
|
}
|
},
|
created () {
|
this.config({
|
api: '/meeting/projects',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
/**
|
* 打开窗口
|
* @title 窗口标题
|
* @target 编辑的对象
|
*/
|
open (title, target) {
|
this.title = title
|
this.visible = true
|
this.form.imgurl = ''
|
this.form.imgurlfull = ''
|
debugger
|
// 新建
|
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]
|
}
|
console.log('this.form', this.form);
|
})
|
},
|
// 上传图片
|
uploadAvatarSuccess(file) {
|
this.form.imgurl = file.imgurl;
|
this.form.imgurlfull = file.imgurlfull;
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import "@/assets/style/alertstyle.scss";
|
</style>
|
