Browse Source

el-form-item 间距

master
[li_she] 5 years ago
parent
commit
80ceeb55d8
  1. 10
      src/assets/scss/global.scss
  2. 2
      src/views/common/login.vue
  3. 19
      src/views/modules/sys/user-add-or-update.vue

10
src/assets/scss/global.scss

@ -100,3 +100,13 @@
/* el-dialog end*/ /* el-dialog end*/
/* el-form-item 间距 start*/
.el-form-item__content {
line-height: 40px;
position: relative;
font-size: 14px;
margin-top: -20px;
}
/* el-form-item 间距 end*/

2
src/views/common/login.vue

@ -81,7 +81,7 @@
} }
</script> </script>
<style lang="scss">
<style lang="scss" scoped>
.site-wrapper.site-page--login { .site-wrapper.site-page--login {
position: absolute; position: absolute;
top: 0; top: 0;

19
src/views/modules/sys/user-add-or-update.vue

@ -6,7 +6,7 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:visible.sync="visible"> :visible.sync="visible">
<!-- 取消 :rules="dataRule"--> <!-- 取消 :rules="dataRule"-->
<el-form :model="dataForm" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
<el-form :model="dataForm" label-position="top" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
<el-form-item label="用户名" prop="userName"> <el-form-item label="用户名" prop="userName">
<el-input v-model="dataForm.userName" placeholder="登录帐号"></el-input> <el-input v-model="dataForm.userName" placeholder="登录帐号"></el-input>
</el-form-item> </el-form-item>
@ -22,6 +22,11 @@
<el-form-item label="手机号" prop="mobile"> <el-form-item label="手机号" prop="mobile">
<el-input v-model="dataForm.mobile" placeholder="手机号"></el-input> <el-input v-model="dataForm.mobile" placeholder="手机号"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="工厂" size="mini" prop="site">
<el-checkbox-group v-model="dataForm.site">
<el-checkbox v-for="item in factorys" :key="item.id" :label="role.roleId">{{ role.roleName }}</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="角色" size="mini" prop="roleIdList"> <el-form-item label="角色" size="mini" prop="roleIdList">
<el-checkbox-group v-model="dataForm.roleIdList"> <el-checkbox-group v-model="dataForm.roleIdList">
<el-checkbox v-for="role in roleList" :key="role.roleId" :label="role.roleId">{{ role.roleName }}</el-checkbox> <el-checkbox v-for="role in roleList" :key="role.roleId" :label="role.roleId">{{ role.roleName }}</el-checkbox>
@ -43,6 +48,7 @@
<script> <script>
import { isEmail, isMobile } from '@/utils/validate' import { isEmail, isMobile } from '@/utils/validate'
import {getFactory} from "@/api/factory";
export default { export default {
data () { data () {
var validatePassword = (rule, value, callback) => { var validatePassword = (rule, value, callback) => {
@ -78,6 +84,7 @@
return { return {
visible: false, visible: false,
roleList: [], roleList: [],
factorys: [],
dataForm: { dataForm: {
id: 0, id: 0,
userName: '', userName: '',
@ -87,7 +94,8 @@
email: '', email: '',
mobile: '', mobile: '',
roleIdList: [], roleIdList: [],
status: 1
status: 1,
site: 0
}, },
dataRule: { dataRule: {
userName: [ userName: [
@ -111,8 +119,15 @@
} }
}, },
methods: { methods: {
//
factoryList(){
getFactory().then((data) =>{
this.factorys = data.list
})
},
init (id) { init (id) {
this.dataForm.id = id || 0 this.dataForm.id = id || 0
this.factoryList()
this.$http({ this.$http({
url: this.$http.adornUrl('/sys/role/select'), url: this.$http.adornUrl('/sys/role/select'),
method: 'get', method: 'get',

Loading…
Cancel
Save