diff --git a/src/api/DesignForm/types.ts b/src/api/DesignForm/types.ts
index 9ffa2ed06..0d5a359f1 100644
--- a/src/api/DesignForm/types.ts
+++ b/src/api/DesignForm/types.ts
@@ -154,3 +154,24 @@ export interface PublicAtrr{
 	inputStyle?:string;
 	vIf?:any;
 }
+//低代码视频单个属性对象
+export interface VideoMsg  {
+    CreatedAt: string
+    UpdatedAt: string
+    fileSize: bigint
+    id: bigint
+    key: string
+    name: string
+    physicspath: string
+    size: string
+    tag: string
+    type: number
+    url: string//视频地址
+	videoReady:boolean//当前视频是否成功上传
+	videoHeight?:number//视频高
+	videoWidth?:number//视频宽
+    videoAutoPlay:boolean//是否自动播放
+    attrId:string//字段标识  e.g : videoUpAndPlay1705024134559
+	poster?:string//海报帧url
+	loop:boolean//是否循环播放
+  }
diff --git a/src/components/DesignForm/assembly/index.ts b/src/components/DesignForm/assembly/index.ts
index 18b72abbe..f6cd8d7f2 100644
--- a/src/components/DesignForm/assembly/index.ts
+++ b/src/components/DesignForm/assembly/index.ts
@@ -316,6 +316,16 @@ const selectOption: any = [
 			  modelValue: ''
 			},
 			config: {}
+		  },
+		  {
+			type: 'lowcodeCarsusel',
+			label: '轮播图',
+			icon: '',
+			iconFont: 'fa-window-restore',
+			control: {
+			  modelValue: ''
+			},
+			config: {}
 		  }
 	  ]
 	},
