add 讲师管理页面测试

@@ -10,6 +10,7 @@
   "dependencies": {
   "dependencies": {
     "axios": "^0.18.0",
     "axios": "^0.18.0",
     "core-js": "^2.6.5",
     "core-js": "^2.6.5",
+    "element-ui": "^2.8.2",
     "jquery": "^3.4.1",
     "jquery": "^3.4.1",
     "lodash": "^4.17.11",
     "lodash": "^4.17.11",
     "moment": "^2.24.0",
     "moment": "^2.24.0",

@@ -3,9 +3,11 @@ function versions () {
   var u = navigator.userAgent;
   var u = navigator.userAgent;
   var android = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
   var android = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
   var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
   var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+  var mobile = !!u.match(/AppleWebKit.*Mobile.*/)
   return {
   return {
     android,
     android,
-    ios
+    ios,
+    mobile
   }
   }
 }
 }
 
 

@@ -10,6 +10,11 @@ import Message from 'muse-ui-message';
 import Loading from 'muse-ui-loading';
 import Loading from 'muse-ui-loading';
 import NProgress from 'muse-ui-progress';
 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.config.productionTip = false
 
 
 Vue.use(MuseUI);
 Vue.use(MuseUI);

@@ -63,7 +63,7 @@
       </mu-menu>
       </mu-menu>
     </mu-appbar>
     </mu-appbar>
     <div :class="['main-contain', {'is-open': side_show}]">
     <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}}
         {{default_list_title}}
       </div>
       </div>
       <div v-if="default_list_title === '首页'" style="background-color: #FFFFFF;">
       <div v-if="default_list_title === '首页'" style="background-color: #FFFFFF;">

 <template lang="html">
 <template lang="html">
-  <div class="">
-    维护我的介绍信息；讲师首页显示我的介绍；
+  <div style="background-color: #FFFFFF;">
+    <!-- 维护我的介绍信息；讲师首页显示我的介绍；
     可以更改自己的登录密码；
     可以更改自己的登录密码；
     可以更改手机号码；
     可以更改手机号码；
     <br/>
     <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>
   </div>
 </template>
 </template>
 
 
 <script>
 <script>
+import util from 'assets/js/util';
+
 export default {
 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>
 </script>