可从数据库获取字段

This commit is contained in:
QM303176530
2020-07-05 16:29:45 +08:00
parent 9a582877ea
commit fe7364b301
8 changed files with 373 additions and 108 deletions

View File

@@ -29,7 +29,7 @@
</el-form-item>
<el-form-item label="Field数据类型" prop="fieldType">
<el-col :span="8">
<el-select v-model="dialogMiddle.fieldType" placeholder="请选择field数据类型">
<el-select v-model="dialogMiddle.fieldType" placeholder="请选择field数据类型" @change="getDbfdOptions">
<el-option
v-for="item in typeOptions"
:key="item.value"
@@ -39,9 +39,22 @@
</el-select>
</el-col>
</el-form-item>
<el-form-item label="数据库字段类型" prop="dbFieldType">
<el-col :span="8">
<el-select :disabled="!dialogMiddle.fieldType" v-model="dialogMiddle.dbFieldType" placeholder="请选择数据库字段类型">
<el-option
v-for="item in dbfdOptions"
:key="item.label"
:label="item.label"
:value="item.label">
</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-select v-model="dialogMiddle.fieldSearchType" placeholder="请选择Field查询条件">
<el-option
v-for="item in typeSearchOptions"
:key="item.value"
@@ -55,6 +68,7 @@
</div>
</template>
<script>
import {getDict} from '@/utils/dictionary'
export default {
name:"FieldDialog",
props:{
@@ -67,6 +81,7 @@ export default {
},
data(){
return{
dbfdOptions:[],
visible:false,
typeSearchOptions:[
{
@@ -122,6 +137,17 @@ export default {
}
},
methods: {
async getDbfdOptions(){
if(this.dialogMiddle.fieldType){
const res = await getDict(this.dialogMiddle.fieldType)
this.dbfdOptions = res
}
}
},
created() {
this.getDbfdOptions()
},
}
</script>
<style lang="scss">