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 | 31 ++++++++++++++++++++++++++-----
1 files changed, 26 insertions(+), 5 deletions(-)
diff --git a/web/src/views/modules/sysPictureBase/SysPictureBase.vue b/web/src/views/modules/sysPictureBase/SysPictureBase.vue
index 69e8daf..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}"
@@ -22,9 +23,9 @@
<el-table-column type="selection" width="40" align="center"/>
<el-table-column prop="name" label="鍥剧墖鍚嶇О"/>
<zt-table-column-dict prop="isDefault" label="鏄惁榛樿" dict="is_or_not"/>
- <el-table-column label="鍥剧墖" align="center">
+ <el-table-column label="鍥剧墖" align="center" prop="svgContent">
<template v-slot="{ row }">
- <el-image v-if="row.id" :src="url+row.id" style="height: 50px;width: 50px"></el-image>
+ <div v-if="row.id" class="custom-svg-container" v-html = row.svgContent></div>
</template>
</el-table-column>
<el-table-column prop="contentType" label="妫�绱㈠叧閿瓧"/>
@@ -33,7 +34,7 @@
delete-perm="sysPictureBase::delete"/>
</el-table>
<!-- 寮圭獥, 鏂板 / 淇敼 -->
- <add-or-update @refreshDataList="table.query"/>
+ <add-or-update ref="addOrUpdate" @refreshDataList="table.query"/>
</zt-table-wraper>
</div>
</template>
@@ -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