From 5ad4aa3698b5c61156c0d7984c5136c9b48f4a27 Mon Sep 17 00:00:00 2001
From: yl <uufish2000@163.com>
Date: Thu, 24 Jan 2019 11:04:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=95=E8=A1=8C=E6=96=87=E6=9C=AC=20?=
 =?UTF-8?q?=E7=BC=BA=E5=B0=91readonly=20disiabled=20=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/GenerateFormItem.vue | 20 ++++++++++++--------
 src/components/componentsConfig.js  |  4 +++-
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/GenerateFormItem.vue b/src/components/GenerateFormItem.vue
index adedc0f..d255cc5 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 66b43cc..7f69b86 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
     }
   },
   {
-- 
Gitee