socialforge/app/views/users/_project_issue_detail.html.erb

<script>
    $(document).ready(function(){
        $(".pro_info_p,.proInfoP").mouseover(function(){
            $(this).children(".pic_edit2").css("display","inline-block");
        });
        $(".pro_info_p,.proInfoP").mouseout(function(){
            $(this).children(".pic_edit2").css("display","none");
        });
        $(".pic_edit2").click(function(){
            $(this).parent().hide();
            $(this).parent().next().show();
        });
        $(".issueEdit").blur(function(){
            $(this).hide();
            $(this).prev().show();
            var editValue = $(this).children("option:selected").text();
            $(this).prev().children(":first").text(editValue);
        });
        function stopPropagation(e) {
            if (e.stopPropagation)
                e.stopPropagation();
            else
                e.cancelBubble = true;
        };
        $(document).bind('click',function(){
            $('.issueEdit').css('display','none');
            $('.proInfoP,.pro_info_p').show();
        });
        $('.issueEdit,.pic_edit2').bind('click',function(e){
            stopPropagation(e);
        });
    });
</script>
<div class="cl"></div>
<div class="proInfoBox2 mb10 mt10">
  <ul class="fl">
    <li>
      <p class="label03">&nbsp;状态&nbsp;&nbsp;:&nbsp;</p>
      <p class="proInfoP"><span>新增</span> <a href="javascript:void(0)" class="pic_edit2 ml5"></a></p>
      <select class="w80 undis issueEdit">
        <option value="1" selected="selected">新增</option>
        <option value="2">正在解决</option>
        <option value="3">已解决</option>
        <option value="4">反馈</option>
        <option value="5">关闭</option>
      </select>
    </li>
    <div class="cl"></div>
    <li>
      <p class="label03">&nbsp;指派&nbsp;&nbsp;:&nbsp;</p>
      <span class="pro_info_p"><a href="https://user.trustie.net/users/6062/user_activities" class="linkBlue hidden" style="max-width:50px; display:inline-block;">lizanle</a> <a href="javascript:void(0)" class="pic_edit2 ml5" style="vertical-align:top;"></a></span>
      <select class="w80 undis issueEdit">
        <option value="8523">&lt;&lt; 我 &gt;&gt;</option>
        <option value="6521">a411763600</option>
        <option value="195">alan</option>
        <option value="34">baiyu</option>
        <option value="3622">bill</option>
        <option value="4007">binling</option>
        <option value="8686">cxt</option>
        <option value="6571">gt19910510</option>
        <option value="3135">guange</option>
        <option value="12">Hjqreturn</option>
        <option value="5">jacknudt</option>
        <option value="6533">joneszhou</option>
        <option value="6">linchun</option>
        <option value="6062">lizanle</option>
        <option value="8693">ouyangxuhua</option>
        <option value="3050">suntao</option>
        <option value="1305">sw</option>
        <option value="8523">TimTang</option>
        <option value="6066">whimlex</option>
        <option value="8288">wk6abc</option>
        <option value="8221">yutao</option>
        <option value="1303">z9hang</option>
        <option value="8190">zhanghongyan</option>
      </select>
    </li>
    <div class="cl"></div>
  </ul>
  <ul class="fl">
    <li>
      <p class="label03">&nbsp;优先级&nbsp;&nbsp;:&nbsp;</p>
      <span class="proInfoP" style="width:70px;"><span>立刻</span> <a href="javascript:void(0)" class="pic_edit2 ml5"></a> </span>
      <select class="w70 undis issueEdit">
        <option value="1">低</option>
        <option value="2" selected="selected">正常</option>
        <option value="3">高</option>
        <option value="4">紧急</option>
        <option value="5">立刻</option>
      </select>
    </li>
    <div class="cl"></div>
    <li>
      <p class="label03">&nbsp;完成度&nbsp;&nbsp;:&nbsp;</p>
      <span class="proInfoP" style="width:70px;"><span>0%</span> <a href="javascript:void(0)" class="pic_edit2 ml5"></a> </span>
      <select class="w70 undis issueEdit">
        <option value="0" selected="selected">0 %</option>
        <option value="10">10 %</option>
        <option value="20">20 %</option>
        <option value="30">30 %</option>
        <option value="40">40 %</option>
        <option value="50">50 %</option>
        <option value="60">60 %</option>
        <option value="70">70 %</option>
        <option value="80">80 %</option>
        <option value="90">90 %</option>
        <option value="100">100 %</option>
      </select>
    </li>
    <div class="cl"></div>
  </ul>
  <ul class="fl ">
    <li>
      <p class="label03" style="width:50px;">&nbsp;开始&nbsp;&nbsp;:&nbsp;</p>
      <p class="proInfoP" style="width:100px;"><span>2015-12-11</span></p>
    </li>
    <div class="cl"></div>
    <li>
      <p class="label03" style="width:50px;">&nbsp;周期&nbsp;&nbsp;:&nbsp;</p>
      <span class="proInfoP" style="width:100px;">0.00 小时</span> </li>
    <div class="cl"></div>
  </ul>
  <ul class="fl ml20">
    <li>
      <p class="label03">&nbsp;计划完成&nbsp;&nbsp;:&nbsp;</p>
      <span class="proInfoP" style="width:120px;"><span>--</span></span> </li>
    <div class="cl"></div>
    <li>
      <p class="label03">&nbsp;目标版本&nbsp;&nbsp;:&nbsp;</p>
      <span class="pro_info_p" style="width:120px;"><a href="/versions/153" class="linkBlue hidden" style="max-width:90px; display:inline-block;">20151211周五上线版本</a> </span> </li>
    <div class="cl"></div>
  </ul>
  <!--pro_info_box end-->
</div>