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