From 6f3fac4493995e16ee0f37c6cf2b06e5de2a6a72 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 02 七月 2025 16:27:37 +0800
Subject: [PATCH] 1. 将场景图片的分类修改为从服务端动态获取； 2. 问题整改节目中的问题复现功能修改为可拖动对话框且移除背景模态框；
---
src/views/fysp/data-product/components/CompImgInfo.vue | 62 +++++++++++++++++++++++++-----
1 files changed, 51 insertions(+), 11 deletions(-)
diff --git a/src/views/fysp/data-product/components/CompImgInfo.vue b/src/views/fysp/data-product/components/CompImgInfo.vue
index 5fcfd7e..48a0b51 100644
--- a/src/views/fysp/data-product/components/CompImgInfo.vue
+++ b/src/views/fysp/data-product/components/CompImgInfo.vue
@@ -4,15 +4,19 @@
<tr v-if="!downTitle">
<td>
<el-row justify="space-between" align="middle">
- {{ title }}
- <el-button size="small" @click="$emit('change')">{{
- btnName
- }}</el-button>
+ <!-- {{ title }} -->
+ <el-input
+ size="small"
+ :model-value="title"
+ @input="handleInputChange"
+ placeholder="鏍囬"
+ style="width: 150px"
+ />
</el-row>
</td>
</tr>
<tr>
- <td>
+ <td style="position: relative">
<el-image
class="image"
:src="imgSrc"
@@ -20,16 +24,31 @@
:initial-index="0"
fit="cover"
lazy
- />
+ >
+ <template #error>
+ <div class="image-slot">
+ <el-button type="primary" size="small" @click="$emit('change')"
+ >閫夋嫨鍥剧墖</el-button
+ >
+ </div>
+ </template>
+ </el-image>
+ <el-button class="pop-button" size="small" @click="$emit('change')">{{
+ btnName
+ }}</el-button>
</td>
</tr>
<tr v-if="downTitle">
<td>
<el-row justify="space-between" align="middle">
- {{ title }}
- <el-button size="small" @click="$emit('change')">{{
- btnName
- }}</el-button>
+ <!-- {{ title }} -->
+ <el-input
+ size="small"
+ :model-value="title"
+ @input="handleInputChange"
+ placeholder="鏍囬"
+ style="width: 150px"
+ />
</el-row>
</td>
</tr>
@@ -50,7 +69,13 @@
}
});
-const emit = defineEmits(['change']);
+// const unchangeImg = '../../../../assets/image/unchange.png'
+
+const emit = defineEmits(['change', 'update:title']);
+
+function handleInputChange(value) {
+ emit('update:title', value);
+}
</script>
<style scoped>
.image {
@@ -77,4 +102,19 @@
border-style: solid;
border-color: #666666; */
}
+
+.image-slot {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ background: var(--el-fill-color-light);
+}
+
+.pop-button {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+}
</style>
--
Gitblit v1.9.3