130 lines
4.4 KiB
Vue
130 lines
4.4 KiB
Vue
<template>
|
|
<div>
|
|
<span style="color:red">搜索时如果条件为LIKE只支持字符串</span>
|
|
<el-form :model="dialogMiddle" ref="fieldDialogFrom" label-width="120px" label-position="left" :rules="rules">
|
|
<el-form-item label="Field名称" prop="fieldName">
|
|
<el-col :span="6">
|
|
<el-input v-model="dialogMiddle.fieldName" autocomplete="off"></el-input>
|
|
</el-col>
|
|
</el-form-item>
|
|
<el-form-item label="Field中文名" prop="fieldDesc">
|
|
<el-col :span="6">
|
|
<el-input v-model="dialogMiddle.fieldDesc" autocomplete="off"></el-input>
|
|
</el-col>
|
|
</el-form-item>
|
|
<el-form-item label="FieldJSON" prop="fieldJson">
|
|
<el-col :span="6">
|
|
<el-input v-model="dialogMiddle.fieldJson" autocomplete="off"></el-input>
|
|
</el-col>
|
|
</el-form-item>
|
|
<el-form-item label="数据库字段名" prop="columnName">
|
|
<el-col :span="6">
|
|
<el-input v-model="dialogMiddle.columnName" autocomplete="off"></el-input>
|
|
</el-col>
|
|
</el-form-item>
|
|
<el-form-item label="数据库字段描述" prop="comment">
|
|
<el-col :span="6">
|
|
<el-input v-model="dialogMiddle.comment" autocomplete="off"></el-input>
|
|
</el-col>
|
|
</el-form-item>
|
|
<el-form-item label="Field数据类型" prop="fieldType">
|
|
<el-col :span="8">
|
|
<el-select v-model="dialogMiddle.fieldType" placeholder="请选择field数据类型">
|
|
<el-option
|
|
v-for="item in typeOptions"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value">
|
|
</el-option>
|
|
</el-select>
|
|
</el-col>
|
|
</el-form-item>
|
|
<el-form-item label="Field查询条件" prop="fieldSearchType">
|
|
<el-col :span="8">
|
|
<el-select v-model="dialogMiddle.fieldSearchType" placeholder="请选择field数据类型">
|
|
<el-option
|
|
v-for="item in typeSearchOptions"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value">
|
|
</el-option>
|
|
</el-select>
|
|
</el-col>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name:"FieldDialog",
|
|
props:{
|
|
dialogMiddle:{
|
|
type:Object,
|
|
default:function(){
|
|
return {}
|
|
}
|
|
}
|
|
},
|
|
data(){
|
|
return{
|
|
visible:false,
|
|
typeSearchOptions:[
|
|
{
|
|
label:"=",
|
|
value:"="
|
|
},
|
|
{
|
|
label:"<>",
|
|
value:"<>"
|
|
},
|
|
{
|
|
label:">",
|
|
value:">"
|
|
},
|
|
{
|
|
label:"<",
|
|
value:"<"
|
|
},
|
|
{
|
|
label:"LIKE",
|
|
value:"LIKE"
|
|
},
|
|
],
|
|
typeOptions:[
|
|
{
|
|
label:"字符串",
|
|
value:"string"
|
|
},
|
|
{
|
|
label:"整型",
|
|
value:"int"
|
|
},
|
|
{
|
|
label:"布尔值",
|
|
value:"bool"
|
|
},
|
|
{
|
|
label:"浮点型",
|
|
value:"float64"
|
|
},
|
|
{
|
|
label:"时间",
|
|
value:"time.Time"
|
|
},
|
|
],
|
|
rules:{
|
|
fieldName:[ { required: true, message: '请输入field英文名', trigger: 'blur' }],
|
|
fieldDesc:[ { required: true, message: '请输入field中文名', trigger: 'blur' }],
|
|
fieldJson:[ { required: true, message: '请输入field格式化json', trigger: 'blur' }],
|
|
columnName:[{ required: true, message: '请输入数据库字段', trigger: 'blur' }],
|
|
fieldType:[ { required: true, message: '请选择field数据类型', trigger: 'blur' }]
|
|
}
|
|
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
<style lang="scss">
|
|
|
|
</style>
|