|
@@ -8,15 +8,7 @@
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<template v-if="item.type === 'textarea'">
|
|
|
- <el-input
|
|
|
- clearable
|
|
|
- v-model="form[item.model]"
|
|
|
- :type="item.type"
|
|
|
- :placeholder="getField('placeholder', item)"
|
|
|
- v-bind="item.options"
|
|
|
- @change="dataChange(item.model)"
|
|
|
- show-word-limit
|
|
|
- ></el-input>
|
|
|
+ <el-input clearable v-model="form[item.model]" :type="item.type" :placeholder="getField('placeholder', item)" v-bind="item.options" @change="dataChange(item.model)" show-word-limit></el-input>
|
|
|
</template>
|
|
|
<template v-else-if="item.type === 'numbers'">
|
|
|
<el-input-number v-model="form[item.model]" :placeholder="getField('placeholder', item)" @change="dataChange(item.model)" style="width: 100%" />
|
|
@@ -33,79 +25,29 @@
|
|
|
</template>
|
|
|
<template v-else-if="item.type === 'select'">
|
|
|
<el-tooltip effect="dark" content="可输入文本搜索选项" placement="top-start">
|
|
|
- <el-select
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- allow-create
|
|
|
- default-first-option
|
|
|
- v-model="form[item.model]"
|
|
|
- :type="item.type"
|
|
|
- :placeholder="getField('selectplaceholder', item)"
|
|
|
- v-bind="item.options"
|
|
|
- @change="dataChange(item.model)"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
+ <el-select clearable filterable allow-create default-first-option v-model="form[item.model]" :type="item.type" :placeholder="getField('selectplaceholder', item)" v-bind="item.options" @change="dataChange(item.model)" style="width: 100%">
|
|
|
<slot :name="item.model" v-bind="{ item }"></slot>
|
|
|
</el-select>
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
<template v-else-if="item.type === 'selectMany'">
|
|
|
<el-tooltip effect="dark" content="可输入文本搜索选项" placement="top-start">
|
|
|
- <el-select
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- multiple
|
|
|
- collapse-tags
|
|
|
- v-model="form[item.model]"
|
|
|
- :type="item.type"
|
|
|
- :placeholder="getField('selectplaceholder', item)"
|
|
|
- v-bind="item.options"
|
|
|
- @change="dataChange(item.model)"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
+ <el-select filterable clearable multiple v-model="form[item.model]" :type="item.type" :placeholder="getField('selectplaceholder', item)" v-bind="item.options" @change="dataChange(item.model)" style="width: 100%">
|
|
|
<slot :name="item.model" v-bind="{ item }"></slot>
|
|
|
</el-select>
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
<template v-else-if="item.type === `year` || item.type == 'month' || item.type == 'date' || item.type == 'daterange' || item.type == 'datetime' || item.type == 'datetimerange'">
|
|
|
- <el-date-picker
|
|
|
- v-model="form[item.model]"
|
|
|
- :type="item.type"
|
|
|
- :placeholder="getField('selectplaceholder', item)"
|
|
|
- :format="getDateFormat(item.type)"
|
|
|
- :value-format="getDateFormat(item.type)"
|
|
|
- v-bind="item.options"
|
|
|
- @change="dataChange(item.model)"
|
|
|
- range-separator="至"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
+ <el-date-picker v-model="form[item.model]" :type="item.type" :placeholder="getField('selectplaceholder', item)" :format="getDateFormat(item.type)" :value-format="getDateFormat(item.type)" v-bind="item.options" @change="dataChange(item.model)" range-separator="至" style="width: 100%"> </el-date-picker>
|
|
|
</template>
|
|
|
<template v-else-if="item.type === `time`">
|
|
|
- <el-time-picker
|
|
|
- v-model="form[item.model]"
|
|
|
- :placeholder="getField('selectplaceholder', item)"
|
|
|
- :format="getDateFormat(item.type)"
|
|
|
- :value-format="getDateFormat(item.type)"
|
|
|
- v-bind="item.options"
|
|
|
- @change="dataChange(item.model)"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
- </el-time-picker>
|
|
|
+ <el-time-picker v-model="form[item.model]" :placeholder="getField('selectplaceholder', item)" :format="getDateFormat(item.type)" :value-format="getDateFormat(item.type)" v-bind="item.options" @change="dataChange(item.model)" style="width: 100%"> </el-time-picker>
|
|
|
</template>
|
|
|
<template v-else-if="item.type === `inputnumber`">
|
|
|
<el-input-number v-model="form[item.model]" :placeholder="getField('placeholder', item)" v-bind="item.options" @change="dataChange(item.model)" style="width: 100%"></el-input-number>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <el-input
|
|
|
- clearable
|
|
|
- v-model="form[item.model]"
|
|
|
- :type="getField('type', item)"
|
|
|
- :placeholder="getField('placeholder', item)"
|
|
|
- :show-password="getField('type', item) === 'password'"
|
|
|
- v-bind="item.options"
|
|
|
- @change="dataChange(item.model)"
|
|
|
- ></el-input>
|
|
|
+ <el-input clearable v-model="form[item.model]" :type="getField('type', item)" :placeholder="getField('placeholder', item)" :show-password="getField('type', item) === 'password'" v-bind="item.options" @change="dataChange(item.model)"></el-input>
|
|
|
</template>
|
|
|
</template>
|
|
|
</el-form-item>
|