|
|
@@ -23,22 +23,24 @@
|
|
|
<el-form-item label="已选素材" prop="selectMaterial">
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="" v-show="form.selectMaterial == 1">
|
|
|
+ <div style="display: flex;flex-direction: column;height: 100%;position: relative" v-show="form.selectMaterial == 1">
|
|
|
<!-- 列表 -->
|
|
|
<el-table
|
|
|
- border
|
|
|
- ref="tableRef"
|
|
|
- row-key="materialId"
|
|
|
- v-loading="loading"
|
|
|
- :data="libraryList"
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
+ border
|
|
|
+ ref="tableRef"
|
|
|
+ row-key="materialId"
|
|
|
+ v-loading="loading"
|
|
|
+ :data="libraryList"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
>
|
|
|
<el-table-column
|
|
|
- type="selection"
|
|
|
- width="100"
|
|
|
- align="center"
|
|
|
- :reserve-selection="true"
|
|
|
+ type="selection"
|
|
|
+ width="100"
|
|
|
+ align="center"
|
|
|
+ :reserve-selection="true"
|
|
|
/>
|
|
|
<!-- <el-table-column
|
|
|
type="index"
|
|
|
@@ -47,15 +49,15 @@
|
|
|
align="center"
|
|
|
/> -->
|
|
|
<el-table-column
|
|
|
- prop="materialName"
|
|
|
- label="素材名称"
|
|
|
- align="center"
|
|
|
+ prop="materialName"
|
|
|
+ label="素材名称"
|
|
|
+ align="center"
|
|
|
/>
|
|
|
<!-- 素材类型,0-视频、1-图片 -->
|
|
|
<el-table-column
|
|
|
- prop="materialType"
|
|
|
- label="素材类型"
|
|
|
- align="center"
|
|
|
+ prop="materialType"
|
|
|
+ label="素材类型"
|
|
|
+ align="center"
|
|
|
>
|
|
|
<template #default="{ row }">
|
|
|
{{ libraryType[row.materialType] }}
|
|
|
@@ -69,47 +71,47 @@
|
|
|
</el-table-column> -->
|
|
|
</el-table>
|
|
|
<pagination
|
|
|
- layout="total,sizes, prev, pager, next"
|
|
|
- pager-count="5"
|
|
|
- v-show="total > 0"
|
|
|
- :total="total"
|
|
|
- v-model:page="queryParams.pageNum"
|
|
|
- v-model:limit="queryParams.pageSize"
|
|
|
- @pagination="getList"
|
|
|
+ layout="total,sizes, prev, pager, next"
|
|
|
+ pager-count="5"
|
|
|
+ v-show="total > 0"
|
|
|
+ :total="total"
|
|
|
+ v-model:page="queryParams.pageNum"
|
|
|
+ v-model:limit="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
/>
|
|
|
- </el-form-item>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
<el-col
|
|
|
- :span="4"
|
|
|
- style="display: flex; justify-content: center; align-items: center"
|
|
|
+ :span="4"
|
|
|
+ style="display: flex; justify-content: center; align-items: center"
|
|
|
>
|
|
|
<el-button
|
|
|
- v-show="form.selectMaterial == 1"
|
|
|
- type="primary"
|
|
|
- :loading="confirmLoading"
|
|
|
- @click="dialogSubmit"
|
|
|
- >确定选择 =></el-button
|
|
|
+ v-show="form.selectMaterial == 1"
|
|
|
+ type="primary"
|
|
|
+ :loading="confirmLoading"
|
|
|
+ @click="dialogSubmit"
|
|
|
+ >确定选择 =></el-button
|
|
|
>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
<el-form-item label="" style="width: 100%">
|
|
|
<!-- 列表 -->
|
|
|
<el-table
|
|
|
- border
|
|
|
- row-key="materialId"
|
|
|
- v-loading="loading"
|
|
|
- :data="releateList"
|
|
|
+ border
|
|
|
+ row-key="materialId"
|
|
|
+ v-loading="loading"
|
|
|
+ :data="releateList"
|
|
|
>
|
|
|
<el-table-column
|
|
|
- prop="materialName"
|
|
|
- label="素材名称"
|
|
|
- align="center"
|
|
|
+ prop="materialName"
|
|
|
+ label="素材名称"
|
|
|
+ align="center"
|
|
|
/>
|
|
|
<!-- 素材类型,0-视频、1-图片 -->
|
|
|
<el-table-column
|
|
|
- prop="materialType"
|
|
|
- label="素材类型"
|
|
|
- align="center"
|
|
|
+ prop="materialType"
|
|
|
+ label="素材类型"
|
|
|
+ align="center"
|
|
|
>
|
|
|
<template #default="{ row }">
|
|
|
{{ libraryType[row.materialType] }}
|
|
|
@@ -118,10 +120,10 @@
|
|
|
<el-table-column label="操作" align="center">
|
|
|
<template #default="{ row }">
|
|
|
<el-button
|
|
|
- link
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- @click="handleDelete(row)"
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="handleDelete(row)"
|
|
|
>
|
|
|
删除
|
|
|
</el-button>
|
linjw