Commit ad85baa4 authored by 王康's avatar 王康

修改表单文档

parent 40ddb63f
...@@ -200,6 +200,7 @@ ...@@ -200,6 +200,7 @@
}"></hm-complex-form> }"></hm-complex-form>
``` ```
### 指定显示的表单类型 ### 指定显示的表单类型
```vue ```vue
<template> <template>
<div> <div>
...@@ -210,17 +211,8 @@ ...@@ -210,17 +211,8 @@
</template> </template>
<script> <script>
import HmComplexForm from './HmComplexForm.vue'
import schema from '../../schemas/hm_org_schema'
export default { export default {
name: 'HmComplexForm', name: 'HmComplexForm',
// 继承其他组件
extends: {},
// 使用其它组件
components: {
'hm-complex-form': HmComplexForm
},
data() { data() {
return { return {
schema: { schema: {
...@@ -424,16 +416,9 @@ ...@@ -424,16 +416,9 @@
showFields: ['username', 'loginid', 'password', 'mobile', 'email'] showFields: ['username', 'loginid', 'password', 'mobile', 'email']
} }
}, },
computed: {
},
filters: {
},
created() { created() {
this.schema = schema this.schema = schema
}, }
methods: {}
} }
</script> </script>
<style scoped>
</style>
``` ```
\ No newline at end of file
<template> <template>
<el-row type="flex" class="hm-form"> <el-row type="flex" class="hm-form" style="margin-top: 50px">
<el-col :span="6"> <el-col :span="6">
<div></div> <div></div>
</el-col> </el-col>
<el-col :span="12" style="border:1px solid orange"> <el-col :span="12">
<div> <div>
<h2 class="title">表单页面</h2>
<!--表单部分--> <!--表单部分-->
<el-form ref="form" :model="formModel" :rules="rules" label-width="110px" <el-form ref="form" :model="formModel" :rules="rules" label-width="110px"
style="width:80%;margin:0 auto"> style="width:80%;margin:0 auto">
...@@ -136,6 +135,7 @@ ...@@ -136,6 +135,7 @@
_.each(self.showFields, function(column, index) { _.each(self.showFields, function(column, index) {
if (typeof column === 'string') { if (typeof column === 'string') {
// 生成一个新对象 // 生成一个新对象
console.log(column)
const tmp = _.keyBy(self.schema['columns'], 'code')[column.toUpperCase()] const tmp = _.keyBy(self.schema['columns'], 'code')[column.toUpperCase()]
// console.log(tmp) // console.log(tmp)
// self.$set(tmp, 'code', tmp.code.toLowerCase()) // self.$set(tmp, 'code', tmp.code.toLowerCase())
...@@ -209,12 +209,5 @@ ...@@ -209,12 +209,5 @@
} }
</script> </script>
<style scoped> <style scoped>
.title {
line-height: 40px;
background: orange;
color: #fff;
text-align: center;
margin-top: 0;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment