issue属性局部刷新

This commit is contained in:
huang 2016-01-20 18:28:27 +08:00
parent e1a84de213
commit 01016c67a9
4 changed files with 145 additions and 1 deletions

View File

@ -57,6 +57,8 @@
<% end %>
</div>
</div>
<%# 局部刷新修改xissue属性 %>
<%= render :partial => 'users/project_issue_detail', :locals => {:activity => activity} %>
<div class="cl"></div>
<div id="intro_content_show_<%= user_activity_id%>" class="fr" style="display:none;"><a href="javascript:void(0);" class="linkBlue">[展开]</a></div>
<div id="intro_content_hide_<%= user_activity_id%>" class="fr" style="display:none;"><a href="javascript:void(0);" class="linkBlue">[收起]</a></div>

View File

@ -0,0 +1,134 @@
<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>

View File

@ -1163,4 +1163,8 @@ a.uploadIcon {background:url(images/resource_icon_list.png) 8px -60px no-repeat;
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
div.disable_link {background-color: #c1c1c1 !important;}
.reUploadDetail{border:1px solid #dddddd; float:left; resize:none; width:400px; height:80px; overflow-y:auto;outline: none;}
.reUploadDetail{border:1px solid #dddddd; float:left; resize:none; width:400px; height:80px; overflow-y:auto;outline: none;}
/*问题跟踪局部修改属性*/
.proInfoBox2{ border:1px solid #dddddd; height:45px; padding:10px 0; background-color:#f1f1f1;}
.proInfoBox2 ul li{ height:24px; position:relative;}

View File

@ -140,6 +140,7 @@ h4{ font-size:14px; color:#3b3b3b;}
.w50 {width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{width: 100px;}
.w210{ width:210px;}
@ -323,6 +324,9 @@ a:hover.bgreen_n_btn{background:#08a384;}
.pic_text02{display:block; background:url(../images/new_project/public_icon.png) 0px -642px no-repeat; width:20px; height:19px;}
.pic_edit{display:block; background:url(../images/new_project/public_icon.png) 0px -32px no-repeat; width:20px; height:15px;}
.pic_edit:hover{display:block; background:url(../images/new_project/public_icon.png) -32px -32px no-repeat; width:20px; height:15px;}
.pic_edit2{display:inline-block; background:url(../images/public_icon.png) 0px -32px no-repeat; width:20px; height:15px; vertical-align:middle; display:none;}
.pic_edit2:hover{display:inline-block; background:url(../images/public_icon.png) -32px -32px no-repeat; width:20px; height:15px;}