bugfix: 引用图片删除

This commit is contained in:
2026-03-26 16:45:35 +08:00
parent f4dfcfbfe4
commit 0118040e27
5 changed files with 104 additions and 91 deletions

View File

@@ -135,7 +135,9 @@ export default {
confirm: 'Confirm', confirm: 'Confirm',
styleTitle: 'Settings', styleTitle: 'Settings',
createProject: 'Create Project', createProject: 'Create Project',
trendingReport: 'Trending report' trendingReport: 'Trending report',
reportPlaceholder:
'Generate a furniture trending report for 2026, including popular styles and design directions.'
}, },
area: { area: {
unitedStates: 'United States', unitedStates: 'United States',
@@ -202,45 +204,45 @@ export default {
download: 'Download' download: 'Download'
}, },
DepthCanvas: { DepthCanvas: {
layer: "Layer", layer: 'Layer',
editDetails: "Edit Details", editDetails: 'Edit Details',
export: "Export", export: 'Export',
save: "Save", save: 'Save',
workbench: "Workbench", workbench: 'Workbench',
position: "Position", position: 'Position',
size: "Size", size: 'Size',
appearance: "Appearance", appearance: 'Appearance',
opacity: "Opacity", opacity: 'Opacity',
cornerRadius: "Cor Radius", cornerRadius: 'Cor Radius',
strokeWidth: "Stroke Width", strokeWidth: 'Stroke Width',
color: "Color", color: 'Color',
image: "Image", image: 'Image',
settings: "Settings", settings: 'Settings',
rotation: "Rotation", rotation: 'Rotation',
scale: "Scale", scale: 'Scale',
gapX: "Gap X", gapX: 'Gap X',
gapY: "Gap Y", gapY: 'Gap Y',
offset: "Offset", offset: 'Offset',
emptyLayer: "Empty Layer", emptyLayer: 'Empty Layer',
aiGroupLayer: "AI Group Layer", aiGroupLayer: 'AI Group Layer',
textLayer: "Text Layer", textLayer: 'Text Layer',
rectLayer: "Rect Layer", rectLayer: 'Rect Layer',
lineLayer: "Line Layer", lineLayer: 'Line Layer',
ellipseLayer: "Ellipse Layer", ellipseLayer: 'Ellipse Layer',
triangleLayer: "Triangle Layer", triangleLayer: 'Triangle Layer',
starLayer: "Star Layer", starLayer: 'Star Layer',
arrowLayer: "Arrow Layer", arrowLayer: 'Arrow Layer',
imageLayer: "Image Layer", imageLayer: 'Image Layer',
mergeLayer: "Merge Layer", mergeLayer: 'Merge Layer',
rectangle: "Rectangle", rectangle: 'Rectangle',
line: "Line", line: 'Line',
arrow: "Arrow", arrow: 'Arrow',
ellipse: "Ellipse", ellipse: 'Ellipse',
triangle: "Triangle", triangle: 'Triangle',
star: "Star", star: 'Star',
add: "Add", add: 'Add',
remove: "Remove", remove: 'Remove',
brush: "Brush", brush: 'Brush',
erase: "Erase", erase: 'Erase'
} }
} }

View File

@@ -128,7 +128,8 @@ export default {
confirm: '确认', confirm: '确认',
styleTitle: '设置', styleTitle: '设置',
createProject: '创建项目', createProject: '创建项目',
trendingReport: '趋势报告' trendingReport: '趋势报告',
reportPlaceholder: '生成一份2026年家具流行趋势报告内容包括流行风格和设计方向。'
}, },
area: { area: {
unitedStates: '美国', unitedStates: '美国',
@@ -199,45 +200,45 @@ export default {
download: '下载' download: '下载'
}, },
DepthCanvas: { DepthCanvas: {
layer: "图层", layer: '图层',
editDetails: "编辑详情", editDetails: '编辑详情',
export: "导出", export: '导出',
save: "保存", save: '保存',
workbench: "工作台", workbench: '工作台',
position: "位置", position: '位置',
size: "大小", size: '大小',
appearance: "外观", appearance: '外观',
opacity: "透明度", opacity: '透明度',
cornerRadius: "圆角半径", cornerRadius: '圆角半径',
strokeWidth: "边框宽度", strokeWidth: '边框宽度',
color: "颜色", color: '颜色',
image: "图片", image: '图片',
settings: "设置", settings: '设置',
rotation: "旋转角度", rotation: '旋转角度',
scale: "缩放", scale: '缩放',
gapX: "水平间距", gapX: '水平间距',
gapY: "垂直间距", gapY: '垂直间距',
offset: "偏移量", offset: '偏移量',
emptyLayer: "空图层", emptyLayer: '空图层',
aiGroupLayer: "智能选区组", aiGroupLayer: '智能选区组',
textLayer: "文本图层", textLayer: '文本图层',
rectLayer: "矩形图层", rectLayer: '矩形图层',
lineLayer: "直线图层", lineLayer: '直线图层',
ellipseLayer: "椭圆图层", ellipseLayer: '椭圆图层',
triangleLayer: "三角形图层", triangleLayer: '三角形图层',
starLayer: "五角星图层", starLayer: '五角星图层',
arrowLayer: "箭头图层", arrowLayer: '箭头图层',
imageLayer: "图片图层", imageLayer: '图片图层',
mergeLayer: "合并图层", mergeLayer: '合并图层',
rectangle: "矩形", rectangle: '矩形',
line: "直线", line: '直线',
arrow: "箭头", arrow: '箭头',
ellipse: "椭圆", ellipse: '椭圆',
triangle: "三角形", triangle: '三角形',
star: "五角星", star: '五角星',
add: "添加", add: '添加',
remove: "删除", remove: '删除',
brush: "画笔", brush: '画笔',
erase: "擦除", erase: '擦除'
} }
} }

