反馈第一版

css/feedback.css

@@ -33,10 +33,8 @@ button:focus,button{
 }
 
 body {
-    /* min-width: 1600px; */
     margin: 0;
     overflow-y: hidden;
-    overflow-x: scroll;
 }
 /* login */
 .coupleLoginItem {
@@ -127,8 +125,9 @@ body {
     text-decoration: none; 
 }
 .mainCouple {
-    height: 1000px;
-    padding: 30px 0 0 170px;
+    float: right;
+    width: calc(100% - 150px);
+    margin: 20px 0;
     overflow-y: scroll;
 }
 div.informationtPermissions{
@@ -138,8 +137,8 @@ div.informationtPermissions{
     display: none;
     position: relative;
     width: 370px;
+    margin: 40px auto;
     padding: 0 20px;
-    margin: 10px;
     background: #fff;
     color: #000;
     transition: all .4s linear;
@@ -185,7 +184,6 @@ div.informationtPermissions{
 }
 .informationtSet{
     display: none;
-    padding-right: 20px;
 }
 .informationtHeaderLogo {
     width: 30px;
@@ -237,29 +235,31 @@ div.informationtPermissions{
 .informationtTime{
     padding: 10px 0;
 }
-.timeItem, .delectInfo, .setInfo, .btnAdd, .createItem, .closeItem{
+.timeItem, .delectInfo, .setInfo, .btnAdd, .createItem, .closeItem {
     width: 80px;
-    height: 35px;
+    height: 30px;
     margin: 0 10px;
     border: 0 solid transparent;
     border-radius: 4px;
     color: #fff;
     background: #3372e1;
+    font-size: 14px;
 }
 .delectInfo{
     margin: 0 !important;
 }
-.addItem, .addUser, .delItem {
+.addItem, .addUser, .delItem, .informationtSet {
     width: 80px;
     height: 35px;
     margin: 0 10px;
-    border: 1px solid #3372e1;
+    border: 1px solid #777;
     border-radius: 4px;
     color: #fff;
     background: transparent;
 }
-.addItem:hover, addItem,  .addUser:hover, addUser, .delItem:hover, delItem{
-    background: #3372e1;
+.addItem:hover, addItem,  .addUser:hover, addUser, .delItem:hover, delItem, .informationtSet:hover, informationtSet{
+    background: #121b29;
+    border: 1px solid transparent;
     color: #fff !important;
 }
 .createItem, .closeItem {
@@ -269,11 +269,17 @@ div.informationtPermissions{
     margin-left: 10px;
 }
 .informationtInfo {
-    padding: 40px 10px;
+    padding: 20px 10px 60px;
 }
 .tbMain{
     border-spacing: 0;
 }
+tbody td{
+    max-width: 160px;
+    padding-right: 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 .AddUserMembers .tbMain{
     min-width: 380px;
 }
@@ -281,7 +287,6 @@ div.informationtPermissions{
     min-width: 600px;
 }
 .informationtInfo .tbMain td {
-    height: 35px;
     max-width: 80px;
     padding: 10px;
     text-align: center;
@@ -306,16 +311,22 @@ div.informationtPermissions{
     max-width: 700px;
     width: 50%;
 }
+
 .informationtInfo .tbMain .trCoupleTime{
     width: 150px;
 }
 .permissionsMembers .tbMain tr, .informationtAddUser .tbMain tr {
     height: 50px;
-    text-align: center;
+    text-align: left;
+}
+.permissionsMembers .tbMain tr td{
+    width: 160px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.permissionsMembers .tbMain .trUserName{
+    padding-right: 10px;
 }
-/* .permissionsMembers .tbMain tr td, .informationtAddUser .tbMain tr td{
-    padding-right: 30px;
-} */
 .NoPowerMembers {
     padding-left: 10px;
     color: #cf0a0a;

js/feedback.js

@@ -1,6 +1,5 @@
 Namespace.register("Feedback");//注册命名空间
 Feedback.Bind=function(JurisdictionName) {
-    Feedback.userName.innerText =  U.UF.Cookie.get("usestudiosso","username")[0];//登陆者名称
     U.A.Request(Feedback.Cd,[Feedback.Db, Feedback.SqlName, "GetProductByUserId",Feedback.UserId],function (r){//获取项目列表
         Feedback.Permissions(JurisdictionName);
         if(r.value){
@@ -62,13 +61,20 @@ Feedback.Bind=function(JurisdictionName) {
         }
     })
 }
-Feedback.Permissions=function(JurisdictionName){
+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);
+            }
+    
             var icon = $$("img", {
                 "className":"close","src":"./images/close.png","onclick":"Feedback.OnclickdisplayItem('"+Feedback.informationtPermissions.className+"')"
             }, Feedback.informationtPermissions);
@@ -103,9 +109,16 @@ 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);
+        }
+
         var AddUserHead = $$("div", {
             "className": "AddUserHead",
             }, Feedback.informationtAddUser);
@@ -202,7 +215,12 @@ 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);
+    }
     var head = $$("span", {
         "className":"title", "innerHTML":"创建新项目",
     }, Feedback.informationtcreateItem);
@@ -220,7 +238,7 @@ Feedback.AddItem=function(){//创建添加项目模块
         }, Feedback.informationtcreateItem);
     Feedback.informationtcreateItem.style.display = "block";
 }
-Feedback.OnclickdisplayItem=function(name){
+Feedback.OnclickdisplayItem=function(name){//删除块下的所有东西并隐藏块
     var Ddiv = eval("Feedback." + name);
     Ddiv.style.display="none";
     for(var i=Ddiv.children.length-1;0<i<Ddiv.children.length;i--){
@@ -261,7 +279,7 @@ Feedback.createInfo=function(productId){//创建项目日期分类
         "className": "timeItem","innerText":"最近一月","onclick":"Feedback.OnclickTime('"+productId+"','30days')"
         },timeSequence)
 }
-Feedback.getUserRow = function(h,productId,span){//创建表格下用户数据库循环数据
+Feedback.getUserRow = function(h,productId,span){//创建表格下用户数据库循环数据（添加该项目用户权限）
     var row = document.createElement('tr'); 
     var trUserName = document.createElement('td');
     trUserName.setAttribute('class','trUserName');
@@ -292,7 +310,7 @@ Feedback.getUserRow = function(h,productId,span){//创建表格下用户数据
     setCell.appendChild(btnAdd);
     return row;  
 } 
-Feedback.getDataRow = function(h,i){//创建表格下的反馈数据库循环数据
+Feedback.getDataRow = function(h,i){//创建表格下的反馈数据库循环数据（反馈的具体信息）
     var row = document.createElement('tr'); 
     var sortCell = document.createElement('td');
     sortCell.innerText = i;
@@ -326,7 +344,7 @@ Feedback.getDataRow = function(h,i){//创建表格下的反馈数据库循环数
     delCell.appendChild(btnDel);
     return row;  
 } 
-Feedback.getMembersRow = function(h,i){//创建表格下的用户数据库循环数据
+Feedback.getMembersRow = function(h,i){//创建表格下的用户数据库循环数据（超级管理员管理用户信息）
     var row = document.createElement('tr'); 
     var trUserName = document.createElement('td');
     trUserName.setAttribute('class','trUserName');
@@ -335,7 +353,7 @@ Feedback.getMembersRow = function(h,i){//创建表格下的用户数据库循环
 
     var trJurisdictionName = document.createElement('td');
     trJurisdictionName.setAttribute('class','trJurisdictionName');
-    trJurisdictionName.innerText = h.JurisdictionName; 
+    trJurisdictionName.innerText = h.JurisdictionName||'成员'; 
     row.appendChild(trJurisdictionName); 
     
     var setCell = document.createElement('td');
@@ -384,41 +402,52 @@ Feedback.logout=function(){//退出
         });
     });
 }
-Feedback.getUser=function(callback){
-    U.A.Request(Feedback.Cd,[Feedback.Db,Feedback.SqlName,"GetJurisdictionName",Feedback.UserId],function (r){
-        if(r.value==null){
+Feedback.getUser=function(callback){//得到用户权限信息
+    U.A.Request(Feedback.Cd,[Feedback.Db,Feedback.SqlName,"GetJurisdictionName",Feedback.UserId],function (r){//获取权限
+        if(r.value==null){//判断用户是否为空，为空则提示并跳转
             alert("请输入有效账户");
-            Feedback.logout();
+            Feedback.logout();//退出跳转
+        }
+        if(r.value[0].JurisdictionName=="admin"){
+            Feedback.userName.innerText =  U.UF.Cookie.get("usestudiosso","username")[0]+'(管理员)';//登陆者名称
+        }else if(r.value[0].JurisdictionName=="administrator"){
+            Feedback.userName.innerText =  U.UF.Cookie.get("usestudiosso","username")[0]+'(超级管理员)';//登陆者名称
+        }else if(r.value[0].JurisdictionName==null||r.value[0].JurisdictionName=="user"){
+            Feedback.userName.innerText =  U.UF.Cookie.get("usestudiosso","username")[0]+'(成员)';//登陆者名称
         }
         if(r.value[0].JurisdictionName=="admin"||r.value[0].JurisdictionName=="administrator"){
             var addItem=$$("button", {
-                "className": "addItem","innerText":"创建项目","onclick":"Feedback.AddItem()"
+                "className": "addItem","innerText":"创建项目","onclick":"Feedback.AddItem()"//如果是管理员或者超级管理员就创建这个按钮
                 });
             Feedback.informationHeaderRight.insertBefore(addItem,Feedback.informationHeaderRight.firstChild);
         }
         callback(r);
     })
 }
-
+Feedback.mainCoupleHeight=function(){
+    var h = document.documentElement.clientHeight || document.body.clientHeight;
+    Feedback.mainCouple.style.height = h-80+"px";
+}
 Feedback.Init=function () {
     Feedback.informationtSet = $(".informationtSet")[0]//获取管理员设置
     Feedback.informationtPermissions = $(".informationtPermissions")[0];//获取成员管理
-    // Feedback.permissionsMembers = $(".permissionsMembers")[0];//获取用户成员信息
-    Feedback.informationHeaderRight = $(".informationHeaderRight")[0];
+    Feedback.informationHeaderRight = $(".informationHeaderRight")[0];//头部右侧
     Feedback.informationtcreateItem = $(".informationtcreateItem")[0]//获取创建项目
     Feedback.userName = $(".userName")[0]//获取用户名
     Feedback.ul = $(".asideMenu ul")[0];//获取项目列表ul
-    Feedback.timeSequence = $(".timeSequence")[0]
+    Feedback.timeSequence = $(".timeSequence")[0]//反馈时间段
     Feedback.logoTitle = $(".logoTitle")[0]//反馈标题位置
+    Feedback.mainCouple = $(".mainCouple")[0];
     Feedback.informationtInfo = $(".informationtInfo")[0];//获取反馈信息
     Feedback.informationtTime = $(".informationtTime")[0];//获取反馈时间
-    Feedback.informationtAddUser = $(".informationtAddUser")[0];
-    Feedback.Cd = "http://cd.1473.cn/net";
-    Feedback.Db = "db.1473.cn";
-    Feedback.SqlName = "UseStudio_FeedBack";
-    Feedback.UserId = U.UF.Cookie.get("usestudiosso","userid")[0];
-    Feedback.getUser(function(r){
-        Feedback.Bind(r.value[0].JurisdictionName);
-    });　　
+    Feedback.informationtAddUser = $(".informationtAddUser")[0];//添加用户项目权限
+    Feedback.Cd = "http://cd.1473.cn/net";//cd.1473
+    Feedback.Db = "db.1473.cn";//db.1473
+    Feedback.SqlName = "UseStudio_FeedBack";//数据库名
+    Feedback.UserId = U.UF.Cookie.get("usestudiosso","userid")[0];//用户id
+    Feedback.getUser(function(r){//得到用户权限信息回调
+        Feedback.Bind(r.value[0].JurisdictionName);//得到用户权限信息
+    });
+    Feedback.mainCoupleHeight();
    
 }();

login.html

@@ -42,7 +42,7 @@ UserLogin = function(){
                     U.A.Request("http://cd.1473.cn/php",["db.1473.cn","UseStudio_FeedBack","InsertUser",key.value[0].UserId,key.value[0].UserName],function (r){})
                     window.location.href="http://feedback.1473.cn/management.html"
                 }else{
-                    passwordInfo.innerText = "请输入正确的密码!"
+                    passwordInfo.innerText = "请输入正确的账号密码!"
                 }
             })
         });

management.html

@@ -7,12 +7,12 @@
     <title>反馈后台信息管理</title>
     <link rel="stylesheet" href="./css/feedback.css">
 </head>
-<body style="min-width: 1500px;">
+<body class="clearfix">
 <header class="informationtHeader">
     <img src="./images/logo.png" alt="logo" class="informationtHeaderLogo">
     <h4 class="logoTitle">反馈后台信息管理</h4>
     <div class="informationHeaderRight">
-        <span class="informationtSet">超级管理员</span>
+        <button class="informationtSet">成员管理</button>
         <span class="userName"></span>
         <span>|</span>
         <a href="#" onclick="Feedback.logout()">退出</a>
@@ -25,16 +25,10 @@
     </nav>
 </aside>
 <section class="mainCouple">
-    <div class="informationtPermissions">
-        <!-- <div class="permissionsHead clearfix">
-            <span>成员</span>
-        </div>
-        <div class="permissionsMembers"></div> -->
-     </div>
+    <div class="informationtPermissions"></div>
      <div class="informationtAddUser"></div>
      <div class="informationtcreateItem"></div>
      <div class="informationtBody">
-         <!-- <div class="informationtManage"></div> -->
          <div class="informationtTime"></div>
          <div class ="informationtInfo"></div>
      </div>