diff --git a/src/components/GenerateFormItem.vue b/src/components/GenerateFormItem.vue
index adedc0f3da03adfe6ebfbe08f2152aec3ad2b987..d255cc5a0f1c20d8d2ef6905e26dd7479dca0e94 100644
--- a/src/components/GenerateFormItem.vue
+++ b/src/components/GenerateFormItem.vue
@@ -1,19 +1,23 @@
 <template>
   <el-form-item :label="widget.name" :prop="widget.model">
     <template v-if="widget.type == 'input'" >
-      <el-input 
+      <el-input
         v-if="widget.options.dataType == 'number' || widget.options.dataType == 'integer' || widget.options.dataType == 'float'"
         :type="widget.options.dataType"
         v-model.number="dataModel"
         :placeholder="widget.options.placeholder"
         :style="{width: widget.options.width}"
+        :readonly="widget.options.readonly"
+        :disabled="widget.options.disabled"
       ></el-input>
-      <el-input 
+      <el-input
         v-else
         :type="widget.options.dataType"
         v-model="dataModel"
         :placeholder="widget.options.placeholder"
         :style="{width: widget.options.width}"
+        :readonly="widget.options.readonly"
+        :disabled="widget.options.disabled"
       ></el-input>
     </template>
 
@@ -26,8 +30,8 @@
     </template>
 
     <template v-if="widget.type == 'number'">
-      <el-input-number 
-        v-model="widget.options.defaultValue" 
+      <el-input-number
+        v-model="widget.options.defaultValue"
         :style="{width: widget.options.width}"
         :step="widget.options.step"
         controls-position="right"
@@ -53,7 +57,7 @@
         :style="{width: widget.options.width}"
       >
         <el-checkbox
-          
+
           :style="{display: widget.options.inline ? 'inline-block' : 'block'}"
           :label="item.value" v-for="(item, index) in (widget.options.remote ? widget.options.remoteOptions : widget.options.options)" :key="index"
         >
@@ -64,7 +68,7 @@
     </template>
 
     <template v-if="widget.type == 'time'">
-      <el-time-picker 
+      <el-time-picker
         v-model="dataModel"
         :is-range="widget.options.isRange"
         :placeholder="widget.options.placeholder"
@@ -108,7 +112,7 @@
     </template>
 
     <template v-if="widget.type == 'color'">
-      <el-color-picker 
+      <el-color-picker
         v-model="dataModel"
         :disabled="widget.options.disabled"
         :show-alpha="widget.options.showAlpha"
@@ -137,7 +141,7 @@
     </template>
 
     <template v-if="widget.type=='slider'">
-      <el-slider 
+      <el-slider
         v-model="dataModel"
         :min="widget.options.min"
         :max="widget.options.max"
diff --git a/src/components/componentsConfig.js b/src/components/componentsConfig.js
index 66b43ccdf198ab01cd5246c6dd88cef9493a9524..7f69b86718ee73e007ea05cd4162a6aa0a4d514a 100644
--- a/src/components/componentsConfig.js
+++ b/src/components/componentsConfig.js
@@ -9,7 +9,9 @@ export const basicComponents = [
       required: false,
       dataType: 'string',
       pattern: '',
-      placeholder: ''
+      placeholder: '',
+      readonly: false,
+      disabled: false
     }
   },
   {