diff --git a/Dockerfile b/Dockerfile
index 3cbf5a0..03a4a04 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -15,4 +15,4 @@ VOLUME ["/etc/nginx/nginx.conf", "/usr/share/nginx/html"]
 
 CMD ["nginx","-g","daemon off;"]
 
-# docker build -t docker.ges.bjgastx.com/itc-web:1.1.4 .
+# docker build -t docker.ges.bjgastx.com/itc-web:1.1.5 .
diff --git a/src/components/DatePicker/src/DatePicker.vue b/src/components/DatePicker/src/DatePicker.vue
index bbac42b..697db35 100644
--- a/src/components/DatePicker/src/DatePicker.vue
+++ b/src/components/DatePicker/src/DatePicker.vue
@@ -46,6 +46,7 @@
     watch(
         () => props.value,
         (val) => {
+            debugger;
             modelValue.value = val ? dayjs(val) : undefined;
         },
         {
diff --git a/src/components/FormTable/src/componentMap.ts b/src/components/FormTable/src/componentMap.ts
index 3f72471..111ea2f 100644
--- a/src/components/FormTable/src/componentMap.ts
+++ b/src/components/FormTable/src/componentMap.ts
@@ -11,6 +11,8 @@ import {
 } from 'ant-design-vue';
 import type { ComponentType } from './types/componentType';
 import { ApiSelect, ApiTreeSelect } from '/@/components/Form';
+import { RangePicker } from '/@/components/RangePicker';
+import { XjrDatePicker } from '/@/components/DatePicker';
 
 const componentMap = new Map<ComponentType, Component>();
 
@@ -22,9 +24,11 @@ componentMap.set('AutoComplete', AutoComplete);
 componentMap.set('ApiTreeSelect', ApiTreeSelect);
 componentMap.set('Switch', Switch);
 componentMap.set('Checkbox', Checkbox);
-componentMap.set('DatePicker', DatePicker);
 componentMap.set('TimePicker', TimePicker);
 
+componentMap.set('DatePicker', XjrDatePicker);
+componentMap.set('RangePicker', RangePicker);
+
 export function add(compName: ComponentType, component: Component) {
   componentMap.set(compName, component);
 }
diff --git a/src/components/RangePicker/src/RangePicker.vue b/src/components/RangePicker/src/RangePicker.vue
index 5c2be4d..9fdfbd2 100644
--- a/src/components/RangePicker/src/RangePicker.vue
+++ b/src/components/RangePicker/src/RangePicker.vue
@@ -1,8 +1,10 @@
 <template>
-    <a-range-picker :size="size" v-model:value="modelValue" :placeholder="placeholder" :format="format" :valueFormat="format" :allowClear="allowClear" :disabled="disabled" @change="handleChange" />
+    <a-range-picker :size="size" v-model:value="modelValue"  :placeholder="placeholder"  :allowClear="allowClear" :disabled="disabled" 
+    @input.stop="() => {}" @keydown.stop="() => {}" :inputReadOnly="true" @keyup.stop="() => {}" @change.stop="handleChange" />
 </template>
 <script lang="ts" setup>
-    import { ref, watchEffect, inject, watch } from 'vue';
+import { ref, watchEffect, inject, watch } from 'vue';
+import dayjs, { Dayjs } from 'dayjs';
 
     const props = defineProps({
         value: Array,
@@ -29,11 +31,12 @@
     watch(
         () => props.value,
         (val: any) => {
+            debugger;
             modelValue.value = props.valueType == 'Array' ? val || [] : val ? val.split(',') : '';
         },
-        {
-            immediate: true
-        }
+         {
+             immediate: true
+         }
     );
 
     watchEffect(() => {
@@ -41,6 +44,7 @@
         //   emit('update:value', []);
         //   return;
         // }
+        debugger;
         if (props.mainKey) {
             if (!formModel[props.mainKey]) return;
             const emitData =
@@ -55,7 +59,9 @@
             }
         }
     });
-    const handleChange = (time) => {
+    const handleChange = (time,e) => {
+        debugger;
+        console.log(time,e);
         emit('update:value', props.valueType == 'Array' || !time ? time : time.join(','));
         emit('change', props.valueType == 'Array' || !time ? time : time.join(','));
         if (formModel && props.startField && props.endField) {
diff --git a/src/components/Table/src/componentMap.ts b/src/components/Table/src/componentMap.ts
index 3f72471..d77c008 100644
--- a/src/components/Table/src/componentMap.ts
+++ b/src/components/Table/src/componentMap.ts
@@ -11,6 +11,8 @@ import {
 } from 'ant-design-vue';
 import type { ComponentType } from './types/componentType';
 import { ApiSelect, ApiTreeSelect } from '/@/components/Form';
+import { RangePicker } from '/@/components/RangePicker';
+import { XjrDatePicker } from '/@/components/DatePicker';
 
 const componentMap = new Map<ComponentType, Component>();
 
@@ -22,8 +24,9 @@ componentMap.set('AutoComplete', AutoComplete);
 componentMap.set('ApiTreeSelect', ApiTreeSelect);
 componentMap.set('Switch', Switch);
 componentMap.set('Checkbox', Checkbox);
-componentMap.set('DatePicker', DatePicker);
+componentMap.set('DatePicker', XjrDatePicker);
 componentMap.set('TimePicker', TimePicker);
+componentMap.set('RangePicker', RangePicker);
 
 export function add(compName: ComponentType, component: Component) {
   componentMap.set(compName, component);
diff --git a/src/utils/theme/theme.ts b/src/utils/theme/theme.ts
new file mode 100644
index 0000000..5b463d1
--- /dev/null
+++ b/src/utils/theme/theme.ts
@@ -0,0 +1,46 @@
+/**
+ * 主题样式
+ */
+export interface ThemeCss {
+    leftImg?: string;
+    topImg?: string;
+    backColor: string;
+    borderColor: string;
+    hoverColor: string;
+    activeColor: string;
+    textColor?: string;
+}
+
+/**
+ * 主题详情
+ */
+export class ThemeInfo {
+  name: string;
+  css: ThemeCss;
+
+  constructor(name: string, css: ThemeCss) {
+    this.name = name;
+    this.css = css;
+  }
+};
+
+export const ThemeType = {
+  DEFAULT: new ThemeInfo('default', { leftImg: '', topImg: '', backColor: '', borderColor: '', hoverColor: '', activeColor: '', textColor: '' }),
+  LIGHT: new ThemeInfo('light', { leftImg: '', topImg: '', backColor: '', borderColor: '', hoverColor: '', activeColor: '', textColor: '' }),
+}
+
+export const AppTheme = {
+
+  info:ThemeType.DEFAULT,  
+
+  setTheme(theme: ThemeInfo) {
+    this.info = theme;
+  },
+  getTheme() {
+    return this.info;
+  },
+  getThemeCss() {
+    return this.info.css;
+  },
+
+}