e18df204 by imzmn

用户信息

1 parent 9e44da2d
1 <?xml version="1.0" encoding="UTF-8"?>
2 <module type="WEB_MODULE" version="4">
3 <component name="NewModuleRootManager">
4 <content url="file://$MODULE_DIR$">
5 <excludeFolder url="file://$MODULE_DIR$/.tmp" />
6 <excludeFolder url="file://$MODULE_DIR$/temp" />
7 <excludeFolder url="file://$MODULE_DIR$/tmp" />
8 </content>
9 <orderEntry type="inheritedJdk" />
10 <orderEntry type="sourceFolder" forTests="false" />
11 </component>
12 </module>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <project version="4">
3 <component name="ProjectLevelVcsManager" settingsEditedManually="false">
4 <OptionsSetting value="true" id="Add" />
5 <OptionsSetting value="true" id="Remove" />
6 <OptionsSetting value="true" id="Checkout" />
7 <OptionsSetting value="true" id="Update" />
8 <OptionsSetting value="true" id="Status" />
9 <OptionsSetting value="true" id="Edit" />
10 <ConfirmationsSetting value="0" id="Add" />
11 <ConfirmationsSetting value="0" id="Remove" />
12 </component>
13 </project>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <project version="4">
3 <component name="ProjectModuleManager">
4 <modules>
5 <module fileurl="file://$PROJECT_DIR$/.idea/liantiaoFront.iml" filepath="$PROJECT_DIR$/.idea/liantiaoFront.iml" />
6 </modules>
7 </component>
8 </project>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <projectDescription>
3 <name>liantiaoFront</name>
4 <comment></comment>
5 <projects>
6 </projects>
7 <buildSpec>
8 </buildSpec>
9 <natures>
10 </natures>
11 </projectDescription>
...@@ -5,14 +5,20 @@ ...@@ -5,14 +5,20 @@
5 <div class="layout"> 5 <div class="layout">
6 <bread></bread> 6 <bread></bread>
7 <div class="layout-content"> 7 <div class="layout-content">
8 8
9 <Row> 9 <Row>
10 <i-col span="5"> 10 <i-col span="5">
11 <Menu width="auto" @on-select="itemSelect"> 11 <Menu width="auto" @on-select="itemSelect" open-names="['1']" active-name="/account">
12 <Menu-item name="/account/1"> 12 <Submenu name="1">
13 帐号信息 13 <template slot="title">
14 </Menu-item> 14 <Icon type="ios-paper"></Icon>
15 <Menu-item name="/account/2"> 15 用户信息
16 </template>
17 <Menu-item name="/account">
18 用户基础信息
19 </Menu-item>
20 </Submenu>
21 <Menu-item name="/account/2">
16 调用统计 22 调用统计
17 </Menu-item> 23 </Menu-item>
18 <Menu-item name="/account/3"> 24 <Menu-item name="/account/3">
...@@ -21,11 +27,12 @@ ...@@ -21,11 +27,12 @@
21 <Menu-item name="/account/4"> 27 <Menu-item name="/account/4">
22 密钥管理 28 密钥管理
23 </Menu-item> 29 </Menu-item>
30
24 </Menu> 31 </Menu>
25 </i-col> 32 </i-col>
26 <i-col span="19"> 33 <i-col span="19">
27 <div class="layout-breadcrumb"> 34 <div class="layout-breadcrumb">
28 35
29 </div> 36 </div>
30 <div class="layout-content-main"> 37 <div class="layout-content-main">
31 <router-view></router-view> 38 <router-view></router-view>
...@@ -55,4 +62,6 @@ export default { ...@@ -55,4 +62,6 @@ export default {
55 } 62 }
56 }, 63 },
57 } 64 }
65
66
58 </script> 67 </script>
......
1 <style scoped>
2 .item {
3 margin-top:20px;
4 }
5
6 </style>
7 <template>
8 <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="100">
9 <Form-item label="授权中心账户" prop="name">
10 <Input v-model="formValidate.name" readonly></Input>
11 </Form-item>
12 <Form-item class="item" label="apikey">
13 <Input v-model="formValidate.mail" ></Input>
14 </Form-item>
15 <Form-item class="item" label="性别" prop="gender">
16 <Radio-group v-model="formValidate.gender">
17 <Radio label="male"></Radio>
18 <Radio label="female"></Radio>
19 </Radio-group>
20 </Form-item>
21 <Form-item class="item" label="邮箱" prop="mail">
22 <Input v-model="formValidate.mail" placeholder="请输入邮箱"></Input>
23 </Form-item>
24 <Form-item class="item" label="联系人姓名" prop="linkman">
25 <Input v-model="formValidate.linkman" placeholder="请输入联系人"></Input>
26 </Form-item>
27 <Form-item class="item" label="联系人电话" prop="phone">
28 <Input v-model="formValidate.phone" placeholder="联系电话"></Input>
29 </Form-item>
30 <Form-item class="item">
31 <Button type="primary" @click="handleSubmit('formValidate')">提交</Button>
32 <Button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</Button>
33 </Form-item>
34 </Form>
35 </template>
36 <script>
37 export default {
38 data () {
39 return {
40 formValidate: {
41 name: '',
42 mail: '',
43 linkman: '',
44 phone:'',
45 gender:'male'
46
47 },
48 ruleValidate: {
49 linkman:[ { required: true, message: '联系人不能为空', trigger: 'blur' }],
50 phone:[ { required: true, message: '联系人电话不能为空', trigger: 'blur' }],
51 mail:[{ required: true, message: '邮箱不能为空', trigger: 'blur' }],
52 }
53 }
54 },
55 methods: {
56 handleSubmit (name) {
57 this.$refs[name].validate((valid) => {
58 if (valid) {
59 this.$Message.success('提交成功!');
60 } else {
61 this.$Message.error('表单验证失败!');
62 }
63 })
64 },
65 handleReset (name) {
66 this.$refs[name].resetFields();
67 }
68 }
69 }
70 </script>
1 /**
2 * Created by zhangmengnan on 17/4/24.
3 */
4 module.exports = {
5 BaseUserInfo: require('./BaseUserInfo.vue'),
6
7 };
...@@ -5,5 +5,6 @@ module.exports = { ...@@ -5,5 +5,6 @@ module.exports = {
5 Support: require('./Support/'), 5 Support: require('./Support/'),
6 Account: require('./Account/'), 6 Account: require('./Account/'),
7 HomeView: require('./HomeView.vue'), 7 HomeView: require('./HomeView.vue'),
8 UserInfo: require('./UserInfo'),
8 9
9 };
...\ No newline at end of file ...\ No newline at end of file
10 };
......
1 /**
2 * Created by zhangmengnan on 17/4/24.
3 */
4 import {
5 Layout,
6 Modules
7 } from '../components/';
8
9 module.exports = [{
10 path: '/BaseUserInfo',
11 name: '帐号中心',
12 component: Modules.UserInfo.BaseUserInfo,
13 }]
...@@ -9,8 +9,8 @@ module.exports = [{ ...@@ -9,8 +9,8 @@ module.exports = [{
9 component: Modules.Account.AccountView, 9 component: Modules.Account.AccountView,
10 children: [{ 10 children: [{
11 path: '', 11 path: '',
12 name: '目录', 12 name: '用户基本信息',
13 component: Modules.Account.AccountList 13 component:Modules.UserInfo.BaseUserInfo
14 }, { 14 }, {
15 path: ':id', 15 path: ':id',
16 name: '帐号设置', 16 name: '帐号设置',
...@@ -18,4 +18,4 @@ module.exports = [{ ...@@ -18,4 +18,4 @@ module.exports = [{
18 } 18 }
19 19
20 ] 20 ]
21 }]
...\ No newline at end of file ...\ No newline at end of file
21 }]
......
...@@ -2,6 +2,7 @@ import apiDocRouter from './apiDocRouter' ...@@ -2,6 +2,7 @@ import apiDocRouter from './apiDocRouter'
2 import helpDocRouter from './helpDocRouter' 2 import helpDocRouter from './helpDocRouter'
3 import supportRouter from './supportRouter' 3 import supportRouter from './supportRouter'
4 import accountRouter from './accountRouter' 4 import accountRouter from './accountRouter'
5 import userInfoRouter from './userInfoRouter'
5 import { 6 import {
6 Layout, 7 Layout,
7 Modules, 8 Modules,
...@@ -30,4 +31,5 @@ const routes = [{ ...@@ -30,4 +31,5 @@ const routes = [{
30 } 31 }
31 32
32 ]; 33 ];
33 module.exports = routes.concat(apiDocRouter).concat(helpDocRouter).concat(supportRouter).concat(accountRouter);
...\ No newline at end of file ...\ No newline at end of file
34 module.exports = routes.concat(apiDocRouter).concat(helpDocRouter).concat(supportRouter).concat(accountRouter).concat(userInfoRouter);
35
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!