|
@@ -1,27 +1,14 @@
|
|
|
<template>
|
|
|
- <a-modal
|
|
|
- :title="title"
|
|
|
- :width="800"
|
|
|
- :visible="visible"
|
|
|
- :confirmLoading="confirmLoading"
|
|
|
- @ok="handleOk"
|
|
|
- @cancel="handleCancel"
|
|
|
- cancelText="关闭">
|
|
|
+ <a-modal :title="title" :width="800" :visible="visible" :confirmLoading="confirmLoading" @ok="handleOk"
|
|
|
+ @cancel="handleCancel" cancelText="关闭">
|
|
|
<a-spin :spinning="confirmLoading">
|
|
|
<a-form :form="form">
|
|
|
|
|
|
- <a-form-item
|
|
|
- :labelCol="labelCol"
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
- label="演员姓名">
|
|
|
- <a-input placeholder="请输入演员姓名" v-decorator="['name', validatorRules.name ]"/>
|
|
|
+ <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="演员姓名">
|
|
|
+ <a-input placeholder="请输入演员姓名" v-decorator="['name', validatorRules.name ]" />
|
|
|
</a-form-item>
|
|
|
- <a-form-item
|
|
|
- label="封面"
|
|
|
- :labelCol="labelCol"
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
- >
|
|
|
- <upload-to-ali
|
|
|
+ <a-form-item label="封面" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <!-- <upload-to-ali
|
|
|
v-model="coverUrl"
|
|
|
:customDomain="customDomain"
|
|
|
preview
|
|
@@ -32,53 +19,24 @@
|
|
|
:size="1024000"
|
|
|
:accessKeyId="accessKeyId"
|
|
|
:accessKeySecret="accessKeySecret"
|
|
|
- ></upload-to-ali>
|
|
|
+ ></upload-to-ali> -->
|
|
|
+
|
|
|
+ <uploadFile :fileListAll.sync="coverUrl" :checkFile="fileWater" @overUpload="overUploadImage"
|
|
|
+ @removeUpload="deleteImage" :fileCount="1" uploadType="image" :multiple="false" />
|
|
|
</a-form-item>
|
|
|
- <a-form-item
|
|
|
- label="照片"
|
|
|
- :labelCol="labelCol"
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
- v-if="!model.name"
|
|
|
- >
|
|
|
- <upload-to-ali
|
|
|
- v-model="imageUrl"
|
|
|
- :customDomain="customDomain"
|
|
|
- multiple
|
|
|
- preview
|
|
|
- :region="region"
|
|
|
- :bucket="bucket"
|
|
|
- :accept="acceptImage"
|
|
|
- :max="10"
|
|
|
- :size="1024000"
|
|
|
- :accessKeyId="accessKeyId"
|
|
|
- :accessKeySecret="accessKeySecret"
|
|
|
- ></upload-to-ali>
|
|
|
+ <a-form-item label="照片" :labelCol="labelCol" :wrapperCol="wrapperCol" v-if="!model.name">
|
|
|
+ <upload-to-ali v-model="imageUrl" :customDomain="customDomain" multiple preview :region="region"
|
|
|
+ :bucket="bucket" :accept="acceptImage" :max="10" :size="1024000" :accessKeyId="accessKeyId"
|
|
|
+ :accessKeySecret="accessKeySecret"></upload-to-ali>
|
|
|
</a-form-item>
|
|
|
- <a-form-item
|
|
|
- label="视频作品"
|
|
|
- :labelCol="labelCol"
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
- v-if="!model.name"
|
|
|
- >
|
|
|
- <upload-to-ali
|
|
|
- v-model="videoUrl"
|
|
|
- :customDomain="customDomain"
|
|
|
- multiple
|
|
|
- preview
|
|
|
- :region="region"
|
|
|
- :bucket="bucket"
|
|
|
- :accept="acceptVideo"
|
|
|
- :max="10"
|
|
|
- :size="1024000"
|
|
|
- :accessKeyId="accessKeyId"
|
|
|
- :accessKeySecret="accessKeySecret"
|
|
|
- ></upload-to-ali>
|
|
|
+ <a-form-item label="视频作品" :labelCol="labelCol" :wrapperCol="wrapperCol" v-if="!model.name">
|
|
|
+ <upload-to-ali v-model="videoUrl" :customDomain="customDomain" multiple preview :region="region"
|
|
|
+ :bucket="bucket" :accept="acceptVideo" :max="10" :size="1024000" :accessKeyId="accessKeyId"
|
|
|
+ :accessKeySecret="accessKeySecret"></upload-to-ali>
|
|
|
</a-form-item>
|
|
|
<a-form-item label="生日" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <a-date-picker
|
|
|
- style="width: 100%"
|
|
|
- placeholder="请选择生日"
|
|
|
- v-decorator="['birthday', {initialValue:!model.birthday?null:moment(model.birthday,dateFormat)}]"/>
|
|
|
+ <a-date-picker style="width: 100%" placeholder="请选择生日"
|
|
|
+ v-decorator="['birthday', {initialValue:!model.birthday?null:moment(model.birthday,dateFormat)}]" />
|
|
|
</a-form-item>
|
|
|
|
|
|
<a-form-item label="性别" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
@@ -87,11 +45,8 @@
|
|
|
<a-select-option :value="2">女</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-item>
|
|
|
- <a-form-item
|
|
|
- :labelCol="labelCol"
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
- label="特长">
|
|
|
- <a-input placeholder="请输入特长" v-decorator="['speciality']"/>
|
|
|
+ <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="特长">
|
|
|
+ <a-input placeholder="请输入特长" v-decorator="['speciality']" />
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
@@ -101,7 +56,10 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import {httpAction} from '@/api/manage'
|
|
|
+ import uploadFile from '@/components/uploadFile.vue'
|
|
|
+ import {
|
|
|
+ httpAction
|
|
|
+ } from '@/api/manage'
|
|
|
import pick from 'lodash.pick'
|
|
|
import JTreeSelect from '@/components/jeecg/JTreeSelect'
|
|
|
import moment from 'moment'
|
|
@@ -110,7 +68,8 @@
|
|
|
name: "ActorModal",
|
|
|
components: {
|
|
|
UploadToAli,
|
|
|
- JTreeSelect
|
|
|
+ JTreeSelect,
|
|
|
+ uploadFile
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -119,7 +78,7 @@
|
|
|
model: {},
|
|
|
videoUrl: [],
|
|
|
imageUrl: [],
|
|
|
- coverUrl:"",
|
|
|
+ coverUrl: [],
|
|
|
customDomain: '',
|
|
|
region: 'oss-cn-beijing',
|
|
|
bucket: 'ctop-media',
|
|
@@ -129,18 +88,31 @@
|
|
|
accessKeySecret: '1rkPz7JNoXk8sJevPaeYHWqfkQXBGh',
|
|
|
dateFormat: "YYYY-MM-DD",
|
|
|
labelCol: {
|
|
|
- xs: {span: 24},
|
|
|
- sm: {span: 5},
|
|
|
+ xs: {
|
|
|
+ span: 24
|
|
|
+ },
|
|
|
+ sm: {
|
|
|
+ span: 5
|
|
|
+ },
|
|
|
},
|
|
|
wrapperCol: {
|
|
|
- xs: {span: 24},
|
|
|
- sm: {span: 16},
|
|
|
+ xs: {
|
|
|
+ span: 24
|
|
|
+ },
|
|
|
+ sm: {
|
|
|
+ span: 16
|
|
|
+ },
|
|
|
},
|
|
|
|
|
|
confirmLoading: false,
|
|
|
form: this.$form.createForm(this),
|
|
|
validatorRules: {
|
|
|
- name: {rules: [{required: true, message: '请输入演员姓名!'}]},
|
|
|
+ name: {
|
|
|
+ rules: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入演员姓名!'
|
|
|
+ }]
|
|
|
+ },
|
|
|
// sex:{initialValue:((!this.model.sex)?"": (this.model.sex+""))},
|
|
|
},
|
|
|
url: {
|
|
@@ -149,9 +121,13 @@
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
- created() {
|
|
|
- },
|
|
|
+ created() {},
|
|
|
methods: {
|
|
|
+ fileWater() {
|
|
|
+ return new Promise(function (resolve, reject) {
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
add() {
|
|
|
this.edit({});
|
|
|
},
|
|
@@ -209,7 +185,7 @@
|
|
|
that.$emit("updateList")
|
|
|
this.imageUrl = []
|
|
|
this.videoUrl = []
|
|
|
- this.coverUrl = ""
|
|
|
+ this.coverUrl = []
|
|
|
} else {
|
|
|
that.$message.warning(res.message);
|
|
|
}
|