@zscreate/zhxy-app-component 1.0.76 → 1.0.77

package/components/form-container/form-container.vue

@@ -1,912 +1,912 @@
-<template>
-  <view class="evan-form-show">
-    <evan-form :hide-required-asterisk="hideRequiredAsterisk" ref="form" >
-      <template v-for="(item, index) in dataObj.list">
-        <template v-if="item.type === 'table' && item.options.canView">
-          <view class="table-wrapper" :key="'table' + index">
-            <view class="table-header">
-              {{ item.name }}
-            </view>
-            <view class="table-container">
-              <view class="table-item" v-for="(table, tableCIndex) in tableData[item.model]"
-                    :key="index +  'tableCIndex' + tableCIndex">
-                <view class="item">
-                  <view class="index">{{table.index + 1}}</view>
-                  <view class="delete icon-delete" v-if="!item.options.disabled"
-                        @click="handleDeleteRow(tableCIndex, item.model)">删除</view>
-                  <view class="extend"
-                        :class="{'icon-arrow-right': !tableRowsShow[item.model][tableCIndex], 'icon-arrow-down':tableRowsShow[item.model][tableCIndex]}"
-                        @click="showTableRow(item.model, tableCIndex)">
-                    {{tableRowsShow[item.model][tableCIndex] ? '收起' : '展开'}}
-                  </view>
-                </view>
-                <view class="view-port" v-show="tableRowsShow[item.model][tableCIndex]">
-                  <view v-for="(tableItem, tableItemIndex) in table.columns" :key="index +  'tableItemIndex' + tableItemIndex">
-                    <evan-form-item v-show="tableItem.options.canView"
-                                    :labelPosition="labelPosition"
-                                    @upDateWidget="upDateTableWidget" :itemkey="tableItemIndex"
-                                    :tableKey="item.model" :tableIndex="tableCIndex" :prop="tableItem.model"
-                                    :ref="String(Math.random()).split('.')[1]" :models.sync="models"
-                                    :rules="rules" :widget="tableItem" :isDraft="isDraft" :formId="formId"
-                                    :linkage="linkage" :isApply="isApply">
-                    </evan-form-item>
-                  </view>
-                </view>
-              </view>
-              <view class="add" v-if="isShowAdd && !item.options.disabled" :data-data="item"
-                    :data-model="item.model" data-add-model="addModel"
-                    @click="addToTableData(item, item.model,'addModel')">+添加</view>
-            </view>
-          </view>
-        </template>
-
-        <template v-else-if="item.type === 'all-lay-out'  && item.options.canView">
-          <view v-for="(colItem, colIndex) in item.columns" :key="index +  'all-lay-out—colIndex' + colIndex">
-            <view v-for="(col, itemIndex) in colItem.list" :key="index +  'all-lay-out—itemIndex' + itemIndex">
-              <evan-form-item :isCorrect="isCorrect" :labelPosition="labelPosition" :prop="col.model"
-                              :ref="String(Math.random()).split('.')[1]" :models.sync="models" :rules="rules"
-                              :widget="col" :isDraft="isDraft" :formId="formId" :linkage="linkage" :isApply="isApply">
-              </evan-form-item>
-            </view>
-          </view>
-        </template>
-
-        <template v-else-if="item.type === 'grid-lay-out'  && item.options.canView">
-          <view v-for="(colItem, colIndex) in item.columns" :key="index + 'grid-lay-out-colIndex' + colIndex">
-            <view v-for="(col, itemIndex) in colItem.list" :key="index + 'grid-lay-out-itemIndex' + itemIndex">
-              <evan-form-item :isCorrect="isCorrect" :labelPosition="labelPosition" :prop="col.model"
-                              :ref="String(Math.random()).split('.')[1]" :models.sync="models" :rules="rules"
-                              :widget="col" :isDraft="isDraft" :formId="formId" :linkage="linkage" :isApply="isApply">
-              </evan-form-item>
-            </view>
-          </view>
-        </template>
-
-        <template v-else-if="item.type === 'grid'  && item.options.canView">
-          <view v-for="(colItem, colIndex) in item.columns" :key="index +  'grid—colIndex' +colIndex">
-            <view v-for="(col, itemIndex) in colItem.list" :key="index +  'grid—itemIndex' + itemIndex">
-              <evan-form-item :isCorrect="isCorrect" :labelPosition="labelPosition" :prop="col.model"
-                              :ref="String(Math.random()).split('.')[1]" :models.sync="models" :rules="rules"
-                              :widget="col" :isDraft="isDraft" :formId="formId" :linkage="linkage" :isApply="isApply">
-              </evan-form-item>
-            </view>
-          </view>
-        </template>
-
-        <template v-else-if="item.type == 'verify' && item.options.canView">
-          <view class="verify">
-            <view class="verify-step">{{item.name }}</view>
-            <view class="verify-cot">
-							<textarea v-model="models[item.model].comments"
-                        :disabled="item.model !== verifyNode" :placeholder="'请输入您的意见'"
-                        @input="handlerText($event, item.model)">
-							</textarea>
-            </view>
-            <view v-if="item.model == verifyNode" class="verify-cot">
-              <view class="verify-title">{{item.options.operation}}</view>
-              <view style="width:200rpx;">
-                <u-input id="suggestSelect" :border="false" type="select" :select-open="selectShow"
-                         input-align="right" v-model="suggestType" placeholder="请点击选择"
-                         @click="selectShow = true"></u-input>
-                <u-select mode="single-column" :list="selectList" v-model="selectShow"
-                          @confirm="selectConfirm($event,item.model)"></u-select>
-                <!-- <picker @change="bindPickerChange($event, item.model)" :value="pickerIndex" :range="selectDataTransForm(suggest)">
-                  <view class="uni-input">{{models[item.model].operation ? models[item.model].operation : '请选择'}}</view>
-                </picker> -->
-              </view>
-            </view>
-            <view v-if="item.model !== verifyNode" class="verify-cot">
-              <view class="verify-title">{{item.options.operation}}</view>
-              <view>{{models[item.model].operation}}</view>
-            </view>
-            <view class="verify-cot">
-              <view class="verify-title">{{ item.options.operator }}</view>
-              <view>{{ models[item.model].operator }}</view>
-            </view>
-            <view class="verify-cot">
-              <view class="verify-title">{{ item.options.operationTime }}</view>
-              <view>{{ models[item.model].operationTime }}</view>
-            </view>
-          </view>
-        </template>
-
-        <template v-else>
-          <view :key="'default' + index" v-show="item.options.canView" >
-            <evan-form-item @upDateWidget="upDateWidget" :labelPosition="labelPosition" :isCorrect="isCorrect" :prop="item.model"
-                            :ref="String(Math.random()).split('.')[1]" :models.sync="models" :rules="rules"
-                            :widget="item" :itemkey="index" :isDraft="isDraft" :formId="formId" :linkage="linkage"
-                            :isApply="isApply">
-            </evan-form-item>
-          </view>
-        </template>
-      </template>
-
-    </evan-form>
-  </view>
-</template>
-
-<script>
-	import utils from '../evan-form/utils.js'
-	import {
-		cloneObj
-	} from "../../utils/util.js";
-	import Pubsub from 'pubsub-js'
-  import evanFormItem from "../evan-form-item/evan-form-item";
-  import evanForm from "../evan-form/evan-form";
-	export default {
-		name: 'formContainer',
-		props: ['dataObj', 'value', 'isButton', 'verifyNode', 'suggest', 'isCorrect', 'isDraft', 'formId', 'linkage', "labelPosition",
-			'isApply'
-		],
-		components: { evanFormItem ,evanForm },
-		data() {
-			return {
-				timer: null,
-				showVerify: false, //默认不展示审核信息
-				selectShow: false,
-				suggestType: '',
-				selectList: [],
-				models: {
-
-				}, //models
-				rules: {}, //校验规则1
-				// value: {}, //后台返回的表单值 （通常是父组件传值过来的）
-				tableData: {},
-				tableModel: {},
-				tableIndex: {},
-				tableFlag: {
-
-				},
-				// dataObj:dataObj,
-				isScroll: true,
-				tableRowsShow: {},
-				isShowAdd: true,
-				hideRequiredAsterisk: false,
-				sexes: [{
-						name: '男',
-						value: 'man'
-					},
-					{
-						name: '女',
-						value: 'woman'
-					}
-				],
-				// 表单的内容必须初始化
-				info: {
-					name: '',
-					table: [{
-							sub: '22'
-						},
-						{
-							sub: '333'
-						}
-					]
-				},
-				info2: {
-					name: '222',
-					email: '7556@qq.com',
-					phone: '15232656598',
-					sub: '',
-				},
-				pickerIndex: 0
-			}
-		},
-		watch: {
-			// models(v) {
-			// 	// console.log('container models')
-			// 	// console.log(v)
-			// 	// console.log(this.models)
-			// 	this.isScroll = true;
-			// },
-			models: {
-				deep: true,
-				handler(v) {
-					this.isScroll = true;
-				}
-			},
-      dataObj: {
-        handler(v) {
-          if (this.dataObj && this.dataObj.list) {
-            this.rules = {};
-            this.generateModle(this.dataObj.list);
-            console.log(this.models)
-            console.log(JSON.stringify(this.models))
-          }
-        },
-        immediate: true
-      },
-			value: {
-        handler(v) {
-          if (this.dataObj && this.dataObj.list) {
-            this.rules = {};
-            this.generateModle(this.dataObj.list);
-            console.log(this.models)
-            console.log(JSON.stringify(this.models))
-          }
-        },
-        immediate: true
-      },
-			suggest(v) {
-				this.selectList = v
-			},
-			// linkage:{
-			// 	deep: true,
-			// 	handler(v){
-			// 		console.log(v,'12345675676575')
-			// 	},
-			// }
-		},
-		created() {},
-		updated() {
-
-		},
-		mounted() {
-			// 回显关联组件
-			// setTimeout(() => {
-			// 	this.getchildren()
-			// }, 1000)
-			// console.log('thisdataObj', this.dataObj)
-			// this.generateModle(dataObj.list);
-			// if (this.dataObj && this.dataObj.list) {
-			// 	this.rules = {};
-			// 	this.generateModle(this.dataObj.list);
-			// }
-
-			// Pubsub.publish('randomObserve', this.models)
-			// console.log('models', this.models)
-			// console.log('tableData', this.tableData);
-			// console.log('tableModel', this.tableModel)
-			// console.log('tableIndex', this.tableIndex)
-			// 这里必须放在mounted中，不然h5，支付宝小程序等会找不到this.$refs.form
-			// console.log('rules', this.rules)
-			// this.$refs.form.setRules(this.rules);
-			// this.initPo();
-		},
-		methods: {
-			//回显关联组件的操作
-			getchildren() {
-				// console.log(this.$children[0])
-				// this.handlerelation(this.$children[0].$children)
-			},
-      // 更新所有组件的值
-      updateAllComponentValue() {
-        for(const key in this.$refs) {
-          this.$refs[key] && [].concat(this.$refs[key]).forEach(item => {
-            item.updateDataModel && item.updateDataModel()
-            item.showFormData && item.showFormData()
-          })
-        }
-      },
-			handlerelation(arr) {
-				for (let i = 0; i < arr.length; i++) {
-					const item = arr[i]
-					if (item.widget && item.widget.type == 'relateSub') {
-						if (item.tableKey) {
-							item.pulishMsg(
-								item.models[item.tableKey][item.tableIndex][item.widget.model],
-								true
-							)
-						} else {
-							item.pulishMsg(item.models[item.widget.model], true)
-						}
-					}
-					if (item.widget && item.widget.type == 'table') {
-						this.handlerelation(item.$children)
-					}
-				}
-			},
-			//更新widget 目前应用于关联组件隐藏 禁用
-			upDateWidget(widget, key) {
-				console.log(widget.options.canView)
-				this.dataObj.list.splice(key, 1, widget)
-			},
-			//更新widget 目前应用于子表单关联子组件隐藏 禁用
-			upDateTableWidget(widget, key, tableKey, tableIndex) {
-				this.tableData[tableKey][tableIndex].columns.splice(key, 1, widget)
-			},
-			// 选择操作类型
-			selectConfirm(e, model) {
-				e.map((val, index) => {
-					this.models[model].operation = val.label;
-				})
-				this.suggestType = this.models[model].operation
-			},
-			scrollToTop(top) {
-				const _this = this
-				this.$nextTick(function() {
-					uni.createSelectorQuery()
-						.in(_this)
-						.select('#suggestSelect').boundingClientRect(data => {
-							uni.pageScrollTo({
-								scrollTop: data.top - top,
-								duration: 200
-							});
-						}).exec()
-				})
-			},
-			//校验审核组件是否为空
-			/* checkVerify() {
-				if(this.suggestType == '') {
-					uni.showToast({
-					    title: '审核操作不能为空',
-					    duration: 1000,
-							icon: 'none'
-					});
-					this.scrollToTop()
-				}
-			}, */
-			bindPickerChange(e, model) {
-				// console.log('picker发送选择改变，携带值为', e.target.value)
-				// console.log(this.suggest)
-				this.pickerIndex = e.target.value
-				// this.models[model].operation = e.target.value
-				this.models[model].operation = this.suggest[e.target.value].value;
-				console.log(this.models)
-			},
-			handlerText($event, model) {
-				this.models[model].comments = $event.detail.value
-			},
-			/***单选修改赋值***/
-			selectorOption(picked, model) {
-				console.log(picked);
-				console.log(model)
-				this.models[model].operation = picked.value
-			},
-			/***option 数据重构**/
-			selectDataTransForm(data) {
-
-				if (!data || (data.length == 0)) {
-					return []
-				} else {
-					return data.map(item => {
-						// return {
-						// 	label: item.value,
-						// 	value: item.label
-						// }
-						return item.value
-					})
-				}
-			},
-			/**展开 收起 子表单列**/
-			showTableRow(model, index) {
-				// uni.createSelectorQuery()
-				// 	.in(this)
-				// 	.select('.table-header').boundingClientRect(data => {
-				// 		console.log("得到布局位置信息" + JSON.stringify(data));
-				// 		console.log("节点离页面顶部的距离为" + data.top);
-				// 		uni.pageScrollTo({
-				// 			scrollTop: data.top,
-				// 			duration: 800
-				// 		});
-				// 	}).exec()
-				// this.$set(this.tableFlag,'flag',[true])
-				// this.tableFlag.flag = [true];
-				console.log(this.tableFlag)
-				this.tableRowsShow[model][index] = !this.tableRowsShow[model][index];
-				/***解决小程序不能深度监听***/
-				var tempObj = cloneObj(this.tableRowsShow)
-				console.log(this.tableRowsShow = tempObj)
-				console.log(this.tableRowsShow)
-				// console.log(this.tableRowsShow[model][index])
-
-				// console.log(this.tableRowsShow[model][index])
-			},
-			//删除子表单row
-			handleDeleteRow(index, model) {
-				// //更新tableData
-				//更新models
-				this.models[model].splice(index, 1);
-				this.tableData[model].splice(index, 1);
-				this.tableRowsShow[model].splice(index, 1);
-				let _index = 0;
-				this.tableData[model].forEach(item => {
-					item.index = _index++;
-				});
-				this.tableIndex[model]--;
-			},
-			//添加子表单里面的row
-			addToTableData(data, model, addModel) {
-				let dataTemp = JSON.parse(JSON.stringify(data));
-				this.tableIndex[model] === undefined ?
-					this.$set(this.tableIndex, model, 0) :
-					null;
-				dataTemp.index = this.tableIndex[model];
-				/***table row show start*/
-				this.tableRowsShow[model] === undefined ?
-					this.$set(this.tableRowsShow, model, []) :
-					null;
-				this.$set(this.tableRowsShow[model], this.tableIndex[model], true)
-				/***table row show end*/
-				this.tableIndex[model]++;
-				this.tableData[model] === undefined ?
-					this.$set(this.tableData, model, []) :
-					null;
-				if (addModel) {
-					let addModelObject = {};
-					dataTemp.columns.forEach(item => {
-						item.options.isCorrect = false;
-						addModelObject[item.model] = item.defaultValue ?
-							item.defaultValue :
-							item.options.defaultValue;
-					});
-					this.models[model].push(addModelObject);
-					dataTemp.options.isCorrect = false;
-				} else {
-					dataTemp.options.isCorrect = true;
-				}
-				console.log(`dataTemp`, dataTemp);
-				this.tableData[model].push(dataTemp);
-				console.log('===', this.tableData[model])
-				// console.log(this.tableData[model])
-			},
-			//tableData init
-			generateTableData(gen) {
-				// console.log('JSON.models',JSON.stringify(this.models))
-				// this.tableData = {};
-				// this.tableIndex = {};
-				this.isShowAdd = true;
-				if (gen.type === "table") {
-					var tableModel = gen.model;
-					if (this.tableData[tableModel] instanceof Array) {
-						this.tableData[tableModel].length = 0;
-						this.tableIndex[tableModel] = 0;
-					}
-					this.tableModel[tableModel] = gen;
-					this.tableModel[tableModel]["options"]["defaultValue"] = this.models[
-						gen.model
-					];
-					this.tableInitByModel(tableModel);
-				}
-			},
-			tableInitByModel(model) {
-				if (
-					this.models[model] &&
-					this.models[model] instanceof Array &&
-					this.models[model].length > 0
-				) {
-					// console.log('--',this.tableModel[model], model)
-					this.models[model].forEach((item, index) => {
-						this.originIndex++;
-						this.addToTableData(this.tableModel[model], model);
-					});
-				}
-				// console.log('tableData',this.tableData)
-				// console.log(this.models)
-			},
-			/***初始化models***/
-			generateModle(genList) {
-				if (!genList || genList.length === 0) return;
-				for (let i = 0; i < genList.length; i++) {
-					if (["grid", 'grid-lay-out', 'all-lay-out'].includes(genList[i].type)) {
-						genList[i].columns.forEach(item => {
-							this.generateModle(item.list);
-						});
-					} else {
-						if (
-							this.value &&
-							Object.keys(this.value).indexOf(genList[i].model) >= 0
-						) {
-							this.models[genList[i].model] = cloneObj(
-								this.value[genList[i].model]
-							);
-
-							console.log(genList[i].type)
-
-							/**审核**/
-							if (genList[i].type === "verify") {
-								this.models[genList[i].model] = this.value[genList[i].model];
-							}
-
-							if (genList[i].type === "table") {
-								this.generateTableData(genList[i]); //生成tableModel
-								//设置rules
-							}
-						} else {
-							/**审核**/
-							if (genList[i].type === "verify") {
-								this.models[genList[i].model] = genList[i].operationColumns;
-							} else if (genList[i].type === "blank") {
-								this.$set(
-									this.models,
-									genList[i].model,
-									genList[i].options.defaultType === "String" ?
-									"" :
-									genList[i].options.defaultType === "Object" ? {} : []
-								);
-							} else if (genList[i].type === "table") {
-								this.$set(this.models, genList[i].model, this.models[genList[i].model] ?
-									this.models[genList[i].model] :
-									(typeof genList[i].options.defaultValue == "string" ? [] : genList[i].options
-										.defaultValue))
-                this.generateTableData(genList[i]); //生成tableModel
-							} else {
-								// console.log('TO-JSON==',JSON.stringify(this.models));
-								// console.log(genList[i].model);
-								let default_value = genList[i].options.defaultValue ? genList[i].options.defaultValue :
-									'' // 避免默认值为null
-								this.$set(this.models, genList[i].model, this.models[genList[i].model] ?
-									this.models[genList[i].model] : default_value
-								)
-								// this.models[genList[i].model] = this.models[genList[i].model] ?
-								// 	this.models[genList[i].model] :
-								// 	genList[i].options.defaultValue;
-							}
-						}
-						if (genList[i].type === "table") {
-							var tableRlues = {};
-							if (genList[i].columns.length > 0) {
-								genList[i].columns.forEach(item => {
-									if (item.rules) {
-										tableRlues[item.model] = [
-											...item.rules.map(i => {
-												return {
-													...i
-												};
-											})
-										];
-									}
-								});
-								this.rules[genList[i].model] = tableRlues;
-							}
-						} else {
-							if (this.rules[genList[i].model]) {
-								if (genList[i].rules) {
-									this.rules[genList[i].model] = [
-										...this.rules[genList[i].model],
-										...genList[i].rules.map(item => {
-											return {
-												...item
-											};
-										})
-									];
-								}
-							} else {
-								if (genList[i].rules) {
-									this.rules[genList[i].model] = [
-										...genList[i].rules.map(item => {
-											return {
-												...item
-											};
-										})
-									];
-								}
-							}
-						}
-					}
-				}
-				this.$nextTick(() => {
-					this.$emit('formUpdated')
-				})
-			},
-      validateTable() {
-
-        // 查找所有的table 子表单的配置组件
-        const findTableComponent = (list = []) => {
-          return list.reduce((all, curr) => {
-            if (Array.isArray(curr)) {
-              return all.concat(findTableComponent(curr))
-            }
-            if (curr.type === 'table') return all.concat(curr)
-            return all
-          }, [])
-        }
-        // 判断子表单内组件有没有必填的校验
-        const tables = findTableComponent(this.dataObj.list).filter(table => {
-          if ([table.options.canView, !table.options.disabled].includes(false)) return
-          const { columns = [] } = table
-          for (let i = 0; i < columns.length; i++) {
-            const { rules = [] } = columns[i]
-            if (rules.some(rule => rule.required)) return true
-          }
-        })
-        // 子表单有必填校验 判断有没有添加行， 没有添加行需要手动添加行， 让它触发校验
-        tables.forEach(table => {
-          const model = this.models[table.model]
-          if ( !model || ( Array.isArray(model) && model.length === 0 )) {
-            this.addToTableData(table, table.model, 'addModel')
-          }
-        })
-      },
-      /**
-       * @param {回调函数} fn 成功的回调函数
-       * */
-      async getData(fn) {
-
-        // 校验子表单
-        this.validateTable()
-
-        await this.$nextTick()
-
-        var promiseArr = [];
-				for (var i in this.$refs) {
-					if (this.$refs[i] instanceof Array || this.$refs[i].constructor === Array) {
-						this.$refs[i].forEach(item => {
-              const { canView, disabled } = item._props.widget.options
-              if (!canView || disabled) return
-							if (item.validateInit && typeof item.validateInit === "function") {
-								promiseArr.push(item.validateInit().then(res => {}).catch((error) => {
-									if (this.isScroll && error === false) {
-										this.isScroll = false;
-										console.log('校验错误')
-										uni.createSelectorQuery()
-											.in(this)
-											.select('.evan-form-show').boundingClientRect(data => {
-												console.log('校验', data.top)
-												item.scrollToTop(data.top)
-											}).exec()
-									}
-									throw new Error(error) //报错 为了阻塞promise 返回
-								}));
-
-
-							}
-						})
-					} else {
-						if (this.$refs[i].validateInit && typeof this.$refs[i].validateInit === "function") {
-              const { canView, disabled } = item._props.widget.options
-              if (!canView || disabled) return
-							promiseArr.push(this.$refs[i].validateInit().then(res => {}).catch((error) => {
-								if (this.isScroll && error === false) {
-									this.isScroll = false;
-									uni.createSelectorQuery()
-										.in(this)
-										.select('.evan-form-show').boundingClientRect(data => {
-											this.$refs[i].scrollToTop(data.top)
-										}).exec()
-
-								}
-								throw new Error(error) //报错 为了阻塞promise 返回
-							}))
-						}
-					}
-					// console.log(promiseArr)
-					Promise.all(promiseArr).then((result) => {
-						console.log(result, promiseArr.length)
-						if (result.length === promiseArr.length) {
-							console.log('校验成功')
-							fn(this.models)
-						} else {
-							console.log('校验失败')
-							fn('failed')
-						} //['成功了', 'success']
-					}).catch((error) => {
-						console.log(error)
-					})
-				}
-				// this.$refs.form.validate((res) => {
-				// 	if (res) {
-				// 		uni.showToast({
-				// 			title: '验证通过'
-				// 		})
-				// 	}
-				// })
-			},
-			saveForm2() {
-				this.$refs.form.validateField(['sub', 'phone'], (res) => {
-					if (res) {
-						uni.showToast({
-							title: '验证通过'
-						})
-					}
-				})
-				// this.$refs.form2.validate((res) => {
-				// 	if (res) {
-				// 		uni.showToast({
-				// 			title: '验证通过'
-				// 		})
-				// 	}
-				// })
-			},
-			utilsSave() {
-				utils.validate(this.info, this.rules, (res, errors) => {
-					if (res) {
-						uni.showToast({
-							title: '验证通过'
-						})
-					}
-				})
-			},
-			hideReqired() {
-				this.hideRequiredAsterisk = !this.hideRequiredAsterisk
-			},
-		}
-	}
-</script>
-
-<style lang="scss">
-	@import "../../static/iconfont.css";
-	$mybottom: 0; //底部按钮
-
-	/**审核组件样式**/
-	.verify {
-		font-size: 28upx;
-	}
-
-	.verify-step {
-		height: 90upx;
-		line-height: 90upx;
-		padding-left: $uni-form-padding-left;
-		font-size: $uni-form-title-font-size;
-	}
-
-	.verify-cot {
-		background-color: #fff;
-		padding: 20upx $uni-form-padding-left;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-
-		textarea {
-			display: block;
-			width: 100%;
-			height: 120rpx;
-			padding-top: 20rpx;
-		}
-
-		>view {
-			height: 50upx;
-			line-height: 50upx;
-		}
-
-		>view+view {
-			height: 70upx;
-			line-height: 70upx;
-			font-size: $uni-form-content-font-size;
-		}
-
-		.verify-title {
-			// font-weight: bold;
-			font-size: $uni-form-title-font-size;
-		}
-	}
-
-	@include onepx('.verify-cot', 'bottom', 'after', #e6e6e6);
-
-	.table-header {
-		height: 86upx;
-		line-height: 86upx;
-		font-weight: bold;
-		text-indent: 30upx;
-		font-size: $uni-form-title-font-size;
-	}
-
-	.table-wrapper {
-		margin: 0 auto 20upx auto;
-	}
-
-	.table-container {
-		background-color: #ffffff;
-		font-size: $uni-form-title-font-size;
-
-		.view-port {}
-
-		.add {
-			color: #539dfa;
-			text-align: center;
-			height: 90upx;
-			line-height: 90upx;
-			font-size: $uni-form-content-font-size;
-		}
-
-		.item {
-			display: flex;
-			height: 90upx;
-			line-height: 90upx;
-			justify-content: space-around;
-
-			>view {
-				line-height: 90upx;
-				color: #9b9b9b;
-				text-indent: 10%;
-				font-size: $uni-form-content-font-size;
-				flex: 1;
-				min-width: 130rpx;
-			}
-
-			>view+view {
-				flex-shrink: 18;
-			}
-		}
-
-		@include onepx('.item', 'bottom', 'after', #eeeeee);
-	}
-
-	.evan-form-show {
-		padding-bottom: $mybottom;
-		// padding-bottom: $mybottom;
-		// padding: 0 30rpx;
-		background-color: #efefef;
-
-		.form-input {
-			font-size: 28rpx;
-			color: #333;
-			text-align: right;
-			width: 100%;
-			box-sizing: border-box;
-			height: 60rpx;
-
-			&.textarea {
-				height: 240rpx;
-				padding: 24rpx 0;
-				text-align: left;
-			}
-		}
-
-		.form-input-placeholder {
-			font-size: $uni-form-content-font-size;
-			color: #999;
-		}
-
-		&__button {
-			width: 100%;
-			height: 88rpx;
-			border-radius: 8rpx;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			padding: 0;
-			font-size: 36rpx;
-			color: #fff;
-			margin-top: 20rpx;
-			background-color: #2D87D5;
-
-			&::before,
-			&::after {
-				border: none;
-			}
-		}
-
-		.customize-form-item {
-			&__label {
-				font-size: 28rpx;
-				color: #333;
-				margin-bottom: 16rpx;
-			}
-
-			&__radio {
-				display: flex;
-				align-items: center;
-				margin-bottom: 16rpx;
-
-				&__text {
-					font-size: 28rpx;
-					color: #333;
-				}
-			}
-		}
-	}
-
-	.fixed {
-		position: fixed;
-		z-index: 20;
-		border-top: 1upx solid #eee;
-		background-color: #539dfa;
-		height: $mybottom;
-		width: 100%;
-		left: 0;
-		bottom: 0;
-		font-size: 30upx;
-		color: #fff;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	cover-view button {
-		letter-spacing: 20upx;
-		background-color: #539dfa;
-		font-size: 30upx;
-		color: #fff;
-	}
-
-	cover-view button::after {
-		border: none;
-	}
-
-
-
-
-	.uni-input {
-		padding: 5rpx 0;
-	}
-</style>
+<template>
+	<view class="evan-form-show">
+		<evan-form :hide-required-asterisk="hideRequiredAsterisk" ref="form">
+			<template v-for="(item, index) in dataObj.list">
+				<template v-if="item.type === 'table' && item.options.canView">
+					<view class="table-wrapper" :key="index">
+						<view class="table-header">
+							{{ item.name }}
+						</view>
+						<view class="table-container">
+							<view class="table-item" v-for="(table, tableCIndex) in tableData[item.model]"
+								:key="tableCIndex">
+								<view class="item">
+									<view class="index">{{table.index + 1}}</view>
+									<view class="delete icon-delete" v-if="!item.options.disabled"
+										@click="handleDeleteRow(tableCIndex, item.model)">删除</view>
+									<view class="extend"
+										:class="{'icon-arrow-right': !tableRowsShow[item.model][tableCIndex], 'icon-arrow-down':tableRowsShow[item.model][tableCIndex]}"
+										@click="showTableRow(item.model, tableCIndex)">
+										{{tableRowsShow[item.model][tableCIndex] ? '收起' : '展开'}}
+									</view>
+								</view>
+								<view class="view-port" v-show="tableRowsShow[item.model][tableCIndex]">
+									<view v-for="(tableItem, tableItemIndex) in table.columns" :key="tableItemIndex">
+										<evan-form-item v-show="tableItem.options.canView"
+                      :labelPosition="labelPosition"
+											@upDateWidget="upDateTableWidget" :itemkey="tableItemIndex"
+											:tableKey="item.model" :tableIndex="tableCIndex" :prop="tableItem.model"
+											:ref="String(Math.random()).split('.')[1]" :models.sync="models"
+											:rules="rules" :widget="tableItem" :isDraft="isDraft" :formId="formId"
+											:linkage="linkage" :isApply="isApply">
+										</evan-form-item>
+									</view>
+								</view>
+							</view>
+							<view class="add" v-if="isShowAdd && !item.options.disabled" :data-data="item"
+								:data-model="item.model" data-add-model="addModel"
+								@click="addToTableData(item, item.model,'addModel')">+添加</view>
+						</view>
+					</view>
+				</template>
+
+				<template v-else-if="item.type === 'all-lay-out'  && item.options.canView">
+					<view v-for="(colItem, colIndex) in item.columns" :key="colIndex">
+						<view v-for="(col, itemIndex) in colItem.list" :key="itemIndex">
+							<evan-form-item :isCorrect="isCorrect" :labelPosition="labelPosition" :prop="col.model"
+								:ref="String(Math.random()).split('.')[1]" :models.sync="models" :rules="rules"
+								:widget="col" :isDraft="isDraft" :formId="formId" :linkage="linkage" :isApply="isApply">
+							</evan-form-item>
+						</view>
+					</view>
+				</template>
+
+				<template v-else-if="item.type === 'grid-lay-out'  && item.options.canView">
+					<view v-for="(colItem, colIndex) in item.columns" :key="colIndex">
+						<view v-for="(col, itemIndex) in colItem.list" :key="itemIndex">
+							<evan-form-item :isCorrect="isCorrect" :labelPosition="labelPosition" :prop="col.model"
+								:ref="String(Math.random()).split('.')[1]" :models.sync="models" :rules="rules"
+								:widget="col" :isDraft="isDraft" :formId="formId" :linkage="linkage" :isApply="isApply">
+							</evan-form-item>
+						</view>
+					</view>
+				</template>
+
+				<template v-else-if="item.type === 'grid'  && item.options.canView">
+					<view v-for="(colItem, colIndex) in item.columns" :key="colIndex">
+						<view v-for="(col, itemIndex) in colItem.list" :key="itemIndex">
+							<evan-form-item :isCorrect="isCorrect" :labelPosition="labelPosition" :prop="col.model"
+								:ref="String(Math.random()).split('.')[1]" :models.sync="models" :rules="rules"
+								:widget="col" :isDraft="isDraft" :formId="formId" :linkage="linkage" :isApply="isApply">
+							</evan-form-item>
+						</view>
+					</view>
+				</template>
+
+				<template v-else-if="item.type == 'verify' && item.options.canView">
+					<view class="verify">
+						<view class="verify-step">{{item.name }}</view>
+						<view class="verify-cot">
+							<textarea v-model="models[item.model].comments"
+								:disabled="item.model !== verifyNode" :placeholder="'请输入您的意见'"
+								@input="handlerText($event, item.model)">
+							</textarea>
+						</view>
+						<view v-if="item.model == verifyNode" class="verify-cot">
+							<view class="verify-title">{{item.options.operation}}</view>
+							<view style="width:200rpx;">
+								<u-input id="suggestSelect" :border="false" type="select" :select-open="selectShow"
+									input-align="right" v-model="suggestType" placeholder="请点击选择"
+									@click="selectShow = true"></u-input>
+								<u-select mode="single-column" :list="selectList" v-model="selectShow"
+									@confirm="selectConfirm($event,item.model)"></u-select>
+								<!-- <picker @change="bindPickerChange($event, item.model)" :value="pickerIndex" :range="selectDataTransForm(suggest)">
+									<view class="uni-input">{{models[item.model].operation ? models[item.model].operation : '请选择'}}</view>
+								</picker> -->
+							</view>
+						</view>
+						<view v-if="item.model !== verifyNode" class="verify-cot">
+							<view class="verify-title">{{item.options.operation}}</view>
+							<view>{{models[item.model].operation}}</view>
+						</view>
+						<view class="verify-cot">
+							<view class="verify-title">{{ item.options.operator }}</view>
+							<view>{{ models[item.model].operator }}</view>
+						</view>
+						<view class="verify-cot">
+							<view class="verify-title">{{ item.options.operationTime }}</view>
+							<view>{{ models[item.model].operationTime }}</view>
+						</view>
+					</view>
+				</template>
+
+				<template v-else>
+					<view :key="index" v-show="item.options.canView">
+						<evan-form-item @upDateWidget="upDateWidget" :labelPosition="labelPosition" :isCorrect="isCorrect" :prop="item.model"
+							:ref="String(Math.random()).split('.')[1]" :models.sync="models" :rules="rules"
+							:widget="item" :itemkey="index" :isDraft="isDraft" :formId="formId" :linkage="linkage"
+							:isApply="isApply">
+						</evan-form-item>
+					</view>
+				</template>
+			</template>
+
+		</evan-form>
+	</view>
+</template>
+
+<script>
+	import utils from '../evan-form/utils.js'
+	import {
+		cloneObj
+	} from "../../utils/util.js";
+	import Pubsub from 'pubsub-js'
+  import evanFormItem from "../evan-form-item/evan-form-item";
+  import evanForm from "../evan-form/evan-form";
+	export default {
+		name: 'formContainer',
+		props: ['dataObj', 'value', 'isButton', 'verifyNode', 'suggest', 'isCorrect', 'isDraft', 'formId', 'linkage', "labelPosition",
+			'isApply'
+		],
+		components: { evanFormItem ,evanForm },
+		data() {
+			return {
+				timer: null,
+				showVerify: false, //默认不展示审核信息
+				selectShow: false,
+				suggestType: '',
+				selectList: [],
+				models: {
+
+				}, //models
+				rules: {}, //校验规则1
+				// value: {}, //后台返回的表单值 （通常是父组件传值过来的）
+				tableData: {},
+				tableModel: {},
+				tableIndex: {},
+				tableFlag: {
+
+				},
+				// dataObj:dataObj,
+				isScroll: true,
+				tableRowsShow: {},
+				isShowAdd: true,
+				hideRequiredAsterisk: false,
+				sexes: [{
+						name: '男',
+						value: 'man'
+					},
+					{
+						name: '女',
+						value: 'woman'
+					}
+				],
+				// 表单的内容必须初始化
+				info: {
+					name: '',
+					table: [{
+							sub: '22'
+						},
+						{
+							sub: '333'
+						}
+					]
+				},
+				info2: {
+					name: '222',
+					email: '7556@qq.com',
+					phone: '15232656598',
+					sub: '',
+				},
+				pickerIndex: 0
+			}
+		},
+		watch: {
+			// models(v) {
+			// 	// console.log('container models')
+			// 	// console.log(v)
+			// 	// console.log(this.models)
+			// 	this.isScroll = true;
+			// },
+			models: {
+				deep: true,
+				handler(v) {
+					this.isScroll = true;
+				}
+			},
+      dataObj: {
+        handler(v) {
+          if (this.dataObj && this.dataObj.list) {
+            this.rules = {};
+            this.generateModle(this.dataObj.list);
+            console.log(this.models)
+            console.log(JSON.stringify(this.models))
+          }
+        },
+        immediate: true
+      },
+			value: {
+        handler(v) {
+          if (this.dataObj && this.dataObj.list) {
+            this.rules = {};
+            this.generateModle(this.dataObj.list);
+            console.log(this.models)
+            console.log(JSON.stringify(this.models))
+          }
+        },
+        immediate: true
+      },
+			suggest(v) {
+				this.selectList = v
+			},
+			// linkage:{
+			// 	deep: true,
+			// 	handler(v){
+			// 		console.log(v,'12345675676575')
+			// 	},
+			// }
+		},
+		created() {},
+		updated() {
+
+		},
+		mounted() {
+			// 回显关联组件
+			// setTimeout(() => {
+			// 	this.getchildren()
+			// }, 1000)
+			// console.log('thisdataObj', this.dataObj)
+			// this.generateModle(dataObj.list);
+			// if (this.dataObj && this.dataObj.list) {
+			// 	this.rules = {};
+			// 	this.generateModle(this.dataObj.list);
+			// }
+
+			// Pubsub.publish('randomObserve', this.models)
+			// console.log('models', this.models)
+			// console.log('tableData', this.tableData);
+			// console.log('tableModel', this.tableModel)
+			// console.log('tableIndex', this.tableIndex)
+			// 这里必须放在mounted中，不然h5，支付宝小程序等会找不到this.$refs.form
+			// console.log('rules', this.rules)
+			// this.$refs.form.setRules(this.rules);
+			// this.initPo();
+		},
+		methods: {
+			//回显关联组件的操作
+			getchildren() {
+				// console.log(this.$children[0])
+				// this.handlerelation(this.$children[0].$children)
+			},
+      // 更新所有组件的值
+      updateAllComponentValue() {
+        for(const key in this.$refs) {
+          this.$refs[key] && [].concat(this.$refs[key]).forEach(item => {
+            item.updateDataModel && item.updateDataModel()
+            item.showFormData && item.showFormData()
+          })
+        }
+      },
+			handlerelation(arr) {
+				for (let i = 0; i < arr.length; i++) {
+					const item = arr[i]
+					if (item.widget && item.widget.type == 'relateSub') {
+						if (item.tableKey) {
+							item.pulishMsg(
+								item.models[item.tableKey][item.tableIndex][item.widget.model],
+								true
+							)
+						} else {
+							item.pulishMsg(item.models[item.widget.model], true)
+						}
+					}
+					if (item.widget && item.widget.type == 'table') {
+						this.handlerelation(item.$children)
+					}
+				}
+			},
+			//更新widget 目前应用于关联组件隐藏 禁用
+			upDateWidget(widget, key) {
+				console.log(widget.options.canView)
+				this.dataObj.list.splice(key, 1, widget)
+			},
+			//更新widget 目前应用于子表单关联子组件隐藏 禁用
+			upDateTableWidget(widget, key, tableKey, tableIndex) {
+				this.tableData[tableKey][tableIndex].columns.splice(key, 1, widget)
+			},
+			// 选择操作类型
+			selectConfirm(e, model) {
+				e.map((val, index) => {
+					this.models[model].operation = val.label;
+				})
+				this.suggestType = this.models[model].operation
+			},
+			scrollToTop(top) {
+				const _this = this
+				this.$nextTick(function() {
+					uni.createSelectorQuery()
+						.in(_this)
+						.select('#suggestSelect').boundingClientRect(data => {
+							uni.pageScrollTo({
+								scrollTop: data.top - top,
+								duration: 200
+							});
+						}).exec()
+				})
+			},
+			//校验审核组件是否为空
+			/* checkVerify() {
+				if(this.suggestType == '') {
+					uni.showToast({
+					    title: '审核操作不能为空',
+					    duration: 1000,
+							icon: 'none'
+					});
+					this.scrollToTop()
+				}
+			}, */
+			bindPickerChange(e, model) {
+				// console.log('picker发送选择改变，携带值为', e.target.value)
+				// console.log(this.suggest)
+				this.pickerIndex = e.target.value
+				// this.models[model].operation = e.target.value
+				this.models[model].operation = this.suggest[e.target.value].value;
+				console.log(this.models)
+			},
+			handlerText($event, model) {
+				this.models[model].comments = $event.detail.value
+			},
+			/***单选修改赋值***/
+			selectorOption(picked, model) {
+				console.log(picked);
+				console.log(model)
+				this.models[model].operation = picked.value
+			},
+			/***option 数据重构**/
+			selectDataTransForm(data) {
+
+				if (!data || (data.length == 0)) {
+					return []
+				} else {
+					return data.map(item => {
+						// return {
+						// 	label: item.value,
+						// 	value: item.label
+						// }
+						return item.value
+					})
+				}
+			},
+			/**展开 收起 子表单列**/
+			showTableRow(model, index) {
+				// uni.createSelectorQuery()
+				// 	.in(this)
+				// 	.select('.table-header').boundingClientRect(data => {
+				// 		console.log("得到布局位置信息" + JSON.stringify(data));
+				// 		console.log("节点离页面顶部的距离为" + data.top);
+				// 		uni.pageScrollTo({
+				// 			scrollTop: data.top,
+				// 			duration: 800
+				// 		});
+				// 	}).exec()
+				// this.$set(this.tableFlag,'flag',[true])
+				// this.tableFlag.flag = [true];
+				console.log(this.tableFlag)
+				this.tableRowsShow[model][index] = !this.tableRowsShow[model][index];
+				/***解决小程序不能深度监听***/
+				var tempObj = cloneObj(this.tableRowsShow)
+				console.log(this.tableRowsShow = tempObj)
+				console.log(this.tableRowsShow)
+				// console.log(this.tableRowsShow[model][index])
+
+				// console.log(this.tableRowsShow[model][index])
+			},
+			//删除子表单row
+			handleDeleteRow(index, model) {
+				// //更新tableData
+				//更新models
+				this.models[model].splice(index, 1);
+				this.tableData[model].splice(index, 1);
+				this.tableRowsShow[model].splice(index, 1);
+				let _index = 0;
+				this.tableData[model].forEach(item => {
+					item.index = _index++;
+				});
+				this.tableIndex[model]--;
+			},
+			//添加子表单里面的row
+			addToTableData(data, model, addModel) {
+				let dataTemp = JSON.parse(JSON.stringify(data));
+				this.tableIndex[model] === undefined ?
+					this.$set(this.tableIndex, model, 0) :
+					null;
+				dataTemp.index = this.tableIndex[model];
+				/***table row show start*/
+				this.tableRowsShow[model] === undefined ?
+					this.$set(this.tableRowsShow, model, []) :
+					null;
+				this.$set(this.tableRowsShow[model], this.tableIndex[model], true)
+				/***table row show end*/
+				this.tableIndex[model]++;
+				this.tableData[model] === undefined ?
+					this.$set(this.tableData, model, []) :
+					null;
+				if (addModel) {
+					let addModelObject = {};
+					dataTemp.columns.forEach(item => {
+						item.options.isCorrect = false;
+						addModelObject[item.model] = item.defaultValue ?
+							item.defaultValue :
+							item.options.defaultValue;
+					});
+					this.models[model].push(addModelObject);
+					dataTemp.options.isCorrect = false;
+				} else {
+					dataTemp.options.isCorrect = true;
+				}
+				console.log(`dataTemp`, dataTemp);
+				this.tableData[model].push(dataTemp);
+				console.log('===', this.tableData[model])
+				// console.log(this.tableData[model])
+			},
+			//tableData init
+			generateTableData(gen) {
+				// console.log('JSON.models',JSON.stringify(this.models))
+				// this.tableData = {};
+				// this.tableIndex = {};
+				this.isShowAdd = true;
+				if (gen.type === "table") {
+					var tableModel = gen.model;
+					if (this.tableData[tableModel] instanceof Array) {
+						this.tableData[tableModel].length = 0;
+						this.tableIndex[tableModel] = 0;
+					}
+					this.tableModel[tableModel] = gen;
+					this.tableModel[tableModel]["options"]["defaultValue"] = this.models[
+						gen.model
+					];
+					this.tableInitByModel(tableModel);
+				}
+			},
+			tableInitByModel(model) {
+				if (
+					this.models[model] &&
+					this.models[model] instanceof Array &&
+					this.models[model].length > 0
+				) {
+					// console.log('--',this.tableModel[model], model)
+					this.models[model].forEach((item, index) => {
+						this.originIndex++;
+						this.addToTableData(this.tableModel[model], model);
+					});
+				}
+				// console.log('tableData',this.tableData)
+				// console.log(this.models)
+			},
+			/***初始化models***/
+			generateModle(genList) {
+				if (!genList || genList.length === 0) return;
+				for (let i = 0; i < genList.length; i++) {
+					if (["grid", 'grid-lay-out', 'all-lay-out'].includes(genList[i].type)) {
+						genList[i].columns.forEach(item => {
+							this.generateModle(item.list);
+						});
+					} else {
+						if (
+							this.value &&
+							Object.keys(this.value).indexOf(genList[i].model) >= 0
+						) {
+							this.models[genList[i].model] = cloneObj(
+								this.value[genList[i].model]
+							);
+
+							console.log(genList[i].type)
+
+							/**审核**/
+							if (genList[i].type === "verify") {
+								this.models[genList[i].model] = this.value[genList[i].model];
+							}
+
+							if (genList[i].type === "table") {
+								this.generateTableData(genList[i]); //生成tableModel
+								//设置rules
+							}
+						} else {
+							/**审核**/
+							if (genList[i].type === "verify") {
+								this.models[genList[i].model] = genList[i].operationColumns;
+							} else if (genList[i].type === "blank") {
+								this.$set(
+									this.models,
+									genList[i].model,
+									genList[i].options.defaultType === "String" ?
+									"" :
+									genList[i].options.defaultType === "Object" ? {} : []
+								);
+							} else if (genList[i].type === "table") {
+								this.$set(this.models, genList[i].model, this.models[genList[i].model] ?
+									this.models[genList[i].model] :
+									(typeof genList[i].options.defaultValue == "string" ? [] : genList[i].options
+										.defaultValue))
+                this.generateTableData(genList[i]); //生成tableModel
+							} else {
+								// console.log('TO-JSON==',JSON.stringify(this.models));
+								// console.log(genList[i].model);
+								let default_value = genList[i].options.defaultValue ? genList[i].options.defaultValue :
+									'' // 避免默认值为null
+								this.$set(this.models, genList[i].model, this.models[genList[i].model] ?
+									this.models[genList[i].model] : default_value
+								)
+								// this.models[genList[i].model] = this.models[genList[i].model] ?
+								// 	this.models[genList[i].model] :
+								// 	genList[i].options.defaultValue;
+							}
+						}
+						if (genList[i].type === "table") {
+							var tableRlues = {};
+							if (genList[i].columns.length > 0) {
+								genList[i].columns.forEach(item => {
+									if (item.rules) {
+										tableRlues[item.model] = [
+											...item.rules.map(i => {
+												return {
+													...i
+												};
+											})
+										];
+									}
+								});
+								this.rules[genList[i].model] = tableRlues;
+							}
+						} else {
+							if (this.rules[genList[i].model]) {
+								if (genList[i].rules) {
+									this.rules[genList[i].model] = [
+										...this.rules[genList[i].model],
+										...genList[i].rules.map(item => {
+											return {
+												...item
+											};
+										})
+									];
+								}
+							} else {
+								if (genList[i].rules) {
+									this.rules[genList[i].model] = [
+										...genList[i].rules.map(item => {
+											return {
+												...item
+											};
+										})
+									];
+								}
+							}
+						}
+					}
+				}
+				this.$nextTick(() => {
+					this.$emit('formUpdated')
+				})
+			},
+      validateTable() {
+
+        // 查找所有的table 子表单的配置组件
+        const findTableComponent = (list = []) => {
+          return list.reduce((all, curr) => {
+            if (Array.isArray(curr)) {
+              return all.concat(findTableComponent(curr))
+            }
+            if (curr.type === 'table') return all.concat(curr)
+            return all
+          }, [])
+        }
+        // 判断子表单内组件有没有必填的校验
+        const tables = findTableComponent(this.dataObj.list).filter(table => {
+          if ([table.options.canView, !table.options.disabled].includes(false)) return
+          const { columns = [] } = table
+          for (let i = 0; i < columns.length; i++) {
+            const { rules = [] } = columns[i]
+            if (rules.some(rule => rule.required)) return true
+          }
+        })
+        // 子表单有必填校验 判断有没有添加行， 没有添加行需要手动添加行， 让它触发校验
+        tables.forEach(table => {
+          const model = this.models[table.model]
+          if ( !model || ( Array.isArray(model) && model.length === 0 )) {
+            this.addToTableData(table, table.model, 'addModel')
+          }
+        })
+      },
+      /**
+       * @param {回调函数} fn 成功的回调函数
+       * */
+      async getData(fn) {
+
+        // 校验子表单
+        this.validateTable()
+
+        await this.$nextTick()
+
+        var promiseArr = [];
+				for (var i in this.$refs) {
+					if (this.$refs[i] instanceof Array || this.$refs[i].constructor === Array) {
+						this.$refs[i].forEach(item => {
+              const { canView, disabled } = item._props.widget.options
+              if (!canView || disabled) return
+							if (item.validateInit && typeof item.validateInit === "function") {
+								promiseArr.push(item.validateInit().then(res => {}).catch((error) => {
+									if (this.isScroll && error === false) {
+										this.isScroll = false;
+										console.log('校验错误')
+										uni.createSelectorQuery()
+											.in(this)
+											.select('.evan-form-show').boundingClientRect(data => {
+												console.log('校验', data.top)
+												item.scrollToTop(data.top)
+											}).exec()
+									}
+									throw new Error(error) //报错 为了阻塞promise 返回
+								}));
+
+
+							}
+						})
+					} else {
+						if (this.$refs[i].validateInit && typeof this.$refs[i].validateInit === "function") {
+              const { canView, disabled } = item._props.widget.options
+              if (!canView || disabled) return
+							promiseArr.push(this.$refs[i].validateInit().then(res => {}).catch((error) => {
+								if (this.isScroll && error === false) {
+									this.isScroll = false;
+									uni.createSelectorQuery()
+										.in(this)
+										.select('.evan-form-show').boundingClientRect(data => {
+											this.$refs[i].scrollToTop(data.top)
+										}).exec()
+
+								}
+								throw new Error(error) //报错 为了阻塞promise 返回
+							}))
+						}
+					}
+					// console.log(promiseArr)
+					Promise.all(promiseArr).then((result) => {
+						console.log(result, promiseArr.length)
+						if (result.length === promiseArr.length) {
+							console.log('校验成功')
+							fn(this.models)
+						} else {
+							console.log('校验失败')
+							fn('failed')
+						} //['成功了', 'success']
+					}).catch((error) => {
+						console.log(error)
+					})
+				}
+				// this.$refs.form.validate((res) => {
+				// 	if (res) {
+				// 		uni.showToast({
+				// 			title: '验证通过'
+				// 		})
+				// 	}
+				// })
+			},
+			saveForm2() {
+				this.$refs.form.validateField(['sub', 'phone'], (res) => {
+					if (res) {
+						uni.showToast({
+							title: '验证通过'
+						})
+					}
+				})
+				// this.$refs.form2.validate((res) => {
+				// 	if (res) {
+				// 		uni.showToast({
+				// 			title: '验证通过'
+				// 		})
+				// 	}
+				// })
+			},
+			utilsSave() {
+				utils.validate(this.info, this.rules, (res, errors) => {
+					if (res) {
+						uni.showToast({
+							title: '验证通过'
+						})
+					}
+				})
+			},
+			hideReqired() {
+				this.hideRequiredAsterisk = !this.hideRequiredAsterisk
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	@import "../../static/iconfont.css";
+	$mybottom: 0; //底部按钮
+
+	/**审核组件样式**/
+	.verify {
+		font-size: 28upx;
+	}
+
+	.verify-step {
+		height: 90upx;
+		line-height: 90upx;
+		padding-left: $uni-form-padding-left;
+		font-size: $uni-form-title-font-size;
+	}
+
+	.verify-cot {
+		background-color: #fff;
+		padding: 20upx $uni-form-padding-left;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		textarea {
+			display: block;
+			width: 100%;
+			height: 120rpx;
+			padding-top: 20rpx;
+		}
+
+		>view {
+			height: 50upx;
+			line-height: 50upx;
+		}
+
+		>view+view {
+			height: 70upx;
+			line-height: 70upx;
+			font-size: $uni-form-content-font-size;
+		}
+
+		.verify-title {
+			// font-weight: bold;
+			font-size: $uni-form-title-font-size;
+		}
+	}
+
+	@include onepx('.verify-cot', 'bottom', 'after', #e6e6e6);
+
+	.table-header {
+		height: 86upx;
+		line-height: 86upx;
+		font-weight: bold;
+		text-indent: 30upx;
+		font-size: $uni-form-title-font-size;
+	}
+
+	.table-wrapper {
+		margin: 0 auto 20upx auto;
+	}
+
+	.table-container {
+		background-color: #ffffff;
+		font-size: $uni-form-title-font-size;
+
+		.view-port {}
+
+		.add {
+			color: #539dfa;
+			text-align: center;
+			height: 90upx;
+			line-height: 90upx;
+			font-size: $uni-form-content-font-size;
+		}
+
+		.item {
+			display: flex;
+			height: 90upx;
+			line-height: 90upx;
+			justify-content: space-around;
+
+			>view {
+				line-height: 90upx;
+				color: #9b9b9b;
+				text-indent: 10%;
+				font-size: $uni-form-content-font-size;
+				flex: 1;
+				min-width: 130rpx;
+			}
+
+			>view+view {
+				flex-shrink: 18;
+			}
+		}
+
+		@include onepx('.item', 'bottom', 'after', #eeeeee);
+	}
+
+	.evan-form-show {
+		padding-bottom: $mybottom;
+		// padding-bottom: $mybottom;
+		// padding: 0 30rpx;
+		background-color: #efefef;
+
+		.form-input {
+			font-size: 28rpx;
+			color: #333;
+			text-align: right;
+			width: 100%;
+			box-sizing: border-box;
+			height: 60rpx;
+
+			&.textarea {
+				height: 240rpx;
+				padding: 24rpx 0;
+				text-align: left;
+			}
+		}
+
+		.form-input-placeholder {
+			font-size: $uni-form-content-font-size;
+			color: #999;
+		}
+
+		&__button {
+			width: 100%;
+			height: 88rpx;
+			border-radius: 8rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 0;
+			font-size: 36rpx;
+			color: #fff;
+			margin-top: 20rpx;
+			background-color: #2D87D5;
+
+			&::before,
+			&::after {
+				border: none;
+			}
+		}
+
+		.customize-form-item {
+			&__label {
+				font-size: 28rpx;
+				color: #333;
+				margin-bottom: 16rpx;
+			}
+
+			&__radio {
+				display: flex;
+				align-items: center;
+				margin-bottom: 16rpx;
+
+				&__text {
+					font-size: 28rpx;
+					color: #333;
+				}
+			}
+		}
+	}
+
+	.fixed {
+		position: fixed;
+		z-index: 20;
+		border-top: 1upx solid #eee;
+		background-color: #539dfa;
+		height: $mybottom;
+		width: 100%;
+		left: 0;
+		bottom: 0;
+		font-size: 30upx;
+		color: #fff;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	cover-view button {
+		letter-spacing: 20upx;
+		background-color: #539dfa;
+		font-size: 30upx;
+		color: #fff;
+	}
+
+	cover-view button::after {
+		border: none;
+	}
+
+
+
+
+	.uni-input {
+		padding: 5rpx 0;
+	}
+</style>