|
@@ -169,6 +169,25 @@
|
|
|
color: rgba(0, 0, 0, 0.85);
|
|
|
margin-bottom: 25px;
|
|
|
}
|
|
|
+ ul{
|
|
|
+ width: 850px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0 15px;
|
|
|
+ li{
|
|
|
+ width: 400px;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ padding: 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ cursor: pointer;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ background: rgba(245, 245, 245, 0.5);
|
|
|
+ border-radius: 5px;;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.shenhe{
|
|
|
width: 6px;
|
|
@@ -410,33 +429,42 @@
|
|
|
<div class="top">
|
|
|
<ul>
|
|
|
<li>
|
|
|
- 订单发起人:<span>吴永前</span>
|
|
|
+ 订单所含物料总数:<span>20</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 真人物料数<span>10</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
- 订单所含素材总数:<span>20</span>
|
|
|
+ 投放系统<span>安卓</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
- 订单状态:<span>设计中</span>
|
|
|
+ 要求日更物料数:<span>4</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
- 订单所属项目:<span>北京聚划算</span>
|
|
|
+ 剪辑物料数:<span>10</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
- 要求日更素材:<span>4</span>
|
|
|
+ APK包<span>https://down.xmiles.cn/down/18205/1873295</span>
|
|
|
</li>
|
|
|
+
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="bottom">
|
|
|
- <h4>素材负责人</h4>
|
|
|
+ <h4>附件</h4>
|
|
|
<ul>
|
|
|
- <li> 设计组长:<span>毕洁泉</span></li>
|
|
|
- <li> 摄像:<span>王垒</span></li>
|
|
|
- <li> </li>
|
|
|
- <li> 编导:<span>毕洁泉</span></li>
|
|
|
- <li> 剪辑:<span>毕洁泉</span></li>
|
|
|
- <li> </li>
|
|
|
+ <li> 附件名</li>
|
|
|
+ <li> 附件名</li>
|
|
|
+ <li> 附件名</li>
|
|
|
+ <li> 附件名</li>
|
|
|
+ <li> 附件名</li>
|
|
|
+ <li> 附件名</li>
|
|
|
+
|
|
|
</ul>
|
|
|
</div>
|
|
|
+ <div class="bottom">
|
|
|
+ <h4>备注</h4>
|
|
|
+ <p>我是北方的方式发送到发送到发送到地方个梵蒂冈地方滚滚滚的方法滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
@@ -444,9 +472,8 @@
|
|
|
<div class="section-item">
|
|
|
<div class="tabBox">
|
|
|
<a-tabs v-model="tabKey" @change="tabChange">
|
|
|
- <a-tab-pane :key='1' tab="素材"></a-tab-pane>
|
|
|
- <a-tab-pane :key='2' tab="脚本"></a-tab-pane>
|
|
|
- <a-button type='primary' slot="tabBarExtraContent">上传素材</a-button>
|
|
|
+ <a-tab-pane :key='1' tab="真人物料"></a-tab-pane>
|
|
|
+ <a-tab-pane :key='2' tab="剪辑物料"></a-tab-pane>
|
|
|
</a-tabs>
|
|
|
</div>
|
|
|
|
|
@@ -496,6 +523,12 @@
|
|
|
<a href="javascript:;" >删除</a>
|
|
|
</a-popconfirm> -->
|
|
|
</span>
|
|
|
+ <span slot="scriptOptions" slot-scope="text,record">
|
|
|
+ <a href="javascript:;" @click="viewDetails(record)">预览脚本</a>
|
|
|
+ </span>
|
|
|
+ <span slot="scriptOptions" slot-scope="text,record">
|
|
|
+ <a href="javascript:;" @click="viewDetails(record)">预览视频</a>
|
|
|
+ </span>
|
|
|
|
|
|
</a-table>
|
|
|
</div>
|
|
@@ -567,96 +600,47 @@
|
|
|
import moment from 'moment';
|
|
|
import { getAction, postAction, downFile, downFilePost } from '@/api/manage';
|
|
|
|
|
|
-let materialColumns=[
|
|
|
+let realColumns=[
|
|
|
{
|
|
|
- title: '素材名称',
|
|
|
+ title: '物料标题',
|
|
|
dataIndex: 'name',
|
|
|
align: 'center',
|
|
|
key: 'name',
|
|
|
scopedSlots: { customRender: 'name' }
|
|
|
},
|
|
|
{
|
|
|
- title: '素材类型',
|
|
|
+ title: '物料编号',
|
|
|
dataIndex: 'type',
|
|
|
align: 'center',
|
|
|
key: 'type',
|
|
|
scopedSlots: { customRender: 'type' }
|
|
|
},
|
|
|
{
|
|
|
- title: '素材状态',
|
|
|
+ title: '物料进度',
|
|
|
dataIndex: 'status',
|
|
|
align: 'center',
|
|
|
key: 'status',
|
|
|
scopedSlots: { customRender: 'status' }
|
|
|
},
|
|
|
{
|
|
|
- title: '完结时间',
|
|
|
- dataIndex: 'time',
|
|
|
- align: 'center',
|
|
|
- key: 'time',
|
|
|
- scopedSlots: { customRender: 'time' }
|
|
|
- },
|
|
|
- {
|
|
|
- title: '备注',
|
|
|
- dataIndex: 'remarks',
|
|
|
- align: 'center',
|
|
|
- key: 'remarks',
|
|
|
- scopedSlots: { customRender: 'remarks' }
|
|
|
- },
|
|
|
- {
|
|
|
- title: '操作',
|
|
|
- dataIndex: 'options',
|
|
|
+ title: '脚本',
|
|
|
+ dataIndex: 'scriptOptions',
|
|
|
align: 'center',
|
|
|
key: 'options',
|
|
|
width:250,
|
|
|
- scopedSlots: { customRender: 'options' }
|
|
|
+ scopedSlots: { customRender: 'scriptOptions' }
|
|
|
},
|
|
|
-]
|
|
|
-let scriptColumns=[
|
|
|
{
|
|
|
- title: '素材名称',
|
|
|
- dataIndex: 'name',
|
|
|
- align: 'center',
|
|
|
- key: 'name',
|
|
|
- scopedSlots: { customRender: 'name' }
|
|
|
- },
|
|
|
- {
|
|
|
- title: '素材标签',
|
|
|
- dataIndex: 'tag',
|
|
|
- align: 'center',
|
|
|
- key: 'tag',
|
|
|
- scopedSlots: { customRender: 'tag' }
|
|
|
- },
|
|
|
- {
|
|
|
- title: '素材状态',
|
|
|
- dataIndex: 'status',
|
|
|
- align: 'center',
|
|
|
- key: 'status',
|
|
|
- scopedSlots: { customRender: 'status' }
|
|
|
- },
|
|
|
- {
|
|
|
- title: '完结时间',
|
|
|
- dataIndex: 'time',
|
|
|
- align: 'center',
|
|
|
- key: 'time',
|
|
|
- scopedSlots: { customRender: 'time' }
|
|
|
- },
|
|
|
- {
|
|
|
- title: '备注',
|
|
|
- dataIndex: 'remarks',
|
|
|
- align: 'center',
|
|
|
- key: 'remarks',
|
|
|
- scopedSlots: { customRender: 'remarks' }
|
|
|
- },
|
|
|
- {
|
|
|
- title: '操作',
|
|
|
- dataIndex: 'options',
|
|
|
+ title: '视频',
|
|
|
+ dataIndex: 'videoOptions',
|
|
|
align: 'center',
|
|
|
key: 'options',
|
|
|
- scopedSlots: { customRender: 'options' }
|
|
|
+ width:250,
|
|
|
+ scopedSlots: { customRender: 'videoOptions' }
|
|
|
},
|
|
|
]
|
|
|
|
|
|
+
|
|
|
let marterialData=[
|
|
|
{
|
|
|
name:'1111',
|