修改Detail组件默认值传参

Aaron
1 parent 0bd75b56
Showing 2 changed files with 4 additions and 9 deletions Show diff stats
packages/detail/index.vue
packages/scheme/index.vue
@@ -17,7 +17,7 @@
 </style>
  
 <template>
-  <el-form class="eagle-detail" :model="model" v-bind="detailProps">
+  <el-form class="eagle-detail" :model="model" v-bind="{ size: 'small', 'label-width': '80px', 'label-position': 'right', ...formProps }">
     <el-row :gutter="15">
       <template v-for="(data, index) in listOption.dataList">
         <template v-if="listOption.isGroup">
@@ -59,14 +59,9 @@ export default {
       required: true
     },
     // 表单参数
-    detailProps: {
+    formProps: {
       type: Object,
-      default() {
-        return {
-          size: 'small',
-          'label-width': '70px'
-        }
-      }
+      default() { return {} }
     },
     // 表单项占位
     span: {
@@ -125,7 +125,7 @@
           <slot v-if="$scopedSlots[`form-item-${item.key}`] || $slots[`form-item-${item.key}`]" :name="`form-item-${item.key}`" :slot="`item-${item.key}`" :model="formModel"></slot>
         </template>
       </eagle-form>
-      <eagle-detail v-else-if="dialogType === 'dialog-view' && !$scopedSlots['dialog-view'] && !$slots['dialog-view']" v-model="formModel" :list="list || detailList || _formList" :span="detailProps.span || 8" :detailProps="detailProps">
+      <eagle-detail v-else-if="dialogType === 'dialog-view' && !$scopedSlots['dialog-view'] && !$slots['dialog-view']" v-model="formModel" :list="list || detailList || _formList" :span="detailProps.span || 8" :formProps="detailProps">
         <!-- 表单分组具名插槽 -->
         <template v-for="key in formGroupSlotsKeys">
           <slot v-if="$scopedSlots[`view-${key}`] || $slots[`view-${key}`]" :name="`view-${key}`" :slot="key" :model="formModel"></slot>
...	...	@@ -17,7 +17,7 @@
17	17	</style>
18	18
19	19	<template>
20		- <el-form class="eagle-detail" :model="model" v-bind="detailProps">
	20	+ <el-form class="eagle-detail" :model="model" v-bind="{ size: 'small', 'label-width': '80px', 'label-position': 'right', ...formProps }">
21	21	<el-row :gutter="15">
22	22	<template v-for="(data, index) in listOption.dataList">
23	23	<template v-if="listOption.isGroup">
...	...	@@ -59,14 +59,9 @@ export default {
59	59	required: true
60	60	},
61	61	// 表单参数
62		- detailProps: {
	62	+ formProps: {
63	63	type: Object,
64		- default() {
65		- return {
66		- size: 'small',
67		- 'label-width': '70px'
68		- }
69		- }
	64	+ default() { return {} }
70	65	},
71	66	// 表单项占位
72	67	span: {
...	...
...	...	@@ -125,7 +125,7 @@
125	125	<slot v-if="$scopedSlots[`form-item-${item.key}`] \|\| $slots[`form-item-${item.key}`]" :name="`form-item-${item.key}`" :slot="`item-${item.key}`" :model="formModel"></slot>
126	126	</template>
127	127	</eagle-form>
128		- <eagle-detail v-else-if="dialogType === 'dialog-view' && !$scopedSlots['dialog-view'] && !$slots['dialog-view']" v-model="formModel" :list="list \|\| detailList \|\| _formList" :span="detailProps.span \|\| 8" :detailProps="detailProps">
	128	+ <eagle-detail v-else-if="dialogType === 'dialog-view' && !$scopedSlots['dialog-view'] && !$slots['dialog-view']" v-model="formModel" :list="list \|\| detailList \|\| _formList" :span="detailProps.span \|\| 8" :formProps="detailProps">
129	129	<!-- 表单分组具名插槽 -->
130	130	<template v-for="key in formGroupSlotsKeys">
131	131	<slot v-if="$scopedSlots[`view-${key}`] \|\| $slots[`view-${key}`]" :name="`view-${key}`" :slot="key" :model="formModel"></slot>
...	...