|
|
@@ -3,13 +3,13 @@
|
|
|
<el-form ref="ruleForm" inline :model="tableForm">
|
|
|
<el-form-item v-for="(item, index) in formItemArr" :key=" index" :rules="fromDataReq(item)" :prop="item.pagecode">
|
|
|
<template v-if="fromDataType(item.datatype) == 'SELECT' || fromDataType(item.datatype) == 'SELECTS'">
|
|
|
- <el-select class="input-shadow" size="small" :disabled="item.disabled ? item.disabled : false" :multiple="fromDataType(item.datatype) == 'SELECTS'?true:false" filterable default-first-option style="width: 100%" v-model="tableForm[item.pagecode]" @change="changeSelect(item.pagecode, tableForm[item.pagecode])" :placeholder="'请选择'+item.pagename" clearable @clear="tableForm[item.pagecode] = ''">
|
|
|
+ <el-select class="input-shadow" size="small" :style="{'width':item.displaywidth ? item.displaywidth+'px':''}" :disabled="item.disabled ? item.disabled : false" :multiple="fromDataType(item.datatype) == 'SELECTS'?true:false" filterable default-first-option style="width: 100%" v-model="tableForm[item.pagecode]" @change="changeSelect(item.pagecode, tableForm[item.pagecode])" :placeholder="'请选择'+item.pagename" clearable @clear="tableForm[item.pagecode] = ''">
|
|
|
<el-option v-for="(itemParams,sindex) in tableOptions[item.pagecode]" :key="itemParams[item['dropdownlistid']]+sindex" :label="itemParams[item['dropdownlistlabel']]" :value="itemParams[item['dropdownlistid']]">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
<template v-else-if="fromDataType(item.datatype) == 'DROP'">
|
|
|
- <el-select class="input-shadow" size="small" multiple filterable default-first-option style="width: 100%" v-model="tableForm[item.pagecode]" @change="changeSelect(item.pagecode, item)" :placeholder="'请选择'+item.pagename" clearable @clear="tableForm[item.pagecode] = ''">
|
|
|
+ <el-select class="input-shadow" size="small" multiple filterable default-first-option style="width: 100%" v-model="tableForm[item.pagecode]" @change="changeSelect(item.pagecode, item)" :style="{'width':item.displaywidth ? item.displaywidth+'px':''}" :placeholder="'请选择'+item.pagename" clearable @clear="tableForm[item.pagecode] = ''">
|
|
|
<el-option v-for="itemParams in tableOptions[item.pagecode]" :key="itemParams['dropdownlistid']" :label="itemParams['dropdownlistlabel']" :value="itemParams['dropdownlistid']">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
@@ -22,10 +22,10 @@
|
|
|
</el-select>
|
|
|
</template>
|
|
|
<template v-else-if="fromDataType(item.datatype) == 'TEXT' || fromDataType(item.datatype) == 'VARCHAR'">
|
|
|
- <el-input size="small" clearable :placeholder="'请输入'+item.pagename" @change="inputChangeHandler(item.pagecode)" v-model="tableForm[item.pagecode]"></el-input>
|
|
|
+ <el-input size="small" clearable :style="{'width':item.displaywidth ? item.displaywidth+'px':''}" :placeholder="'请输入'+item.pagename" @change="inputChangeHandler(item.pagecode)" v-model="tableForm[item.pagecode]"></el-input>
|
|
|
</template>
|
|
|
<template v-else-if="fromDataType(item.datatype) == 'TEXTAREA'">
|
|
|
- <el-input type="textarea" v-model="tableForm[item.pagecode]"></el-input>
|
|
|
+ <el-input type="textarea" :style="{'width':item.displaywidth ? item.displaywidth+'px':''}" clearable v-model="tableForm[item.pagecode]"></el-input>
|
|
|
</template>
|
|
|
<template v-else-if="fromDataType(item.datatype) == 'PASSWORD'">
|
|
|
<el-input show-password v-model="tableForm[item.pagecode]"></el-input>
|
|
|
@@ -57,18 +57,18 @@
|
|
|
</el-time-picker>
|
|
|
</template>
|
|
|
<template v-else-if="fromDataType(item.datatype) == 'DATE'">
|
|
|
- <el-date-picker size="small" class="datetimes" value-format="yyyy-MM-dd" v-model="tableForm[item.pagecode]" type="date" placeholder="选择日期" @change="inputChangeHandler(item.pagecode)">
|
|
|
+ <el-date-picker size="small" :style="{'width':item.displaywidth ? item.displaywidth+'px':''}" class="datetimes" value-format="yyyy-MM-dd" v-model="tableForm[item.pagecode]" type="date" placeholder="选择日期" @change="inputChangeHandler(item.pagecode)">
|
|
|
</el-date-picker>
|
|
|
</template>
|
|
|
<template v-else-if="fromDataType(item.datatype) == 'DATETIME'">
|
|
|
- <el-date-picker size="small" class="datetimes" value-format="yyyy-MM-dd HH:mm:ss" v-model="tableForm[item.pagecode]" type="datetime" placeholder="选择日期时间" @change="inputChangeHandler(item.pagecode)">
|
|
|
+ <el-date-picker size="small" :style="{'width':item.displaywidth ? item.displaywidth+'px':''}" class="datetimes" value-format="yyyy-MM-dd HH:mm:ss" v-model="tableForm[item.pagecode]" type="datetime" placeholder="选择日期时间" @change="inputChangeHandler(item.pagecode)">
|
|
|
</el-date-picker>
|
|
|
</template>
|
|
|
<template v-else-if="fromDataType(item.datatype) == 'INT' || fromDataType(item.datatype) == 'tinyint' || fromDataType(item.datatype) == 'NUMBER'">
|
|
|
- <el-input size="small" v-model.number="tableForm[item.pagecode]" onkeyup="value=value.replace(/[^1-9]/g,'')" @change="inputChangeHandler(item.pagecode)"></el-input>
|
|
|
+ <el-input size="small" :style="{'width':item.displaywidth ? item.displaywidth+'px':''}" v-model.number="tableForm[item.pagecode]" onkeyup="value=value.replace(/[^1-9]/g,'')" @change="inputChangeHandler(item.pagecode)"></el-input>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <el-input size="small" :placeholder="'请输入'+item.pagename" v-model="tableForm[item.pagecode]" @change="inputChangeHandler(item.pagecode)"></el-input>
|
|
|
+ <el-input size="small" :style="{'width':item.displaywidth ? item.displaywidth+'px':''}" :placeholder="'请输入'+item.pagename" v-model="tableForm[item.pagecode]" @change="inputChangeHandler(item.pagecode)"></el-input>
|
|
|
</template>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
@@ -185,7 +185,7 @@ export default {
|
|
|
this.$emit('queryValue', this.queryContent)
|
|
|
},
|
|
|
//获取表单下拉数据
|
|
|
- changeSelect (code,data) {
|
|
|
+ changeSelect (code, data) {
|
|
|
this.$emit('changeSelect', data)
|
|
|
if (code == 'passparameters') return
|
|
|
const datas = this.$store.state.auth.authMsg
|
