|
@@ -8,54 +8,54 @@
|
|
</template>
|
|
</template>
|
|
<template v-else>
|
|
<template v-else>
|
|
<template v-if="item.type === 'textarea'">
|
|
<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 size="large" 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>
|
|
<template v-else-if="item.type === 'numbers'">
|
|
<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%" />
|
|
|
|
|
|
+ <el-input-number size="large" v-model="form[item.model]" :placeholder="getField('placeholder', item)" @change="dataChange(item.model)" style="width: 100%" />
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.type === 'radio'">
|
|
<template v-else-if="item.type === 'radio'">
|
|
- <el-radio-group v-model="form[item.model]" :type="item.type" v-bind="item.options" @change="dataChange(item.model)">
|
|
|
|
|
|
+ <el-radio-group size="large" v-model="form[item.model]" :type="item.type" v-bind="item.options" @change="dataChange(item.model)">
|
|
<slot :name="item.model" v-bind="{ item }"></slot>
|
|
<slot :name="item.model" v-bind="{ item }"></slot>
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.type === 'checkbox'">
|
|
<template v-else-if="item.type === 'checkbox'">
|
|
- <el-checkbox-group v-model="form[item.model]" :type="item.type" v-bind="item.options">
|
|
|
|
|
|
+ <el-checkbox-group size="large" v-model="form[item.model]" :type="item.type" v-bind="item.options">
|
|
<slot :name="item.model" v-bind="{ item }"></slot>
|
|
<slot :name="item.model" v-bind="{ item }"></slot>
|
|
</el-checkbox-group>
|
|
</el-checkbox-group>
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.type === 'select'">
|
|
<template v-else-if="item.type === 'select'">
|
|
<el-tooltip effect="dark" content="可输入文本搜索选项" placement="top-start">
|
|
<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 size="large" 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>
|
|
<slot :name="item.model" v-bind="{ item }"></slot>
|
|
</el-select>
|
|
</el-select>
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.type === 'selectMany'">
|
|
<template v-else-if="item.type === 'selectMany'">
|
|
<el-tooltip effect="dark" content="可输入文本搜索选项" placement="top-start">
|
|
<el-tooltip effect="dark" content="可输入文本搜索选项" placement="top-start">
|
|
- <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%">
|
|
|
|
|
|
+ <el-select size="large" 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>
|
|
<slot :name="item.model" v-bind="{ item }"></slot>
|
|
</el-select>
|
|
</el-select>
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
</template>
|
|
</template>
|
|
<template v-else-if="item.type === `year` || item.type == 'month' || item.type == 'date' || item.type == 'daterange' || item.type == 'datetime' || item.type == 'datetimerange'">
|
|
<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 size="large" 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>
|
|
<template v-else-if="item.type === `time`">
|
|
<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 size="large" 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>
|
|
<template v-else-if="item.type === `inputnumber`">
|
|
<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>
|
|
|
|
|
|
+ <el-input-number size="large" 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>
|
|
<template v-else>
|
|
<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 size="large" 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>
|
|
</template>
|
|
</template>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" label="" class="btn" v-if="useSave">
|
|
<el-col :span="24" label="" class="btn" v-if="useSave">
|
|
<slot name="submit">
|
|
<slot name="submit">
|
|
- <el-button type="warning" v-if="DraftSave" @click="draftSave(formRef)">{{ submitDraft || '保存草稿' }}</el-button>
|
|
|
|
- <el-button type="primary" @click="save(formRef)">{{ submitText || '保存并提交审核' }}</el-button>
|
|
|
|
|
|
+ <el-button type="warning" size="large" v-if="DraftSave" @click="draftSave(formRef)">{{ submitDraft || '保存草稿' }}</el-button>
|
|
|
|
+ <el-button type="primary" size="large" @click="save(formRef)">{{ submitText || '保存并提交审核' }}</el-button>
|
|
</slot>
|
|
</slot>
|
|
</el-col>
|
|
</el-col>
|
|
</el-form>
|
|
</el-form>
|