反馈查看详情信息

css/feedback.css

@@ -134,7 +134,7 @@ body {
 div.informationtPermissions{
     width: 450px;
 }
-.informationtPermissions, .informationtAddUser, .informationtcreateItem {
+.informationtPermissions, .informationtAddUser, .informationtcreateItem,.informationDetailed {
     display: none;
     position: relative;
     width: 370px;
@@ -147,6 +147,24 @@ div.informationtPermissions{
     -moz-box-shadow: 2px 2px 13px #acacac;
     -webkit-box-shadow: 2px 2px 13px #acacac;
 }
+.informationDetailed .infoItem{
+    position: relative;
+    padding: 20px 5px;
+}
+.informationDetailed .infoItem .close{
+    right: 0;
+}
+.informationDetailed .infoItem p{
+    margin: 20px 0 5px;
+}
+.informationDetailed .infoItem h4 {
+    width: 320px;
+    /* height: 22px; */
+    line-height: 22px;
+    overflow: hidden;
+    /* white-space: nowrap; */
+    text-overflow: ellipsis;
+}
 .permissionsHead span{
     font-size: 16px;
     line-height: 35px;
@@ -236,7 +254,7 @@ div.informationtPermissions{
 .informationtTime{
     padding: 10px 0;
 }
-.timeItem, .delectInfo, .setInfo, .btnAdd, .createItem, .closeItem {
+.timeItem, .delectInfo, .setInfo, .btnAdd, .createItem, .closeItem, .moreInfo {
     width: 80px;
     height: 30px;
     margin: 0 10px;
@@ -246,7 +264,7 @@ div.informationtPermissions{
     background: #3372e1;
     font-size: 14px;
 }
-.delectInfo{
+.delectInfo, .moreInfo{
     margin: 0 !important;
 }
 .addItem, .addUser, .delItem, .informationtSet {
@@ -300,7 +318,7 @@ tbody td{
 }
 .coupleData {
     position: absolute;
-    width: 578px;
+    width: 678px;
     padding: 10px;
     text-align: center;
     border: 1px solid #c8dbff;

js/feedback.js

@@ -30,18 +30,6 @@ Feedback.Bind=function(JurisdictionName) {
                     }
                     var productId = target.parentNode.productId;
 
-                    if(Feedback.informationtPermissions.firstChild !== null){
-                        Feedback.OnclickdisplayItem(Feedback.informationtPermissions.className)
-                    }
-                    if(Feedback.informationtAddUser.firstChild){
-                        Feedback.OnclickdisplayItem(Feedback.informationtAddUser.className);
-                    }
-                    if(Feedback.informationtcreateItem.firstChild){
-                        Feedback.OnclickdisplayItem(Feedback.informationtcreateItem.className);
-                    }
-
-
-
                     if(Feedback.informationtInfo.firstChild !== null){
                         Feedback.informationtInfo.removeChild(Feedback.informationtInfo.firstChild);
                     }
@@ -52,7 +40,7 @@ Feedback.Bind=function(JurisdictionName) {
                     if(Feedback.informationHeaderRight.firstChild.className == "actionItem"){
                         Feedback.informationHeaderRight.removeChild(Feedback.informationHeaderRight.firstChild)
                     }
-                   
+                    Feedback.displayItem();
                     Feedback.itemOperation(productId,JurisdictionName);
                     Feedback.createInfo(productId);
                     Feedback.OnclickTime(productId,'30days');
@@ -65,16 +53,7 @@ Feedback.Permissions=function(JurisdictionName){//
     if(JurisdictionName === "administrator"){
         Feedback.informationtSet.style.display = "inline-block";
         Feedback.informationtSet.onclick=function(){
-            if(Feedback.informationtPermissions.firstChild !== null){
-                Feedback.OnclickdisplayItem(Feedback.informationtPermissions.className)
-            }
-            if(Feedback.informationtAddUser.firstChild){
-                Feedback.OnclickdisplayItem(Feedback.informationtAddUser.className);
-            }
-            if(Feedback.informationtcreateItem.firstChild){
-                Feedback.OnclickdisplayItem(Feedback.informationtcreateItem.className);
-            }
-    
+            Feedback.displayItem();
             var icon = $$("img", {
                 "className":"close","src":"./images/close.png","onclick":"Feedback.OnclickdisplayItem('"+Feedback.informationtPermissions.className+"')"
             }, Feedback.informationtPermissions);
@@ -109,16 +88,7 @@ Feedback.OnclickcreateItem=function(){//创建新项目
 }
 Feedback.OnclickaddUser=function(r,productId){//给项目添加可查看的成员
     if(r=="admin"||r=="administrator"){
-        if(Feedback.informationtPermissions.firstChild !== null){
-            Feedback.OnclickdisplayItem(Feedback.informationtPermissions.className)
-        }
-        if(Feedback.informationtAddUser.firstChild){
-            Feedback.OnclickdisplayItem(Feedback.informationtAddUser.className);
-        }
-        if(Feedback.informationtcreateItem.firstChild){
-            Feedback.OnclickdisplayItem(Feedback.informationtcreateItem.className);
-        }
-
+        Feedback.displayItem();
         var AddUserHead = $$("div", {
             "className": "AddUserHead",
             }, Feedback.informationtAddUser);
@@ -201,10 +171,12 @@ Feedback.OnclickTime=function(id,time){//点击时间对应获取信息
                 }, tbody);
             }
             var td = $$("td", {
+                "className":"infoTitle infoMore","innerText":"查看更多"
+            }, tr);
+            var td = $$("td", {
                 "className":"infoTitle infoHandle","innerText":"操作"
             }, tr);
             for(var i=0;i<r.value.length;i++){
-               
                 var trow = Feedback.getDataRow(r.value[i],i+1); 
                 tbody.appendChild(trow); 
             }
@@ -212,15 +184,7 @@ Feedback.OnclickTime=function(id,time){//点击时间对应获取信息
     })
 }
 Feedback.AddItem=function(){//创建添加项目模块
-    if(Feedback.informationtcreateItem.firstChild){
-        Feedback.OnclickdisplayItem(Feedback.informationtcreateItem.className);
-    }
-    if(Feedback.informationtPermissions.firstChild !== null){
-        Feedback.OnclickdisplayItem(Feedback.informationtPermissions.className)
-    }
-    if(Feedback.informationtAddUser.firstChild){
-        Feedback.OnclickdisplayItem(Feedback.informationtAddUser.className);
-    }
+    Feedback.displayItem();
     var head = $$("span", {
         "className":"title", "innerHTML":"创建新项目",
     }, Feedback.informationtcreateItem);
@@ -332,13 +296,41 @@ Feedback.getDataRow = function(h,i){//创建表格下的反馈数据库循环数
     trCoupleTime.setAttribute('class','trCoupleTime');
     trCoupleTime.innerText = U.UF.D.getYearMonthDay(h.FeedbackTime)
     row.appendChild(trCoupleTime); 
-    //每行末尾添加删除按钮 
+
+    var moreCell = document.createElement('td');
+    moreCell.setAttribute('class','trMore');  
+    row.appendChild(moreCell); 
+    var btnMore = document.createElement('input');
+    btnMore.setAttribute('type','button');
+    btnMore.setAttribute('value','查看');  
+    btnMore.setAttribute('class','moreInfo');  
+    btnMore.onclick=function(){ //删除操作 
+        Feedback.displayItem();
+        var infoItem=$$("div", {
+            "className": "infoItem",
+            },Feedback.informationDetailed);
+        var title=$$("h4", {
+            "innerHTML":this.parentNode.parentNode.children[1].innerText
+        },infoItem);
+        var icon = $$("img", {
+            "className":"close","src":"./images/close.png","onclick":"Feedback.OnclickdisplayItem('"+Feedback.informationDetailed.className+"')"
+        },infoItem);
+        var time=$$("span",{
+            "innerHTML":this.parentNode.parentNode.children[3].innerText
+        },infoItem)
+        var content=$$("p",{
+            "innerHTML":this.parentNode.parentNode.children[2].innerText
+        },infoItem)
+        Feedback.informationDetailed.style.display="block";
+    } 
+    moreCell.appendChild(btnMore);
+    //删除按钮 
     var delCell = document.createElement('td');
     delCell.setAttribute('class','trDel');  
     row.appendChild(delCell); 
     var btnDel = document.createElement('input');
     btnDel.setAttribute('type','button');
-    btnDel.setAttribute('value','删除');  
+    btnDel.setAttribute('value','删除321');  
     btnDel.setAttribute('class','delectInfo');  
     btnDel.onclick=function(){ //删除操作 
         if(confirm("确定删除这一行嘛？")){
@@ -435,10 +427,24 @@ Feedback.getUser=function(callback){//得到用户权限信息
         callback(r);
     })
 }
-Feedback.mainCoupleHeight=function(){
+Feedback.mainCoupleHeight=function(){//内容高度根据屏幕高度而定
     var h = document.documentElement.clientHeight || document.body.clientHeight;
     Feedback.mainCouple.style.height = ''+(h-80)+'px'+'';
 }
+Feedback.displayItem=function(){
+    if(Feedback.informationtPermissions.firstChild){
+        Feedback.OnclickdisplayItem(Feedback.informationtPermissions.className);
+    }
+    if(Feedback.informationtAddUser.firstChild){
+        Feedback.OnclickdisplayItem(Feedback.informationtAddUser.className);
+    }
+    if(Feedback.informationtcreateItem.firstChild){
+        Feedback.OnclickdisplayItem(Feedback.informationtcreateItem.className);
+    }
+    if(Feedback.informationDetailed.firstChild){
+        Feedback.OnclickdisplayItem(Feedback.informationDetailed.className);
+    }
+}
 Feedback.Init=function () {
     Feedback.informationtSet = $(".informationtSet")[0]//获取管理员设置
     Feedback.informationtPermissions = $(".informationtPermissions")[0];//获取成员管理
@@ -452,6 +458,7 @@ Feedback.Init=function () {
     Feedback.informationtInfo = $(".informationtInfo")[0];//获取反馈信息
     Feedback.informationtTime = $(".informationtTime")[0];//获取反馈时间
     Feedback.informationtAddUser = $(".informationtAddUser")[0];//添加用户项目权限
+    Feedback.informationDetailed = $(".informationDetailed")[0];//反馈查看更多
     Feedback.Cd = "http://cd.1473.cn/net";//cd.1473
     Feedback.Db = "db.1473.cn";//db.1473
     Feedback.SqlName = "UseStudio_FeedBack";//数据库名

management.html

@@ -28,6 +28,7 @@
     <div class="informationtPermissions"></div>
      <div class="informationtAddUser"></div>
      <div class="informationtcreateItem"></div>
+     <div class="informationDetailed"></div>
      <div class="informationtBody">
          <div class="informationtTime"></div>
          <div class ="informationtInfo"></div>