From cdff3a0bc5e884732a457d01905ed398e543de55 Mon Sep 17 00:00:00 2001
From: "LAPTOP-M3JN6OVS\\45790" <457900427@qq.com>
Date: Sat, 27 Feb 2021 15:16:13 +0800
Subject: [PATCH 1/2] =?UTF-8?q?1=E3=80=81=E4=BF=AE=E6=94=B9=20issues/I39A5?=
 =?UTF-8?q?O=20=E7=9A=84bug=202=E3=80=81=E5=AF=B9=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=B7=BB=E5=8A=A0=E5=8E=9F=E5=9C=B0=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E6=A8=A1=E5=BC=8F=203=E3=80=81=E5=85=81=E8=AE=B8?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E5=8A=A8=E6=80=81=E8=A1=A8=E6=A0=BC=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E6=96=B0=E6=95=B0=E6=8D=AE=E6=8C=89=E9=92=AE=E7=9A=84?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/form-item/BaseItem.vue                | 254 +++++++++---------
 1 file changed, 127 insertions(+), 127 deletions(-)

diff --git a/packages/vue-drag-formdesign/src/form-item/BaseItem.vue b/packages/vue-drag-formdesign/src/form-item/BaseItem.vue
index 147f4d3..741263c 100644
--- a/packages/vue-drag-formdesign/src/form-item/BaseItem.vue
+++ b/packages/vue-drag-formdesign/src/form-item/BaseItem.vue
@@ -1,28 +1,28 @@
 <!--
-传入record数据，通过判断record.type，来渲染对应的组件 
+传入record数据，通过判断record.type，来渲染对应的组件
  -->
 <template>
- 
+
   <div v-if="renderPreview">
     <template v-if=" [
           'input',
           'textarea',
           'date',
           'time',
-          'number', 
+          'number',
           'rate',
           'switch',
-          'slider' 
+          'slider'
         ].includes(record.type)">
-     
+
       <span   v-if="record.options.prepend" v-html="transformAppend(record.options.prepend)">
-         
+
       </span>
        <span v-if="!loading">{{models[record.model]}} </span>
       <span  v-if="record.options.append" v-html="transformAppend(record.options.append)">
-       
-      </span> 
- 
+
+      </span>
+
     </template>
     <template v-else-if="[
           'radio',
@@ -30,33 +30,33 @@
           'select',
           'cascader'
         ].includes(record.type)">
-      {{models[record.model+'_label']}}  
+      {{models[record.model+'_label']}}
     </template>
     <template v-else-if="[
           'uploadImg',
           'uploadFile'
-        ].includes(record.type)"> 
+        ].includes(record.type)">
 
       <!-- 上传图片 -->
       <FileUpload
         v-if="record.type == 'uploadImg'"
-        :style="`width:${record.options.width}`" 
+        :style="`width:${record.options.width}`"
         :fileForm="models"
         :fileKey="record.model"
         :updateNow="true"
-        accept="image/*" 
-        :list-type="record.options.listType" 
-        :readOnly="true"  
-      />  
-      <!-- 上传文件 --> 
+        accept="image/*"
+        :list-type="record.options.listType"
+        :readOnly="true"
+      />
+      <!-- 上传文件 -->
       <FileUpload
         v-else
-        :style="`width:${record.options.width}`" 
+        :style="`width:${record.options.width}`"
         :fileForm="models"
         :updateNow="true"
-        :fileKey="record.model"  
-        :readOnly="true"    
-      />  
+        :fileKey="record.model"
+        :readOnly="true"
+      />
     </template>
     <template v-else>
       {{""}}
@@ -64,10 +64,10 @@
 
 
   </div>
-  <div v-else class="base-item"> 
-    <!-- 单行文本 -->   
+  <div v-else class="base-item">
+    <!-- 单行文本 -->
     <el-input
-     
+
       :style="`width:${record.options.width}`"
       v-if="record.type === 'input'"
       :disabled="disabled || record.options.disabled"
@@ -76,13 +76,13 @@
       :clearable="record.options.clearable"
       :maxlength="record.options.maxLength > 0 ? record.options.maxLength : null"
       @change="handleChange($event, record.model)"
-      v-model="models[record.model]" 
+      v-model="models[record.model]"
     >
       <span v-if="record.options.prepend"  slot="prepend" v-html="transformAppend(record.options.prepend)">
-       
+
       </span>
       <span v-if="record.options.append"  slot="append" v-html="transformAppend(record.options.append)">
-        
+
       </span>
     </el-input>
     <!-- 多行文本 -->
@@ -90,15 +90,15 @@
      v-model="models[record.model]"
       type="textarea"
       :style="`width:${record.options.width}`"
-      v-else-if="record.type === 'textarea'" 
+      v-else-if="record.type === 'textarea'"
       :disabled="disabled || record.options.disabled"
       :placeholder="record.options.placeholder"
       :clearable="record.options.clearable"
       :maxlength="record.options.maxLength > 0 ? record.options.maxLength : null"
       :rows="record.options.rows"
-      :show-word-limit="record.options.maxLength && record.options.maxLength > 10"
+      :show-word-limit="record.options.maxLength!==null && record.options.maxLength > 10"
       @change="handleChange($event, record.model)"
-       
+
     />
 
     <!-- 数字输入框 -->
@@ -106,8 +106,8 @@
       <div :style="`width:${record.options.width}`" class="el-input-number-diaplay">
 
         <el-input-number
-          :class="record.options.append ? 'el-input-number__append' : null" 
-          v-model="models[record.model]" 
+          :class="record.options.append ? 'el-input-number__append' : null"
+          v-model="models[record.model]"
           :style="`width:100%;float:left;`"
           :min="
             record.options.min || record.options.min === 0
@@ -130,18 +130,18 @@
           controls-position="right"
           :placeholder="record.options.placeholder"
           @change="handleChange($event, record.model)"
-          
+
         > </el-input-number>
         <div class="el-input-group__append el-input-number-group__append " v-if="record.options.append" v-html="transformAppend(record.options.append)">
-         
+
         </div>
       </div>
-      
+
     </template>
-   
+
 
      <!-- 下拉选框 -->
-    <template v-else-if="record.type === 'select' "> 
+    <template v-else-if="record.type === 'select' ">
       <el-select
         v-model="checkList"
         :value-key="itemProp.value"
@@ -154,7 +154,7 @@
         :disabled="disabled || record.options.disabled"
         :clearable="record.options.clearable"
         multiple
-        @change="handleChange($event, record.model)" 
+        @change="handleChange($event, record.model)"
       >
         <el-option
           v-for="item in ((record.options.dynamic == 1 && record.options.remoteFunc) || (record.options.dynamic == 2 && record.options.dictType) ? checkValues : record.options.options)"
@@ -167,15 +167,15 @@
         v-else
         v-model="models[record.model]"
         :style="`width:${record.options.width}`"
-        :value-key="itemProp.value" 
+        :value-key="itemProp.value"
         :remote="record.options.onlineSearch && record.options.showSearch"
         :remote-method="remoteMethod"
         :placeholder="record.options.placeholder"
         :filterable="record.options.showSearch"
         :disabled="disabled || record.options.disabled"
