From e2d963f6e794aed358bf569f0d98dd53da4781be Mon Sep 17 00:00:00 2001
From: wente <329538422@qq.com>
Date: 星期一, 03 六月 2024 16:13:41 +0800
Subject: [PATCH] svgEditor

---
 web/src/views/modules/sysPictureBase/SysPictureBase.vue |   27 ++++++++++++++++++++++++---
 1 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/web/src/views/modules/sysPictureBase/SysPictureBase.vue b/web/src/views/modules/sysPictureBase/SysPictureBase.vue
index 668f854..29e5abd 100644
--- a/web/src/views/modules/sysPictureBase/SysPictureBase.vue
+++ b/web/src/views/modules/sysPictureBase/SysPictureBase.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="mod-sysPictureBase-sysPictureBase fa-card-a">
-      <zt-table-wraper query-url="/sysPictureBase/page" delete-url="/sysPictureBase/"
+      <zt-table-wraper ref="tableObj" query-url="/sysPictureBase/page" delete-url="/sysPictureBase/"
                        :paging='false'
                        v-slot="{ table }">
         <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()">
@@ -15,6 +15,7 @@
             <zt-button type="query" @click="table.query()"/>
             <zt-button type="add" @click="table.editHandle()"/>
             <zt-button type="delete" @click="table.deleteHandle()"/>
+<!--            <zt-button type="delete" @click="deleteSVG"/>-->
           </el-form-item>
         </el-form>
         <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:30}"
@@ -24,7 +25,7 @@
           <zt-table-column-dict prop="isDefault" label="鏄惁榛樿" dict="is_or_not"/>
           <el-table-column label="鍥剧墖" align="center" prop="svgContent">
             <template v-slot="{ row }">
-              <el-input v-if="row.id" v-html = row.svgContent></el-input>
+              <div v-if="row.id" class="custom-svg-container" v-html = row.svgContent></div>
             </template>
           </el-table-column>
           <el-table-column prop="contentType" label="妫�绱㈠叧閿瓧"/>
@@ -57,6 +58,26 @@
     },
     mounted() {
     },
-    methods: {}
+    methods: {
+      async deleteSVG() {
+        let dataSelectedList = this.$refs.tableObj.dataSelectedList
+        console.log(dataSelectedList, 'dataSelectedList')
+        if(dataSelectedList.length === 0){
+          this.$message({message: '璇峰厛鍕鹃�夋暟鎹�', type: 'warning'})
+          return false
+        }
+        let res = await this.$http.delete('/sysPictureBase/', dataSelectedList)
+        if (res.success) {
+          await this.$tip.success()
+          this.$refs.tableObj.query()
+        }
+      }
+    }
   }
 </script>
+<style>
+  .custom-svg-container svg {
+    width: 60px; /* 璁剧疆SVG鍥剧墖鐨勫搴︿负60 */
+    height: 60px; /* 璁剧疆SVG鍥剧墖鐨勯珮搴︿负60 */
+  }
+</style>

--
Gitblit v1.9.1