|
|
|
@ -16,7 +16,7 @@ import { Plus } from '@element-plus/icons-vue' |
|
|
|
import type { UploadProps, UploadUserFile } from 'element-plus' |
|
|
|
|
|
|
|
|
|
|
|
const attrs = useAttrs() |
|
|
|
//const attrs = useAttrs() |
|
|
|
|
|
|
|
const props = withDefaults( |
|
|
|
defineProps<{ |
|
|
|
@ -26,6 +26,7 @@ const props = withDefaults( |
|
|
|
data?: Object; |
|
|
|
formTableSetUp?: Object; |
|
|
|
imgUrl?: string; |
|
|
|
type: string; |
|
|
|
}>(), |
|
|
|
{} |
|
|
|
); |
|
|
|
@ -192,12 +193,22 @@ function selectFile(){ |
|
|
|
} |
|
|
|
</script> |
|
|
|
<template> |
|
|
|
<img |
|
|
|
v-if="props.data.control.useDefaultImg" |
|
|
|
:src="value" |
|
|
|
class="avatar" |
|
|
|
:style="getFormItemInputStyle(configStyle, 2)" |
|
|
|
/> |
|
|
|
<el-upload |
|
|
|
v-bind="$props" |
|
|
|
class="upload-demo" |
|
|
|
:action="uploadUrl" |
|
|
|
:show-file-list="false" |
|
|
|
:on-success="handleAvatarSuccess" |
|
|
|
:before-upload="beforeAvatarUpload" |
|
|
|
v-loading="imgLoading" |
|
|
|
> |
|
|
|
<img |
|
|
|
v-if="props.data.control.useDefaultImg" |
|
|
|
:src="props.modelValue" |
|
|
|
class="avatar" |
|
|
|
:style="getFormItemInputStyle(configStyle, 2)" |
|
|
|
/> |
|
|
|
</el-upload> |
|
|
|
<!-- <img referrerpolicy="no-referrer" :src="url" :style="styleObject" :fit="fit" :class="[boderAndShadowClassIsActive ? boderAndShadowClass : '', radiusClassIsActive ? radiusClass : '',mp, floatFlag ? floatStyle : '']" /> --> |
|
|
|
<!-- <div></div> --> |
|
|
|
|
|
|
|
@ -231,13 +242,13 @@ function selectFile(){ |
|
|
|
> |
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
</el-upload> --> |
|
|
|
<div v-if="!props.data.control.useDefaultImg&&attrs.type!=4&&props.data.control.onSiteShot==''" style="width: 100%; "> |
|
|
|
<div v-if="!props.data.control.useDefaultImg&&props.type!=4&&props.data.control.onSiteShot==''" style="width: 100%; "> |
|
|
|
|
|
|
|
<el-button @click="selectFile" style="color:grey;font-weight: bolder;"><el-icon style="margin-right: 7px;font-weight: bolder;"><Plus /></el-icon>添加图片</el-button> |
|
|
|
</div> |
|
|
|
<div v-if="!props.data.control.useDefaultImg&&attrs.type!=4&&props.data.control.onSiteShot&&props.data.control.onSiteShot=='1'" style="width: 100%; color:orangered"> |
|
|
|
<div v-if="!props.data.control.useDefaultImg&&props.type!=4&&props.data.control.onSiteShot&&props.data.control.onSiteShot=='1'" style="width: 100%; color:orangered"> |
|
|
|
|
|
|
|
<div v-if="attrs.type==5">仅允许现场手机拍照上传</div> |
|
|
|
<div v-if="props.type!=5">仅允许现场手机拍照上传</div> |
|
|
|
<div v-else ><el-button @click="selectFile" style="color:grey;font-weight: bolder;"><el-icon style="margin-right: 7px;font-weight: bolder;"><Plus /></el-icon>拍照上传</el-button></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -265,7 +276,7 @@ function selectFile(){ |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
<!-- 详情页略缩图列表 --> |
|
|
|
<div v-if ="!props.data.control.useDefaultImg&&attrs.type==4" v-for="url in valueArr" class="demo-image__preview"> |
|
|
|
<div v-if ="!props.data.control.useDefaultImg&&props.type==4" v-for="url in valueArr" class="demo-image__preview"> |
|
|
|
<el-image |
|
|
|
style="width: 100px; height: 100px;margin: 4px;border: #DCDFE6 1px solid; border-radius: 8px;" |
|
|
|
:src="url" |
|
|
|
|