-        :clearable="record.options.clearable" 
-        @change="handleChange($event, record.model)" 
-      > 
+        :clearable="record.options.clearable"
+        @change="handleChange($event, record.model)"
+      >
         <el-option
           v-for="item in ((record.options.dynamic == 1 && record.options.remoteFunc) || (record.options.dynamic == 2 && record.options.dictType) ? checkValues : record.options.options)"
           :key="item[itemProp.value]"
@@ -184,16 +184,16 @@
         </el-option>
       </el-select>
     </template>
- 
-    <!-- 多选框 --> 
-    <el-checkbox-group  
-      v-else-if="record.type === 'checkbox'"  
+
+    <!-- 多选框 -->
+    <el-checkbox-group
+      v-else-if="record.type === 'checkbox'"
       v-model="checkList"
       :disabled="disabled || record.options.disabled"
       :placeholder="record.options.placeholder"
       @change="handleChange($event, record.model)"
     >
-      <el-checkbox  v-for="checkitem in  ( (record.options.dynamic == 1 && record.options.remoteFunc) || (record.options.dynamic == 2 && record.options.dictType) ? checkValues : record.options.options)" :label="checkitem[itemProp.value]" :key="checkitem[itemProp.value]"> 
+      <el-checkbox  v-for="checkitem in  ( (record.options.dynamic == 1 && record.options.remoteFunc) || (record.options.dynamic == 2 && record.options.dictType) ? checkValues : record.options.options)" :label="checkitem[itemProp.value]" :key="checkitem[itemProp.value]">
         {{checkitem[itemProp.label]}}
       </el-checkbox>
     </el-checkbox-group>
@@ -201,22 +201,22 @@
      <!-- 单选框 -->
     <el-radio-group
       v-model="models[record.model]"
-      v-else-if="record.type === 'radio'" 
+      v-else-if="record.type === 'radio'"
       :disabled="disabled || record.options.disabled"
       :placeholder="record.options.placeholder"
       @change="handleChange($event, record.model)"
-      
-    > 
+
+    >
       <el-radio v-for="radioitem in ((record.options.dynamic == 1 && record.options.remoteFunc) || (record.options.dynamic == 2 && record.options.dictType) ? checkValues : record.options.options)" :label="radioitem[itemProp.value]" :key="radioitem[itemProp.value]">
          {{radioitem[itemProp.label]}}
       </el-radio>
-       
+
     </el-radio-group>
 
     <!-- 日期选择 -->
-    <template v-else-if="record.type === 'date'" > 
+    <template v-else-if="record.type === 'date'" >
       <!-- 区分时间段选择 和单个时间选择 -->
-      <el-date-picker 
+      <el-date-picker
         v-if="record.options.range"
         v-model="checkList"
         align="right"
@@ -229,7 +229,7 @@
         :value-format="record.options.format"
         @change="handleChange($event, record.model)" >
       </el-date-picker>
-      <el-date-picker 
+      <el-date-picker
         v-else
         v-model="models[record.model]"
         align="right"
@@ -243,8 +243,8 @@
       </el-date-picker>
 
     </template>
-    
- 
+
+
     <!-- 时间选择 -->
     <el-time-select
       v-else-if="record.type === 'time'"
@@ -252,11 +252,11 @@
       @change="handleChange($event, record.model)"
       :clearable="record.options.clearable"
       :disabled="disabled || record.options.disabled"
-      :placeholder="record.options.placeholder" 
+      :placeholder="record.options.placeholder"
       :format="record.options.format"
       :value-format="record.options.format">
-    </el-time-select> 
- 
+    </el-time-select>
+
     <!-- 评分 -->
     <el-rate
       v-model="models[record.model]"
@@ -266,9 +266,9 @@
       :placeholder="record.options.placeholder"
       :allowHalf="record.options.allowHalf"
       @change="handleChange($event, record.model)"
-     
+
     />
-   <!-- 滑块 --> 
+   <!-- 滑块 -->
     <el-slider
         v-else-if="record.type === 'slider'"
         v-model="models[record.model]"
@@ -280,9 +280,9 @@
         :step="record.options.step"
         :marks="sliderMarks"
         @change="handleChange($event, record.model)"
-          
-    />  
-    
+
+    />
+
     <!-- 上传图片 -->
     <FileUpload
       v-else-if="record.type === 'uploadImg'"
@@ -290,42 +290,42 @@
       :disabled="disabled"
       :fileForm="models"
       :fileKey="record.model"
-      accept="image/*" 
+      accept="image/*"
       :list-type="record.options.listType"
       :multiple="true"
       :action="record.options.action"
       :limit="record.options.limit"
       @change="handleChange($event, record.model)"
-      
-    />  
-    <!-- 上传文件 --> 
+
+    />
+    <!-- 上传文件 -->
     <FileUpload
       v-else-if="record.type === 'uploadFile'"
       :style="`width:${record.options.width}`"
       :disabled="disabled"
       :fileForm="models"
-      :fileKey="record.model" 
+      :fileKey="record.model"
       :multiple="true"
       :action="record.options.action"
       :limit="record.options.limit"
       @change="handleChange($event, record.model)"
-      
-    />   
+
+    />
     <!-- 级联选择器 -->
-    <el-cascader 
+    <el-cascader
       v-else-if="record.type === 'cascader'"
       ref="cascader"
       v-model="checkList"
       :options="(record.options.dynamic == 1 && record.options.remoteFunc ? checkValues : record.options.options)"
       :style="`width:${record.options.width}`"
       :placeholder="record.options.placeholder"
-      :filterable="record.options.showSearch" 
+      :filterable="record.options.showSearch"
       :disabled="disabled || record.options.disabled"
       :clearable="record.options.clearable"
       :props="itemProp"
       @change="handleChange($event, record.model)"
-      
-    />  
+
+    />
 
      <!-- 开关 -->
     <el-switch
@@ -335,14 +335,14 @@
       :inactive-text="record.options.inactiveText"
       :disabled="disabled || record.options.disabled"
       @change="handleChange($event, record.model)"
-     
+
     />
   </div>
 </template>
-<script> 
+<script>
 import request from '../utils/request.js'
 import FileUpload from './file-upload'
