bugfix: 引用图片删除
This commit is contained in:
@@ -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'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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: '擦除'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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)
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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(() => {
|
||||||
|
|||||||
Reference in New Issue
Block a user