Halaman utama Jelajahi Bantuan
Daftar Masuk
front
/
AIPlatform
2
0
Fork 0
Berkas Masalah 0 Tarik Permintaan 0 Wiki
Jelajahi Sumber

条目和模块分开

luolei 5 tahun lalu
induk
8d0ba66959
melakukan
c9d1eb8dd8
8 mengubah file dengan 1093 tambahan dan 6 penghapusan
Unified View Tampilkan Statistik Diff
  1. 2 2
      src/html/mukuai.html
  2. 62 0
      src/html/mukuaiControl.html
  3. 2 2
      src/html/tiaomu.html
  4. 59 0
      src/html/tiaomuControl.html
  5. 455 0
      src/js/mukuaiControl.js
  6. 483 0
      src/js/tiaomuControl.js
  7. 2 2
      src/js/utils.js
  8. 28 0
      webpack.config.js

+ 2 - 2
src/html/mukuai.html
Tampilan Berkas 

@@ -31,13 +31,13 @@
 
                         <input class="moduleItemInp" type="text" placeholder="请输入模块名称">
 
                         <input class="moduleItemInp" type="text" placeholder="请输入模块名称">
 
                     </span>
 
                     </span>
 
                 </span>
 
                 </span>
 
-                <!-- <span class="filterItem typeFilter deptListWrap">
 
+                <span class="filterItem typeFilter deptListWrap">
 
                     <span>科室：</span>
 
                     <span>科室：</span>
 
                     <span class="selectDept" data-id=" "><i>--</i></span>
 
                     <span class="selectDept" data-id=" "><i>--</i></span>
 
                     <ul class="deptList filterDropList">
 
                     <ul class="deptList filterDropList">
 
                         
                         
                     </ul>
 
                     </ul>
 
-                </span> -->
 
+                </span>
 
                 <span class="filter">查询</span>
 
                 <span class="filter">查询</span>
 
                 <span class="filterclear">清空</span>
 
                 <span class="filterclear">清空</span>
 
             </div>
 
             </div>

+ 62 - 0
src/html/mukuaiControl.html
Tampilan Berkas 

@@ -0,0 +1,62 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
+    <title></title>
 
+    
+</head>
 
+
 
+<body>
 
+    <div class="managerContainer mukuai">
 
+        <div class="partTitle">
 
+          <p><a href="console.html">控制台 / </a>各模块缺陷占比</p>
 
+          <div class="monthYear">
 
+            <span class="mon">本月</span>
 
+            <span class="year">本年</span>
 
+          </div> 
+          <div class="dateDetail fr">
 
+            
+          </div>
 
+        </div>
 
+        <div class="partTitleT"></div>
 
+        <div class="grayLine"></div>
 
+        <div class="main-body">
 
+            <div class="filterBox">
 
+                <span class="filterItem">
 
+                    <span>模块名称：</span>
 
+                    <span class="">
 
+                        <input class="moduleItemInp" type="text" placeholder="请输入模块名称">
 
+                    </span>
 
+                </span>
 
+                <!-- <span class="filterItem typeFilter deptListWrap">
 
+                    <span>科室：</span>
 
+                    <span class="selectDept" data-id=" "><i>--</i></span>
 
+                    <ul class="deptList filterDropList">
 
+                        
+                    </ul>
 
+                </span> -->
 
+                <span class="filter">查询</span>
 
+                <span class="filterclear">清空</span>
 
+            </div>
 
+            <table>
 
+                <thead>
 
+                    <th class="moduleName" style="width: 65px;">序号</th>
 
+                    <th class="moduleItemName">模块名称</th>
 
+                    <th class="moduleScore" style="width: 80px;">缺陷占比</th>
 
+                </thead>
 
+                <tbody>
 
+    
+                </tbody>
 
+            </table>
 
+            <div class="pagination"></div>
 
+        </div>
 
+        
+        
+        
+    </div>
 
+</body>
 
+
 
+</html>

+ 2 - 2
src/html/tiaomu.html
Tampilan Berkas 

@@ -31,13 +31,13 @@
 
                         <input class="moduleItemInp" type="text" placeholder="请输入条目名称">
 
                         <input class="moduleItemInp" type="text" placeholder="请输入条目名称">
 
                     </span>
 
                     </span>
 
                 </span>
 
                 </span>
 
-                <!-- <span class="filterItem typeFilter deptListWrap">
 
+                <span class="filterItem typeFilter deptListWrap">
 
                     <span>科室：</span>
 
                     <span>科室：</span>
 
                     <span class="selectDept" data-id=" "><i>--</i></span>
 
                     <span class="selectDept" data-id=" "><i>--</i></span>
 
                     <ul class="deptList filterDropList">
 
                     <ul class="deptList filterDropList">
 
                         
                         
                     </ul>
 
                     </ul>
 
-                </span> -->
 
+                </span>
 
                 <span class="filter">查询</span>
 
                 <span class="filter">查询</span>
 
                 <span class="filterclear">清空</span>
 
                 <span class="filterclear">清空</span>
 
             </div>
 
             </div>

+ 59 - 0
src/html/tiaomuControl.html
Tampilan Berkas 

@@ -0,0 +1,59 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
+    <title></title>
 
+    
+</head>
 
+
 
+<body>
 
+    <div class="managerContainer tiaomu">
 
+        <div class="partTitle">
 
+          <p><a href="console.html">控制台 / </a>条目缺陷占比</p>
 
+          <div class="monthYear">
 
+            <span class="mon">本月</span>
 
+            <span class="year">本年</span>
 
+          </div> 
+          <div class="dateDetail fr">
 
+            
+          </div>
 
+        </div>
 
+        <div class="partTitleT"></div>
 
+        <div class="grayLine"></div>
 
+        <div class="main-body">
 
+            <div class="filterBox">
 
+                <span class="filterItem">
 
+                    <span>条目名称：</span>
 
+                    <span class="">
 
+                        <input class="moduleItemInp" type="text" placeholder="请输入条目名称">
 
+                    </span>
 
+                </span>
 
+                <!-- <span class="filterItem typeFilter deptListWrap">
 
+                    <span>科室：</span>
 
+                    <span class="selectDept" data-id=" "><i>--</i></span>
 
+                    <ul class="deptList filterDropList">
 
+                        
+                    </ul>
 
+                </span> -->
 
+                <span class="filter">查询</span>
 
+                <span class="filterclear">清空</span>
 
+            </div>
 
+            <table>
 