-import {dynamicFun} from '../utils' 
+import {dynamicFun} from '../utils'
 export default {
   name: "BaseItem",
   data(){
@@ -375,7 +375,7 @@ export default {
     models: {
       type: Object,
       required: true
-    }, 
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -395,17 +395,17 @@ export default {
   },
   computed: {
     sliderMarks() {
-        
+
       if(this.record.type !== 'slider' || !this.record.options.marks || this.record.options.marks.length == 0) {
-        return null 
+        return null
       }
 
-      let p = {}  
+      let p = {}
 
       this.record.options.marks.forEach(t=> {
-       
-        p[t.label] = t.value 
-        
+
+        p[t.label] = t.value
+
       })
 
       return p ;
@@ -435,18 +435,18 @@ export default {
         // 创建函数 返回结果
           const script = append
 
-          // 打开了开关 这里获取函数内容 
-          const fvalue = dynamicFun(script,this.models) 
+          // 打开了开关 这里获取函数内容
+          const fvalue = dynamicFun(script,this.models)
 
-          return fvalue 
-      } 
-      return append 
+          return fvalue
+      }
+      return append
     },
     remoteMethod(query){
       let queryParam = this.record.options.onlineParams
       queryParam = queryParam.replace('$' , query)
 
-      let url =  this.record.options.remoteFunc 
+      let url =  this.record.options.remoteFunc
 
       if(url.indexOf('?') >= 0){
         url += '&' + queryParam
@@ -457,13 +457,13 @@ export default {
       this.$http({
         url: this.$http.adornUrl(url),
         method: 'get',
-        params: this.$http.adornParams({ 
+        params: this.$http.adornParams({
         })
       }).then(({data}) => {
-        if (data.code === 0) { 
+        if (data.code === 0) {
           this.checkValues = data.data.list
         }
-      }) 
+      })
     },
   /*  handleSelect(val){
 
@@ -475,8 +475,8 @@ export default {
             break
           }
         }
-        if(select){ 
-          this.dataForm.code = select.code 
+        if(select){
+          this.dataForm.code = select.code
           if(select.sampleTempldateTable) {
             if(select.sampleTempldateTable instanceof Array) {
               this.dataForm.sampleTempldateTable = select.sampleTempldateTable
@@ -491,11 +491,11 @@ export default {
               this.dataForm.sampleTempldateFile = select.sampleTempldateFile.split(',')
             }
           }
-        } 
+        }
     },*/
     handleChange(value, key , type) {
-      // change事件 
-      this.$emit("change", value, key); 
+      // change事件
+      this.$emit("change", value, key);
 
       // 根据类型判断 如果是 select , radio , checkbox , cascader 则回带具体的显示值
       if(['select' , 'radio' , 'checkbox' , 'cascader'].includes(this.record.type)){
@@ -505,7 +505,7 @@ export default {
 
         // 回填数据
         if(this.record.type == 'cascader'){
-          let as = [] 
+          let as = []
           // 判断是不是复选
           if(!this.itemProp.multiple) {
             // 复选
@@ -516,16 +516,16 @@ export default {
 
           const checkNodes = this.$refs.cascader.getCheckedNodes()
           for(let i = 0 ; i < as.length ; i++){
-              const v = as[i] 
+              const v = as[i]
               // 比对nodes 显示值
-              const fs = checkNodes.filter(t=>t.path == v) 
-              
+              const fs = checkNodes.filter(t=>t.path == v)
+
               if(fs && fs.length > 0) {
                 const label = fs[0].pathLabels
                 if(label && label.length > 0)
                  labels.push(label.join('/'))
               }
-              
+
           }
 
 
@@ -547,7 +547,7 @@ export default {
 
                 labels.push(label)
               }
-              
+
             }
 
         }
@@ -560,21 +560,21 @@ export default {
         // 2020-08-01 如果有远程调用并且有选择回调 再这里进行回调
         if(/*this.record.options.onlineSearch && this.record.options.showSearch &&*/ type && this.record.options.selectCb) {
 
-          // 找到当前选择的数据实体  
+          // 找到当前选择的数据实体
           const fs = this.checkValues.filter(t=>t[this.itemProp.value] == value)
           if(fs && fs.length > 0) {
-            const select = fs[0] 
+            const select = fs[0]
 
-            // 构建函数 去执行 
+            // 构建函数 去执行
             const scriptFunc = this.record.options.selectCb
-            const func =  '{' + scriptFunc + '}'  
+            const func =  '{' + scriptFunc + '}'
             const Fn = new Function('$' , 'item', func)
-  
+
             Fn(this.models,select)
           }
 
 
-         
+
 
         }
 
@@ -583,16 +583,16 @@ export default {
     }
   },
   activated(){
-    
+
 
   },
-  mounted() { 
+  mounted() {
      // 2020-07-30 如果有cbColumn 则尝试从data中回填数据
     //console.log('this.record.options.cbColumn',this.record.options.cbColumn)
     if(this.record.options.cbColumn) {
       this.loading = true
-      const value = this.data[this.record.options.cbColumn] 
-     // this.models[this.record.model] = value 
+      const value = this.data[this.record.options.cbColumn]
+     // this.models[this.record.model] = value
       //  console.log('value', value)
       this.$set(this.models , this.record.model , value)
       this.loading = false
@@ -601,42 +601,42 @@ export default {
 
      // 判断如果是远程方法的话 远程请求数据
     if(this.record.options.dynamic == 1 && this.record.options.remoteFunc) {
-      const url =  this.record.options.remoteFunc 
+      const url =  this.record.options.remoteFunc
 
       request({
         url: url,
         method: 'get',
-        params: this.$http.adornParams({ 
+        params: this.$http.adornParams({
         })
       }).then(({data}) => {
-        if (data.code === 0) { 
+        if (data.code === 0) {
           this.checkValues = data.data
         }
       })
- 
+
 
       this.itemProp.label = this.record.options.remoteLabel
       this.itemProp.value = this.record.options.remoteValue
       this.itemProp.children = this.record.options.remoteChildren
-    } 
+    }
+
 
-    
     // 如果已经赋值了 则不管默认值了
     if(this.models[this.record.model]) {
-      // 判断数据类型是否正确 
+      // 判断数据类型是否正确
       // 类型为checkbox cascader 但数据非array类型 则强制转array
       let modelValue = this.models[this.record.model]
       if(  this.record.type == 'checkbox' || this.record.type == 'cascader' || (
         // 2020-07-31 如果时下拉复选 这里也绑定的是数组
-          this.record.type == 'select' && this.record.options.multiple 
+          this.record.type == 'select' && this.record.options.multiple
         )) {
         if(!(modelValue instanceof Array)){
           modelValue = [modelValue]
           this.$set(this.models , this.record.model , modelValue)
         }
-  
+
         //this.models[this.record.model] = vs
-        this.checkList = modelValue 
+        this.checkList = modelValue
       }
 
       return ;
@@ -649,11 +649,11 @@ export default {
       } else {
         //this.models[this.record.model] = defaultValue
         this.$set(this.models , this.record.model , defaultValue)
-      } 
+      }
 
       this.handleChange(defaultValue , this.record.model)
     }
- 
+
   }
 };
 </script>
-- 
Gitee


From 65887ad2c4a2188e70bfae3cccfd21d386ff2491 Mon Sep 17 00:00:00 2001
From: "LAPTOP-M3JN6OVS\\45790" <457900427@qq.com>
Date: Sat, 27 Feb 2021 15:21:57 +0800
Subject: [PATCH 2/2] =?UTF-8?q?1=20=E4=BF=AE=E6=AD=A3=E4=BA=86=E6=8F=90?=
 =?UTF-8?q?=E9=AB=98=E7=9A=84bug=202=20=E7=BB=99=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=B7=BB=E5=8A=A0=E4=BA=86=E5=B0=B1=E5=9C=B0?=
 =?UTF-8?q?=E6=9B=B4=E6=94=B9=E7=9A=84=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=B8=8D?=
 =?UTF-8?q?=E5=86=8D=E5=BC=B9=E5=87=BA=E6=96=B0=E7=9A=84=E5=B1=82=203=20?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E8=87=AA=E5=AE=9A=E4=B9=89=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=B7=BB=E5=8A=A0=E6=96=B0=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=9A=84=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   4 +-
 .../src/form-item/table/index.vue             | 169 +++++++-----
 .../src/form-item/table/table-item.vue        |  33 ++-
 .../src/properties/item-properties.vue        | 254 +++++++++---------
 4 files changed, 247 insertions(+), 213 deletions(-)

diff --git a/package.json b/package.json
index f9d00f0..767242b 100644
--- a/package.json
+++ b/package.json
@@ -8,12 +8,12 @@
     "lib": "vue-cli-service build --target lib --name vue-drag-formdesign --dest lib packages/index.js"
   },
   "dependencies": {
-    "axios": "^0.18.0",  
+    "axios": "^0.18.0",
     "core-js": "^3.6.5",
     "default-passive-events": "^1.0.10",
     "element-ui": "^2.13.2",
     "moment": "^2.24.0",
-    "vue": "^2.6.11", 
+    "vue": "^2.6.11",
     "vue-router": "^3.0.3",
     "vuedraggable": "^2.23.2"
   },
diff --git a/packages/vue-drag-formdesign/src/form-item/table/index.vue b/packages/vue-drag-formdesign/src/form-item/table/index.vue
index 5f63c1a..b4bf039 100644
--- a/packages/vue-drag-formdesign/src/form-item/table/index.vue
+++ b/packages/vue-drag-formdesign/src/form-item/table/index.vue
@@ -1,16 +1,16 @@
-<!-- 
+<!--
   动态表格 用于批量填入数据
  -->
 <template>
- <div>  
+ <div>
     <el-table
       :class="[
         'form-table',
-        record.options.customClass ? record.options.customClass : '' 
-      ]" 
+        record.options.customClass ? record.options.customClass : ''
+      ]"
       :style="record.options.customStyle"
-      :rowKey="record => record.key" 
-      :data="models[record.model]" 
+      :rowKey="record => record.key"
+      :data="models[record.model]"
       bordered
       :scroll="{
         x:
@@ -19,52 +19,57 @@
           (!record.options.hideSequence ? 60 : 0),
         y: record.options.scrollY
       }"
-    > 
-      <template  v-if="isVisible"> 
-        <el-table-column 
+    >
+      <template  v-if="isVisible">
+        <el-table-column
           v-if="!record.options.hideSequence"
           label="序号"
           align="center"
           type="index"
-          width="50" >  
+          width="50" >
         </el-table-column>
         <template  v-for="(item,index) in record.list">
-          <el-table-column   
+          <el-table-column
           v-if="record.options.showItem && record.options.showItem.includes(item.model)"
           :key="index"
           :label="item.label"
           align="center">
           <template  slot-scope="scope">
-            <!-- 这里就要判断类型了 -->   
-            <TableItem :record="item" :renderPreview="true" :domains="models[record.model][scope.$index]" />
-          </template>  
+            <!-- 这里就要判断类型了 -->
+            <TableItem :record="item" :renderPreview="!record.options.editInPlace" :domains="models[record.model][scope.$index]" />
+          </template>
         </el-table-column>
-        </template> 
-        <el-table-column  
+        </template>
+        <el-table-column
           label="操作"
-          align="center" 
+          align="center"
           :width="renderPreview ? 120 : (record.options.copyRow ? 250 : 200)">
-          <template  slot-scope="scope"> 
-            <el-button type="success"  v-if="renderPreview"  @click="updateDomain(scope.row)">
-              <i class="el-icon-eye" />查看
-            </el-button>
-            <el-button type="primary"  v-if="!renderPreview"  @click="updateDomain(scope.row)">
-              <i class="el-icon-edit" />修改
-            </el-button>
-            <el-button type="primary"  v-if="!renderPreview && record.options.copyRow"  @click="copyDomain(scope.row)">
-              <i class="el-icon-copy-document" />复制
-            </el-button>
-            <el-button type="danger"   v-if="!renderPreview" @click="removeDomain(scope.$index)">
-              <i class="el-icon-delete" />删除 
-            </el-button>
-          </template> 
-        </el-table-column> 
-      </template> 
-
-      
+          <template  slot-scope="scope">
+            <el-button-group>
+              <el-button type="success" size="mini" v-if="renderPreview"
+                         title="查看" @click="updateDomain(scope.row)">
+                <i class="el-icon-eye" />
+              </el-button>
+              <el-button type="primary" size="mini"  v-if="!renderPreview && !record.options.editInPlace"
+                         title="修改"  @click="updateDomain(scope.row)">
+                <i class="el-icon-edit" />
+              </el-button>
+              <el-button type="primary" size="mini" v-if="!renderPreview && record.options.copyRow"
+                         title="复制"  @click="copyDomain(scope.row, record.options.editInPlace)">
+                <i class="el-icon-copy-document" />
+              </el-button>
+              <el-button type="danger"  size="mini"
+                         v-if="!renderPreview" title="删除" @click="removeDomain(scope.$index)">
+                <i class="el-icon-delete" />
+              </el-button>
+            </el-button-group>
+          </template>
+        </el-table-column>
+      </template>
     </el-table>
-    <el-button v-if="!renderPreview" type="dashed" :disabled="disabled" @click="addDomain">
-      <i class="el-icon-circle-plus-outline" />增加
+    <el-button v-if="!renderPreview" type="dashed" :disabled="disabled" @click="addDomain(record.options.editInPlace)">
+      <i class="el-icon-circle-plus-outline" />
+      <span v-text="record.options.addText || '增加'"></span>
     </el-button>
 
     <AddOrUpdate ref="addOrUpdate" v-if="addOrUpdateVisible" :formTemplate="templateData" :renderPreview="renderPreview" @formAdd="formAdd"  @formUpdate="formUpdate"/>
@@ -90,7 +95,7 @@ export default {
     models: {
       type: Object,
       required : true
-    }, 
+    },
     config: {
       type: Object,
       required : false
@@ -104,18 +109,18 @@ export default {
       type: Boolean ,
       default: false
     }
-  }, 
+  },
   components: {
     TableItem,AddOrUpdate
   },
   watch: {
     value: {
       // value 需要深度监听及默认先执行handler函数
-      handler(val) { 
-        if(val instanceof Array){ 
+      handler(val) {
+        if(val instanceof Array){
            this.models[this.record.model] = val || [];
         }
-  
+
       },
       immediate: true,
       deep: true
@@ -124,10 +129,10 @@ export default {
   data() {
     return {
       addOrUpdateVisible: false,
-      isVisible: true 
+      isVisible: true
     };
   },
-  computed: { 
+  computed: {
     disabled() {
       return this.record.options.disabled || this.parentDisabled;
     },
@@ -136,68 +141,94 @@ export default {
     }
   },
   methods: {
-    validationSubform() { 
+    validationSubform() {
       return true ;
     },
     resetForm() {
       this.$refs.dynamicValidateForm.resetFields();
     },
-    removeDomain(index) { 
+    removeDomain(index) {
 
       this.$confirm(`确定删除此数据?`, '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           type: 'warning'
       }).then(() => {
-        let domains = this.models[this.record.model] 
-        if(domains) { 
+        let domains = this.models[this.record.model]
+        if(domains) {
           if (index !== -1) {
             domains.splice(index, 1);
 
             this.$message({
               message: '删除成功',
               type: 'success',
-              duration: 1000 
+              duration: 1000
             })
           }
         }
-      }) 
-      
+      })
+
     },
     updateDomain(data) {
       this.addOrUpdateVisible = true
-      
+
       this.$nextTick(() => {
         this.$refs.addOrUpdate.init(data)
       })
     },
     // 行复制 2021-02-17 lyf
-    copyDomain(data) {
-      this.addOrUpdateVisible = true 
+    copyDomain(data, editInPlace) {
       let copyData = {...data}
+      if(editInPlace){
+        let domains = this.models[this.record.model];
+        const id = new Date().getTime() * 10 + parseInt(Math.random() * 100)
+        copyData["_id"] = id;
+        domains.push(copyData);
+        return
+      }
+      this.addOrUpdateVisible = true
       copyData._id = null
       this.$nextTick(() => {
-         this.$refs.addOrUpdate.init(copyData) 
+        this.$refs.addOrUpdate.init(copyData)
       })
     },
-    addDomain() { 
-
-      this.addOrUpdateVisible = true 
-      this.$nextTick(() => {
-         this.$refs.addOrUpdate.init() 
-      })
- 
+    addDomain(editInPlace) {
+      if(editInPlace){
+        const d = {}
+        this.templateData.list.forEach(item => {
+          if (item.options.defaultValue)
+            d[item.model] = item.options.defaultValue;
+          else
+            d[item.model] = null
+        });
+        const id = new Date().getTime() * 10 + parseInt(Math.random() * 100)
+        d["_id"] = id;
+        let domains = this.models[this.record.model];
+        if(!domains) {
+          const ds = [d]
+          this.models[this.record.model]  = ds
+          domains = this.models[this.record.model]
+        } else {
+          domains.push(d)
+        }
+      }
+      else{
+        this.addOrUpdateVisible = true
+        this.$nextTick(() => {
+          this.$refs.addOrUpdate.init();
+        })
+      }
     },
     formAdd(form){
       this.isVisible = false
       console.log('formAdd' , form)
-      let domains = this.models[this.record.model] 
+      let domains = this.models[this.record.model]
       if(!domains) {
         const ds = [form]
         this.models[this.record.model]  = ds
         domains = this.models[this.record.model]
       } else {
-        domains.push(form)  
+        domains.push(form)
       }
 
       // 排序
@@ -208,16 +239,16 @@ export default {
       this.$message({
         message: '添加成功',
         type: 'success',
-        duration: 1000 
+        duration: 1000
       })
 
-      
+
     },
     formUpdate(form){
       console.log('formUpdate' , form)
-      let domains = this.models[this.record.model] 
+      let domains = this.models[this.record.model]
 
-      for(var i in this.models[this.record.model] ){
+      for(let i in this.models[this.record.model] ){
         if(this.models[this.record.model] [i]._id == form._id){
           this.models[this.record.model].splice(i,1,form)
           break
@@ -245,7 +276,7 @@ export default {
       this.$message({
         message: '更新成功',
         type: 'success',
-        duration: 1000 
+        duration: 1000
       })
       // console.log('this.models[this.record.model] ' , this.models[this.record.model] )
 
diff --git a/packages/vue-drag-formdesign/src/form-item/table/table-item.vue b/packages/vue-drag-formdesign/src/form-item/table/table-item.vue
index 4288df5..6c88a16 100644
--- a/packages/vue-drag-formdesign/src/form-item/table/table-item.vue
+++ b/packages/vue-drag-formdesign/src/form-item/table/table-item.vue
@@ -1,5 +1,5 @@
 <!--
- 传入record数据，通过判断record.type，来渲染对应的组件 
+ 传入record数据，通过判断record.type，来渲染对应的组件
  -->
 <template>
   <div
@@ -20,23 +20,23 @@
         'uploadFile',
         'cascader'
       ].includes(record.type)
-    " 
-    align="center" 
+    "
+    align="center"
   >
         <BaseItem
-          :models="domains" 
-          :record="record"   
-          :renderPreview="true"  
+          :models="domains"
+          :record="record"
+          :renderPreview="renderPreview"
           >
         </BaseItem>
   </div>
-      
+
   <!-- 文本 -->
-  <div v-else-if="record.type === 'text'" :style="{ textAlign: record.options.textAlign }"> 
-    <label :class="{ 'ant-form-item-required': record.options.showRequiredMark }" v-text="record.label" ></label>  
+  <div v-else-if="record.type === 'text'" :style="{ textAlign: record.options.textAlign }">
+    <label :class="{ 'ant-form-item-required': record.options.showRequiredMark }" v-text="record.label" ></label>
   </div>
   <!-- html -->
-  <div   v-else-if="record.type === 'html'"  v-html="record.options.defaultValue" > 
+  <div   v-else-if="record.type === 'html'"  v-html="record.options.defaultValue" >
   </div>
 
   <div v-else >
@@ -44,22 +44,21 @@
     dd
   </div>
 </template>
-<script> 
+<script>
 import BaseItem from '../BaseItem'
- 
+
 export default {
   name: "TableItem",
   props: [
     "record",
-    "domains",  
+    "domains",
     "renderPreview"
-  ],  
+  ],
   components: {
      BaseItem
-  },  
+  },
   methods: {
-    
+
   }
 };
 </script>
- 
\ No newline at end of file
diff --git a/packages/vue-drag-formdesign/src/properties/item-properties.vue b/packages/vue-drag-formdesign/src/properties/item-properties.vue
index 837c34f..44b99db 100644
--- a/packages/vue-drag-formdesign/src/properties/item-properties.vue
+++ b/packages/vue-drag-formdesign/src/properties/item-properties.vue
@@ -3,17 +3,17 @@
 -->
 <template>
   <div class="properties-centent">
-   
-    <div class="properties-body"> 
+
+    <div class="properties-body">
       <p class="hint-box" v-show="!selectItem.key">未选择控件</p>
       <el-form v-show="selectItem.key" size="mini" :disabled="disabled">
- 
+
 
         <!-- 公共部分 标签 字段key 数据key start -->
         <el-form-item  label="标签" v-if="!hideModel">
           <el-input v-model="selectItem.label" placeholder="请输入" />
         </el-form-item>
-       
+
         <el-form-item  label="数据字段" v-if="!hideModel && !['table','grid','divider','label','html','button',].includes(selectItem.type)" >
           <el-input v-model="selectItem.model" placeholder="请输入" :disabled="(selectItem.item != undefined && selectItem.item.id != undefined) "/>
         </el-form-item>
@@ -25,39 +25,39 @@
           <el-form-item  label="占位内容"  >
             <el-input placeholder="请输入" v-model="options.placeholder" />
           </el-form-item>
-          
+
           <el-form-item  label="宽度">
             <el-input placeholder="请输入" v-model="options.width" />
           </el-form-item>
-           
+
           <el-form-item label="默认值" >
             <el-input  v-model="options.defaultValue"
               :placeholder=" typeof options.format === 'undefined' ? '请输入' : options.format"
             />
-          </el-form-item>  
-            
+          </el-form-item>
+
           <el-form-item  label="最大长度"  >
-            <el-input-number  v-model="options.maxLength" placeholder="最大长度,为0表示不限制"  :min="0"/>  
-           
+            <el-input-number  v-model="options.maxLength" placeholder="最大长度,为0表示不限制"  :min="0"/>
+
           </el-form-item>
-          
+
           <el-form-item  label="前后缀"  v-if="selectItem.type === 'input'">
             <el-input placeholder="前缀标签" v-model="options.prepend">
               <template slot="prepend">前缀</template>
             </el-input>
             <el-input placeholder="后缀标签" v-model="options.append"  >
                <template slot="append">后缀</template>
-            </el-input> 
+            </el-input>
           </el-form-item>
            <el-divider ></el-divider>
           <el-form-item  v-if="selectItem.type === 'textarea'" label="输入框行数" >
-            <el-input-number  style="width:100%" v-model="options.rows" placeholder="输入框行数"  /> 
+            <el-input-number  style="width:100%" v-model="options.rows" placeholder="输入框行数"  />
           </el-form-item>
-          
+
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" /> 
-            <el-checkbox v-model="options.clearable" label="可清除" /> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
+            <el-checkbox v-model="options.clearable" label="可清除" />
           </el-form-item>
         </template>
         <!-- input textarea end -->
@@ -82,13 +82,13 @@
           </el-form-item>
           <el-form-item  label="数值精度" >
             <el-input-number :min="0"  :max="5"  v-model="options.precision"  placeholder="请输入" />
-          </el-form-item> 
+          </el-form-item>
           <el-form-item  label="默认值" >
             <el-input-number
               :step="options.step"
               :min="options.min || -Infinity"
               :max="options.max || Infinity"
-              v-model="options.defaultValue" 
+              v-model="options.defaultValue"
             />
           </el-form-item>
           <el-divider ></el-divider>
@@ -103,7 +103,7 @@
           <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" />  
+            <el-checkbox v-model="options.disabled"  label="禁用" />
           </el-form-item>
         </template>
         <!-- number end -->
@@ -121,10 +121,10 @@
             <el-radio-group   v-model="options.dynamic">
               <el-radio-button :label="0">静态数据</el-radio-button>
               <el-radio-button :label="1">动态数据</el-radio-button>
-            
+
             </el-radio-group>
-   
-            <!-- 远程赋值配置 --> 
+
+            <!-- 远程赋值配置 -->
             <div v-if="options.dynamic == 1">
                 <el-input size="mini" v-model="options.remoteFunc">
                   <template slot="prepend">远端方法</template>
@@ -134,12 +134,12 @@
                 </el-input>
                 <el-input size="mini" v-model="options.remoteLabel">
                   <template slot="prepend">标签字段</template>
-                </el-input> 
-            </div>  
+                </el-input>
+            </div>
             <!-- 本地赋值 -->
             <ChangeOption v-show="options.dynamic == 0" :type="selectItem.type" v-model="options.options" />
           </el-form-item>
-          
+
           <!-- select 本地配置才有默认值 -->
           <el-form-item v-if="options.dynamic == 0" label="默认值">
             <el-select v-model="options.defaultValue"  :clearable="true">
@@ -154,7 +154,7 @@
           <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" /> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
             <el-checkbox v-model="options.clearable" label="可清除" />
             <el-checkbox v-model="options.multiple" label="多选" />
             <el-checkbox v-model="options.showSearch" label="可搜索" @change="(v)=>{
@@ -163,15 +163,15 @@
               }
             }"/>
             <el-checkbox v-model="options.onlineSearch" v-if="options.showSearch" label="实时搜索"  />
-          </el-form-item> 
+          </el-form-item>
           <el-divider ></el-divider>
-          <el-form-item   label="实时搜索回调" v-if="options.showSearch && options.onlineSearch"> 
+          <el-form-item   label="实时搜索回调" v-if="options.showSearch && options.onlineSearch">
              <el-input type="textarea" placeholder="搜索带参,eg: name=$, $表示当前输入关键字" v-model="options.onlineParams" />
-          </el-form-item> 
+          </el-form-item>
           <el-divider ></el-divider>
-          <el-form-item   label="选择后回调"  > 
+          <el-form-item   label="选择后回调"  >
              <el-input type="textarea" placeholder="选择后回调方法,eg: $.A004=$select.name, $表示当前表单数据,$select标示当前选择元素实体" v-model="options.selectCb" />
-          </el-form-item> 
+          </el-form-item>
 
         </template>
          <!-- select end -->
@@ -182,10 +182,10 @@
             <el-radio-group   v-model="options.dynamic">
               <el-radio-button :label="0">静态数据</el-radio-button>
               <el-radio-button :label="1">动态数据</el-radio-button>
-             
+
             </el-radio-group>
-   
-            <!-- 远程赋值配置 --> 
+
+            <!-- 远程赋值配置 -->
             <div v-if="options.dynamic == 1">
                 <el-input size="mini" v-model="options.remoteFunc">
                   <template slot="prepend">远端方法</template>
@@ -195,9 +195,9 @@
                 </el-input>
                 <el-input size="mini" v-model="options.remoteLabel">
                   <template slot="prepend">标签字段</template>
-                </el-input> 
-            </div> 
-           
+                </el-input>
+            </div>
+
 
             <!-- 本地赋值 -->
             <ChangeOption v-show="options.dynamic == 0" :type="selectItem.type" v-model="options.options" />
@@ -209,7 +209,7 @@
               :options="options.options"
               v-model="options.defaultValue"
             >
-              <el-checkbox  v-for="checkitem in  [].concat(options.options)" :label="checkitem.value" :key="checkitem.value"> 
+              <el-checkbox  v-for="checkitem in  [].concat(options.options)" :label="checkitem.value" :key="checkitem.value">
                 {{checkitem.label}}
               </el-checkbox>
           </el-checkbox-group>
@@ -217,8 +217,8 @@
            <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" />    
-          </el-form-item> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
+          </el-form-item>
         </template>
         <!-- checkbox end -->
 
@@ -228,10 +228,10 @@
             <el-radio-group   v-model="options.dynamic">
               <el-radio-button :label="0">静态数据</el-radio-button>
               <el-radio-button :label="1">动态数据</el-radio-button>
-             
+
             </el-radio-group>
-   
-            <!-- 远程赋值配置 --> 
+
+            <!-- 远程赋值配置 -->
             <div v-if="options.dynamic == 1">
                 <el-input size="mini" v-model="options.remoteFunc">
                   <template slot="prepend">远端方法</template>
@@ -241,9 +241,9 @@
                 </el-input>
                 <el-input size="mini" v-model="options.remoteLabel">
                   <template slot="prepend">标签字段</template>
-                </el-input> 
-            </div> 
-           
+                </el-input>
+            </div>
+
 
             <!-- 本地赋值 -->
             <ChangeOption v-show="options.dynamic == 0" :type="selectItem.type" v-model="options.options" />
@@ -254,7 +254,7 @@
               :options="options.options"
               v-model="options.defaultValue"
             >
-              <el-radio  v-for="checkitem in  [].concat(options.options)" :label="checkitem.value" :key="checkitem.value"> 
+              <el-radio  v-for="checkitem in  [].concat(options.options)" :label="checkitem.value" :key="checkitem.value">
                 {{checkitem.label}}
               </el-radio>
           </el-radio-group>
@@ -262,14 +262,14 @@
            <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" />    
-          </el-form-item> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
+          </el-form-item>
         </template>
         <!-- radio end -->
 
          <!-- date start -->
         <template v-if="selectItem.type == 'date' || selectItem.type == 'time'">
-          
+
           <el-form-item  v-if="selectItem.type == 'date' && options.range " label="占位内容" >
           <el-input placeholder="请输入" v-model="options.rangeStartPlaceholder" />
           <el-input placeholder="请输入" v-model="options.rangeEndPlaceholder" />
@@ -280,7 +280,7 @@
 
           <el-form-item  label="宽度">
             <el-input placeholder="请输入" v-model="options.width" />
-          </el-form-item> 
+          </el-form-item>
            <el-divider ></el-divider>
           <el-form-item label="默认值" >
             <el-input
@@ -303,19 +303,19 @@
               :placeholder="
                 typeof options.format === 'undefined' ? '' : options.format
               "
-            /> 
+            />
             <!-- <el-input  v-model="options.defaultValue"
               :placeholder=" typeof options.format === 'undefined' ? '请输入' : options.format"
             /> -->
-          </el-form-item> 
+          </el-form-item>
           <el-form-item  label="时间格式" >
             <el-input  v-model="options.format"  :placeholder="selectItem.type == 'date' ? 'YYYY-MM-DD' : 'HH:mm:ss'" />
           </el-form-item>
            <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" /> 
-            <el-checkbox v-model="options.clearable" label="可清除" /> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
+            <el-checkbox v-model="options.clearable" label="可清除" />
             <el-checkbox v-if="selectItem.type == 'date'" v-model="options.range" label="范围选择" />
           </el-form-item>
         </template>
@@ -324,20 +324,20 @@
         <!-- rate start -->
         <template v-if="selectItem.type == 'rate'">
           <el-form-item v-if="typeof options.max !== 'undefined'" label="最大值">
-          <el-input-number v-model="options.max" placeholder="请输入" @change="(v)=>{  
+          <el-input-number v-model="options.max" placeholder="请输入" @change="(v)=>{
                 if(options.defaultValue > v){
                   options.defaultValue = v
-                } 
+                }
             }"/>
           </el-form-item>
           <el-form-item label="默认值">
             <el-rate  v-model="options.defaultValue"  :allowHalf="options.allowHalf" :max="options.max"  />
           </el-form-item>
-        
+
            <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" /> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
             <el-checkbox v-model="options.allowHalf" label="允许半选" />
           </el-form-item>
         </template>
@@ -368,12 +368,12 @@
           <el-form-item   label="标记marks">
             <br>
             <ChangeOption style="width: 100%;" :keyNumber="true" type="keyvalue" v-model="options.marks" />
-          </el-form-item> 
-            
+          </el-form-item>
+
            <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" /> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
             <el-checkbox v-model="options.showInput"  label="显示输入框" />
           </el-form-item>
         </template>
@@ -391,10 +391,10 @@
            <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" /> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
             <el-checkbox v-model="options.multiple"  label="多选" />
-          </el-form-item> 
-        </template> 
+          </el-form-item>
+        </template>
         <!-- 上传文件 end -->
 
 
@@ -419,10 +419,10 @@
            <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" /> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
             <el-checkbox v-model="options.multiple"  label="多选" />
-          </el-form-item> 
-        </template> 
+          </el-form-item>
+        </template>
         <!-- 上传图片 end -->
 
         <!-- 级联选择器 start -->
@@ -430,10 +430,10 @@
           <el-form-item  label="选项配置" >
             <el-radio-group   v-model="options.dynamic">
               <el-radio-button :label="0">静态数据</el-radio-button>
-              <el-radio-button :label="1">动态数据</el-radio-button> 
+              <el-radio-button :label="1">动态数据</el-radio-button>
             </el-radio-group>
-   
-            <!-- 远程赋值配置 --> 
+
+            <!-- 远程赋值配置 -->
             <div v-if="options.dynamic == 1">
                 <el-input size="mini" v-model="options.remoteFunc">
                   <template slot="prepend">远端方法</template>
@@ -443,11 +443,11 @@
                 </el-input>
                 <el-input size="mini" v-model="options.remoteLabel">
                   <template slot="prepend">标签字段</template>
-                </el-input> 
+                </el-input>
                 <el-input size="mini" v-model="options.remoteChildren" >
                   <template slot="prepend">下级字段</template>
                 </el-input>
-            </div>  
+            </div>
 
             <!-- 本地赋值 -->
             <ChangeOption v-show="options.dynamic == 0" :type="selectItem.type" v-model="options.options" />
@@ -455,11 +455,11 @@
              <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" />   
+            <el-checkbox v-model="options.disabled"  label="禁用" />
             <el-checkbox v-model="options.clearable" label="可清除" />
             <el-checkbox v-model="options.multiple" label="多选" />
-            <el-checkbox v-model="options.showSearch" label="可搜索" /> 
-          </el-form-item> 
+            <el-checkbox v-model="options.showSearch" label="可搜索" />
+          </el-form-item>
         </template>
         <!-- 级联选择器 end -->
 
@@ -469,6 +469,9 @@
           <el-form-item  label="宽度">
             <el-input placeholder="请输入" v-model="options.width" />
           </el-form-item>
+          <el-form-item  label="添加按钮名称">
+            <el-input placeholder="请输入" v-model="options.addText" />
+          </el-form-item>
           <el-form-item  label="对话框标签宽度">
             <el-input placeholder="请输入" v-model="options.labelWidth" />
           </el-form-item>
@@ -490,7 +493,7 @@
           <el-form-item  label="表格样式Class名称">
             <el-input v-model="selectItem.options.customClass" />
           </el-form-item>
-            
+
           <el-form-item  label="表格样式CSS">
             <el-input type="textarea" v-model="selectItem.options.customStyle" />
           </el-form-item>
@@ -504,23 +507,24 @@
            <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" /> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
             <el-checkbox v-model="options.showLabel" label="显示Label" />
             <el-checkbox v-model="options.hideSequence" label="隐藏序号" />
+            <el-checkbox v-model="options.editInPlace"  label="行内编辑" />
             <el-checkbox v-model="options.copyRow" label="行复制" />
-          </el-form-item> 
-        </template> 
+          </el-form-item>
+        </template>
         <!-- 动态表格 end -->
 
 
          <!-- 开关 switch start-->
-        <template v-if="selectItem.type == 'switch'"> 
+        <template v-if="selectItem.type == 'switch'">
           <!-- 开关的label -->
           <el-form-item   label="打开标签值">
-            <el-input placeholder="请输入" v-model="options.activeText" /> 
+            <el-input placeholder="请输入" v-model="options.activeText" />
           </el-form-item>
            <el-form-item   label="关闭标签值" >
-            <el-input placeholder="请输入" v-model="options.inactiveText" /> 
+            <el-input placeholder="请输入" v-model="options.inactiveText" />
           </el-form-item>
           <el-form-item  label="默认值">
             <el-switch v-model="options.defaultValue" />
@@ -528,14 +532,14 @@
           <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" />  
-          </el-form-item> 
-        </template> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
+          </el-form-item>
+        </template>
         <!-- 开关 switch  end -->
 
 
          <!-- 按钮 start-->
-        <template v-if="selectItem.type == 'button'"> 
+        <template v-if="selectItem.type == 'button'">
           <!-- 按钮类型 -->
           <el-form-item label="类型">
             <el-radio-group v-model="options.type">
@@ -546,19 +550,19 @@
             </el-radio-group>
           </el-form-item>
           <el-divider ></el-divider>
-          <el-form-item  label="按钮操作"> 
+          <el-form-item  label="按钮操作">
             <el-input type="textarea" v-model="options.dynamicFun" placeholder="动态JS,表单数据绑定值符号$" ></el-input>
           </el-form-item>
           <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
             <el-checkbox v-model="options.hidden"  label="隐藏" />
-            <el-checkbox v-model="options.disabled"  label="禁用" />   
-          </el-form-item> 
-        </template> 
+            <el-checkbox v-model="options.disabled"  label="禁用" />
+          </el-form-item>
+        </template>
         <!-- 按钮  end -->
 
         <!-- 标签 start-->
-        <template v-if="selectItem.type == 'text'"> 
+        <template v-if="selectItem.type == 'text'">
           <!-- 按钮类型 -->
           <el-form-item  label="文字对齐方式">
             <el-radio-group v-model="options.textAlign">
@@ -566,43 +570,43 @@
               <el-radio-button label="center">居中</el-radio-button>
               <el-radio-button label="right">右</el-radio-button>
             </el-radio-group>
-          </el-form-item> 
+          </el-form-item>
           <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
-            <el-checkbox v-model="options.hidden"  label="隐藏" /> 
+            <el-checkbox v-model="options.hidden"  label="隐藏" />
             <el-checkbox v-model="options.showRequiredMark" label="显示必选标记" />
-          </el-form-item> 
+          </el-form-item>
           <el-divider ></el-divider>
           <el-form-item   label="动态必选" >
            <el-input type="textarea" v-model="options.showRequiredMarkScript" :rows="4" placeholder="请输入表达式或者动态函数,数据实体以$标识"/>
-          </el-form-item> 
-        </template> 
+          </el-form-item>
+        </template>
         <!-- 标签  end -->
 
         <!-- html start-->
-        <template v-if="selectItem.type == 'html'">  
+        <template v-if="selectItem.type == 'html'">
           <el-form-item label="默认值">
             <el-input type="textarea" v-model="options.defaultValue" :rows="4" />
           </el-form-item>
           <el-divider ></el-divider>
           <el-form-item   label="操作属性" >
-            <el-checkbox v-model="options.hidden"  label="隐藏" />  
-          </el-form-item> 
-        </template> 
+            <el-checkbox v-model="options.hidden"  label="隐藏" />
+          </el-form-item>
+        </template>
         <!-- html  end -->
 
 
         <!-- ################### 布局  start ################################  -->
         <!-- 分割线 start-->
-        <template v-if="selectItem.type == 'divider'">  
-          
+        <template v-if="selectItem.type == 'divider'">
+
 
           <el-form-item  label="方向" >
             <el-radio-group  v-model="options.direction">
               <el-radio-button label="horizontal">横向</el-radio-button>
-              <el-radio-button label="vertical">竖向</el-radio-button> 
+              <el-radio-button label="vertical">竖向</el-radio-button>
             </el-radio-group>
-          </el-form-item>  
+          </el-form-item>
           <el-divider ></el-divider>
           <el-form-item  label="标签位置" v-if="options.direction && options.direction == 'horizontal'">
             <el-radio-group  v-model="options.orientation">
@@ -610,23 +614,23 @@
               <el-radio-button label="center">居中</el-radio-button>
               <el-radio-button label="right">右</el-radio-button>
             </el-radio-group>
-          </el-form-item> 
-        </template> 
+          </el-form-item>
+        </template>
         <!-- 分割线  end -->
 
         <!-- 栅格布局 start-->
-        <template v-if="selectItem.type == 'grid'">   
+        <template v-if="selectItem.type == 'grid'">
           <el-form-item  label="栅格间距">
             <el-input-number  v-model="selectItem.options.gutter"  placeholder="请输入" />
           </el-form-item>
           <el-form-item label="列配置项">
             <ChangeOption v-model="selectItem.columns" type="colspan" />
           </el-form-item>
-        </template> 
+        </template>
         <!-- 栅格布局  end -->
 
         <!-- 表格布局 start-->
-        <template v-if="selectItem.type == 'table'">   
+        <template v-if="selectItem.type == 'table'">
           <el-form-item  label="宽度">
             <el-input placeholder="请输入" v-model="options.width" />
           </el-form-item>
@@ -643,9 +647,9 @@
             <el-checkbox v-model="options.bright" label="鼠标经过点亮" />
             <el-checkbox v-model="options.small" label="紧凑型" />
           </el-form-item>
-        </template> 
+        </template>
         <!-- 表格布局  end -->
- 
+
 
         <!-- ################### 布局  end ################################  -->
 
@@ -668,10 +672,10 @@
           'button',
           'text',
           'html',
-          'divider' 
-        ].includes(selectItem.type)" label="tooptip提示" > 
-          <el-input type="textarea" v-model="options.tooptip"  placeholder="鼠标移动到组件上的提示信息" /> 
-        </el-form-item> 
+          'divider'
+        ].includes(selectItem.type)" label="tooptip提示" >
+          <el-input type="textarea" v-model="options.tooptip"  placeholder="鼠标移动到组件上的提示信息" />
+        </el-form-item>
         <el-divider ></el-divider>
 
         <!-- ################### 校验   start ############################## -->
@@ -684,11 +688,11 @@
         </el-form-item>
         <!-- ################### 校验   end ############################## -->
 
-       
+
 
         <template v-if="!hideModel && selectItem && selectItem.options">
            <el-form-item label="动态显示">
-            <!-- 每个元素都有隐藏条件 根据渲染数据的值来改变 --> 
+            <!-- 每个元素都有隐藏条件 根据渲染数据的值来改变 -->
             <el-switch
               v-model="selectItem.options.dynamicVisible"
               active-text="打开"
@@ -707,7 +711,7 @@
           <el-divider ></el-divider>
         </template>
 
-       
+
 
 
         <el-form-item v-if="selectItem.type === 'table'" label="提示">
@@ -717,12 +721,12 @@
         </el-form-item>
 
       </el-form>
-    </div> 
+    </div>
   </div>
 </template>
-<script> 
+<script>
 import ChangeOption from "./change-option/index";
- 
+
 export default {
   name: "formItemProperties",
   data() {
@@ -731,8 +735,8 @@ export default {
     };
   },
   watch: {
-    selectItem(val) { 
-      this.options = val.options || {}; 
+    selectItem(val) {
+      this.options = val.options || {};
     }
   },
   props: {
@@ -751,7 +755,7 @@ export default {
     }
   },
   components: {
-    ChangeOption 
+    ChangeOption
   }
 };
 </script>
-- 
Gitee