From a46d77b67903398df1ebf91005385892ff91902a Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期三, 23 四月 2025 16:52:02 +0800
Subject: [PATCH] 回显
---
src/views/picture/picture/index.vue | 29 ++++++++++++++++++++++-------
1 files changed, 22 insertions(+), 7 deletions(-)
diff --git a/src/views/picture/picture/index.vue b/src/views/picture/picture/index.vue
index 5ff34a5..7e80257 100644
--- a/src/views/picture/picture/index.vue
+++ b/src/views/picture/picture/index.vue
@@ -139,7 +139,6 @@
</el-dialog>
</div>
</template>
-
<script>
import {
getListPicture,
@@ -310,12 +309,19 @@
tupian(formData)
.then(response => {
console.log('鎴愬姛浜�', response);
- if (response.code === 200 && response.base64) {
+ if (response.code === 200) {
this.$message.success('鍥剧墖涓婁紶鎴愬姛锛�');
const index = this.tableList.findIndex(item => item.proId === proId);
if (index !== -1) {
- const base64Image = `data:image/${fileExtension};base64,${response.base64}`;
- this.$set(this.tableList[index], 'imageUrl', base64Image);
+ // 淇濆瓨 base64 鍥惧儚鐢ㄤ簬鏄剧ず
+ if (response.base64) {
+ const base64Image = `data:image/${fileExtension};base64,${response.base64}`;
+ this.$set(this.tableList[index], 'imageUrl', base64Image);
+ }
+ // 淇濆瓨杩斿洖鐨� url
+ if (response.url) {
+ this.$set(this.tableList[index], 'url', response.url);
+ }
}
} else {
this.$message.error('鍥剧墖涓婁紶澶辫触锛�');
@@ -537,7 +543,14 @@
let tjNumber = val;
this.loading = true;
getYxJcXx(tjNumber).then((res) => {
- this.tableList = res.data;
+ this.tableList = res.data.map(item => {
+ // 濡傛灉 imageUrl 瀛樺湪涓旀槸绾� Base64 瀛楃涓诧紝娣诲姞 data:image 鍓嶇紑
+ if (item.imageUrl && !item.imageUrl.startsWith('data:image')) {
+ // 鍋囪鍥剧墖绫诲瀷涓� png锛屽鏋滄帴鍙ｆ彁渚涚被鍨嬶紝鍙互鏇挎崲涓哄姩鎬佸��
+ item.imageUrl = `data:image/png;base64,${item.imageUrl}`;
+ }
+ return item;
+ });
this.loading = false;
this.$nextTick(() => {
const headerCheckbox = this.$refs.mu.$el.querySelector(
@@ -678,12 +691,14 @@
const proId = this.selectedRow.proId;
const jcsj = this.form.proResult || " ";
const jcjl = this.form.conclusion || " ";
+ const url = this.selectedRow.url || ""; // 鑾峰彇 url锛屽鏋滀笉瀛樺湪鍒欎负绌哄瓧绗︿覆
addYxJcXx({
proId: proId,
tjNumber: this.selectedTjNumber,
jcsj: jcsj,
jcjl: jcjl,
+ url: url // 娣诲姞 url 鍙傛暟
})
.then((response) => {
this.form.proResult = "";
@@ -704,8 +719,8 @@
console.error("鎻愪氦澶辫触", error);
});
},
- handleDelete() {},
- handleExport() {},
+ handleDelete() { },
+ handleExport() { },
},
};
</script>
--
Gitblit v1.8.0