| src/views/systemSetting/baseSetting/user/createUser/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/systemSetting/baseSetting/user/updateUser/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/views/systemSetting/baseSetting/user/createUser/index.vue
@@ -76,7 +76,8 @@ <!-- 所属部门 --> <el-form-item class="optionItem" label="所属部门:" prop="departmentId"> <el-select v-model="user.departmentId" placeholder="请选择所属部门"> <el-option v-for="item in typeList" :key="item.name" :label="item.departName" :value="item.id"> <el-option v-for="item in typeList" :key="item.name" :label="item.departName" :value="item.id"> </el-option> </el-select> </el-form-item> @@ -119,7 +120,7 @@ callback(new Error("请填写登录密码")); } else { const rep = /^\w+$/; if(!rep.test(value)){ if (!rep.test(value)) { callback(new Error("密码只能是以数字、26个英文字母或者下划线组成的字符串")); } } @@ -129,7 +130,7 @@ callback(new Error("请填写用户姓名")); } else { const rep = /^[\u4E00-\u9FA5]{2,4}$/; if(!rep.test(value)){ if (!rep.test(value)) { callback("请输入正确的用户姓名"); } } @@ -139,7 +140,7 @@ callback(new Error("请填写手机号码")); } else { const rep = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/ if(!rep.test(value)){ if (!rep.test(value)) { callback("请输入正确的手机号码"); } } @@ -147,7 +148,7 @@ const validateMail = (rule, value, callback) => { if (value) { const rep = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; if(!rep.test(value)){ if (!rep.test(value)) { callback(new Error("请输入正确的邮箱")) } } @@ -265,8 +266,8 @@ typeList: [] } }, created() { const that = this ; created() { const that = this; // 获取角色列表 // this.$axios.get('') // 获取用户类型列表 @@ -274,38 +275,39 @@ // console.log(res); // }) // 获取全部部门列表 this.$axios.get('sccg/depart/page').then(res=>{ this.$axios.get('sccg/depart/page').then(res => { that.typeList = res.data.records; }) }, methods: { handleUser() { const {user} = this; const { user } = this; console.log(user); this.$axios.post('sccg/admin/register',{ departmentId:user.departmentId, email:user.email, jsDy:user.isDy, jobTitle:user.jobTitle, mobile:user.mobile, nickName:user.nickName, password:user.password, userType:user.userType, username:user.username, }).then(res=>{ if(res.code === 200){ this.$axios.post('sccg/admin/register', { departmentId: user.departmentId, email: user.email, jsDy: user.isDy, jobTitle: user.jobTitle, mobile: user.mobile, nickName: user.nickName, password: user.password, userType: user.userType, username: user.username, }).then(res => { if (res.code === 200) { this.refresh(); } }) } }, props:['refresh'] props: ['refresh'] } </script> <style lang="scss"> <style lang="scss" scoped> .createUser { border-radius: 1px; background-color: #09152f; header { display: flex; justify-content: space-between; @@ -313,9 +315,10 @@ line-height: 60px; padding: 0 20px; border: 1px solid #fff; .headerTitle { color: #4b9bb7; font-weight: 600; color: #666; } .headerTip span { @@ -323,7 +326,7 @@ } .headerTip label { color: #999999; color: #4b9bb7; } } @@ -332,8 +335,9 @@ text-align: left; padding: 0 55px; background-color: #09152f; .mainTitle { color: #666; color: #4b9bb7; font-weight: 600; line-height: 100px; font-size: 14px; @@ -342,6 +346,16 @@ .mainContent { display: flex; justify-content: center; &::v-deep .el-form-item__label { color: #4b9bb7; } &::v-deep .el-input__inner { background-color: #09152f; border: 1px solid #17324c; } .el-form-item__content { width: 400px; @@ -349,20 +363,26 @@ width: 100%; } } .optionHandleSp{ .optionHandleSp { display: flex; .areaNumber,.moreNumber{ .areaNumber, .moreNumber { flex: 1; } .telNumber{ .telNumber { flex: 2; } } .optionBtn{ .optionBtn { display: flex; justify-content: center; margin-top: 80px; .btn{ .btn { padding: 12px 50px; } } src/views/systemSetting/baseSetting/user/updateUser/index.vue
@@ -14,7 +14,8 @@ </el-form-item> <!-- 用户密码 --> <el-form-item class="optionItems" label="用户密码:" prop="password"> <el-input v-model="user.password" type="password" placeholder="请输入用户密码" :disabled="true"></el-input> <el-input v-model="user.password" type="password" placeholder="请输入用户密码" :disabled="true"> </el-input> </el-form-item> <!-- 所属用户姓名 --> <!-- <el-form-item class="optionItem" label="所属用户姓名:" prop="true_name"> @@ -71,7 +72,8 @@ <!-- 所属部门 --> <el-form-item class="optionItem" label="所属部门:" prop="departmentId"> <el-select v-model="user.department" placeholder="请选择所属部门" :disabled="!updateFlag"> <el-option v-for="item in typeList" :key="item.name" :label="item.departName" :value="item.id"> <el-option v-for="item in typeList" :key="item.name" :label="item.departName" :value="item.id"> </el-option> </el-select> </el-form-item> @@ -90,8 +92,11 @@ <!-- <el-form-item class="optionItem" label="填写所属ip地址:" prop="ip"> <el-input v-model="user.ip" placeholder="请填写所属ip地址"></el-input> </el-form-item> --> <el-form-item v-if="updateFlag"> <div class="optionBtn"><el-button type="primary" class="btn submit" @click.native.prevent="handleUser">提交</el-button></div> <el-form-item v-if="updateFlag"> <div class="optionBtn"> <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">提交 </el-button> </div> </el-form-item> </el-form> @@ -112,7 +117,7 @@ callback(new Error("请填写登录密码")); } else { const rep = /^\w+$/; if(!rep.test(value)){ if (!rep.test(value)) { callback(new Error("密码只能是以数字、26个英文字母或者下划线组成的字符串")); } } @@ -122,7 +127,7 @@ callback(new Error("请填写用户姓名")); } else { const rep = /^[\u4E00-\u9FA5]{2,4}$/; if(!rep.test(value)){ if (!rep.test(value)) { callback("请输入正确的用户姓名"); } } @@ -132,7 +137,7 @@ callback(new Error("请填写手机号码")); } else { const rep = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/ if(!rep.test(value)){ if (!rep.test(value)) { callback("请输入正确的手机号码"); } } @@ -140,7 +145,7 @@ const validateMail = (rule, value, callback) => { if (value) { const rep = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; if(!rep.test(value)){ if (!rep.test(value)) { callback(new Error("请输入正确的邮箱")) } } @@ -258,8 +263,8 @@ typeList: [] } }, created() { const that = this ; created() { const that = this; this.user = JSON.parse(JSON.stringify(that.userInfo)); // 获取角色列表 // this.$axios.get('') @@ -268,30 +273,28 @@ // console.log(res); // }) // 获取全部部门列表 this.$axios.get('sccg/depart/page').then(res=>{ this.$axios.get('sccg/depart/page').then(res => { that.typeList = res.data.records; }) }, methods: { handleUser() { const {user} = this; this.$axios.post('sccg/depart/status',{ id:user.departmentId, status:user.status?1:0, }).then(res=>{ const { user } = this; this.$axios.post('sccg/depart/status', { id: user.departmentId, status: user.status ? 1 : 0, }).then(res => { console.log(res); }) } }, props:['userInfo','updateFlag'] props: ['userInfo', 'updateFlag'] } </script> <style lang="scss" scpoed> <style lang="scss" scoped> .updateUser { border-radius: 1px; // min-width: 1024px; // min-height: 1450px; background-color: #06122c; background-color: #09152f; header { display: flex; @@ -299,9 +302,10 @@ height: 60px; line-height: 60px; padding: 0 20px; border: 1px solid #fff; .headerTitle { color: #4b9bb7; font-weight: 600; color: #666; } .headerTip span { @@ -309,16 +313,18 @@ } .headerTip label { color: #999999; color: #4b9bb7; } } main { border: 1px solid #fff; text-align: left; padding: 0 55px; background-color: #09152f; .mainTitle { // margin-left: 60px; color: #666; color: #4b9bb7; font-weight: 600; line-height: 100px; font-size: 14px; @@ -327,6 +333,7 @@ .mainContent { display: flex; justify-content: center; .el-form-item__content { width: 400px; @@ -334,20 +341,26 @@ width: 100%; } } .optionHandleSp{ .optionHandleSp { display: flex; .areaNumber,.moreNumber{ .areaNumber, .moreNumber { flex: 1; } .telNumber{ .telNumber { flex: 2; } } .optionBtn{ .optionBtn { display: flex; justify-content: center; margin-top: 80px; .btn{ .btn { padding: 12px 50px; } } @@ -355,4 +368,13 @@ } } } .updateUser::v-deep .el-form-item__label { color: #4b9bb7; } .updateUser::v-deep .el-input__inner { background-color: #09152f; border: 1px solid #17324c; } </style>
