素材 支持视频

packages/bigscreen/designer/components/Layout.vue

@@ -7,7 +7,7 @@
         <h2>{{ dashboard.title }}</h2>
       </div>
       <div class="layout-header__right">
-        <span type="text" @click="isShowImg = true">图片素材</span>
+        <span type="text" @click="isShowImg = true">素材</span>
         <span type="text" @click="back">退出</span>
         <span type="text" @click="save">保存</span>
       </div>
@@ -314,22 +314,14 @@
         <span>置底图层</span>
       </div>
     </div>
-    <ai-dialog :visible.sync="isShowImg" append-to-body title="图片素材" @onConfirm="isShowImg = false">
-      <el-button type="primary" style="margin-bottom: 20px" @click="isShowAddImg = true">添加图片</el-button>
+    <ai-dialog :visible.sync="isShowImg" append-to-body title="素材" @onConfirm="isShowImg = false">
+      <el-button type="primary" style="margin-bottom: 20px" @click="isShowAddImg = true">添加素材</el-button>
       <ai-table
           :tableData="images"
           :total="images.length"
           :colConfigs="colConfigs"
           @getList="() => {}">
-        <el-table-column slot="img" label="图片" align="center">
-          <template slot-scope="{ row }">
-            <ai-uploader
-                :instance="instance"
-                :value="[{url: row.url}]"
-                disabled
-                :limit="1">
-            </ai-uploader>
-          </template>
+        <el-table-column slot="img" prop="素材地址" label="素材" align="center">
         </el-table-column>
         <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
           <template slot-scope="{ row, $index }">
@@ -341,14 +333,14 @@
         </el-table-column>
       </ai-table>
     </ai-dialog>
-    <ai-dialog :visible.sync="isShowAddImg" width="580px" append-to-body title="添加图片" @closed="form.images = []" @onConfirm="onImageConfirm">
+    <ai-dialog :visible.sync="isShowAddImg" width="580px" append-to-body title="添加素材" @closed="form.images = []" @onConfirm="onImageConfirm">
       <ai-uploader
-          :instance="instance"
-          v-model="form.images"
-          :limit="9">
-        <template slot="tips">
-          <p>最多上传9张图片,单个文件最大10MB，支持jpg、jpeg、png格式</p>
-        </template>
+        :instance="instance"
+        v-model="form.images"
+        fileType="file"
+        :maxSize="100"
+        url="/admin/file/add-unlimited"
+        :limit="9">
       </ai-uploader>
     </ai-dialog>
   </div>
@@ -373,8 +365,8 @@ export default {
   data() {
     return {
       colConfigs: [
-        // { prop: 'url', label: '图片链接', showOverflowTooltip: false },
-        {slot: 'img', label: '图片'}
+        { prop: 'url', label: '图片链接', showOverflowTooltip: false },
+        // {slot: 'img', label: '图片'}
       ],
       form: {
         images: []