Browse Source

图片

lwx_v27
liwenxuan 3 months ago
parent
commit
7c94967274
  1. 29
      src/components/DesignForm/formControlPropertiNew.vue
  2. 33
      src/components/DesignForm/public/expand/lowcodeImage.vue
  3. 10
      src/components/DesignForm/tableListPage/formPageCont.vue

29
src/components/DesignForm/formControlPropertiNew.vue

@ -833,14 +833,14 @@ const attrList = computed(() => {
vIf: state.isSearch, vIf: state.isSearch,
vShow: ["lowcodeImage"], vShow: ["lowcodeImage"],
}, },
{ /* {
label: "添加时间水印", label: "添加时间水印",
value: config.lowcodeImage, value: config.lowcodeImage,
path: "config.lowcodeImage", path: "config.lowcodeImage",
type: "lowcodeImage_watermark", type: "lowcodeImage_watermark",
vIf: state.isSearch, vIf: state.isSearch,
vShow: ["lowcodeImage"], vShow: ["lowcodeImage"],
}, }, */
{ {
label: "显示级别", label: "显示级别",
value: config.organization, value: config.organization,
@ -4111,7 +4111,7 @@ const aiAgentList = ref([
<el-divider content-position="left">通用属性</el-divider> <el-divider content-position="left">通用属性</el-divider>
<template v-for="(item, index) in attrList" :key="index"> <template v-for="(item, index) in attrList" :key="index">
<template v-if="item.label == '添加时间水印'"> <!-- <template v-if="item.label == '添加时间水印'">
<el-form-item :label="item.label" v-if="controlData.control.onSiteShot=='1'" class="form_cont"> <el-form-item :label="item.label" v-if="controlData.control.onSiteShot=='1'" class="form_cont">
<el-radio-group v-model="controlData.control.watermark"> <el-radio-group v-model="controlData.control.watermark">
@ -4119,6 +4119,29 @@ const aiAgentList = ref([
<el-radio value=""></el-radio> <el-radio value=""></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</template> -->
<template v-if="item.label == '必须现场拍照'">
<el-form-item :label="item.label" v-if="controlData.control.useDefaultImg==false" class="form_cont">
<el-radio-group v-model="controlData.control.onSiteShot">
<el-radio value="1"></el-radio>
<el-radio value=""></el-radio>
</el-radio-group>
<div v-if="controlData.control.onSiteShot=='1'" style="width: 100%;border: 0px solid black; margin-top: 10px">
<div style="position: relative; left: -84px">
添加时间水印
<el-radio-group v-model="controlData.control.watermark" style="position: relative; left: 8px">
<el-radio value="1"></el-radio>
<el-radio value=""></el-radio>
</el-radio-group>
</div>
</div>
</el-form-item>
</template> </template>
<el-form-item v-else :label="item.label" class="form_cont"> <el-form-item v-else :label="item.label" class="form_cont">

33
src/components/DesignForm/public/expand/lowcodeImage.vue

@ -16,7 +16,7 @@ import { Plus } from '@element-plus/icons-vue'
import type { UploadProps, UploadUserFile } from 'element-plus' import type { UploadProps, UploadUserFile } from 'element-plus'
const attrs = useAttrs() //const attrs = useAttrs()
const props = withDefaults( const props = withDefaults(
defineProps<{ defineProps<{
@ -26,6 +26,7 @@ const props = withDefaults(
data?: Object; data?: Object;
formTableSetUp?: Object; formTableSetUp?: Object;
imgUrl?: string; imgUrl?: string;
type: string;
}>(), }>(),
{} {}
); );
@ -192,12 +193,22 @@ function selectFile(){
} }
</script> </script>
<template> <template>
<img <el-upload
v-if="props.data.control.useDefaultImg" v-bind="$props"
:src="value" class="upload-demo"
class="avatar" :action="uploadUrl"
:style="getFormItemInputStyle(configStyle, 2)" :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 : '']" /> --> <!-- <img referrerpolicy="no-referrer" :src="url" :style="styleObject" :fit="fit" :class="[boderAndShadowClassIsActive ? boderAndShadowClass : '', radiusClassIsActive ? radiusClass : '',mp, floatFlag ? floatStyle : '']" /> -->
<!-- <div></div> --> <!-- <div></div> -->
@ -231,13 +242,13 @@ function selectFile(){
> >
<el-icon><Plus /></el-icon> <el-icon><Plus /></el-icon>
</el-upload> --> </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> <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>
<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 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> </div>
@ -265,7 +276,7 @@ function selectFile(){
</el-upload> </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 <el-image
style="width: 100px; height: 100px;margin: 4px;border: #DCDFE6 1px solid; border-radius: 8px;" style="width: 100px; height: 100px;margin: 4px;border: #DCDFE6 1px solid; border-radius: 8px;"
:src="url" :src="url"

10
src/components/DesignForm/tableListPage/formPageCont.vue

@ -572,11 +572,12 @@ function optionsValue3Get3(data: any, fieldName: any) {
</template> </template>
<div v-if="mastItem.types == 'lowcodeImage'"> <div v-if="mastItem.types == 'lowcodeImage'">
<el-image {{ mastItem.value }}
<!-- <el-image
style="width: 100px; height: 100px" style="width: 100px; height: 100px"
:src="mastItem.value" :src="mastItem.value"
fit="cover" fit="cover"
/> /> -->
</div> </div>
<div v-if="mastItem.types == 'lowcodeCarsusel'"> <div v-if="mastItem.types == 'lowcodeCarsusel'">
<el-carousel :interval="5000" type="card" height="200px"> <el-carousel :interval="5000" type="card" height="200px">
@ -680,11 +681,12 @@ function optionsValue3Get3(data: any, fieldName: any) {
</template> </template>
<div v-if="sonCentor.types == 'lowcodeImage'"> <div v-if="sonCentor.types == 'lowcodeImage'">
<el-image {{ sonCentor.value }}
<!-- <el-image
style="width: 100px; height: 100px" style="width: 100px; height: 100px"
:src="sonCentor.value" :src="sonCentor.value"
fit="cover" fit="cover"
/> /> -->
</div> </div>
<div v-if="sonCentor.types == 'lowcodeCarsusel'"> <div v-if="sonCentor.types == 'lowcodeCarsusel'">
<el-carousel :interval="5000" type="card" height="200px"> <el-carousel :interval="5000" type="card" height="200px">

Loading…
Cancel
Save