diff --git a/src/components/DesignForm/formControlAttr.vue b/src/components/DesignForm/formControlAttr.vue
index e185c890e..cb103066a 100644
--- a/src/components/DesignForm/formControlAttr.vue
+++ b/src/components/DesignForm/formControlAttr.vue
@@ -588,13 +588,45 @@ const attrList = computed(() => {
 				path: 'config.componentName',
 				vShow: ['component']
 			},
+			{
+				label: '轮播图设置',
+				value: config.carousel,
+				path: 'config.carousel',
+				type: 'carousel',
+				vIf: state.isSearch,
+				vShow: ['lowcodeCarsusel']
+			},
 			{
 				label: '上传视频',
-				value: config.disabledAdd,
-				path: 'config.disabledAdd',
-				type: 'uploadvideo',
+				value: config.uploadvideo,
+				path: 'config.uploadvideo',
+				type: 'uploadvideo_url',
 				vIf: state.isSearch,
-				vHide: ['uploadvideo']
+				vShow: ['videoUpAndPlay']
+			},
+			{
+				label: '视频自动播放',
+				value: config.uploadvideo,
+				path: 'config.uploadvideo',
+				type: 'uploadvideo_autoPlay',
+				vIf: state.isSearch,
+				vShow: ['videoUpAndPlay']
+			},
+			{
+				label: '视频高度',
+				value: config.uploadvideo,
+				path: 'config.uploadvideo',
+				type: 'uploadvideo_height',
+				vIf: state.isSearch,
+				vShow: ['videoUpAndPlay']
+			},
+			{
+				label: '视频宽度',
+				value: config.uploadvideo,
+				path: 'config.uploadvideo',
+				type: 'uploadvideo_width',
+				vIf: state.isSearch,
+				vShow: ['videoUpAndPlay']
 			},
 			{
 				label: '上传地址',
@@ -1221,28 +1253,72 @@ const isNotWrite = (val:any) =>{
 
 //liwenxuan 20240108 vidioupload  start
 import uselowcodevideoStore from '@/store/modules/lowcodevideo'
+import { VideoMsg } from '@/api/DesignForm/types'
 const lowcodevideoStore = uselowcodevideoStore();
-
+const videoAutoPlay = ref(false);
+const videoHeight = ref(400);
+const videoWidth = ref(700);
 //const emits = defineEmits(["addedVideo"]);
 //上传成功钩子
 function videoUploadOk(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) {
-	//更新pinia中的视频上传信息
-	lowcodevideoStore.videoResource = response.data.url;
-	lowcodevideoStore.videoReady = true;
+	//当上传成功时,封装一个videoMsg对象
+	const videoMsg:VideoMsg = {
+		CreatedAt: '',
+		UpdatedAt: '',
+		fileSize: 0n,
+		id: 0n,
+		key: '',
+		name: '',
+		physicspath: '',
+		size: '',
+		tag: '',
+		type: 0,
+		url: '',
+		videoAutoPlay: false,
+		videoReady: false,
+		attrId: '',
+		loop: false
+	}
+	videoMsg.url = response.data.url;
+	videoMsg.videoReady = true;
 	console.log(response)
 	console.log(lowcodevideoStore);
-	lowcodevideoStore.videoMsg.CreatedAt = response.data.CreatedAt;
-	lowcodevideoStore.videoMsg.UpdatedAt = response.data.UpdatedAt;
-	lowcodevideoStore.videoMsg.fileSize = response.data.fileSize;
-	lowcodevideoStore.videoMsg.id = response.data.id;
-	lowcodevideoStore.videoMsg.key = response.data.key;
-	lowcodevideoStore.videoMsg.name = response.data.name;
-	lowcodevideoStore.videoMsg.physicspath = response.data.physicspath;
-	lowcodevideoStore.videoMsg.size = response.data.size;
-	lowcodevideoStore.videoMsg.tag = response.data.tag;
-	lowcodevideoStore.videoMsg.type = response.data.type;
-	lowcodevideoStore.videoMsg.url = response.data.url; 
-  	//emits("addedVideo",videoArr)
+	videoMsg.CreatedAt = response.data.CreatedAt;
+	videoMsg.UpdatedAt = response.data.UpdatedAt;
+	videoMsg.fileSize = response.data.fileSize;
+	videoMsg.id = response.data.id;
+	videoMsg.key = response.data.key;
+	videoMsg.name = response.data.name;
+	videoMsg.physicspath = response.data.physicspath;
+	videoMsg.size = response.data.size;
+	videoMsg.tag = response.data.tag;
+	videoMsg.type = response.data.type;
+	
+  	//emits("addedVideo",videoArr)''
+	console.log("response.data.url----2------>",response.data.url)
+	//formConfig.value["hjk"] = 250
+	console.log("formConfig----3------>",formConfig.value)
+	console.log("attrList----1------>",attrList.value)
+
+	if(attrList.value.length > 0){
+		attrList.value.forEach((item:any)=>{
+			// console.log("attrList---item-1------>",item.type)
+			console.log("attrList---item-1------>",item)
+			if(item.type === "uploadvideo_url"){
+				item.config={
+					videoConfig:[
+						{
+							videoUrl:response.data.url,
+							videoAutoPlay:videoAutoPlay,
+							videoHeight:videoHeight,
+							videoWidth:videoWidth
+						}
+					]
+				}
+			}
+		});
+	}
+	console.log("attrList---item-2------>",attrList.value)
 }
 
 //删除钩子 禁止删除
@@ -1265,6 +1341,23 @@ function videoUploadErr(error: Error, uploadFile: UploadFile, uploadFiles: Uploa
   lowcodevideoStore.videoResource = resdurl;
 } */
 //liwenxuan 20240108 vidioupload  end
+
+//liwenxuan 20240111 carousel  start
+const direction = ref('ltr')
+const drawer = ref(false)
+const handleClose = (done: () => void) => {
+  ElMessageBox.confirm('Are you sure you want to close this?')
+    .then(() => {
+      done()
+    })
+    .catch(() => {
+      // catch error
+    })
+}
+//liwenxuan 20240111 carousel  end  
+
+
+
 </script>
 <template>
 	<div  class="sidebar-tools">
@@ -1273,7 +1366,7 @@ function videoUploadErr(error: Error, uploadFile: UploadFile, uploadFiles: Uploa
 				<el-form size="small" class="form">
 					<div class=""><h3>通用属性</h3></div>
 					<template v-for="(item, index) in attrList" :key="index">
-					{{ item.inputStyle }}
+				
 						<el-form-item :label="item.label">
 							<el-select
 								v-if="item.type === 'select'"
@@ -1298,18 +1391,34 @@ function videoUploadErr(error: Error, uploadFile: UploadFile, uploadFiles: Uploa
 								v-model="item.value"
 								@change="controlChange(item, $event)"
 							/>
-							<el-row v-else-if="item.type === 'uploadvideo'">
+							
+							<el-row v-else-if="item.type === 'uploadvideo_url'">
 								<el-upload  
 								v-if="!lowcodevideoStore.videoReady"
 								:action="uploadUrl"  :before-remove="beforeRemove"
 								:on-success="videoUploadOk" :show-file-list="true"
 								:on-error="videoUploadErr"
+								
 								accept=".mp4,.MOV,.WMV,.FLV,.AVI,.AVCHD,.WebM,.MKV,.rmvb">
 									<el-button type="primary">点此上传</el-button>
 								</el-upload>
-								<el-button v-if="lowcodevideoStore.videoReady" type="primary">已上传</el-button>
+								<el-button v-if="lowcodevideoStore.videoReady" type="primary">已上传,点击修改</el-button>
+							</el-row>
+							<el-row v-else-if="item.type === 'uploadvideo_autoPlay'">
+								<el-switch v-model="videoAutoPlay" />
+							</el-row>
+							<el-row v-else-if="item.type === 'uploadvideo_width'">
+								<el-input-number v-model="videoWidth" :step="50" :max="4096"/>
+							</el-row>
+							<el-row v-else-if="item.type === 'uploadvideo_height'">
+								<el-input-number v-model="videoHeight" :step="50" :max="2160"/>
 							</el-row>
 
+							<el-row v-else-if="item.type === 'carousel'">
+								<el-button  type="primary" append-to-body="true" modal="true" @click="drawer = true"  >轮播图设置</el-button>
+							</el-row>
+							
+
 
 							<el-input
 								v-else
@@ -1320,6 +1429,7 @@ function videoUploadErr(error: Error, uploadFile: UploadFile, uploadFiles: Uploa
 							/>
 							
 						</el-form-item>
+						
 					</template>
 					
 					<template v-if="controlData.config">
diff --git a/src/components/DesignForm/public/form/form.vue b/src/components/DesignForm/public/form/form.vue
index 312ffa711..0d7f7c493 100644
--- a/src/components/DesignForm/public/form/form.vue
+++ b/src/components/DesignForm/public/form/form.vue
@@ -164,7 +164,7 @@ const forEachGetFormModel = (list: FormList[], obj: any) => {
 
 // 表单组件值改变事件 tProp为子表格相关
 provide(constControlChange, ({ key, value, data, tProp, type, attribute }: any) => {
-	// console.log("监听表单--constControlChange-->",key, value, data, tProp,type,attribute)
+	console.log("监听表单--constControlChange-->",key, value, data, tProp,type,attribute)
 	if (typeof props.changeKeyVal === 'function') {
 		props.changeKeyVal(key, value,type,attribute)
 	}
diff --git a/src/components/DesignForm/public/form/formGroup.vue b/src/components/DesignForm/public/form/formGroup.vue
index cce0fabfb..b08ec4709 100644
--- a/src/components/DesignForm/public/form/formGroup.vue
+++ b/src/components/DesignForm/public/form/formGroup.vue
@@ -427,6 +427,7 @@ onMounted(()=>{
 					
 				</template>
 				<VideoUpAndPlay  v-else-if="element.type === 'videoUpAndPlay'" :data="element" />
+				<LowcodeCarsusel  v-else-if="element.type === 'lowcodeCarsusel'" :data="element" />
 				<SignatureMap  v-else-if="element.type === 'signaturemap'" :data="element" />
 				<OrgCentent v-else-if="element.type === 'orgCentent'" :data="element" />
 				<BaiduMap v-else-if="element.type === 'baidumap'" :data="element" />
diff --git a/src/store/modules/lowcodevideo.ts b/src/store/modules/lowcodevideo.ts
index 4b5d70079..b303c3bbe 100644
--- a/src/store/modules/lowcodevideo.ts
+++ b/src/store/modules/lowcodevideo.ts
@@ -1,19 +1,7 @@
 //定义组合式API仓库
 import { defineStore } from "pinia";
 import { ref, computed,watch,reactive} from 'vue';
-type VideoMsg = {
-    CreatedAt: string
-      UpdatedAt: string
-    fileSize: bigint
-    id: bigint
-    key: string
-    name: string
-    physicspath: string
-    size: string
-    tag: string
-    type: number
-    url: string
-  }
+import { VideoMsg } from '@/api/DesignForm/types'
   /* type VideoObj = {} */
 
 
@@ -21,9 +9,9 @@ type VideoMsg = {
 let uselowcodevideoStore = defineStore('lowcodevideo', () => {
 
     //视频地址
-    const videoResource = ref<string>();
+    //const videoResource = ref<string>();
     //是否上传成功
-    const videoReady = ref(false);
+    //const videoReady = ref(false);
     //成功后接受的视频详细信息
     const videoMsg = reactive<VideoMsg>({
         CreatedAt: '',
@@ -36,16 +24,23 @@ let uselowcodevideoStore = defineStore('lowcodevideo', () => {
         size: '',
         tag: '',
         type: 0,
-        url: ''
+        url: '',
+        videoAutoPlay:false,
+		    videoHeight:400,
+		    videoWidth:700,
+        videoReady:false,
+        attrId:'',//字段标识  e.g : videoUpAndPlay1705024134559
     });
+    const videoMsgUse = reactive<VideoMsg[]>([])
+    const videoOnShowIndex = ref(0);//当当前表单有多个视频控件时,字段配置栏目前所展示的视频属性在pinia数组中的索引,用来在formControlAttr.vue中的dom属性上绑定显示数据
+  
     //表单视频信息数组
     /* const videoArr = reactive<> */
 
     //务必要返回一个对象:属性与方法可以提供给组件使用
     return {
-        videoReady,
-        videoResource,
-        videoMsg,
+        videoOnShowIndex,
+        videoMsgUse,
     }
 });
 
diff --git a/src/views/sysworkflow/codepage/createform.vue b/src/views/sysworkflow/codepage/createform.vue
index 112096af3..ff377d0e3 100644
--- a/src/views/sysworkflow/codepage/createform.vue
+++ b/src/views/sysworkflow/codepage/createform.vue
@@ -890,6 +890,9 @@ const editversionstaus = (id:string) =>{
 			:customerformid="props.formid"
       @open-dialog="openAceEditDrawer"
     />
+    <!-- liwenxuan 轮播图设置界面 20240112 start  -->
+   
+    <!-- liwenxuan 轮播图设置界面 20240112 end  -->
 		<ace-drawer
       v-model="drawer.visible"
       :title="drawer.title"
diff --git a/src/widget/carousel/index.vue b/src/widget/carousel/index.vue
new file mode 100644
index 000000000..f99d79198
--- /dev/null
+++ b/src/widget/carousel/index.vue
@@ -0,0 +1,181 @@
+<!--
+@ 作者: 李文轩
+@ 时间: 2024-01-02 13:49:57
+@ 备注: 
+-->
+<template>
+    <el-form-item 
+        v-bind="data.item"
+		:prop="tProp || data.name"
+		:class="config.className"
+		:rules="itemRules as any"
+		:label="getLabel(data.item as FormItem)"
+    >
+        <input  v-model="value" type="hidden" >
+    </el-form-item>
+
+    <LowcodeCarousel></LowcodeCarousel>
+</template>
+<script lang='ts' setup>
+import LowcodeCarousel   from './lowcodeCarousel.vue';
+import { 
+	constControlChange,
+    constFormProps,
+} from '@/api/DesignForm/utils'
+import validate from '@/api/DesignForm/validate'
+import { FormItem, FormList } from '@/api/DesignForm/types'
+const props = withDefaults(
+    defineProps<{
+		data: FormList
+		tablekey: any
+		numrun?: number
+		modelValue?: any // 子表和弹性布局时时有传
+		tProp?: string // 子表时的form-item的prop值，用于子表校验用
+    }>(),
+    {}
+)
+const emits = defineEmits<{
+    (e: 'update:modelValue', numVal: any): void
+}>()
+
+const formProps = inject(constFormProps, {}) as any
+const type = computed(() => {
+    return formProps.value.type
+})
+const config = computed(() => {
+    return props.data.config || {}
+})
+
+const changeEvent = inject(constControlChange, '') as any
+
+const value = computed({
+    get() {
+		if (props.tProp) {
+			// 表格和弹性布局
+			return props.modelValue
+		} else {
+			return formProps.value.model[props.data.name]
+		}
+    },
+    set(newVal: any) {
+		if (props.tProp) {
+			emits('update:modelValue', newVal)
+		}
+		updateModel(newVal)
+    }
+})
+const updateModel = (val: any) => {
+	let controlAttribute = ""
+	if(props.data.control){
+		if(props.data.control.type){
+			controlAttribute = props.data.control.type
+		}
+	}
+    changeEvent &&
+    changeEvent({
+        key: props.data.name,
+        value: val,
+        data: props.data,
+        tProp: props.tProp,
+		type: props.data.type,
+		attribute: controlAttribute
+    })
+}
+
+
+
+const getLabel = (ele: FormItem) => {
+    const showColon = formProps.value.showColon ? '：' : ''
+    if (ele) {
+    	return ele.showLabel ? '' : ele.label + showColon
+    } else {
+      	return ''
+    }
+}
+
+// 返回当前item项的校验规则
+const itemRules = computed(() => {
+    let temp
+    const itemR: any = props.data.item?.rules || []
+    const customR = formatCustomRules()
+    // 如果三个都没有设置，则返回undefined
+    if (itemR?.length || customR?.length) {
+      	temp = [...customR, ...itemR]
+    }
+    return temp
+})
+// 处理自定义校验规则，将customRules转换后追加到rules里
+const formatCustomRules = () => {
+    const rulesReg: any = {}
+    validate &&
+    validate.forEach(item => {
+        rulesReg[item.type] = item.regExp
+    })
+
+    // 获取校验方法 父级使用provide方法注入
+    const temp: any = []
+    props.data.customRules?.forEach((item: any) => {
+		if (!item.message && item.type !== 'methods') {
+			return // 方法时允许提示信息为空
+		}
+		let obj = {}
+		if (item.type === 'required') {
+			obj = { required: true }
+		} else if (item.type === 'rules') {
+			// 自定义表达式
+			obj = { pattern: item.rules }
+		} else if (item.type === 'methods') {
+			// 方法时
+			const methods: any = item.methods
+			if (methods) {
+			obj = { validator: inject(methods, {}) }
+			}
+		} else if (item.type) {
+			obj = { pattern: rulesReg[item.type as string] }
+		}
+		// 这里判断下防某些条件下重复push的可能或存重复校验类型
+		let message: any = { message: item.message }
+		if (!item.message) {
+			// 当使用validator校验时，如果存在message字段则不能使用 callback(new Error('x'));的提示
+			message = {}
+		}
+		temp.push(
+			Object.assign(
+				{
+					trigger: item.trigger || 'blur'
+				},
+				obj,
+				message
+			)
+		)
+    })
+    return temp
+}
+
+
+
+
+
+
+
+
+</script>
+<style  lang='scss' scoped>
+.imgbox{
+    padding: 0 5px;
+    max-width: 300px;
+    max-height: 200px;
+    width: 100%;
+    height: 200px;
+    .image-slot {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        height: 100%;
+        background: var(--el-fill-color-light);
+        color: var(--el-text-color-secondary);
+        font-size: 30px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/widget/carousel/lowcodeCarousel.vue b/src/widget/carousel/lowcodeCarousel.vue
new file mode 100644
index 000000000..7d8d27f8e
--- /dev/null
+++ b/src/widget/carousel/lowcodeCarousel.vue
@@ -0,0 +1,40 @@
+<template>
+    <el-carousel class="lowcodeCarsousel">
+        <el-carousel-item v-for="item in 4" :key="item">
+            <h3 class="small justify-center" text="2xl">{{ item }}</h3>
+        </el-carousel-item>
+    </el-carousel>
+</template>
+
+<script setup lang="ts">
+
+
+
+
+</script>
+
+<style scoped>
+.lowcodeCarsousel{
+    height:300px;
+    width:550px;
+}
+.demonstration {
+  color: var(--el-text-color-secondary);
+}
+
+.el-carousel__item h3 {
+  color: #475669;
+  opacity: 0.75;
+  line-height: 150px;
+  margin: 0;
+  text-align: center;
+}
+
+.el-carousel__item:nth-child(2n) {
+  background-color: #99a9bf;
+}
+
+.el-carousel__item:nth-child(2n + 1) {
+  background-color: #d3dce6;
+}
+</style>
\ No newline at end of file
diff --git a/src/widget/index.ts b/src/widget/index.ts
index 6f6db8349..ae9f5da86 100644
--- a/src/widget/index.ts
+++ b/src/widget/index.ts
@@ -8,6 +8,7 @@ import baiduMap from './baidumap/index.vue'
 import orgCentent from './org/index.vue'
 import signatureMap from './writingboard/index.vue'
 import videoUpAndPlay from './videoupload/index.vue'
+import lowcodeCarsusel from './carousel/index.vue'
 
 export default (app: any)	=> {
 	app.component('SerialNumber', serialNumber)
@@ -17,4 +18,5 @@ export default (app: any)	=> {
 	app.component('OrgCentent', orgCentent)
 	app.component('SignatureMap', signatureMap)
 	app.component('VideoUpAndPlay',videoUpAndPlay)
+	app.component('LowcodeCarsusel',lowcodeCarsusel)
 }
diff --git a/src/widget/videoupload/videoUploadPlay.vue b/src/widget/videoupload/videoUploadPlay.vue
index 08128103a..f177ada20 100644
--- a/src/widget/videoupload/videoUploadPlay.vue
+++ b/src/widget/videoupload/videoUploadPlay.vue
@@ -1,11 +1,13 @@
 <template>
-  <video  :src="lowcodevideoStore.videoResource" loop controls style="width:70%;max-width: 800px;"></video>
+  <video  :src="videoUrl" loop controls></video>
 </template>
 
 <script setup lang="ts">
 
 import uselowcodevideoStore from '@/store/modules/lowcodevideo'
 const lowcodevideoStore = uselowcodevideoStore();
+const videoUrl = "";
+
 
 </script>