From 300b8b3de2fbb30cecf30efe13930836167fe692 Mon Sep 17 00:00:00 2001
From: xyc <jc_xiong@hotmail.com>
Date: 星期五, 02 八月 2024 17:49:19 +0800
Subject: [PATCH] 修改仿真
---
web/src/views/modules/sysPictureBase/SysPictureBase.vue | 48 +++++++++++++++++++++++++++++++++++++++---------
1 files changed, 39 insertions(+), 9 deletions(-)
diff --git a/web/src/views/modules/sysPictureBase/SysPictureBase.vue b/web/src/views/modules/sysPictureBase/SysPictureBase.vue
index 69e8daf..7914db7 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()">
@@ -9,12 +9,13 @@
</el-form-item>
<el-form-item>
- <zt-dict v-model="dataForm.productType" dict="product" placeholder="璇烽�夋嫨浜у搧绫诲瀷" clearable></zt-dict>
+ <zt-dict v-model="dataForm.productType" dict="product" :additional=additional placeholder="璇烽�夋嫨浜у搧绫诲瀷" clearable></zt-dict>
</el-form-item>
<el-form-item>
<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,18 +23,23 @@
<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="妫�绱㈠叧閿瓧"/>
- <zt-table-column-dict prop="productType" label="浜у搧绫诲瀷" dict="product"/>
- <zt-table-column-handle :table="table"
- delete-perm="sysPictureBase::delete"/>
+ <zt-table-column-dict prop="productType" label="浜у搧绫诲瀷" dict="product" :additional=additional />
+ <zt-table-column-handle :table="table" edit-perm="sysPictureBase::delete"
+ delete-perm="sysPictureBase::delete">
+ <template slot-scope="scope">
+ <zt-table-button size="small" type="primary" @click="edit(scope.row)">淇敼
+ </zt-table-button>
+ </template>
+ </zt-table-column-handle>
</el-table>
<!-- 寮圭獥, 鏂板 / 淇敼 -->
- <add-or-update @refreshDataList="table.query"/>
+ <add-or-update ref="addOrUpdate" @refreshDataList="table.query"/>
</zt-table-wraper>
</div>
</template>
@@ -45,6 +51,7 @@
export default {
data() {
return {
+ additional: [{dictValue: '20', dictLabel: '杩愮畻鍥惧厓', remark: ''}],
url: `${window.SITE_CONFIG['apiURL']}/sysPictureBase/getProductImg?token=${Cookies.get('token')}&id=`,
dataForm: {
contentType: '',
@@ -57,6 +64,29 @@
},
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()
+ }
+ },
+ edit(row){
+ this.$refs.addOrUpdate.$refs.dialog.init(row.id,row)
+ }
+ }
}
</script>
+<style>
+ .custom-svg-container svg {
+ width: 60px; /* 璁剧疆SVG鍥剧墖鐨勫搴︿负60 */
+ height: 60px; /* 璁剧疆SVG鍥剧墖鐨勯珮搴︿负60 */
+ }
+</style>
--
Gitblit v1.9.1