+                <thead>
 
+                    <th class="moduleName" style="width: 65px;">序号</th>
 
+                    <th class="moduleItemName">条目名称</th>
 
+                    <th class="moduleScore" style="width: 80px;">缺陷占比</th>
 
+                </thead>
 
+                <tbody>
 
+    
+                </tbody>
 
+            </table>
 
+            <div class="pagination"></div>
 
+        </div>
 
+    </div>
 
+</body>
 
+
 
+</html>

+ 455 - 0
src/js/mukuaiControl.js
Tampilan Berkas 

@@ -0,0 +1,455 @@
 
+const $ = require('jquery');
 
+require("../css/mukuai.less");
 
+require('./../resource/jquery-ui/jquery-ui.min.js');
 
+require('./modal.js');
 
+const {api} = require('./api.js')
 
+const {post,getCookie,getUrlArgObjectNew} = require('./utils.js')
 
+const switchIconOpen = require("./../images/btn_open.png")
 
+const switchIconClose = require("./../images/btn_close.png")
 
+const iconDown= require("./../images/arrow_down.png")
 
+const iconUp = require("./../images/arrow_up.png")
 
+const arrowLeft= require("./../images/arrow_left.png")
 
+const arrowRight = require("./../images/arrow_right.png")
 
+
 
+
 
+let casesId="", name="", isReject ="2", isUsed ="",casesIdTemp="", nameTemp="", isRejectTemp ="2", isUsedTemp ="",from="",deptIdTemp="",deptItemId="",deptId=""
 
