From 60f3c96b903f04c4f015fae9d60d67b23f8131d8 Mon Sep 17 00:00:00 2001
From: liwenxuan <1298531568@qq.com>
Date: Fri, 12 Sep 2025 10:59:39 +0800
Subject: [PATCH] =?UTF-8?q?1.=E6=9C=AA=E4=B8=8A=E4=BC=A0=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E7=9A=84=E6=98=BE=E7=A4=BA=20"=E6=97=A0"=20=E5=AD=97=202.fit?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E6=94=AF=E6=8C=81=203.=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=8F=AF=E4=BF=AE=E6=94=B9=E5=BC=80=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../lowCode/assistant/lowcodeImage.vue        | 59 +++++++++++++++++--
 1 file changed, 55 insertions(+), 4 deletions(-)

diff --git a/src/components/lowCode/assistant/lowcodeImage.vue b/src/components/lowCode/assistant/lowcodeImage.vue
index e98d079..1bf1ee7 100644
--- a/src/components/lowCode/assistant/lowcodeImage.vue
+++ b/src/components/lowCode/assistant/lowcodeImage.vue
@@ -342,6 +342,40 @@ function completionImageDetails(urlString:string) {
 
 
 const toShow = ref(false)
+
+
+import { ref, watchEffect, nextTick } from 'vue'
+
+// 定义ref获取span元素
+const noPhotoSpanRef = ref(null)
+// 存储span是否显示的状态
+const isNoPhotoSpanVisible = ref(false)
+
+// 监测影响元素显示的依赖项
+watchEffect(async () => {
+  // 触发依赖收集
+  const isDivConditionMet = !props.data.control.useDefaultImg 
+    && attrs.types === 2 
+    && props.data.control.onSiteShot === 1
+  const hasPlaceholder = valueArr.value?.includes('/src/assets/image/404_images/imgNotFound.png')
+
+  // 等待DOM更新
+  await nextTick()
+  
+  // 通过元素是否存在判断显示状态
+  isNoPhotoSpanVisible.value = !!noPhotoSpanRef.value
+})
+
+
+const fit = computed(()=>{
+  if(props.data.styles.divStyle&&props.data.styles.divStyle.objectFit){
+    return props.data.styles.divStyle.objectFit
+  }else{
+    return 'fill'
+  }
+})
+
+
 </script>
 <template>
 	<!-- {{ checkIsMobile() }} -->
@@ -354,6 +388,14 @@ const toShow = ref(false)
     /> -->
 
 
+    <el-image
+        v-if="props.data.control.useDefaultImg&&props.data.control.defaultAllowsChange=='0'"
+        :src="props.modelValue"
+        class="avatar"
+        :style="getFormItemInputStyle(configStyle, 2)"
+        :fit="fit"
+      />
+
 <el-upload
     v-bind="$props"
     class="upload-demo"
@@ -363,11 +405,12 @@ const toShow = ref(false)
     :before-upload="beforeAvatarUpload"
     v-loading="imgLoading"
   >
-    <img
-        v-if="props.data.control.useDefaultImg"
+    <el-image
+        v-if="props.data.control.useDefaultImg&&props.data.control.defaultAllowsChange==''"
         :src="props.modelValue"
         class="avatar"
         :style="getFormItemInputStyle(configStyle, 2)"
+        :fit="fit"
       />
   </el-upload>
 
@@ -391,10 +434,14 @@ const toShow = ref(false)
 
 		<el-button  @click="selectFile" style="color:grey;font-weight: bolder;margin-top: 5px;margin-bottom: 5px;"><el-icon style="margin-right: 7px;font-weight: bolder;"><Plus /></el-icon>添加图片</el-button>
 	</div>
-	<div v-if="!props.data.control.useDefaultImg&&attrs.types!=3&&props.data.control.onSiteShot&&props.data.control.onSiteShot=='1'" style="width: 100%; color:orangered">
+	<div v-if="!props.data.control.useDefaultImg&&attrs.types!=3&&props.data.control.onSiteShot&&props.data.control.onSiteShot=='1'" style="width:100%; color:orangered">
 		
 		<el-button v-if="attrs.types!=2&&checkIsMobile()"  @click="selectFile" style="color:grey;font-weight: bolder;"><el-icon style="margin-right: 7px;font-weight: bolder;"><Plus /></el-icon>拍照上传</el-button>
-		<div v-else style="margin-top: 1.2%;margin-left: 1.1%;" >不可修改 仅允许现场手机拍照上传</div>
+		<div v-else ref="noPhotoSpanRef"  style="margin-top: 1.7%;margin-left: 1.1%; " >
+      <span v-show="!isNoPhotoSpanVisible">未拍照  ,</span>
+      <span >  不可修改 , 仅允许现场手机拍照上传</span>
+      
+    </div>
 	</div>
 
 	<el-upload
@@ -429,6 +476,7 @@ const toShow = ref(false)
 	<!-- 详情页略缩图列表 -->
 <div v-if ="!props.data.control.useDefaultImg&&attrs.types==3" v-for="url in valueArr"  class="demo-image__preview">
     <el-image
+      v-if="url!='/src/assets/image/404_images/imgNotFound.png'"
       style="width: 100px; height: 100px;margin: 4px;border: #DCDFE6 1px solid; border-radius: 8px;"
       :src="url"
       :zoom-rate="1.2"
@@ -439,11 +487,13 @@ const toShow = ref(false)
       :initial-index="4"
       fit="cover"
     />
+    <span v-else style="display: inline-block;">无</span>
   </div>
 
 
   <div v-if ="!props.data.control.useDefaultImg&&attrs.types==2&&props.data.control.onSiteShot==1" v-for="url in valueArr"  class="demo-image__preview">
     <el-image
+    v-if="url!='/src/assets/image/404_images/imgNotFound.png'"
       style="width: 100px; height: 100px;margin: 4px;border: #DCDFE6 1px solid; border-radius: 8px;"
       :src="url"
       :zoom-rate="1.2"
@@ -454,6 +504,7 @@ const toShow = ref(false)
       :initial-index="4"
       fit="cover"
     />
+    <span v-else  style="display: none;margin-top: 5px;">无</span>
   </div>