信息技术新工科产学研联盟师资研修

app/views/trainings/enroll.html.erb

@@ -124,7 +124,7 @@
 </script>
 <% end %>
 <div>
-  <p class="collegeInfo">信息技术新工科产学研联盟师资培训班</p>
+  <p class="collegeInfo">信息技术新工科产学研联盟师资研修</p>
   <%= form_for @training do |f| %>
       <p class="subtitle">基本信息</p>
       <li class="clearfix infoBar">
@@ -146,9 +146,41 @@
       </li>
       <li class="clearfix infoBar">
         <span class="left_tag fl">职称</span>
-        <input type="text" class="right_input" id="userPositional" placeholder="请输入职称"
-               name="student_id"
-               value="<%= @training.student_id %>"/>
+        <span class="fr PositionalRight">
+            <span class="fl mr15">
+              <input type="radio" name="Positional" value="Positional1" id="Positional_1" class="magic-radio" checked>
+              <label for="Positional_1" style="top:0px">教师</label>
+            </span>
+            <span class="fl">
+              <input type="radio" name="Positional" value="Positional2" id="Positional_2" class="magic-radio">
+              <label for="Positional_2" style="top:0px">学生</label>
+            </span>
+        </span>
+        <!--<input type="text" class="right_input" id="userPositional" placeholder="请输入职称"-->
+               <!--name="student_id"-->
+               <!--value="<%#= @training.student_id %>"/>-->
+      </li>
+      <p class="subtitle">培训类型</p>
+      <li class="clearfix infoBar">
+        <span class="left_tag fl">大数据方向</span>
+        <span class="fr">
+          <input type="radio" name="type" value="type1" id="type_1" class="magic-radio">
+          <label for="type_1" style="top:8px">&nbsp;</label>
+        </span>
+      </li>
+      <li class="clearfix infoBar">
+        <span class="left_tag fl">人工智能方向</span>
+        <span class="fr">
+          <input type="radio" name="type" value="type2" id="type_2" class="magic-radio">
+          <label for="type_2" style="top:8px">&nbsp;</label>
+        </span>
+      </li>
+      <li class="clearfix infoBar">
+        <span class="left_tag fl">大数据+人工智能方向</span>
+        <span class="fr">
+          <input type="radio" name="type" value="type3" id="type_3" class="magic-radio">
+          <label for="type_3" style="top:8px">&nbsp;</label>
+        </span>
       </li>
       <p class="subtitle">您的授课/研究领域（最少选1项）</p>
       <li class="clearfix infoBar">

public/stylesheets/educoder/trainings.css

@@ -122,6 +122,13 @@ input[type='text'].right_input{
     float: right;border: none;text-align: right;height: 44px;line-height: 44px;outline: none;
     font-size: 1.4rem;width: 70%;/*margin-right: 24px;*/
 }
+.PositionalRight .magic-radio + label:before,.PositionalRight .magic-checkbox + label:before{
+    top:13px!important;
+}
+.PositionalRight .magic-radio + label:after{
+    top: 18px!important;
+}
+.mr15{margin-right: 15px;}
 .infoBar label.right_tag{
     float: right;color: #cccccc;font-size: 1.4rem;margin-right: 24px;
 }