View File

@@ -635,7 +635,6 @@
messageList.value = [...ancestorsList] messageList.value = [...ancestorsList]
params.versionID = current?.id params.versionID = current?.id
sketchList.value = imgList sketchList.value = imgList
console.log('------------', messageList.value)
}) })
} }

View File

@@ -35,16 +35,18 @@
.report-card { .report-card {
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
margin: 2.4rem 0; margin: 1.2rem 0 0;
min-height: 11.2rem; min-height: 11.2rem;
background: url('@/assets/images/report-card.png') no-repeat; background: url('@/assets/images/report-card.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 2.9rem; padding: 2.9rem;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
margin-bottom: 0;
&.is-url { &.is-url {
background: url('@/assets/images/link-card.png') no-repeat; background: url('@/assets/images/link-card.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 2.4rem 0;
} }
&.is-sketch { &.is-sketch {
background: url('@/assets/images/sketch-card.png') no-repeat; background: url('@/assets/images/sketch-card.png') no-repeat;
@@ -61,7 +63,7 @@
&-header { &-header {
font-family: 'Medium'; font-family: 'Medium';
font-size: 1.6rem; font-size: 1.2rem;
margin-bottom: 1.3rem; margin-bottom: 1.3rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -80,7 +82,7 @@
&-content { &-content {
font-family: 'Regular'; font-family: 'Regular';
font-weight: 300; font-weight: 300;
font-size: 1.6rem; font-size: 1.2rem;
color: #7c7c7c; color: #7c7c7c;
} }
} }

View File

@@ -16,7 +16,7 @@
class="preview-image" class="preview-image"
@click="previewImage(image.url)" @click="previewImage(image.url)"
/> />
<div class="image-remove-btn" @click="removeImage(index)"> <div class="image-remove-btn" @click="removeImage(index, image)">
<SvgIcon name="delete" size="16" /> <SvgIcon name="delete" size="16" />
</div> </div>
</div> </div>
@@ -305,9 +305,17 @@
} }
// 移除图片 // 移除图片
const removeImage = (index: number) => { const removeImage = (index: number, item: any) => {
if (quoteList.value.includes(item)) {
const quoteIndex = quoteList.value.indexOf(item)
if (quoteIndex > -1) {
quoteList.value.splice(quoteIndex, 1)
}
return
} else {
uploadedImages.value.splice(index, 1) uploadedImages.value.splice(index, 1)
} }
}
const styleKeys: string[] = [ const styleKeys: string[] = [
'Venetian Modern', 'Venetian Modern',
@@ -472,8 +480,7 @@
customPlaceholder.value = placeholderSpan customPlaceholder.value = placeholderSpan
// 打字机效果显示placeholder文本 // 打字机效果显示placeholder文本
const placeholderText = const placeholderText = t('Input.reportPlaceholder')
'Generate a furniture trending report for 2026, including popular styles and design directions.'
typeWriterEffect(placeholderSpan, placeholderText) typeWriterEffect(placeholderSpan, placeholderText)
const removePlaceholderOnInput = () => { const removePlaceholderOnInput = () => {
@@ -815,6 +822,8 @@
} }
const handleQuote = (url: string) => { const handleQuote = (url: string) => {
const hasQuoted = quoteList.value.includes(url)
if (hasQuoted) return
quoteList.value.push(url) quoteList.value.push(url)
} }
onUnmounted(() => { onUnmounted(() => {