Skip to content

liding / liantiaoFront

Go to a project
Toggle navigation
Toggle navigation pinning
e18df204 by imzmn
Options

用户信息

1 parent 9e44da2d
Expand all
Inline Side-by-side
Showing 12 changed files with 152 additions and 6 deletions
.idea/liantiaoFront.iml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
.idea/misc.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectLevelVcsManager" settingsEditedManually="false">
<OptionsSetting value="true" id="Add" />
<OptionsSetting value="true" id="Remove" />
<OptionsSetting value="true" id="Checkout" />
<OptionsSetting value="true" id="Update" />
<OptionsSetting value="true" id="Status" />
<OptionsSetting value="true" id="Edit" />
<ConfirmationsSetting value="0" id="Add" />
<ConfirmationsSetting value="0" id="Remove" />
</component>
</project>
\ No newline at end of file
.idea/modules.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/liantiaoFront.iml" filepath="$PROJECT_DIR$/.idea/liantiaoFront.iml" />
</modules>
</component>
</project>
\ No newline at end of file
.project 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>liantiaoFront</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
</buildSpec>
<natures>
</natures>
</projectDescription>
src/components/Modules/Account/AccountView.vue
......@@ -8,10 +8,16 @@
<Row>
<i-col span="5">
<Menu width="auto" @on-select="itemSelect">
<Menu-item name="/account/1">
帐号信息
<Menu width="auto" @on-select="itemSelect" open-names="['1']" active-name="/account">
<Submenu name="1">
<template slot="title">
<Icon type="ios-paper"></Icon>
用户信息
</template>
<Menu-item name="/account">
用户基础信息
</Menu-item>
</Submenu>
<Menu-item name="/account/2">
调用统计
</Menu-item>
......@@ -21,6 +27,7 @@
<Menu-item name="/account/4">
密钥管理
</Menu-item>
</Menu>
</i-col>
<i-col span="19">
......@@ -55,4 +62,6 @@ export default {
}
},
}
</script>
......
src/components/Modules/UserInfo/BaseUserInfo.vue 0 → 100644
<style scoped>
.item {
margin-top:20px;
}
</style>
<template>
<Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="100">
<Form-item label="授权中心账户" prop="name">
<Input v-model="formValidate.name" readonly></Input>
</Form-item>
<Form-item class="item" label="apikey">
<Input v-model="formValidate.mail" ></Input>
</Form-item>
<Form-item class="item" label="性别" prop="gender">
<Radio-group v-model="formValidate.gender">
<Radio label="male">男</Radio>
<Radio label="female">女</Radio>
</Radio-group>
</Form-item>
<Form-item class="item" label="邮箱" prop="mail">
<Input v-model="formValidate.mail" placeholder="请输入邮箱"></Input>
</Form-item>
<Form-item class="item" label="联系人姓名" prop="linkman">
<Input v-model="formValidate.linkman" placeholder="请输入联系人"></Input>
</Form-item>
<Form-item class="item" label="联系人电话" prop="phone">
<Input v-model="formValidate.phone" placeholder="联系电话"></Input>
</Form-item>
<Form-item class="item">
<Button type="primary" @click="handleSubmit('formValidate')">提交</Button>
<Button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</Button>
</Form-item>
</Form>
</template>
<script>
export default {
data () {
return {
formValidate: {
name: '',
mail: '',
linkman: '',
phone:'',
gender:'male'
},
ruleValidate: {
linkman:[ { required: true, message: '联系人不能为空', trigger: 'blur' }],
phone:[ { required: true, message: '联系人电话不能为空', trigger: 'blur' }],
mail:[{ required: true, message: '邮箱不能为空', trigger: 'blur' }],
}
}
},
methods: {
handleSubmit (name) {
this.$refs[name].validate((valid) => {
if (valid) {
this.$Message.success('提交成功!');
} else {
this.$Message.error('表单验证失败!');
}
})
},
handleReset (name) {
this.$refs[name].resetFields();
}
}
}
</script>
src/components/Modules/UserInfo/index.js 0 → 100644
/**
* Created by zhangmengnan on 17/4/24.
*/
module.exports = {
BaseUserInfo: require('./BaseUserInfo.vue'),
};
src/components/Modules/index.js
......@@ -5,5 +5,6 @@ module.exports = {
Support: require('./Support/'),
Account: require('./Account/'),
HomeView: require('./HomeView.vue'),
UserInfo: require('./UserInfo'),
};
......
src/router/UserInfoRouter.js 0 → 100644
/**
* Created by zhangmengnan on 17/4/24.
*/
import {
Layout,
Modules
} from '../components/';
module.exports = [{
path: '/BaseUserInfo',
name: '帐号中心',
component: Modules.UserInfo.BaseUserInfo,
}]
src/router/accountRouter.js
......@@ -9,8 +9,8 @@ module.exports = [{
component: Modules.Account.AccountView,
children: [{
path: '',
name: '目录',
component: Modules.Account.AccountList
name: '用户基本信息',
component:Modules.UserInfo.BaseUserInfo
}, {
path: ':id',
name: '帐号设置',
......
src/router/index.js
......@@ -2,6 +2,7 @@ import apiDocRouter from './apiDocRouter'
import helpDocRouter from './helpDocRouter'
import supportRouter from './supportRouter'
import accountRouter from './accountRouter'
import userInfoRouter from './userInfoRouter'
import {
Layout,
Modules,
......@@ -30,4 +31,5 @@ const routes = [{
}
];
module.exports = routes.concat(apiDocRouter).concat(helpDocRouter).concat(supportRouter).concat(accountRouter);
\ No newline at end of file
module.exports = routes.concat(apiDocRouter).concat(helpDocRouter).concat(supportRouter).concat(accountRouter).concat(userInfoRouter);
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!