Hooke / muse-ui-test

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
906d3b0a 1 parent fa8d967f

add 讲师管理页面测试

Expand all
Inline Side-by-side
Showing 6 changed files with 135 additions and 5 deletions
......@@ -10,6 +10,7 @@
"dependencies": {
"axios": "^0.18.0",
"core-js": "^2.6.5",
"element-ui": "^2.8.2",
"jquery": "^3.4.1",
"lodash": "^4.17.11",
"moment": "^2.24.0",
......
......@@ -3,9 +3,11 @@ function versions () {
var u = navigator.userAgent;
var android = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
var mobile = !!u.match(/AppleWebKit.*Mobile.*/)
return {
android,
ios
ios,
mobile
}
}
......
......@@ -10,6 +10,11 @@ import Message from 'muse-ui-message';
import Loading from 'muse-ui-loading';
import NProgress from 'muse-ui-progress';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// Vue.use(ElementUI);
Vue.use(ElementUI, { zIndex: 99999999 });
Vue.config.productionTip = false
Vue.use(MuseUI);
......
......@@ -63,7 +63,7 @@
</mu-menu>
</mu-appbar>
<div :class="['main-contain', {'is-open': side_show}]">
<div v-if="default_list_title !== '首页'" style="text-align: left; margin-left: 20px; margin-bottom: 20px;">
<div v-if="default_list_title !== '首页'" style="text-align: left; padding-left: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,.15);">
{{default_list_title}}
</div>
<div v-if="default_list_title === '首页'" style="background-color: #FFFFFF;">
......
<template lang="html">
<div class="">
维护我的介绍信息；讲师首页显示我的介绍；
<div style="background-color: #FFFFFF;">
<!-- 维护我的介绍信息；讲师首页显示我的介绍；
可以更改自己的登录密码；
可以更改手机号码；
<br/>
"培训机构维护机构的介绍信息；
培训机构详情页显示的介绍详情；"
培训机构详情页显示的介绍详情；" -->
<mu-tabs :value.sync="tab_active" inverse color="#2196f3" indicator-color="#2196f3" full-width>
<mu-tab>基本信息</mu-tab>
<mu-tab>我的简介</mu-tab>
<mu-tab>账户安全</mu-tab>
<mu-tab>实名认证</mu-tab>
<mu-tab>邀请注册</mu-tab>
</mu-tabs>
<mu-container style="padding: 15px 24px 24px;">
<div v-if="tab_active === 0">
<mu-form :model="form" class="mu-demo-form" :label-position="label_position" label-width="100">
<mu-form-item label="登录账号">
<p>u934567893</p>
</mu-form-item>
<mu-form-item prop="name" label="姓名" :rules="usernameRules">
<mu-text-field v-model="form.name"></mu-text-field>
</mu-form-item>
<mu-form-item prop="gender" label="性别" help-text="必填">
<mu-radio v-model="form.gender" value="male" label="男"></mu-radio>
<mu-radio v-model="form.gender" value="female" label="女"></mu-radio>
</mu-form-item>
<mu-form-item prop="age" label="出生年">
<mu-text-field v-model="form.age"></mu-text-field>
</mu-form-item>
<mu-form-item prop="address" label="居住地">
<mu-text-field v-model="form.address"></mu-text-field>
</mu-form-item>
<!-- <mu-row align-items="center">
<div style="color: rgba(0,0,0,.54); width: 85px;">
<div class="mu-form-item-label" style="width: 100px;">出生年</div>
</div>
<mu-col span="6">
<mu-date-input icon="today" v-model="form.age" label="选择年份" type="year" label-float></mu-date-input>
</mu-col>
</mu-row> -->
</mu-form>
<mu-flex>
<p style="font-size: 0.9rem;">讲师本人联系信息</p>
</mu-flex>
<mu-form :model="form" class="mu-demo-form" :label-position="label_position" label-width="100">
<mu-row gutter>
<mu-col span="6">
<mu-form-item prop="concacts" label="手机" help-text="必填">
<mu-text-field v-model="form.concacts"></mu-text-field>
</mu-form-item>
</mu-col>
<mu-col span="6">
<mu-form-item prop="tel" label="微信" help-text="必填">
<mu-text-field v-model="form.tel"></mu-text-field>
</mu-form-item>
</mu-col>
</mu-row>
<mu-row gutter>
<mu-col span="6">
<mu-form-item prop="wexin" label="QQ" help-text="必填">
<mu-text-field v-model="form.wexin"></mu-text-field>
</mu-form-item>
</mu-col>
<mu-col span="6">
<mu-form-item prop="qq" label="讲师邮箱" help-text="必填">
<mu-text-field v-model="form.qq"></mu-text-field>
</mu-form-item>
</mu-col>
</mu-row>
</mu-form>
<mu-flex>
<p style="font-size: 0.9rem;">对外公开联系人信息</p>
</mu-flex>
<mu-form :model="form" class="mu-demo-form" :label-position="label_position" label-width="100">
<mu-row gutter>
<mu-col span="6">
<mu-form-item prop="concacts" label="联系人">
<mu-text-field v-model="form.concacts"></mu-text-field>
</mu-form-item>
</mu-col>
<mu-col span="6">
<mu-form-item prop="tel" label="手机">
<mu-text-field v-model="form.tel"></mu-text-field>
</mu-form-item>
</mu-col>
</mu-row>
<mu-row gutter>
<mu-col span="6">
<mu-form-item prop="wexin" label="微信">
<mu-text-field v-model="form.wexin"></mu-text-field>
</mu-form-item>
</mu-col>
<mu-col span="6">
<mu-form-item prop="qq" label="QQ">
<mu-text-field v-model="form.qq"></mu-text-field>
</mu-form-item>
</mu-col>
</mu-row>
</mu-form>
</div>
<div v-if="tab_active === 1">
111
</div>
</mu-container>
</div>
</template>
<script>
import util from 'assets/js/util';
export default {
mounted () {
},
data () {
return {
tab_active: 0,
label_position: util.versions().mobile ? 'top' : 'right',
usernameRules: [
{ validate: (val) => !!val, message: '必须填写用户名' },
{ validate: (val) => val.length >= 3, message: '用户名长度大于3' }
],
form: {
name: '',
gender: '',
age: '',
address: '',
concacts: '',
tel: '',
weixin: '',
qq: ''
}
}
}
}
</script>
......
This diff is collapsed. Click to expand it.