From 94e27be64b46b4d26a1f05c7b08a665b31e5baa7 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Thu, 2 Jun 2022 09:58:34 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B4=A0=E6=9D=90=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bigscreen/designer/components/Layout.vue  | 34 +++++++------------
 1 file changed, 13 insertions(+), 21 deletions(-)

diff --git a/packages/bigscreen/designer/components/Layout.vue b/packages/bigscreen/designer/components/Layout.vue
index bdda81e2..5ef2d744 100644
--- a/packages/bigscreen/designer/components/Layout.vue
+++ b/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: []