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-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>
<style lang="scss">
<style lang="scss" scoped>
.site-wrapper.site-page--login {
position: absolute;
top: 0;

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

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

Loading…
Cancel
Save