+$(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+$(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+$(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+$(".selectUsed").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+let deptList = JSON.parse(getCookie("deptList"))||[]
 
+$(function(){
 
+    dateChange()
 
+    let srcUrl = $("#contentIframe",parent.document).attr("src")
 
+    isReject = 2||getUrlArgObjectNew("dateType",srcUrl)
 
+    // deptName = getUrlArgObjectNew("deptName",srcUrl)||""
 
+    from = getUrlArgObjectNew("from",srcUrl)||""
 
+    getTabData(1)//条目缺陷
 
+    
+    $(".partTitle a").click(function(){
 
+        //初始菜单选中
 
+        $(".menu .page",parent.document).removeClass("active").eq(0).addClass("active");
 
+        $(".container",parent.document).addClass("console-cont");
 
+    })
 
+})
 
+bindDeptSelect()
 
+//科室选择
 
+function bindDeptSelect(){
 
+    $(document).on("click",'.deptItem',function(){
 
+        const deptItemName = $(this).attr("data-name")||''
 
+        const deptItemId = $(this).attr("data-id")
 
+        deptIdTemp =deptItemId
 
+        if(deptItemName.length > 10){
 
+            $('.selectDept').html(deptItemName.substring(0,8)+'...')
 
+        }else{
 
+            $('.selectDept').html(deptItemName)
 
+        }
 
+        $('.selectDept ').attr('title',deptItemName)
 
+        $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+
 
+        $(".deptList").css("display", "none")
 
+    })
 
+}
 
+//全选绑定
 
+
 
+$('.selectDept').on("click", function(e){
 
+    e.stopPropagation()
 
+    $(".levelList ").css("display","none")
 
+    $(".selectLevel .arrow").attr("src",iconDown)
 
+    const showList =  $(".deptList ").css("display")
 
+    if(showList == "none" ||!showList){
 
+        $(".deptList ").css("display","block")
 
+        $(".selectDept .arrow").attr("src",iconUp)
 
+    }else{
 
+        $(".deptList ").css("display", "none")
 
+        $(".selectDept .arrow").attr("src",iconDown)
 
+    }
 
+})
 
+
 
+//科室处理
 
+getDeptList()
 
+function getDeptList(){
 
+    let str = ``
 
+    if(deptList.length<=0)return
 
+    $(".mukuai .selectDept ").attr("data-id",deptList[0].deptName).find("i").html(deptList[0].deptName)
 
+    for(let i = 0;i < deptList.length;i++){
 
+        let tmp = deptList[i]
 
+        str += `<li class="deptItem ellipsis" title="${tmp.deptName}" data-id="${tmp.deptName}" data-name="${tmp.deptName}">${tmp.deptName}</li>`
 
+    }
 
+    $(".mukuai .filterDropList").html(str)
 
+}
 
+//判断有无某一权限
 
+function hasData(data){
 
+    let lis = JSON.parse(getCookie("codeLis"))||[]
 
+    if(lis.indexOf(data)>-1){//有权限
 
+        return true
 
+    }
 
+    return false;
 
+  }
 
+  //所有数据切换日期筛选
 
+function dateChange(){
 
+    $(".monthYear .mon").click(function(){
 
+        $(this).css({
 
+            backgroundColor:'#5A8EEE',
 
+            color:'#fff'
 
+        }).siblings().css({
 
+            color:'#5A8EEE',
 
+            backgroundColor:'#fff'
 
+        })
 
+        isReject = 1
 
+        getTabData(1)
 
+    })
 
+    $(".monthYear .year").click(function(){
 
+        $(this).css({
 
+            backgroundColor:'#5A8EEE',
 
+            color:'#fff'
 
+        }).siblings().css({
 
+            color:'#5A8EEE',
 
+            backgroundColor:'#fff'
 
+        })
 
+        isReject = 2
 
+        getTabData(1)
 
+    })
 
+}
 
+//获取表格数据
 
+function getTabData(activePage){
 
+    const param = {
 
+        current:activePage,
 
+        type: isReject,
 
+        name: name, //条目名
 
+        deptName: deptId||deptList.length>0&&deptList[0].deptName, //科室名
 
+        size: 15
 
+    }
 
+    post(from == 1?api.entryCountGroupByCasePage:api.entryCountGroupByCaseAndDeptPage,param).then(res =>{
 
+        if(res.data.code == '0'){
 
+            const data = res.data.data.records
 
+            const totalPage = res.data.data.pages
 
+            const totalNum = res.data.data.total
 
+            renderTab(data,activePage)
 
+            if(totalPage > 1){
 
+                renderPagination(totalPage,Number(activePage),totalNum)
 
+            } else{
 
+                $('.pagination').html("")
 
+            }
 
+        }else{}
 
+    }).catch((e) =>{})
 
+}
 
+$(".moduleItemInp").on("input", function(e){
 
+    const val = $(this).val().trim()
 
+    nameTemp = val
 
+})
 
+$(".filter").on("click", function(e){
 
+    casesId=casesIdTemp, name=nameTemp, isReject =isRejectTemp, isUsed =isUsedTemp,deptId = deptIdTemp
 
+    getTabData(1)
 
+})
 
+$(".filterclear").on("click", function(e){
 
+    nameTemp = ""
 
+    $(".moduleItemInp").val("")
 
+})
 
+$('.selectModuleType').on("click", function(e){
 
+    e.stopPropagation()
 
+    $(".rejectList ").css("display","none")
 
+    $(".usedList ").css("display", "none")
 
+    $(".selectReject .arrow").attr("src",iconDown)
 
+    $(".selectUsed .arrow").attr("src",iconDown)
 
+    const showList =  $(".moduleTypeList ").css("display")
 
+    if(showList == "none" ||!showList){
 
+        $(".moduleTypeList ").css("display","block")
 
+        $(".selectModuleType .arrow").attr("src",iconUp)
 
+    }else{
 
+        $(".moduleTypeList ").css("display", "none")
 
+        $(".selectModuleType .arrow").attr("src",iconDown)
 
+    }
 
+})
 
+    
+$('.selectReject').on("click", function(e){
 
+    e.stopPropagation()
 
+    $(".moduleTypeList ").css("display", "none")
 
+    $(".usedList ").css("display", "none")
 
+    $(".selectModuleType .arrow").attr("src",iconDown)
 
+    $(".selectUsed .arrow").attr("src",iconDown)
 
+    const showList =  $(".rejectList ").css("display")
 
+    if(showList == "none" ||!showList){
 
+        $(".rejectList ").css("display","block")
 
+        $(".selectUsed .arrow").attr("src",iconUp)
 
+    }else{
 
+        $(".rejectList ").css("display", "none")
 
+        $(".selectUsed .arrow").attr("src",iconDown)
 
+    }
 
+})
 
+$('.selectUsed').on("click", function(e){
 
+    e.stopPropagation()
 
+    $(".moduleTypeList ").css("display", "none")
 
+    $(".rejectList ").css("display","none")
 
+    $(".selectModuleType .arrow").attr("src",iconDown)
 
+    $(".selectReject .arrow").attr("src",iconDown)
 
+    const showList =  $(".usedList ").css("display")
 
+    if(showList == "none" ||!showList){
 
+        $(".usedList ").css("display","block")
 
+        $(".selectUsed .arrow").attr("src",iconUp)
 
+    }else{
 
+        $(".usedList ").css("display", "none")
 
+        $(".selectUsed .arrow").attr("src",iconDown)
 
+    }
 
+})
 
+// bindRejectSelect()
 
+// bindUsedSelect()
 
+// getmoduleTypeList()
 
+function renderTab(data,activePage){
 
+    let str = ``;
 
+    const cls = hasData("FUNC000007")?"editItem":"editItemDis";
 
+    for(let i = 0; i < data.length; i++){
 
+        const item = data[i]
 
+        str += `
 
+            <tr data-id=${item.id} data-index=${i}>
 
+                <td  class="textCenter">${(activePage-1)*15 + i+1}</td>
 
+                <td>${item.name}</td>
 
+                <td  class="textCenter">${item.percentStr}</td>
 
+            </tr>
 
+        `
 
+    }
 
+    $('tbody').html(str)
 
+    bindEdit(data,activePage)
 
+}
 
+
 
+function bindEdit(data,activePage){
 
+    if(!hasData('FUNC000007')){
 
+        return
 
+    }
 
+    $('.editItem').click(function(e){
 
+        const index = $(this).parent().attr('data-index') 
+        editItem(data[index],activePage)
 
+    })
 
+}
 
+
 
+//修改
 
+function editItem(item,activePage){
 
+    const itemCpoy = JSON.parse(JSON.stringify(item))
 
+    $('.pop-box').remove()
 
+    $('.container').append('<div class="pop-box"></div>')
 
+    const str = `
 
+        <div class="itemMsgBox">
 
+            <div class="mask"></div>
 
+            <div class="itemMsgContent">
 
+                <p class="itemMsgTitle">修改 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
 
+                <div class="itemMsgContentBox">
 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">模块名称：</span> <span class="itemInfoRight">${itemCpoy.casesName}</span></div>
 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">条目名称：</span> <span class="itemInfoRight"> ${itemCpoy.name}</span></div>
 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">提示信息：</span> <span class="itemInfoRight"> <input class="itemTipMsg" value="${itemCpoy.msg}" /></span></div>
 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">
 
+                        分值：
 
+                        </span> <span class="itemInfoRight"> 
+                            <input class="itemScore" type="number" min="0" value=${itemCpoy.score} />
 
+                        </span>
 
+                        <p class="itemMsgInfoTips">支持≥0的数字输入，最多保留小数点后1位~</p>
 
+                    </div>
 
+                 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">单项否决：</span><span class="itemInfoRight itemReject">${item.isReject == '1' ? `<img class="switchImg" src=${switchIconOpen} /><span class="imgInfo">  是</span>`:`<img class="switchImg" src=${switchIconClose} /> <span class="imgInfo"> 否</span>`}</span></div>
 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">启用：</span><span class=" temInfoRight itemUsed">${item.isUsed == '1' ? `<img class="switchImg" src=${switchIconOpen} /><span class="imgInfo"> 是</span>`:`<img class="switchImg" src=${switchIconClose} /> <span class="imgInfo"> 否</span>`}</span></div>
 
+                </div>
 
+                
+                <div class="confirmEditBox"><span class="confirmEdit">保存</span></div>
 
+            </div>
 
+        </div>
 
+       
+    `
 
+    $("#mainBox", parent.document).append(str)
 
+    $("#mainBox .itemMsgBox .iconClose", parent.document).on("click", function(e){
 
+        $("#mainBox .itemMsgBox", parent.document).remove()
 
+    })
 
+    $("#mainBox .itemMsgBox .itemTipMsg", parent.document).on("input", function(e){
 
+        const val = $(this).val().trim()
 
+        itemCpoy.msg = val
 
+    })
 
+    $("#mainBox .itemMsgBox .itemScore", parent.document).on("keypress", function(e){
 
+        return (/[0-9\.]/.test(String.fromCharCode(e.keyCode)))
 
+    })
 
+    $("#mainBox .itemMsgBox .itemScore", parent.document).on("input", function(e){
 
+        const val = $(this).val()
 
+        itemCpoy.score = val
 
+    })
 
+    $("#mainBox .itemMsgBox .itemReject", parent.document).on("click", function(e){
 
+        itemCpoy.isReject = itemCpoy.isReject == 1 ? 0 : 1
 
+        $('#mainBox .itemMsgBox', parent.document).remove()
 
+        editItem(itemCpoy,activePage)
 
+    })
 
+    $("#mainBox .itemMsgBox .itemUsed", parent.document).on("click", function(e){
 
+        itemCpoy.isUsed = itemCpoy.isUsed == 1 ? 0 : 1
 
+        $('#mainBox .itemMsgBox', parent.document).remove()
 
+        editItem(itemCpoy,activePage)
 
+    })
 
+    
+    $("#mainBox .itemMsgBox .confirmEdit", parent.document).on("click", function(){
 
+        var reg = new RegExp(/^\d+(\.\d)?$/);
 
+        if(reg.test(itemCpoy.score)){
 
+            // console.log('itemCopy', itemCpoy)
 
+            if(!itemCpoy.msg.trim()){
 
+                $.alerModal({"message":"提示信息不能为空~",type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
 
+                return 
+            }
 
+            
+            saveEdit(itemCpoy,activePage)
 
+            $("#mainBox .itemMsgBox .itemMsgInfoTips", parent.document).css("display","none")
 
+            $('#mainBox .itemMsgBox', parent.document).remove()
 
+            return 
+        }else{
 
+            $("#mainBox .itemMsgBox .itemMsgInfoTips", parent.document).css("display","block")
 
+            
+            return
 
+        }
 
+      
+    })
 
+   
+    
+}
 
+
 
+//保存修改
 
+function saveEdit(item,activePage){
 
+    const param = {
 
+        id: item.id,
 
+        isReject: item.isReject,
 
+        isUsed: item.isUsed,
 
+        msg: item.msg,
 
+        score: item.score
 
+    }
 
+
 
+    post(api.updataQcCasesEntry,param).then(res =>{
 
+        if(res.data.code == '0'){
 
+            // const data = res.data.data
 
+            $.alerModal({"message":"修改成功",type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
 
+            getTabData(activePage)
 
+        }else{}
 
+    }).catch((e) =>{
 
+    
+    })
 
+}
 
+
 
+//获取模块类型
 
+function getmoduleTypeList(){
 
+    post(api.getQcCasesAll).then(res =>{
 
+        if(res.data.code == '0'){
 
+           const  moduleTypeList = res.data.data
 
+           renderModuleTypeList(moduleTypeList)
 
+        }else{}
 
+    }).catch((e) =>{
 
+    
+    })
 
+}
 
+
 
+
 
+function renderModuleTypeList(moduleTypeList){
 
+    let str = `<li class="modeTypeItem " data-id=" " data-name="全部">全部</li>`
 
+    for(let i = 0; i < moduleTypeList.length; i++){
 
+        str += `<li class="modeTypeItem ellipsis" title=${moduleTypeList[i].name} data-id=${moduleTypeList[i].id} data-name=${moduleTypeList[i].name}> ${moduleTypeList[i].name}</li>`
 
+    }
 
+    $('.moduleTypeList').html(str)
 
+    bindModuleTypeSelect()
 
+}
 
+
 
+//模块类型选择
 
+function bindModuleTypeSelect(){
 
+    $('.modeTypeItem').on("click",function(){
 
+        const modeTypeItemName = $(this).attr("data-name")
 
+        const modeTypeItemId = $(this).attr("data-id")
 
+        casesIdTemp =modeTypeItemId
 
+        $('.selectModuleType').html(modeTypeItemName).attr("title",modeTypeItemName)
 
+        $(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+
 
+        $(".moduleTypeList ").css("display", "none")
 
+    })
 
+}
 
+//单项否决选择
 
+function bindRejectSelect(){
 
+    $('.rejectItem').on("click",function(){
 
+        const rejectItemName = $(this).attr("data-name")
 
+        const rejectItemId = $(this).attr("data-id")
 
+        isRejectTemp=rejectItemId
 
+        $('.selectReject').html(rejectItemName)
 
+        $(".rejectList ").css("display", "none")
 
+        $(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+
 
+    })
 
+}
 
+//是否启用选择
 
+function bindUsedSelect(){
 
+    $('.usedItem').on("click",function(){
 
+        const usedItemName = $(this).attr("data-name")
 
+        const usedItemItemId = $(this).attr("data-id")
 
+        isUsedTemp =usedItemItemId
 
+        $('.selectUsed').html(usedItemName)
 
+        $(".usedList").css("display", "none")
 
+        $(".selectUsed").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+    })
 
+}
 
+
 
+
 
+
 
+
 
+//分页渲染
 
+function renderPagination(totalPage,activePage,totalNum){
 
+    let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
 
+    if(totalPage <= 6){
 
+        for(let i = 1; i <= totalPage; i++){
 
+            str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
 
+        }
 
+    }else{
 
+        if(activePage <= 3){ //选中页数小于4
 
+            for(let i = 1; i <= 4; i++){
 
+                str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
 
+            }
 
+            str += `<span class="more" >...</span>`
 
+        str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
 
+
 
+        } else if(activePage > totalPage -3){
 
+            str += `<span class="pageNum page1" data-page=1>1</span>`
 
+            str += `<span class="more" >...</span>`
 
+            str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
 
+            str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
 
+            str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
 
+            str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
 
+        } else {
 
+            str += `<span class="pageNum page1" data-page=1>1</span>`
 
+            str += `<span class="more" >...</span>`
 
+            str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
 
+            str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
 
+            str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
 
+            str += `<span class="more" >...</span>`
 
+            str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
 
+        }
 
+       
+    }
 
+    str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
 
+    $('.pagination').html(str)
 
+    $('.page' + activePage).addClass('activePage')
 
+    $(".pageNum").on("click", function(e){
 
+        const activePageNow = Number($(this).attr('data-page'))
 
+        getTabData(activePageNow)
 
+        // renderPagination(totalPage,activePageNow,totalNum)
 
+    })
 
+    $(".prePage").on("click", function(e){
 
+        let activePageNow = Number($(".activePage").attr('data-page'))
 
+        if(activePageNow > 1){
 
+            activePageNow--
 
+            getTabData(activePageNow)
 
+            // renderPagination(totalPage,activePageNow,totalNum)
 
+        }
 
+    })
 
+    $(".nextPage").on("click", function(e){
 
+        let activePageNow = Number($(".activePage").attr('data-page'))
 
+        if(activePageNow < totalPage){
 
+            activePageNow++
 
+            getTabData(activePageNow)
 
+            // renderPagination(totalPage,activePageNow,totalNum)
 
+        }
 
+    })
 
+    
+}
 
+
 
+$(document).on("click", function(){
 
+    $(".moduleTypeList ").css("display", "none")
 
+    $(".rejectList ").css("display","none")
 
+    $(".usedList ").css("display", "none")
 
+    $(".selectModuleType .arrow").attr("src",iconDown)
 
+    $(".selectReject .arrow").attr("src",iconDown)
 
+    $(".selectUsed .arrow").attr("src",iconDown)
 
+})

+ 483 - 0
src/js/tiaomuControl.js
Tampilan Berkas 

@@ -0,0 +1,483 @@
 
+const $ = require('jquery');
 
+require("../css/tiaomu.less");
 
+require('./../resource/jquery-ui/jquery-ui.min.js');
 
+require('./modal.js');
 
+const {api} = require('./api.js')
 
+const {post,getCookie,getUrlArgObjectNew} = require('./utils.js')
 
+const switchIconOpen = require("./../images/btn_open.png")
 
+const switchIconClose = require("./../images/btn_close.png")
 
+const iconDown= require("./../images/arrow_down.png")
 
+const iconUp = require("./../images/arrow_up.png")
 
+const arrowLeft= require("./../images/arrow_left.png")
 
+const arrowRight = require("./../images/arrow_right.png")
 
+
 
+
 
+let casesId="", name="", isReject ="2",deptName="", isUsed ="",casesIdTemp="", nameTemp="", isRejectTemp ="2", isUsedTemp ="",from="",deptIdTemp="",deptItemId="",deptId=""
 
+$(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+$(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+$(".selectUsed").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+$(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+let deptList = JSON.parse(getCookie("deptList"))||[]
 
+$(function(){
 
+    dateChange()
 
+    let srcUrl = $("#contentIframe",parent.document).attr("src")
 
+    isReject = 2||getUrlArgObjectNew("dateType",srcUrl)
 
+    deptName = getUrlArgObjectNew("deptName",srcUrl)||""
 
+    from = getUrlArgObjectNew("from",srcUrl)||""
 
+    getTabData(1)//条目缺陷
 
+    
+    $(".partTitle a").click(function(){
 
+        //初始菜单选中
 
+        $(".menu .page",parent.document).removeClass("active").eq(0).addClass("active");
 
+        $(".container",parent.document).addClass("console-cont");
 
+    })
 
+})
 
+bindDeptSelect()
 
+//科室选择
 
+function bindDeptSelect(){
 
+    $(document).on("click",'.deptItem',function(){
 
+        const deptItemName = $(this).attr("data-name")
 
+        const deptItemId = $(this).attr("data-id")
 
+        deptIdTemp =deptItemId
 
+        if(deptItemName.length > 10){
 
+            $('.selectDept').html(deptItemName.substring(0,8)+'...')
 
+        }else{
 
+            $('.selectDept').html(deptItemName)
 
+        }
 
+        $('.selectDept ').attr('title',deptItemName)
 
+        $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+
 
+        $(".deptList").css("display", "none")
 
+    })
 
+}
 
+//全选绑定
 
+
 
+$('.selectDept').on("click", function(e){
 
+    e.stopPropagation()
 
+    $(".levelList ").css("display","none")
 
+    $(".selectLevel .arrow").attr("src",iconDown)
 
+    const showList =  $(".deptList ").css("display")
 
+    if(showList == "none" ||!showList){
 
+        $(".deptList ").css("display","block")
 
+        $(".selectDept .arrow").attr("src",iconUp)
 
+    }else{
 
+        $(".deptList ").css("display", "none")
 
+        $(".selectDept .arrow").attr("src",iconDown)
 
+    }
 
+})
 
+
 
+//科室处理
 
+getDeptList()
 
+function getDeptList(){
 
+    let str = ``
 
+    if(deptList.length<=0)return
 
+    $(".tiaomu .selectDept ").attr("data-id",deptList[0].deptName).find("i").html(deptList[0].deptName)
 
+    for(let i = 0;i < deptList.length;i++){
 
+        let tmp = deptList[i]
 
+        str += `<li class="deptItem ellipsis" title="${tmp.deptName}" data-id="${tmp.deptName}" data-name="${tmp.deptName}">${tmp.deptName}</li>`
 
+    }
 
+    $(".tiaomu .filterDropList").html(str)
 
+}
 
+function getTabData(activePage){
 
+    const param = {
 
+        current:activePage,
 
+        type: isReject,
 
+        name: name, //条目名
 
+        deptName: deptId||deptList.length>0&&deptList[0].deptName, //科室名
 
+        size: 15
 
+    }
 
+    // console.log(isReject)
 
+    post(from == 1?api.entryCountGroupByEntryPage:api.entryCountGroupByEntryAndDeptPage,param).then(res =>{
 
+        if(res.data.code == '0'){
 
+            const data = res.data.data.records
 
+            const totalPage = res.data.data.pages
 
+            const totalNum = res.data.data.total
 
+            renderTab(data,activePage)
 
+            if(totalPage > 1){
 
+                renderPagination(totalPage,Number(activePage),totalNum)
 
+            } else{
 
+                $('.pagination').html("")
 
+            }
 
+        }else{}
 
+    }).catch((e) =>{
 
+    
+    })
 
+}
 
+//所有数据切换日期筛选
 
+function dateChange(){
 
+    $(".monthYear .mon").click(function(){
 
+        $(this).css({
 
+            backgroundColor:'#5A8EEE',
 
+            color:'#fff'
 
+        }).siblings().css({
 
+            color:'#5A8EEE',
 
+            backgroundColor:'#fff'
 
+        })
 
+        isReject = 1
 
+        getTabData(1)
 
+    })
 
+    $(".monthYear .year").click(function(){
 
+        $(this).css({
 
+            backgroundColor:'#5A8EEE',
 
+            color:'#fff'
 
+        }).siblings().css({
 
+            color:'#5A8EEE',
 
+            backgroundColor:'#fff'
 
+        })
 
+        isReject = 2
 
+        getTabData(1)
 
+    })
 
+}
 
+//判断有无某一权限
 
+function hasData(data){
 
+    let lis = JSON.parse(getCookie("codeLis"))||[]
 
+    if(lis.indexOf(data)>-1){//有权限
 
+        return true
 
+    }
 
+    return false;
 
+}
 
+//获取表格数据
 
+function getTabDatas(activePage){
 
+    const param = {
 
+        current:activePage,
 
+        casesId: casesId,
 
+        name: name, //条目名
 
+        isReject: isReject, //1-单项否决 0-非
 
+        isUsed: isUsed, //0-未启用 1-启用
 
+        size: 15
 
+    }
 
+    post(api.getQcCasesEntryAll,param).then(res =>{
 
+        if(res.data.code == '0'){
 
+            const data = res.data.data.records
 
+            const totalPage = res.data.data.pages
 
+            const totalNum = res.data.data.total
 
+            renderTab(data,activePage)
 
+            if(totalPage > 1){
 
+                renderPagination(totalPage,Number(activePage),totalNum)
 
+            } else{
 
+                $('.pagination').html("")
 
+            }
 
+        }else{}
 
+    }).catch((e) =>{
 
+    
+    })
 
+}
 
+$(".moduleItemInp").on("input", function(e){
 
+    const val = $(this).val().trim()
 
+    nameTemp = val
 
+})
 
+$(".filter").on("click", function(e){
 
+    casesId=casesIdTemp, name=nameTemp, isReject =isRejectTemp, isUsed =isUsedTemp,deptId = deptIdTemp
 
+    getTabData(1)
 
+})
 
+$(".filterclear").on("click", function(e){
 
+    nameTemp = ""
 
+    $(".moduleItemInp").val("")
 
+})
 
+$('.selectModuleType').on("click", function(e){
 
+    e.stopPropagation()
 
+    $(".rejectList ").css("display","none")
 
+    $(".usedList ").css("display", "none")
 
+    $(".selectReject .arrow").attr("src",iconDown)
 
+    $(".selectUsed .arrow").attr("src",iconDown)
 
+    const showList =  $(".moduleTypeList ").css("display")
 
+    if(showList == "none" ||!showList){
 
+        $(".moduleTypeList ").css("display","block")
 
+        $(".selectModuleType .arrow").attr("src",iconUp)
 
+    }else{
 
+        $(".moduleTypeList ").css("display", "none")
 
+        $(".selectModuleType .arrow").attr("src",iconDown)
 
+    }
 
+})
 
+$('.selectReject').on("click", function(e){
 
+    e.stopPropagation()
 
+    $(".moduleTypeList ").css("display", "none")
 
+    $(".usedList ").css("display", "none")
 
+    $(".selectModuleType .arrow").attr("src",iconDown)
 
+    $(".selectUsed .arrow").attr("src",iconDown)
 
+    const showList =  $(".rejectList ").css("display")
 
+    if(showList == "none" ||!showList){
 
+        $(".rejectList ").css("display","block")
 
+        $(".selectUsed .arrow").attr("src",iconUp)
 
+    }else{
 
+        $(".rejectList ").css("display", "none")
 
+        $(".selectUsed .arrow").attr("src",iconDown)
 
+    }
 
+})
 
+$('.selectUsed').on("click", function(e){
 
+    e.stopPropagation()
 
+    $(".moduleTypeList ").css("display", "none")
 
+    $(".rejectList ").css("display","none")
 
+    $(".selectModuleType .arrow").attr("src",iconDown)
 
+    $(".selectReject .arrow").attr("src",iconDown)
 
+    const showList =  $(".usedList ").css("display")
 
+    if(showList == "none" ||!showList){
 
+        $(".usedList ").css("display","block")
 
+        $(".selectUsed .arrow").attr("src",iconUp)
 
+    }else{
 
+        $(".usedList ").css("display", "none")
 
+        $(".selectUsed .arrow").attr("src",iconDown)
 
+    }
 
+})
 
+// bindRejectSelect()
 
+// bindUsedSelect()
 
+// getTabData(1)
 
+// getmoduleTypeList()
 
+function renderTab(data,activePage){
 
+    let str = ``;
 
+    const cls = hasData("FUNC000007")?"editItem":"editItemDis";
 
+    for(let i = 0; i < data.length; i++){
 
+        const item = data[i]
 
+        str += `
 
+            <tr data-id=${item.id} data-index=${i}>
 
+                <td  class="textCenter">${(activePage-1)*15 + i+1}</td>
 
+                <td>${item.name}</td>
 
+                <td  class="textCenter">${item.percentStr}</td>
 
+            </tr>
 
+        `
 
+    }
 
+    $('tbody').html(str)
 
+    bindEdit(data,activePage)
 
+}
 
+
 
+function bindEdit(data,activePage){
 
+    if(!hasData('FUNC000007')){
 
+        return
 
+    }
 
+    $('.editItem').click(function(e){
 
+        const index = $(this).parent().attr('data-index') 
+        editItem(data[index],activePage)
 
+    })
 
+}
 
+
 
+//修改
 
+function editItem(item,activePage){
 
+    const itemCpoy = JSON.parse(JSON.stringify(item))
 
+    $('.pop-box').remove()
 
+    $('.container').append('<div class="pop-box"></div>')
 
+    const str = `
 
+        <div class="itemMsgBox">
 
+            <div class="mask"></div>
 
+            <div class="itemMsgContent">
 
+                <p class="itemMsgTitle">修改 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
 
+                <div class="itemMsgContentBox">
 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">模块名称：</span> <span class="itemInfoRight">${itemCpoy.casesName}</span></div>
 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">条目名称：</span> <span class="itemInfoRight"> ${itemCpoy.name}</span></div>
 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">提示信息：</span> <span class="itemInfoRight"> <input class="itemTipMsg" value="${itemCpoy.msg}" /></span></div>
 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">
 
+                        分值：
 
+                        </span> <span class="itemInfoRight"> 
+                            <input class="itemScore" type="number" min="0" value=${itemCpoy.score} />
 
+                        </span>
 
+                        <p class="itemMsgInfoTips">支持≥0的数字输入，最多保留小数点后1位~</p>
 
+                    </div>
 
+                 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">单项否决：</span><span class="itemInfoRight itemReject">${item.isReject == '1' ? `<img class="switchImg" src=${switchIconOpen} /><span class="imgInfo">  是</span>`:`<img class="switchImg" src=${switchIconClose} /> <span class="imgInfo"> 否</span>`}</span></div>
 
+                    <div class="itemMsgInfoBox"><span class="itemMsgLab">启用：</span><span class=" temInfoRight itemUsed">${item.isUsed == '1' ? `<img class="switchImg" src=${switchIconOpen} /><span class="imgInfo"> 是</span>`:`<img class="switchImg" src=${switchIconClose} /> <span class="imgInfo"> 否</span>`}</span></div>
 
+                </div>
 
+                
+                <div class="confirmEditBox"><span class="confirmEdit">保存</span></div>
 
+            </div>
 
+        </div>
 
+       
+    `
 
+    $("#mainBox", parent.document).append(str)
 
+    $("#mainBox .itemMsgBox .iconClose", parent.document).on("click", function(e){
 
+        $("#mainBox .itemMsgBox", parent.document).remove()
 
+    })
 
+    $("#mainBox .itemMsgBox .itemTipMsg", parent.document).on("input", function(e){
 
+        const val = $(this).val().trim()
 
+        itemCpoy.msg = val
 
+    })
 
+    $("#mainBox .itemMsgBox .itemScore", parent.document).on("keypress", function(e){
 
+        return (/[0-9\.]/.test(String.fromCharCode(e.keyCode)))
 
+    })
 
+    $("#mainBox .itemMsgBox .itemScore", parent.document).on("input", function(e){
 
+        const val = $(this).val()
 
+        itemCpoy.score = val
 
+    })
 
+    $("#mainBox .itemMsgBox .itemReject", parent.document).on("click", function(e){
 
+        itemCpoy.isReject = itemCpoy.isReject == 1 ? 0 : 1
 
+        $('#mainBox .itemMsgBox', parent.document).remove()
 
+        editItem(itemCpoy,activePage)
 
+    })
 
+    $("#mainBox .itemMsgBox .itemUsed", parent.document).on("click", function(e){
 
+        itemCpoy.isUsed = itemCpoy.isUsed == 1 ? 0 : 1
 
+        $('#mainBox .itemMsgBox', parent.document).remove()
 
+        editItem(itemCpoy,activePage)
 
+    })
 
+    
+    $("#mainBox .itemMsgBox .confirmEdit", parent.document).on("click", function(){
 
+        var reg = new RegExp(/^\d+(\.\d)?$/);
 
+        if(reg.test(itemCpoy.score)){
 
+            // console.log('itemCopy', itemCpoy)
 
+            if(!itemCpoy.msg.trim()){
 
+                $.alerModal({"message":"提示信息不能为空~",type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
 
+                return 
+            }
 
+            
+            saveEdit(itemCpoy,activePage)
 
+            $("#mainBox .itemMsgBox .itemMsgInfoTips", parent.document).css("display","none")
 
+            $('#mainBox .itemMsgBox', parent.document).remove()
 
+            return 
+        }else{
 
+            $("#mainBox .itemMsgBox .itemMsgInfoTips", parent.document).css("display","block")
 
+            
+            return
 
+        }
 
+      
+    })
 
+   
+    
+}
 
+
 
+//保存修改
 
+function saveEdit(item,activePage){
 
+    const param = {
 
+        id: item.id,
 
+        isReject: item.isReject,
 
+        isUsed: item.isUsed,
 
+        msg: item.msg,
 
+        score: item.score
 
+    }
 
+
 
+    post(api.updataQcCasesEntry,param).then(res =>{
 
+        if(res.data.code == '0'){
 
+            // const data = res.data.data
 
+            $.alerModal({"message":"修改成功",type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
 
+            getTabData(activePage)
 
+        }else{}
 
+    }).catch((e) =>{
 
+    
+    })
 
+}
 
+
 
+//获取模块类型
 
+function getmoduleTypeList(){
 
+    post(api.getQcCasesAll).then(res =>{
 
+        if(res.data.code == '0'){
 
+           const  moduleTypeList = res.data.data
 
+           renderModuleTypeList(moduleTypeList)
 
+        }else{}
 
+    }).catch((e) =>{
 
+    
+    })
 
+}
 
+
 
+
 
+function renderModuleTypeList(moduleTypeList){
 
+    let str = `<li class="modeTypeItem " data-id=" " data-name="全部">全部</li>`
 
+    for(let i = 0; i < moduleTypeList.length; i++){
 
+        str += `<li class="modeTypeItem ellipsis" title=${moduleTypeList[i].name} data-id=${moduleTypeList[i].id} data-name=${moduleTypeList[i].name}> ${moduleTypeList[i].name}</li>`
 
+    }
 
+    $('.moduleTypeList').html(str)
 
+    bindModuleTypeSelect()
 
+}
 
+
 
+//模块类型选择
 
+function bindModuleTypeSelect(){
 
+    $('.modeTypeItem').on("click",function(){
 
+        const modeTypeItemName = $(this).attr("data-name")
 
+        const modeTypeItemId = $(this).attr("data-id")
 
+        casesIdTemp =modeTypeItemId
 
+        $('.selectModuleType').html(modeTypeItemName).attr("title",modeTypeItemName)
 
+        $(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+
 
+        $(".moduleTypeList ").css("display", "none")
 
+    })
 
+}
 
+//单项否决选择
 
+function bindRejectSelect(){
 
+    $('.rejectItem').on("click",function(){
 
+        const rejectItemName = $(this).attr("data-name")
 
+        const rejectItemId = $(this).attr("data-id")
 
+        isRejectTemp=rejectItemId
 
+        $('.selectReject').html(rejectItemName)
 
+        $(".rejectList ").css("display", "none")
 
+        $(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+
 
+    })
 
+}
 
+//是否启用选择
 
+function bindUsedSelect(){
 
+    $('.usedItem').on("click",function(){
 
+        const usedItemName = $(this).attr("data-name")
 
+        const usedItemItemId = $(this).attr("data-id")
 
+        isUsedTemp =usedItemItemId
 
+        $('.selectUsed').html(usedItemName)
 
+        $(".usedList").css("display", "none")
 
+        $(".selectUsed").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 
+    })
 
+}
 
+
 
+
 
+
 
+
 
+//分页渲染
 
+function renderPagination(totalPage,activePage,totalNum){
 
+    let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
 
+    if(totalPage <= 6){
 
+        for(let i = 1; i <= totalPage; i++){
 
+            str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
 
+        }
 
+    }else{
 
+        if(activePage <= 3){ //选中页数小于4
 
+            for(let i = 1; i <= 4; i++){
 
+                str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
 
+            }
 
+            str += `<span class="more" >...</span>`
 
+        str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
 
+
 
+        } else if(activePage > totalPage -3){
 
+            str += `<span class="pageNum page1" data-page=1>1</span>`
 
+            str += `<span class="more" >...</span>`
 
+            str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
 
+            str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
 
+            str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
 
+            str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
 
+        } else {
 
+            str += `<span class="pageNum page1" data-page=1>1</span>`
 
+            str += `<span class="more" >...</span>`
 
+            str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
 
+            str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
 
+            str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
 
+            str += `<span class="more" >...</span>`
 
+            str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
 
+        }
 
+       
+    }
 
+    str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
 
+    $('.pagination').html(str)
 
+    $('.page' + activePage).addClass('activePage')
 
+    $(".pageNum").on("click", function(e){
 
+        const activePageNow = Number($(this).attr('data-page'))
 
+        getTabData(activePageNow)
 
+        // renderPagination(totalPage,activePageNow,totalNum)
 
+    })
 
+    $(".prePage").on("click", function(e){
 
+        let activePageNow = Number($(".activePage").attr('data-page'))
 
+        if(activePageNow > 1){
 
+            activePageNow--
 
+            getTabData(activePageNow)
 
+            // renderPagination(totalPage,activePageNow,totalNum)
 
+        }
 
+    })
 
+    $(".nextPage").on("click", function(e){
 
+        let activePageNow = Number($(".activePage").attr('data-page'))
 
+        if(activePageNow < totalPage){
 
+            activePageNow++
 
+            getTabData(activePageNow)
 
+            // renderPagination(totalPage,activePageNow,totalNum)
 
+        }
 
+    })
 
+    
+}
 
+
 
+$(document).on("click", function(){
 
+    $(".moduleTypeList ").css("display", "none")
 
+    $(".rejectList ").css("display","none")
 
+    $(".usedList ").css("display", "none")
 
+    $(".selectModuleType .arrow").attr("src",iconDown)
 
+    $(".selectReject .arrow").attr("src",iconDown)
 
+    $(".selectUsed .arrow").attr("src",iconDown)
 
+})

+ 2 - 2
src/js/utils.js
Tampilan Berkas 

@@ -16,8 +16,8 @@ const pageMap={
 
   'YH-QXGL-JSGL':'roleManager.html',
 
   'YH-QXGL-JSGL':'roleManager.html',
 
   'YH-KSZR-GMKQXZB_XQ':'mukuai.html?from=2',
 
   'YH-KSZR-GMKQXZB_XQ':'mukuai.html?from=2',
 
   'YH-KSZR-TMQXZB_XQ':'tiaomu.html?from=2',
 
   'YH-KSZR-TMQXZB_XQ':'tiaomu.html?from=2',
 
-  'YH-ZKK-GMKQXZB_XQ':'mukuai.html?from=1',
 
-  'YH-ZKK-TMQXZB_XQ':'tiaomu.html?from=1',
 
+  'YH-ZKK-GMKQXZB_XQ':'mukuaiControl.html?from=1',
 
+  'YH-ZKK-TMQXZB_XQ':'tiaomuControl.html?from=1',
 
   'YH-YCSJJK':'abnormal.html',
 
   'YH-YCSJJK':'abnormal.html',
 
   'YH-ZKK-KSPJZYTS_XQ':'dayDetail.html',
 
   'YH-ZKK-KSPJZYTS_XQ':'dayDetail.html',
 
   'YH-ZKK-KSPJZYHF_XQ':'payDetail.html',
 
   'YH-ZKK-KSPJZYHF_XQ':'payDetail.html',

+ 28 - 0
webpack.config.js
Tampilan Berkas 

@@ -37,6 +37,8 @@ module.exports = {
 
     quexianXQ: path.resolve(__dirname, 'src/js', 'quexianXQ.js'),
 
     quexianXQ: path.resolve(__dirname, 'src/js', 'quexianXQ.js'),
 
     quexianDetail: path.resolve(__dirname, 'src/js', 'quexianDetail.js'),
 
     quexianDetail: path.resolve(__dirname, 'src/js', 'quexianDetail.js'),
 
     quexianDetailControl: path.resolve(__dirname, 'src/js', 'quexianDetailControl.js'),
 
     quexianDetailControl: path.resolve(__dirname, 'src/js', 'quexianDetailControl.js'),
 
+    mukuaiControl: path.resolve(__dirname, 'src/js', 'mukuaiControl.js'),
 
+    tiaomuControl: path.resolve(__dirname, 'src/js', 'tiaomuControl.js'),
 
     vendor: 'lodash'// 多个页面所需的公共库文件，防止重复打包带入
 
     vendor: 'lodash'// 多个页面所需的公共库文件，防止重复打包带入
 
   },
 
   },
 
   output: {
 
   output: {
 
@@ -75,6 +77,32 @@ module.exports = {
 
         collapseWhitespace: true //删除空白符与换行符
 
         collapseWhitespace: true //删除空白符与换行符
 
       }
 
       }
 
     }),
 
     }),
 
+    new HtmlWebpackPlugin({
 
+      title: 'tiaomuControl.html',
 
+      template: path.resolve(__dirname, 'src/html', 'tiaomuControl.html'),
 
+      filename: 'tiaomuControl.html',
 
+      chunks: ['tiaomuControl', 'vendor', 'common'],
 
+      hash: true, //防止缓存
 
+      inject: true,
 
+      minify: {
 
+        removeAttributeQuotes: true, //压缩 去掉引号
 
+        removeComments: true, //移除HTML中的注释
 
+        collapseWhitespace: true //删除空白符与换行符
 
+      }
 
+    }),
 
+    new HtmlWebpackPlugin({
 
+      title: 'mukuaiControl.html',
 
+      template: path.resolve(__dirname, 'src/html', 'mukuaiControl.html'),
 
+      filename: 'mukuaiControl.html',
 
+      chunks: ['mukuaiControl', 'vendor', 'common'],
 
+      hash: true, //防止缓存
 
+      inject: true,
 
+      minify: {
 
+        removeAttributeQuotes: true, //压缩 去掉引号
 
+        removeComments: true, //移除HTML中的注释
 
+        collapseWhitespace: true //删除空白符与换行符
 
+      }
 
+    }),
 
     new HtmlWebpackPlugin({
 
     new HtmlWebpackPlugin({
 
       title: 'quexianDetail.html',
 
       title: 'quexianDetail.html',
 
       template: path.resolve(__dirname, 'src/html', 'quexianDetail.html'),
 
       template: path.resolve(__dirname, 'src/html', 'quexianDetail.html'),