Commit 6fb4272f authored by 赵帅's avatar 赵帅

Merge branch 'master' of 115.28.80.125:softwarefactory/vueelementtemplate

parents 731c6b4c ffee0133
### 开发新组件 关于如何进行组件化开发,请见文档:http://factory.haomo-studio.com/frontend/react/react-element-based.html
\ No newline at end of file
...@@ -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>
...@@ -83,19 +83,12 @@ ...@@ -83,19 +83,12 @@
}, },
/** /**
* 搜索过滤选项。默认没有过滤功能。完整的示例为: * 搜索过滤选项。默认没有过滤功能。完整的示例为:
*
* { * {
*
* "column1": { * "column1": {
*
* like: '%abc%', 模糊查询,包含字符”abc” * like: '%abc%', 模糊查询,包含字符”abc”
*
* notLike: '' 模糊查询,不包含字符 * notLike: '' 模糊查询,不包含字符
*
* between: [1, 10], 取值在[1,10]之间,包含1与10 * between: [1, 10], 取值在[1,10]之间,包含1与10
*
* notBetween: [1, 10], 取值小于1大于10 * notBetween: [1, 10], 取值小于1大于10
*
* isNull: true, // 只能为true 判断字段是否为空 * isNull: true, // 只能为true 判断字段是否为空
* isNotNull: true, // 只能为true 判断字段是否不为空 * isNotNull: true, // 只能为true 判断字段是否不为空
* equalTo: "abc", 相等于 * equalTo: "abc", 相等于
......
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