|
@@ -33,6 +33,9 @@
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss" scoped>
|
|
|
+.script-style span {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
.home-item {
|
|
|
overflow: hidden;
|
|
|
}
|
|
@@ -243,7 +246,14 @@ a {
|
|
|
<div v-else style="width:100%;height:400px;display:flex;justify-content: center;align-items: center;">
|
|
|
<a-empty />
|
|
|
</div>
|
|
|
- <a-modal :title="add ? '添加素材' : '修改'" v-model="visible" :maskClosable="false" :width="800">
|
|
|
+ <a-modal
|
|
|
+ :title="add ? '添加素材' : '修改'"
|
|
|
+ v-model="visible"
|
|
|
+ @cancel="close"
|
|
|
+ @afterClose="close"
|
|
|
+ :maskClosable="false"
|
|
|
+ :width="800"
|
|
|
+ >
|
|
|
<template slot="footer">
|
|
|
<a-button key="back" @click="close">取消</a-button>
|
|
|
<a-button key="submit" type="primary" @click="handleOk">
|
|
@@ -377,6 +387,8 @@ a {
|
|
|
<a-list-item slot="renderItem" slot-scope="item, index" v-if="item.author == '情节描述'" id="only-des">
|
|
|
<a-comment :author="item.author">
|
|
|
<p slot="content">
|
|
|
+ <span v-if="item.plainSeq">顺序类型:{{ item.plainSeq | plainSeqName }}</span
|
|
|
+ ><br />
|
|
|
<span v-if="item.content">描述:{{ item.content }}</span
|
|
|
><br />
|
|
|
<span v-if="item.scene" style="margin-right:15px">镜头:{{ item.scene }}</span
|
|
@@ -393,6 +405,8 @@ a {
|
|
|
<a-list-item slot="renderItem" slot-scope="item" v-else>
|
|
|
<a-comment :avatar="item.avatar">
|
|
|
<p slot="author">
|
|
|
+ <span v-if="item.plainSeq">顺序类型:{{ item.plainSeq | plainSeqName }}</span
|
|
|
+ ><br />
|
|
|
<span v-if="item.scene" style="margin-right:15px">镜头:{{ item.scene }}</span
|
|
|
><br />
|
|
|
<span v-if="item.picContent" style="margin-right:15px">画面内容:{{ item.picContent }}</span
|
|
@@ -419,11 +433,23 @@ a {
|
|
|
label="排序"
|
|
|
:label-col="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
:wrapper-col="{ xs: { span: 24 }, sm: { span: 17 } }"
|
|
|
- v-if="editScript"
|
|
|
+ v-if="scriptEdit"
|
|
|
>
|
|
|
<a-input v-model="rank"></a-input>
|
|
|
</a-form-item>
|
|
|
<a-form-item
|
|
|
+ label="顺序类型"
|
|
|
+ :label-col="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
+ :wrapper-col="{ xs: { span: 24 }, sm: { span: 17 } }"
|
|
|
+ >
|
|
|
+ <a-select v-model="plainSeq" style="width:100%">
|
|
|
+ <a-select-option value="1">前3s,创意引入,包袱</a-select-option>
|
|
|
+ <a-select-option value="2">产品卖点罗列、录屏</a-select-option>
|
|
|
+ <a-select-option value="3">反转</a-select-option>
|
|
|
+ <a-select-option value="4">尾帧:引导下载,落版海报</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
label="镜头"
|
|
|
:label-col="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
:wrapper-col="{ xs: { span: 24 }, sm: { span: 17 } }"
|
|
@@ -550,20 +576,19 @@ a {
|
|
|
<P
|
|
|
v-for="(item, index) of comments"
|
|
|
:key="index"
|
|
|
- style="font-size:16px"
|
|
|
+ class="script-style"
|
|
|
+ style="font-size:16px;border-bottom:1px solid black"
|
|
|
:style="{ fontWeight: item.author == '情节描述' ? '300' : '700' }"
|
|
|
>
|
|
|
- <span style="display:inline-block;">{{ item.author == '情节描述' ? '' : item.author + ':' }}</span>
|
|
|
- <span>
|
|
|
- {{ item.author == '情节描述' ? '【' + item.content + '】' : item.content }}
|
|
|
- </span>
|
|
|
- {{ item.scene || item.picContent || item.clipRemark ? '(' : ''
|
|
|
- }}<span v-if="item.scene" style="margin-right:15px;color:LightSlateGray">镜头:{{ item.scene }}</span>
|
|
|
- <span v-if="item.picContent" style="margin-right:15px;color:LightSlateGray"
|
|
|
- >画面内容:{{ item.picContent }}</span
|
|
|
- >
|
|
|
- <span v-if="item.clipRemark" style="color:LightSlateGray">剪辑备注:{{ item.clipRemark }}</span
|
|
|
- >{{ item.scene || item.picContent || item.clipRemark ? ')' : '' }}
|
|
|
+ <span style="display:inline-block">{{ item.author == '情节描述' ? '情节描述' : '对话' }} </span>
|
|
|
+ <span v-if="item.plainSeq">顺序类型:{{ item.plainSeq | plainSeqName }}</span>
|
|
|
+ <span v-if="item.scene" style="margin-right:15px;">镜头:{{ item.scene }}</span>
|
|
|
+ <span v-if="item.picContent" style="margin-right:15px;">画面内容:{{ item.picContent }}</span>
|
|
|
+ <span v-if="item.clipRemark">剪辑备注:{{ item.clipRemark }} </span>
|
|
|
+ <span style="display:inline-block;margin-top:5px">{{
|
|
|
+ item.author == '情节描述' ? '' : item.author + ':'
|
|
|
+ }}</span>
|
|
|
+ {{ item.author == '情节描述' ? '【' + item.content + '】' : item.content }}
|
|
|
</P>
|
|
|
</div>
|
|
|
<a-button v-print="'#printTest'" type="primary">
|
|
@@ -604,11 +629,12 @@ export default {
|
|
|
submitting: false,
|
|
|
value: '',
|
|
|
rank: '',
|
|
|
- editScript: null,
|
|
|
+ scriptEdit: null,
|
|
|
scene: '',
|
|
|
clipRemark: '',
|
|
|
picContent: '',
|
|
|
projectId: '',
|
|
|
+ plainSeq: '1',
|
|
|
inputVisible: false,
|
|
|
visibleScript: false,
|
|
|
visibleScriptShow: false,
|
|
@@ -683,6 +709,15 @@ export default {
|
|
|
let d = date.getDate()
|
|
|
d = d < 10 ? '0' + d : d
|
|
|
return y + '-' + MM + '-' + d
|
|
|
+ },
|
|
|
+ plainSeqName(value) {
|
|
|
+ var data = {
|
|
|
+ 1: '前3s,创意引入,包袱',
|
|
|
+ 2: '产品卖点罗列、录屏',
|
|
|
+ 3: '反转',
|
|
|
+ 4: '尾帧:引导下载,落版海报'
|
|
|
+ }
|
|
|
+ return data[value]
|
|
|
}
|
|
|
},
|
|
|
computed: {},
|
|
@@ -714,17 +749,22 @@ export default {
|
|
|
},
|
|
|
editAction(item, index) {
|
|
|
console.log(item, index)
|
|
|
- this.editScript = item.id
|
|
|
-
|
|
|
+ this.scriptEdit = item.id
|
|
|
+ this.plainSeq = item.plainSeq
|
|
|
+ this.rank = item.rank
|
|
|
+ this.scene = item.scene
|
|
|
+ this.value = item.line
|
|
|
+ this.clipRemark = item.clipRemark
|
|
|
+ this.picContent = item.picContent
|
|
|
+ this.author = item.type == 1 ? ['scence'] : ['taici', item.roleId]
|
|
|
|
|
|
+ // line: this.value,
|
|
|
+ // scene: this.scene,
|
|
|
+ // clipRemark: this.clipRemark,
|
|
|
+ // picContent: this.picContent,
|
|
|
+ // type: this.author[0] == 'scence' ? 1 : 2,
|
|
|
+ // roleId: this.author[0] == 'scence' ? null : this.author[1]
|
|
|
|
|
|
- // line: this.value,
|
|
|
- // scene: this.scene,
|
|
|
- // clipRemark: this.clipRemark,
|
|
|
- // picContent: this.picContent,
|
|
|
- // type: this.author[0] == 'scence' ? 1 : 2,
|
|
|
- // roleId: this.author[0] == 'scence' ? null : this.author[1]
|
|
|
-
|
|
|
// postAction('/ctop/dramaItemInfo/edit', { id: item.id }).then(res => {
|
|
|
// if (res.success) {
|
|
|
// this.comments.splice(index, 1)
|
|
@@ -793,46 +833,71 @@ export default {
|
|
|
}
|
|
|
|
|
|
this.submitting = true
|
|
|
+ if (this.scriptEdit) {
|
|
|
+ postAction('/ctop/dramaItemInfo/edit', {
|
|
|
+ id: this.scriptEdit,
|
|
|
+ line: this.value,
|
|
|
+ scene: this.scene,
|
|
|
+ clipRemark: this.clipRemark,
|
|
|
+ picContent: this.picContent,
|
|
|
+ type: this.author[0] == 'scence' ? 1 : 2,
|
|
|
+ rank: this.rank,
|
|
|
+ plainSeq: this.plainSeq,
|
|
|
+ roleId: this.author[0] == 'scence' ? null : this.author[1]
|
|
|
+ }).then(res => {
|
|
|
+ if (res.success) {
|
|
|
+ this.scriptEdit = null
|
|
|
+ this.submitting = false
|
|
|
+ this.value = ''
|
|
|
+ this.scene = ''
|
|
|
+ this.clipRemark = ''
|
|
|
+ this.picContent = ''
|
|
|
|
|
|
+ this.getDetailList(this.dramaId)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ postAction('/ctop/dramaItemInfo/add', {
|
|
|
+ dramaId: this.dramaId,
|
|
|
+ line: this.value,
|
|
|
+ scene: this.scene,
|
|
|
+ clipRemark: this.clipRemark,
|
|
|
+ picContent: this.picContent,
|
|
|
+ plainSeq: this.plainSeq,
|
|
|
+ type: this.author[0] == 'scence' ? 1 : 2,
|
|
|
+ roleId: this.author[0] == 'scence' ? null : this.author[1]
|
|
|
+ }).then(res => {
|
|
|
+ console.log(res)
|
|
|
+ this.submitting = false
|
|
|
+ if (res.success) {
|
|
|
+ this.comments = [
|
|
|
+ ...this.comments,
|
|
|
+ {
|
|
|
+ author:
|
|
|
+ this.author[0] == 'scence'
|
|
|
+ ? '情节描述'
|
|
|
+ : this.roleList.filter(v => {
|
|
|
+ return v.id == this.author[1]
|
|
|
+ })[0].name,
|
|
|
+ avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
|
|
|
+ content: this.value,
|
|
|
+ scene: this.scene,
|
|
|
+ clipRemark: this.clipRemark,
|
|
|
+ picContent: this.picContent,
|
|
|
+ datetime: moment().fromNow(),
|
|
|
+ edit: false
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ this.value = ''
|
|
|
+ this.scene = ''
|
|
|
+ this.clipRemark = ''
|
|
|
+ this.picContent = ''
|
|
|
+ } else {
|
|
|
+ this.$message.error('添加失败')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
// setTimeout(() => {
|
|
|
- postAction('/ctop/dramaItemInfo/add', {
|
|
|
- dramaId: this.dramaId,
|
|
|
- line: this.value,
|
|
|
- scene: this.scene,
|
|
|
- clipRemark: this.clipRemark,
|
|
|
- picContent: this.picContent,
|
|
|
- type: this.author[0] == 'scence' ? 1 : 2,
|
|
|
- roleId: this.author[0] == 'scence' ? null : this.author[1]
|
|
|
- }).then(res => {
|
|
|
- console.log(res)
|
|
|
- this.submitting = false
|
|
|
- if (res.success) {
|
|
|
- this.comments = [
|
|
|
- ...this.comments,
|
|
|
- {
|
|
|
- author:
|
|
|
- this.author[0] == 'scence'
|
|
|
- ? '情节描述'
|
|
|
- : this.roleList.filter(v => {
|
|
|
- return v.id == this.author[1]
|
|
|
- })[0].name,
|
|
|
- avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
|
|
|
- content: this.value,
|
|
|
- scene: this.scene,
|
|
|
- clipRemark: this.clipRemark,
|
|
|
- picContent: this.picContent,
|
|
|
- datetime: moment().fromNow(),
|
|
|
- edit: false
|
|
|
- }
|
|
|
- ]
|
|
|
- this.value = ''
|
|
|
- this.scene = ''
|
|
|
- this.clipRemark = ''
|
|
|
- this.picContent = ''
|
|
|
- } else {
|
|
|
- this.$message.error('添加失败')
|
|
|
- }
|
|
|
- })
|
|
|
|
|
|
// }, 1000)
|
|
|
},
|
|
@@ -843,7 +908,10 @@ export default {
|
|
|
this.visibleScript = true
|
|
|
this.dramaId = item.id
|
|
|
// this.author = 'scence'
|
|
|
- getAction('/ctop/dramaInfo/detail', { dramaId: item.id }).then(res => {
|
|
|
+ this.getDetailList(item.id)
|
|
|
+ },
|
|
|
+ getDetailList(id) {
|
|
|
+ getAction('/ctop/dramaInfo/detail', { dramaId: id }).then(res => {
|
|
|
console.log(res)
|
|
|
if (res.success) {
|
|
|
this.comments = res.itemInfos.map(v => {
|
|
@@ -939,10 +1007,12 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
close() {
|
|
|
- // this.form.resetFields()
|
|
|
- // this.urlList = { url: '', md5: '', name: '' }
|
|
|
- // this.watermarkUrl = { url: '', md5: '', name: '' }
|
|
|
- // this.tags = []
|
|
|
+ this.scriptEdit = null
|
|
|
+ this.submitting = false
|
|
|
+ this.value = ''
|
|
|
+ this.scene = ''
|
|
|
+ this.clipRemark = ''
|
|
|
+ this.picContent = ''
|
|
|
},
|
|
|
showInput() {
|
|
|
this.inputVisible = true
|