Explorar el Código

重构反馈系统

nn hace 8 años
padre
commit
aab504c624
Se han modificado 7 ficheros con 520 adiciones y 449 borrados
  1. 0 33
      css/browser.css
  2. 86 13
      css/couple.css
  3. BIN
      images/close.png
  4. 0 385
      js/couple.js
  5. 424 0
      js/feedback.js
  6. 1 1
      login.html
  7. 9 17
      management.html

+ 0 - 33
css/browser.css

@@ -1,33 +0,0 @@
-@charset "utf-8";
-*{
-    margin: 0;
-    padding: 0;
-    font-family:Microsoft YaHei,fontello;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    list-style: none;
-}
-body{
-    margin: 0;
-    padding: 0;
-}
-ul,li{
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-button:focus,button{    
-    outline: none;
-    cursor: pointer;
-}
-.clearfix:after{
-    content: "";
-    height: 0;
-    line-height: 0;
-    display: block;
-    visibility: hidden;
-    clear: both;
-}
-.clearfix{
-    zoom:1;
-}

+ 86 - 13
css/couple.css

@@ -1,3 +1,37 @@
+@charset "utf-8";
+*{
+    margin: 0;
+    padding: 0;
+    font-family:Microsoft YaHei,fontello;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    list-style: none;
+}
+body{
+    margin: 0;
+    padding: 0;
+}
+ul,li{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+button:focus,button{    
+    outline: none;
+    cursor: pointer;
+}
+.clearfix:after{
+    content: "";
+    height: 0;
+    line-height: 0;
+    display: block;
+    visibility: hidden;
+    clear: both;
+}
+.clearfix{
+    zoom:1;
+}
+
 body {
     /* min-width: 1600px; */
     margin: 0;
@@ -86,7 +120,6 @@ body {
 .informationHeaderRight {
     position: absolute;
     right: 30px;
-    top: 25px;
     font-size: 14px;
 }
 .informationHeaderRight>a{
@@ -98,13 +131,15 @@ body {
     padding: 30px 0 0 170px;
     overflow-y: scroll;
 }
-.informationtPermissions, .informationtAddUser, .informationtcreateItem, .informationtOperation{
-    max-width: 80%;
-    margin: 20px 0;
+div.informationtPermissions{
+    width: 450px;
 }
-.informationtPermissions, .informationtAddUser, .informationtcreateItem{
+.informationtPermissions, .informationtAddUser, .informationtcreateItem {
     display: none;
-    padding: 0 20px;    
+    position: relative;
+    width: 370px;
+    padding: 0 20px;
+    margin: 10px;
     background: #fff;
     color: #000;
     transition: all .4s linear;
@@ -116,14 +151,14 @@ body {
     font-size: 16px;
     line-height: 35px;
 }
-.informationtcreateItem{
-    padding: 20px;
+.informationtcreateItem {
+    padding: 40px 20px 10px;
 }
 .informationtcreateItem form{
     padding: 30px;
 }
 .informationtcreateItem input {
-    width: 100%;
+    width: 360px;
     border: 1px solid #eee;
     height: 35px;
     border-radius: 3px;
@@ -146,7 +181,7 @@ body {
     border-radius: 4px;
 }
 .actionItem {
-    margin: 10px 0;
+    display: inline-block;
 }
 .informationtSet{
     display: none;
@@ -202,7 +237,7 @@ body {
 .informationtTime{
     padding: 10px 0;
 }
-.timeItem ,.delectInfo, .setInfo, .addUser,.btnAdd, .createItem, .delItem{
+.timeItem, .delectInfo, .setInfo, .btnAdd, .createItem, .closeItem{
     width: 80px;
     height: 35px;
     margin: 0 10px;
@@ -211,13 +246,40 @@ body {
     color: #fff;
     background: #3372e1;
 }
+.delectInfo{
+    margin: 0 !important;
+}
+.addItem, .addUser, .delItem {
+    width: 80px;
+    height: 35px;
+    margin: 0 10px;
+    border: 1px solid #3372e1;
+    border-radius: 4px;
+    color: #fff;
+    background: transparent;
+}
+.addItem:hover, addItem,  .addUser:hover, addUser, .delItem:hover, delItem{
+    background: #3372e1;
+    color: #fff !important;
+}
+.createItem, .closeItem {
+    position: relative;
+    left: 190px;
+    margin: 0;
+    margin-left: 10px;
+}
 .informationtInfo {
     padding: 40px 10px;
 }
 .tbMain{
-    min-width: 600px;
     border-spacing: 0;
 }
+.AddUserMembers .tbMain{
+    min-width: 380px;
+}
+.informationtInfo .tbMain{
+    min-width: 600px;
+}
 .informationtInfo .tbMain td {
     height: 35px;
     max-width: 80px;
@@ -247,8 +309,9 @@ body {
 .informationtInfo .tbMain .trCoupleTime{
     width: 150px;
 }
-.permissionsMembers .tbMain tr, .informationtAddUser .tbMain tr{
+.permissionsMembers .tbMain tr, .informationtAddUser .tbMain tr {
     height: 50px;
+    text-align: center;
 }
 /* .permissionsMembers .tbMain tr td, .informationtAddUser .tbMain tr td{
     padding-right: 30px;
@@ -257,4 +320,14 @@ body {
     padding-left: 10px;
     color: #cf0a0a;
     font-size: 18px;
+}
+.close {
+    position: absolute;
+    right: 15px;
+    top: 13px;
+}
+.title {
+    position: absolute;
+    left: 15px;
+    top: 13px;
 }

BIN
images/close.png


+ 0 - 385
js/couple.js

@@ -1,385 +0,0 @@
-Namespace.register("Couple");//注册命名空间
-Couple.Bind=function () {
-    Couple.userName.innerText =  U.UF.Cookie.get("usestudiosso","username")[0];//登陆者名称
-    U.A.Request(Couple.Cd,[Couple.Db, Couple.SqlName, "GetProductByUserId",Couple.UserId],function (r){//获取项目列表
-        if(r.value){
-            for(var i=0;i<r.value.length;i++){
-                var li=$$("li", {
-                    "className": "asideItem","productId":r.value[i].ProductId
-                    }, Couple.ul);
-                var span=$$("span", {
-                    "className": "asideItemText","innerText":r.value[i].ProductName
-                    }, li);
-                Couple.ul.onclick = function(ev) {//点击项目列表
-                    ev = ev || event;
-                    var target = ev.target || ev.srcElement;
-                    var icon=$$("i", {"className": "active",});
-                    for(var i=0;i<Couple.ul.children.length;i++){
-                       if(Couple.ul.children[i].children.length>=2){
-                        Couple.ul.children[i].setAttribute("class","asideItem");
-                        Couple.ul.children[i].removeChild(Couple.ul.children[i].children[1])
-                       }
-                    }
-                    Couple.logoTitle.innerHTML = "反馈后台信息管理"+":"+target.innerText;
-                    if( target.tagName=="LI"){
-                        target.appendChild(icon);
-                        target.setAttribute("class","asideItembg asideItem");
-                    }else{
-                        target.parentNode.appendChild(icon);
-                        target.parentNode.setAttribute("class","asideItembg asideItem");
-                    }
-                    var productId = target.parentNode.productId;
-
-                    if(Couple.informationtInfo.firstChild !== null){
-                        Couple.informationtInfo.removeChild(Couple.informationtInfo.firstChild);
-                    }
-                    if(Couple.informationtTime.firstChild !==null){
-                        Couple.informationtTime.removeChild(Couple.informationtTime.firstChild);
-                    }
-
-                    if(Couple.informationtOperation.firstChild !== null){
-                        Couple.informationtOperation.removeChild(Couple.informationtOperation.firstChild)
-                    }
-                    if(Couple.informationtPermissions.firstChild !== null){
-                        Couple.informationtPermissions.style.display = "none";
-                    }
-                    if(Couple.AddUserMembers.firstChild !== null){
-                        Couple.AddUserMembers.removeChild(Couple.AddUserMembers.firstChild)
-                        Couple.informationtAddUser.style.display = "none";
-                    }
-                    if(Couple.informationtcreateItem.firstChild !== null){
-                        Couple.informationtcreateItem.removeChild(Couple.informationtcreateItem.firstChild)
-                        Couple.informationtcreateItem.style.display = "none";
-                    }
-                    Couple.itemOperation(productId);
-                    Couple.createInfo(productId);
-                    Couple.OnclickTime(productId,'30days');
-                };
-            }
-        }
-    })
-    Couple.Permissions();
-}
-Couple.Permissions=function(){
-    U.A.Request(Couple.Cd,[Couple.Db,Couple.SqlName,"GetUser"],function (r){//查询用户
-        if(r.value){
-            var tbody = $$("table", {//创建表格
-                "className": "tbMain",
-                }, Couple.permissionsMembers);
-            for(var i=0;i<r.value.length;i++){
-                var trow = Couple.getMembersRow(r.value[i],i+1); 
-                tbody.appendChild(trow); 
-            }
-        }
-    })
-    U.A.Request(Couple.Cd,[Couple.Db,Couple.SqlName,"GetJurisdictionName",Couple.UserId],function (r){//传入用户Id获取权限名称
-        if(r.value){
-            if(r.value[0].JurisdictionName === "administrator"){
-                Couple.informationtSet.style.display = "inline-block";
-                Couple.informationtSet.onclick=function(){
-                    Couple.informationtPermissions.style.display = "block"
-                }
-            }
-        }
-    })
-}
-Couple.OnclickcreateItem=function(){//创建新项目
-    U.A.Request(Couple.Cd,[Couple.Db,Couple.SqlName,"InsertProductList",$(".createItemName")[0].value],function (r){//查询用户
-        if(r.value){
-            U.A.Request(Couple.Cd,[Couple.Db,Couple.SqlName,"InsertUserProduct",Couple.UserId,r.value[0].ProductId],function (r){//查询用户
-                location.reload() 
-            })
-        }
-    })
-}
-Couple.OnclickaddUser=function(r,productId){//给项目添加可查看的成员
-    if(r=="admin"){
-        Couple.informationtAddUser.style.display = "block";
-        if(Couple.AddUserMembers.firstChild == null){}else{
-            Couple.AddUserMembers.removeChild(Couple.AddUserMembers.firstChild);
-        }
-        U.A.Request(Couple.Cd,[Couple.Db, Couple.SqlName, "GetUserIdByProductId",productId],function (r){//获取没有权限用户的列表
-            if(r.value){
-                Couple.NoPowerMembers.innerText = r.value.length;
-                var tbody = $$("table", {//创建表格
-                    "className": "tbMain",
-                    }, Couple.AddUserMembers);
-                for(var i=0;i<r.value.length;i++){
-                    var trow = Couple.getUserRow(r.value[i],productId); 
-                    tbody.appendChild(trow); 
-                }
-            }
-        }) 
-    }else{
-        alert("你无权限!");
-    }
-}
-Couple.itemOperation=function(productId){//管理员功能
-    U.A.Request(Couple.Cd,[Couple.Db,Couple.SqlName,"GetJurisdictionName",Couple.UserId],function (r){
-        if(r.value[0].JurisdictionName=="admin"){
-            Couple.informationtOperation.style.display = "block";
-            var actionItem=$$("div", {
-                "className": "actionItem"
-                }, Couple.informationtOperation);
-            var delItem=$$("button", {
-                "className": "delItem","innerText":"删除项目","onclick":"Couple.OnclickdelITem('"+productId+"')"
-                }, actionItem);
-            var addUser=$$("button", {
-                "className": "addUser","innerText":"添加用户","onclick":"Couple.OnclickaddUser('"+r.value[0].JurisdictionName+"','"+productId+"')"
-                }, actionItem);
-            var addItem=$$("button", {
-                "className": "addUser","innerText":"创建项目","onclick":"Couple.AddItem()"
-                }, actionItem);
-        }
-    })
-}
-Couple.OnclickdelITem=function(productId){//删除该项目
-    if(confirm("确定啥删除该项目吗")){
-        U.A.Request(Couple.Cd,[Couple.Db,Couple.SqlName,"DeleteProductList",productId],function (r){
-            if(r.value){
-                U.A.Request(Couple.Cd,[Couple.Db,Couple.SqlName,"DeleteProduct",productId],function (r){})
-                location.reload();
-            }
-        })
-    }
-}
-Couple.OnclickTime=function(id,time){//点击时间对应获取信息
-    U.A.Request(Couple.Cd,[Couple.Db,Couple.SqlName,"GetFeedback",id,time],function (r){//获取产品的反馈信息
-        if(r.value){
-            if(Couple.informationtInfo.firstChild !== null){
-                Couple.informationtInfo.removeChild(Couple.informationtInfo.firstChild);
-            }
-            var tbody = $$("table", {//创建表格
-                "className": "tbMain",
-                }, Couple.informationtInfo);
-            var tr = $$("tr", {}, tbody);
-            var td = $$("td", {
-                "className":"infoTitle","innerText":"排序"
-                }, tr);
-            var td = $$("td", {
-                "className":"infoTitle trTitle","innerText":"标题"
-                }, tr);
-            var td = $$("td", {
-                "className":"infoTitle trContent","innerText":"内容",
-                }, tr);
-            var td = $$("td", {
-                "className":"infoTitle trCoupleTime","innerText":"反馈时间"
-                }, tr);
-            if(r.value.length === 0){
-                var coupleData = $$("div", {
-                    "className":"coupleData","innerText":"暂无数据"
-                }, tbody);
-            }
-            var td = $$("td", {
-                "className":"infoTitle infoHandle","innerText":"操作"
-            }, tr);
-            for(var i=0;i<r.value.length;i++){
-               
-                var trow = Couple.getDataRow(r.value[i],i+1); 
-                tbody.appendChild(trow); 
-            }
-        }
-    })
-}
-Couple.AddItem=function(){//创建添加项目模块
-    if(Couple.informationtcreateItem.firstChild!==null){
-        Couple.informationtcreateItem.removeChild(Couple.informationtcreateItem.firstChild);
-    }
-    var form = $$("div", {}, Couple.informationtcreateItem);
-    var input = $$("input", {
-        "className":"createItemName","placeholder":"请输入项目名称","type":"text"
-        }, form);
-    var createItem = $$("button", {
-        "className":"createItem","innerHTML":"创建","onclick":"Couple.OnclickcreateItem()"
-        }, form);
-    Couple.informationtcreateItem.style.display = "block";
-}
-Couple.createInfo=function(productId){//创建项目日期分类
-    Date.prototype.Format = function (fmt) {//时间处理对Date的扩展
-        var o = {
-            "M+": this.getMonth() + 1, // 月份
-            "d+": this.getDate(), // 日
-            "h+": this.getHours(), // 小时
-            "m+": this.getMinutes(), // 分
-            "s+": this.getSeconds(), // 秒
-            "q+": Math.floor((this.getMonth() + 3) / 3), // 季度
-            "S": this.getMilliseconds() // 毫秒
-        };
-        if (/(y+)/.test(fmt))
-            fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
-        for (var k in o)
-            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
-                return fmt;
-    }
-    var time = (new Date()).Format("yyyy-MM-dd hh:mm:ss");//获取时间
-    var timeSequence=$$("div", {
-        "className":"timeSequence"
-        },Couple.informationtTime);
-    var oneDay=$$("button", {
-        "className": "timeItem","innerText":"今天","onclick":"Couple.OnclickTime('"+productId+"','today')"
-        },timeSequence);
-    var threeDay=$$("button", {
-        "className": "timeItem","innerText":"最近三天","onclick":"Couple.OnclickTime('"+productId+"','3days')"
-        },timeSequence);
-    var oneWeek=$$("button", {
-        "className": "timeItem","innerText":"最近一周","onclick":"Couple.OnclickTime('"+productId+"','7days')"
-        },timeSequence)
-    var oneMonth=$$("button", {
-        "className": "timeItem","innerText":"最近一月","onclick":"Couple.OnclickTime('"+productId+"','30days')"
-        },timeSequence)
-}
-Couple.getUserRow = function(h,productId){//创建表格下用户数据库循环数据
-    var row = document.createElement('tr'); 
-    var trUserId = document.createElement('td');
-    trUserId.setAttribute('class','trUserId');
-    trUserId.innerText = h.UserId;
-    row.appendChild(trUserId);
-
-    var trUserName = document.createElement('td');
-    trUserName.setAttribute('class','trUserName');
-    trUserName.innerText = h.UserName;
-    row.appendChild(trUserName);
-
-    var trJurisdictionName = document.createElement('td');
-    trJurisdictionName.setAttribute('class','trJurisdictionName');
-    trJurisdictionName.innerText = h.JurisdictionName; 
-    row.appendChild(trJurisdictionName); 
-
-    var setCell = document.createElement('td');
-    setCell.setAttribute('class','trAdd');  
-    row.appendChild(setCell); 
-
-    var btnAdd = document.createElement('input');
-    btnAdd.setAttribute('type','button');
-    btnAdd.setAttribute('value','添加权限');  
-    btnAdd.setAttribute('class','btnAdd');  
-    
-    btnAdd.onclick=function(){ //设置操作 
-        if(confirm("确定添加权限吗")){
-            this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
-            U.A.Request(Couple.Cd,[Couple.Db, Couple.SqlName, "InsertUserProduct",h.UserId,productId],function (r){})//插入用户权限
-            Couple.NoPowerMembers.innerHTML=Couple.NoPowerMembers.innerHTML-1;
-        }
-    }
-    setCell.appendChild(btnAdd);
-    return row;  
-} 
-Couple.getDataRow = function(h,i){//创建表格下的反馈数据库循环数据
-    var row = document.createElement('tr'); 
-    var sortCell = document.createElement('td');
-    sortCell.innerText = i;
-    row.appendChild(sortCell);
-    var trTitle = document.createElement('td');
-    trTitle.setAttribute('class','trTitle');
-    trTitle.innerText = h.FeedbackName;
-    row.appendChild(trTitle);
-    var trContent = document.createElement('td');
-    trContent.setAttribute('class','trContent');
-    trContent.innerText = h.FeedbackContent; 
-    row.appendChild(trContent); 
-    var trCoupleTime = document.createElement('td');
-    trCoupleTime.setAttribute('class','trCoupleTime');
-    trCoupleTime.innerText = U.UF.D.getYearMonthDay(h.FeedbackTime)
-    row.appendChild(trCoupleTime); 
-    //每行末尾添加删除按钮 
-    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('class','delectInfo');  
-    btnDel.onclick=function(){ //删除操作 
-        if(confirm("确定删除这一行嘛?")){
-            this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); 
-        }
-        U.A.Request(Couple.Cd,[Couple.Db, Couple.SqlName, "DeleteFeedback",h.FeedbackId],function (r){}) 
-    } 
-    delCell.appendChild(btnDel);
-    return row;  
-} 
-Couple.getMembersRow = function(h,i){//创建表格下的用户数据库循环数据
-    var row = document.createElement('tr'); 
-    var trUserId = document.createElement('td');
-    trUserId.setAttribute('class','trUserId');
-    trUserId.innerText = h.UserId;
-    row.appendChild(trUserId);
-
-    var trUserName = document.createElement('td');
-    trUserName.setAttribute('class','trUserName');
-    trUserName.innerText = h.UserName;
-    row.appendChild(trUserName);
-
-    var trJurisdictionName = document.createElement('td');
-    trJurisdictionName.setAttribute('class','trJurisdictionName');
-    trJurisdictionName.innerText = h.JurisdictionName; 
-    row.appendChild(trJurisdictionName); 
-    
-    var setCell = document.createElement('td');
-    setCell.setAttribute('class','trSet');  
-    row.appendChild(setCell); 
-    var btnSet = document.createElement('input');
-    btnSet.setAttribute('type','button');
-    btnSet.setAttribute('value','设为管理员');  
-    btnSet.setAttribute('class','setInfo');
-    btnSet.onclick=function(){ //设置操作 
-        if(confirm("确定修改管理员信息吗")){
-            if(this.parentNode.parentNode.children[2].innerText != "admin" && this.parentNode.parentNode.children[2].innerText!=="administrator"){
-                this.parentNode.parentNode.children[2].innerHTML = "admin"
-                U.A.Request(Couple.Cd,[Couple.Db, Couple.SqlName, "UpdateJurisdictionName",this.parentNode.parentNode.children[0].innerText,"admin"],function (r){//修改权限
-                    console.log(r)
-                }) 
-            }else{
-                alert("你已经是管理员!")
-            }
-        }
-    }
-    setCell.appendChild(btnSet);
-
-    //每行末尾添加删除按钮 
-    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('class','delectInfo');  
-    btnDel.onclick=function(){ //删除操作 
-        if(confirm("确定删除这一行嘛?")){
-            this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); 
-            U.A.Request(Couple.Cd,[Couple.Db, Couple.SqlName, "DeleteFeedback",h.FeedbackId],function (r){}) 
-        }
-    } 
-    delCell.appendChild(btnDel);
-    return row;  
-} 
-Couple.logout=function(){//退出
-    U.UF.CD.loadAjaxCrossDomain(function(){
-        U.A.Request(US.AUTH, ["UserOffline", Couple.UserId],function(r){
-            U.UF.Cookie.del("usestudiosso");
-            window.location.href="http://feedback.1473.cn/";  
-        });
-    });
-}
-Couple.Init=function () {
-    Couple.informationtSet = $(".informationtSet")[0]//获取管理员设置
-    Couple.informationtPermissions = $(".informationtPermissions")[0];//获取成员管理
-    Couple.permissionsMembers = $(".permissionsMembers")[0];//获取用户成员信息
-    // Couple.AddItem = $(".AddItem")[0];//获取创建项目
-    Couple.informationtcreateItem = $(".informationtcreateItem")[0]//获取创建项目
-    Couple.informationtOperation = $(".informationtOperation")[0]
-    Couple.userName=$(".userName")[0]//获取用户名
-    Couple.ul = $(".asideMenu ul")[0];//获取项目列表ul
-    Couple.timeSequence = $(".timeSequence")[0]
-    Couple.logoTitle = $(".logoTitle")[0]//反馈标题位置
-    Couple.informationtInfo = $(".informationtInfo")[0];//获取反馈信息
-    Couple.informationtTime = $(".informationtTime")[0];//获取反馈时间
-    Couple.informationtAddUser = $(".informationtAddUser")[0];
-    Couple.AddUserMembers = $(".AddUserMembers")[0];
-    Couple.NoPowerMembers = $(".NoPowerMembers")[0];//该项目没有权限的人数
-    Couple.Cd = "http://cd.1473.cn/net";
-    Couple.Db = "db.1473.cn";
-    Couple.SqlName = "UseStudio_FeedBack";
-    Couple.UserId = U.UF.Cookie.get("usestudiosso","userid")[0];
-    Couple.Bind();
-}();

+ 424 - 0
js/feedback.js

@@ -0,0 +1,424 @@
+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){
+            for(var i=0;i<r.value.length;i++){
+                var li=$$("li", {
+                    "className": "asideItem","productId":r.value[i].ProductId
+                    }, Feedback.ul);
+                var span=$$("span", {
+                    "className": "asideItemText","innerText":r.value[i].ProductName
+                    }, li);
+                Feedback.ul.onclick = function(ev) {//点击项目列表
+                    ev = ev || event;
+                    var target = ev.target || ev.srcElement;
+                    var icon=$$("i", {"className": "active",});
+                    for(var i=0;i<Feedback.ul.children.length;i++){
+                       if(Feedback.ul.children[i].children.length>=2){
+                        Feedback.ul.children[i].setAttribute("class","asideItem");
+                        Feedback.ul.children[i].removeChild(Feedback.ul.children[i].children[1])
+                       }
+                    }
+                    Feedback.logoTitle.innerHTML = "反馈后台信息管理"+":"+target.innerText;
+                    if( target.tagName=="LI"){
+                        target.appendChild(icon);
+                        target.setAttribute("class","asideItembg asideItem");
+                    }else{
+                        target.parentNode.appendChild(icon);
+                        target.parentNode.setAttribute("class","asideItembg asideItem");
+                    }
+                    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);
+                    }
+                    if(Feedback.informationtTime.firstChild !==null){
+                        Feedback.informationtTime.removeChild(Feedback.informationtTime.firstChild);
+                    }
+
+                    if(Feedback.informationHeaderRight.firstChild.className == "actionItem"){
+                        Feedback.informationHeaderRight.removeChild(Feedback.informationHeaderRight.firstChild)
+                    }
+                   
+                    Feedback.itemOperation(productId,JurisdictionName);
+                    Feedback.createInfo(productId);
+                    Feedback.OnclickTime(productId,'30days');
+                };
+            }
+        }
+    })
+}
+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)
+            }
+            var icon = $$("img", {
+                "className":"close","src":"./images/close.png","onclick":"Feedback.OnclickdisplayItem('"+Feedback.informationtPermissions.className+"')"
+            }, Feedback.informationtPermissions);
+            var permissionsHead = $$("div", {
+                "className": "permissionsHead",
+                }, Feedback.informationtPermissions);
+            var sapn = $$("sapn", {
+                "innerHTML":"成员"
+                }, permissionsHead);
+            var permissionsMembers = $$("div", {
+                "className": "permissionsMembers",
+                }, Feedback.informationtPermissions);
+            Feedback.informationtPermissions.style.display = "block"
+            U.A.Request(Feedback.Cd,[Feedback.Db,Feedback.SqlName,"GetUser"],function (r){//查询用户
+                if(r.value){
+                    var tbody = $$("table", {//创建表格
+                        "className": "tbMain",
+                        }, permissionsMembers);
+                    for(var i=0;i<r.value.length;i++){
+                        var trow = Feedback.getMembersRow(r.value[i],i+1); 
+                        tbody.appendChild(trow); 
+                    }
+                }
+            })
+        }
+    }
+}
+Feedback.OnclickcreateItem=function(){//创建新项目
+    U.A.Request(Feedback.Cd,[Feedback.Db,Feedback.SqlName,"InsertProductList",$(".createItemName")[0].value,Feedback.UserId],function (r){//插入
+        location.reload() 
+    })
+}
+Feedback.OnclickaddUser=function(r,productId){//给项目添加可查看的成员
+    if(r=="admin"||r=="administrator"){
+        if(Feedback.informationtAddUser.firstChild){
+            Feedback.OnclickdisplayItem(Feedback.informationtAddUser.className);
+        }
+        var AddUserHead = $$("div", {
+            "className": "AddUserHead",
+            }, Feedback.informationtAddUser);
+        var h6 = $$("h6", {
+            "innerHTML":"该项目未获得权限成员:"
+            }, AddUserHead);
+        var span = $$("span", {
+            "className": "NoPowerMembers"
+            }, h6);
+        var icon = $$("img", {
+            "className":"close","src":"./images/close.png","onclick":"Feedback.OnclickdisplayItem('"+Feedback.informationtAddUser.className+"')"
+        });
+        Feedback.informationtAddUser.insertBefore(icon,Feedback.informationtAddUser.firstChild);
+        Feedback.informationtAddUser.style.display = "block";
+        U.A.Request(Feedback.Cd,[Feedback.Db, Feedback.SqlName, "GetUserIdByProductId",productId],function (r){//获取没有权限用户的列表
+            if(r.value){
+                span.innerText = r.value.length;
+                var AddUserMembers = $$("div", {//创建表格
+                    "className": "AddUserMembers",
+                    }, Feedback.informationtAddUser);
+                var tbody = $$("table", {//创建表格
+                    "className": "tbMain",
+                    }, AddUserMembers);
+                for(var i=0;i<r.value.length;i++){
+                    var trow = Feedback.getUserRow(r.value[i],productId,span); 
+                    tbody.appendChild(trow); 
+                }
+            }
+        }) 
+    }else{
+        alert("你无权限!");
+    }
+}
+Feedback.itemOperation=function(productId,JurisdictionName){//管理员功能
+    if(JurisdictionName == "admin" || JurisdictionName == "administrator"){
+        var actionItem=$$("div", {
+            "className": "actionItem"
+            });
+        Feedback.informationHeaderRight.insertBefore(actionItem,Feedback.informationHeaderRight.firstChild)
+        var delItem=$$("button", {
+            "className": "delItem","innerText":"删除项目","onclick":"Feedback.OnclickdelITem('"+productId+"')"
+            }, actionItem);
+        var addUser=$$("button", {
+            "className": "addUser","innerText":"添加用户","onclick":"Feedback.OnclickaddUser('"+JurisdictionName+"','"+productId+"')"
+            }, actionItem);
+    }
+}
+Feedback.OnclickdelITem=function(productId){//删除该项目
+    if(confirm("确定啥删除该项目吗")){
+        U.A.Request(Feedback.Cd,[Feedback.Db,Feedback.SqlName,"DeleteProductList",productId],function (r){
+            location.reload();
+        })
+    }
+}
+Feedback.OnclickTime=function(id,time){//点击时间对应获取信息
+    U.A.Request(Feedback.Cd,[Feedback.Db,Feedback.SqlName,"GetFeedback",id,time],function (r){//获取产品的反馈信息
+        if(r.value){
+            if(Feedback.informationtInfo.firstChild !== null){
+                Feedback.informationtInfo.removeChild(Feedback.informationtInfo.firstChild);
+            }
+            var tbody = $$("table", {//创建表格
+                "className": "tbMain",
+                }, Feedback.informationtInfo);
+            var tr = $$("tr", {}, tbody);
+            var td = $$("td", {
+                "className":"infoTitle","innerText":"排序"
+                }, tr);
+            var td = $$("td", {
+                "className":"infoTitle trTitle","innerText":"标题"
+                }, tr);
+            var td = $$("td", {
+                "className":"infoTitle trContent","innerText":"内容",
+                }, tr);
+            var td = $$("td", {
+                "className":"infoTitle trCoupleTime","innerText":"反馈时间"
+                }, tr);
+            if(r.value.length === 0){
+                var coupleData = $$("div", {
+                    "className":"coupleData","innerText":"暂无数据"
+                }, tbody);
+            }
+            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); 
+            }
+        }
+    })
+}
+Feedback.AddItem=function(){//创建添加项目模块
+    if(Feedback.informationtcreateItem.firstChild){
+        Feedback.OnclickdisplayItem(Feedback.informationtcreateItem.className);
+    }
+    
+    var head = $$("span", {
+        "className":"title", "innerHTML":"创建新项目",
+    }, Feedback.informationtcreateItem);
+    var icon = $$("img", {
+        "className":"close","src":"./images/close.png","onclick":"Feedback.OnclickdisplayItem('"+Feedback.informationtcreateItem.className+"')"
+    }, Feedback.informationtcreateItem);
+    var input = $$("input", {
+        "className":"createItemName","placeholder":"请输入项目名称","type":"text"
+        }, Feedback.informationtcreateItem);
+    var createItem = $$("button", {
+        "className":"createItem","innerHTML":"创建","onclick":"Feedback.OnclickcreateItem()"
+        }, Feedback.informationtcreateItem);
+    var closeItem = $$("button", {
+        "className":"closeItem","innerHTML":"取消","onclick":"Feedback.OnclickdisplayItem('"+Feedback.informationtcreateItem.className+"')"
+        }, Feedback.informationtcreateItem);
+    Feedback.informationtcreateItem.style.display = "block";
+}
+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--){
+        Ddiv.removeChild(Ddiv.children[i]);
+    }
+}
+Feedback.createInfo=function(productId){//创建项目日期分类
+    Date.prototype.Format = function (fmt) {//时间处理对Date的扩展
+        var o = {
+            "M+": this.getMonth() + 1, // 月份
+            "d+": this.getDate(), // 日
+            "h+": this.getHours(), // 小时
+            "m+": this.getMinutes(), // 分
+            "s+": this.getSeconds(), // 秒
+            "q+": Math.floor((this.getMonth() + 3) / 3), // 季度
+            "S": this.getMilliseconds() // 毫秒
+        };
+        if (/(y+)/.test(fmt))
+            fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+        for (var k in o)
+            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+                return fmt;
+    }
+    var time = (new Date()).Format("yyyy-MM-dd hh:mm:ss");//获取时间
+    var timeSequence=$$("div", {
+        "className":"timeSequence"
+        },Feedback.informationtTime);
+    var oneDay=$$("button", {
+        "className": "timeItem","innerText":"今天","onclick":"Feedback.OnclickTime('"+productId+"','today')"
+        },timeSequence);
+    var threeDay=$$("button", {
+        "className": "timeItem","innerText":"最近三天","onclick":"Feedback.OnclickTime('"+productId+"','3days')"
+        },timeSequence);
+    var oneWeek=$$("button", {
+        "className": "timeItem","innerText":"最近一周","onclick":"Feedback.OnclickTime('"+productId+"','7days')"
+        },timeSequence)
+    var oneMonth=$$("button", {
+        "className": "timeItem","innerText":"最近一月","onclick":"Feedback.OnclickTime('"+productId+"','30days')"
+        },timeSequence)
+}
+Feedback.getUserRow = function(h,productId,span){//创建表格下用户数据库循环数据
+    var row = document.createElement('tr'); 
+    var trUserName = document.createElement('td');
+    trUserName.setAttribute('class','trUserName');
+    trUserName.innerText = h.UserName;
+    row.appendChild(trUserName);
+
+    var trJurisdictionName = document.createElement('td');
+    trJurisdictionName.setAttribute('class','trJurisdictionName');
+    trJurisdictionName.innerText = h.JurisdictionName; 
+    row.appendChild(trJurisdictionName); 
+
+    var setCell = document.createElement('td');
+    setCell.setAttribute('class','trAdd');  
+    row.appendChild(setCell); 
+
+    var btnAdd = document.createElement('input');
+    btnAdd.setAttribute('type','button');
+    btnAdd.setAttribute('value','添加权限');  
+    btnAdd.setAttribute('class','btnAdd');  
+    
+    btnAdd.onclick=function(){ //设置操作 
+        if(confirm("确定添加权限吗")){
+            this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
+            U.A.Request(Feedback.Cd,[Feedback.Db, Feedback.SqlName, "InsertUserProduct",h.UserId,productId],function (r){})//插入用户权限
+            span.innerHTML=span.innerHTML-1;
+        }
+    }
+    setCell.appendChild(btnAdd);
+    return row;  
+} 
+Feedback.getDataRow = function(h,i){//创建表格下的反馈数据库循环数据
+    var row = document.createElement('tr'); 
+    var sortCell = document.createElement('td');
+    sortCell.innerText = i;
+    row.appendChild(sortCell);
+    var trTitle = document.createElement('td');
+    trTitle.setAttribute('class','trTitle');
+    trTitle.innerText = h.FeedbackName;
+    row.appendChild(trTitle);
+    var trContent = document.createElement('td');
+    trContent.setAttribute('class','trContent');
+    trContent.innerText = h.FeedbackContent; 
+    row.appendChild(trContent); 
+    var trCoupleTime = document.createElement('td');
+    trCoupleTime.setAttribute('class','trCoupleTime');
+    trCoupleTime.innerText = U.UF.D.getYearMonthDay(h.FeedbackTime)
+    row.appendChild(trCoupleTime); 
+    //每行末尾添加删除按钮 
+    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('class','delectInfo');  
+    btnDel.onclick=function(){ //删除操作 
+        if(confirm("确定删除这一行嘛?")){
+            this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); 
+        }
+        U.A.Request(Feedback.Cd,[Feedback.Db, Feedback.SqlName, "DeleteFeedback",h.FeedbackId],function (r){}) 
+    } 
+    delCell.appendChild(btnDel);
+    return row;  
+} 
+Feedback.getMembersRow = function(h,i){//创建表格下的用户数据库循环数据
+    var row = document.createElement('tr'); 
+    var trUserName = document.createElement('td');
+    trUserName.setAttribute('class','trUserName');
+    trUserName.innerText = h.UserName;
+    row.appendChild(trUserName);
+
+    var trJurisdictionName = document.createElement('td');
+    trJurisdictionName.setAttribute('class','trJurisdictionName');
+    trJurisdictionName.innerText = h.JurisdictionName; 
+    row.appendChild(trJurisdictionName); 
+    
+    var setCell = document.createElement('td');
+    setCell.setAttribute('class','trSet');  
+    row.appendChild(setCell); 
+    var btnSet = document.createElement('input');
+    btnSet.setAttribute('type','button');
+    btnSet.setAttribute('value','设为管理员');  
+    btnSet.setAttribute('class','setInfo');
+    btnSet.onclick=function(){ //设置操作 
+        if(confirm("确定修改管理员信息吗")){
+            if(this.parentNode.parentNode.children[2].innerText != "admin" && this.parentNode.parentNode.children[2].innerText!=="administrator"){
+                this.parentNode.parentNode.children[2].innerHTML = "admin"
+                U.A.Request(Feedback.Cd,[Feedback.Db, Feedback.SqlName, "UpdateJurisdictionName",this.parentNode.parentNode.children[0].innerText,"admin"],function (r){//修改权限
+                    console.log(r)
+                }) 
+            }else{
+                alert("你已经是管理员!")
+            }
+        }
+    }
+    setCell.appendChild(btnSet);
+
+    //每行末尾添加删除按钮 
+    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('class','delectInfo');  
+    btnDel.onclick=function(){ //删除操作 
+        if(confirm("确定删除这一行嘛?")){
+            this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); 
+            U.A.Request(Feedback.Cd,[Feedback.Db, Feedback.SqlName, "DeleteUser",h.UserId],function (r){}) 
+        }
+    } 
+    delCell.appendChild(btnDel);
+    return row;  
+} 
+Feedback.logout=function(){//退出
+    U.UF.CD.loadAjaxCrossDomain(function(){
+        U.A.Request(US.AUTH, ["UserOffline", Feedback.UserId],function(r){
+            U.UF.Cookie.del("usestudiosso");
+            window.location.href="http://feedback.1473.cn/";  
+        });
+    });
+}
+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();
+        }
+        if(r.value[0].JurisdictionName=="admin"||r.value[0].JurisdictionName=="administrator"){
+            var addItem=$$("button", {
+                "className": "addItem","innerText":"创建项目","onclick":"Feedback.AddItem()"
+                });
+            Feedback.informationHeaderRight.insertBefore(addItem,Feedback.informationHeaderRight.firstChild);
+        }
+        callback(r);
+    })
+}
+
+Feedback.Init=function () {
+    Feedback.informationtSet = $(".informationtSet")[0]//获取管理员设置
+    Feedback.informationtPermissions = $(".informationtPermissions")[0];//获取成员管理
+    // Feedback.permissionsMembers = $(".permissionsMembers")[0];//获取用户成员信息
+    Feedback.informationHeaderRight = $(".informationHeaderRight")[0];
+    Feedback.informationtcreateItem = $(".informationtcreateItem")[0]//获取创建项目
+    Feedback.userName = $(".userName")[0]//获取用户名
+    Feedback.ul = $(".asideMenu ul")[0];//获取项目列表ul
+    Feedback.timeSequence = $(".timeSequence")[0]
+    Feedback.logoTitle = $(".logoTitle")[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);
+    });  
+   
+}();

+ 1 - 1
login.html

@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>反馈登陆</title>
     <link rel="stylesheet" href="./css/uform.css">
-    <link rel="stylesheet" href="./css/couple.css">
+    <link rel="stylesheet" href="./css/feedback.css">
 
 
 </head>

+ 9 - 17
management.html

@@ -5,10 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>反馈后台信息管理</title>
-    <link rel="stylesheet" href="./css/browser.css">
-    <link rel="stylesheet" href="./css/couple.css">
+    <link rel="stylesheet" href="./css/feedback.css">
 </head>
-<body>
+<body style="min-width: 1500px;">
 <header class="informationtHeader">
     <img src="./images/logo.png" alt="logo" class="informationtHeaderLogo">
     <h4 class="logoTitle">反馈后台信息管理</h4>
@@ -16,7 +15,7 @@
         <span class="informationtSet">超级管理员</span>
         <span class="userName"></span>
         <span>|</span>
-        <a href="#" onclick="Couple.logout()">退出</a>
+        <a href="#" onclick="Feedback.logout()">退出</a>
     </div>
 </header>
 <aside class="aside clearfix">
@@ -27,27 +26,20 @@
 </aside>
 <section class="mainCouple">
     <div class="informationtPermissions">
-        <div class="permissionsHead clearfix">
+        <!-- <div class="permissionsHead clearfix">
             <span>成员</span>
         </div>
-        <div class="permissionsMembers"></div>
-     </div>
-     <div class="informationtAddUser">
-         <div class="AddUserHead">
-             <h6>该项目未获得权限成员:<span class="NoPowerMembers"></span></h6>
-         </div>
-         <div class="AddUserMembers"></div>
+        <div class="permissionsMembers"></div> -->
      </div>
+     <div class="informationtAddUser"></div>
      <div class="informationtcreateItem"></div>
-     <div class="informationtOperation"></div>
      <div class="informationtBody">
-         <div class="informationtManage"></div>
-         <div class="informationtTime">
-         </div>
+         <!-- <div class="informationtManage"></div> -->
+         <div class="informationtTime"></div>
          <div class ="informationtInfo"></div>
      </div>
 </section>
 <script src="./js/uform.js"></script>
-<script src="./js/couple.js"></script>
+<script src="./js/feedback.js"></script>
 </body>
 </html>