|
@@ -14,10 +14,6 @@ export default {
|
|
type: [Array],
|
|
type: [Array],
|
|
require: true,
|
|
require: true,
|
|
},
|
|
},
|
|
- hideOperation: {
|
|
|
|
- type: Boolean,
|
|
|
|
- default: false,
|
|
|
|
- },
|
|
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
ElDraggable: () => import("@/components/draggable/index.vue"),
|
|
ElDraggable: () => import("@/components/draggable/index.vue"),
|
|
@@ -85,78 +81,7 @@ export default {
|
|
@submit.native.prevent
|
|
@submit.native.prevent
|
|
style="padding: 20px 20px 0"
|
|
style="padding: 20px 20px 0"
|
|
>
|
|
>
|
|
- <el-row
|
|
|
|
- v-if="hideOperation"
|
|
|
|
- :gutter="24"
|
|
|
|
- style="display: flex; flex-wrap: wrap"
|
|
|
|
- >
|
|
|
|
- <el-col
|
|
|
|
- v-for="({ item, attr }, index) in innerColumns"
|
|
|
|
- :key="index"
|
|
|
|
- :span="item.span"
|
|
|
|
- >
|
|
|
|
- <el-form-item :prop="item.key" :label="item.title">
|
|
|
|
- <slot :name="item.key" :row="innerValue" :item="item" :attr="attr">
|
|
|
|
- <component
|
|
|
|
- v-if="attr.is === 'el-select'"
|
|
|
|
- v-bind="attr"
|
|
|
|
- v-model="innerValue[item.key]"
|
|
|
|
- style="width: 100%"
|
|
|
|
- >
|
|
|
|
- <template>
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in dict.type[attr.dictName]"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value"
|
|
|
|
- >
|
|
|
|
- </el-option>
|
|
|
|
- </template>
|
|
|
|
- </component>
|
|
|
|
- <component
|
|
|
|
- v-else-if="attr.is === 'el-popover-select-v2'"
|
|
|
|
- v-bind="attr"
|
|
|
|
- v-model="innerValue[item.key]"
|
|
|
|
- :source.sync="innerValue"
|
|
|
|
- style="width: 100%"
|
|
|
|
- >
|
|
|
|
- </component>
|
|
|
|
- <component
|
|
|
|
- v-else-if="attr.is === 'el-popover-multiple-select-v2'"
|
|
|
|
- v-bind="attr"
|
|
|
|
- v-model="innerValue[item.key]"
|
|
|
|
- :source.sync="innerValue"
|
|
|
|
- style="width: 100%"
|
|
|
|
- >
|
|
|
|
- </component>
|
|
|
|
- <component
|
|
|
|
- v-else-if="attr.is === 'el-popover-tree-select'"
|
|
|
|
- v-bind="attr"
|
|
|
|
- v-model="innerValue[item.key]"
|
|
|
|
- :source.sync="innerValue"
|
|
|
|
- style="width: 100%"
|
|
|
|
- >
|
|
|
|
- </component>
|
|
|
|
- <component
|
|
|
|
- v-else-if="attr.is === 'el-popover-multiple-tree-select'"
|
|
|
|
- v-bind="attr"
|
|
|
|
- v-model="innerValue[item.key]"
|
|
|
|
- :source.sync="innerValue"
|
|
|
|
- style="width: 100%"
|
|
|
|
- >
|
|
|
|
- </component>
|
|
|
|
- <component
|
|
|
|
- v-else
|
|
|
|
- v-bind="attr"
|
|
|
|
- v-model="innerValue[item.key]"
|
|
|
|
- style="width: 100%"
|
|
|
|
- >
|
|
|
|
- </component>
|
|
|
|
- </slot>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row v-else :gutter="20">
|
|
|
|
|
|
+ <el-row :gutter="20">
|
|
<el-col :span="20">
|
|
<el-col :span="20">
|
|
<el-row :gutter="20" style="display: flex; flex-wrap: wrap">
|
|
<el-row :gutter="20" style="display: flex; flex-wrap: wrap">
|
|
<el-col
|
|
<el-col
|
|
@@ -290,7 +215,7 @@ export default {
|
|
</el-button>
|
|
</el-button>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
- <el-divider v-if="!hideOperation">
|
|
|
|
|
|
+ <el-divider>
|
|
<i
|
|
<i
|
|
:class="visible ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
|
|
:class="visible ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
|
|
style="cursor: pointer"
|
|
style="cursor: pointer"
|