perf:修改应用主题图片预览

base-manager-ui/admin/src/pages/basicset/appmarket/components/AppTheme.vue

@@ -75,11 +75,6 @@
       :addVisile.sync="addVisile"
       @addSuccess="getCategoryList"
     ></AddTheme>
-    <!-- 预览 -->
-    <PrevieModal
-      :previewData="previewData"
-      :previewVisible.sync="previewVisible"
-    ></PrevieModal>
   </div>
 </template>
 
@@ -88,7 +83,6 @@ import { getCategoryList, deleteCategory } from "@/services/market";
 import AddTheme from "../modal/AddTheme";
 import local from "@/utils/local";
 import { pageSizeOptions } from "@/config/pageConfig.js";
-import PrevieModal from "@/components/PrevieModal.vue";
 const columns = [
   {
     title: "序号",
@@ -135,15 +129,12 @@ const columns = [
 export default {
   components: {
     AddTheme,
-    PrevieModal,
   },
   data() {
     return {
       api: process.env.VUE_APP_API_BASE_URL + "/",
       api2: process.env.VUE_APP_API_IMG_URL,
       columns,
-      previewData: {}, // 预览
-      previewVisible: false,
       siteId: local.getLocal("siteId"),
       tableData: [], // 表格数据
       loading: false,
@@ -254,11 +245,9 @@ export default {
     },
     // 预览封面
     handlePreview(url) {
-      this.previewData = {
-        type: "img",
-        url: url,
-      };
-      this.previewVisible = true;
+      this.$viewerApi({
+        images: [url],
+      });
     },
   },
 };

base-manager-ui/admin/src/pages/basicset/appmarket/modal/AddTheme.vue

@@ -46,11 +46,6 @@
           <a-input-number v-model="form.sort" :min="1" />
         </a-form-model-item>
       </a-form-model>
-      <!-- 预览 -->
-      <PrevieModal
-        :previewData="previewData"
-        :previewVisible.sync="previewVisible"
-      ></PrevieModal>
     </a-modal>
   </div>
 </template>
@@ -58,7 +53,6 @@
 <script>
 import { saveCategory } from "@/services/market";
 import local from "@/utils/local";
-import PrevieModal from "@/components/PrevieModal.vue";
 export default {
   props: {
     addVisile: {
@@ -71,17 +65,13 @@ export default {
       default: "新增分类",
     },
   },
-  components: {
-    PrevieModal,
-  },
+  components: {},
   data() {
     return {
       accept: "image/jpeg,image/png",
       api: process.env.VUE_APP_API_BASE_URL + "/",
       api2: process.env.VUE_APP_API_IMG_URL,
       fileList: [],
-      previewData: {}, // 预览
-      previewVisible: false,
       form: {
         siteId: local.getLocal("siteId"), // 站点id
         siteName: local.getLocal("siteName"), // 站点名称
@@ -184,11 +174,9 @@ export default {
     },
     // 预览
     handlePreview(info) {
-      this.previewData = {
-        type: "img",
-        url: info.url,
-      };
-      this.previewVisible = true;
+      this.$viewerApi({
+        images: [info.url],
+      });
     },
     // 重置
     handleReset() {