Browse Source

病历评分

zhangxc 5 years ago
parent
commit
18ea58cf81

+ 47 - 0
src/css/qcList.less

@@ -0,0 +1,47 @@
+ul,li{
+    list-style: none;
+}
+h2{
+    padding: 11px 20px;
+    font-size: 16px;
+    font-weight: 600;
+    border-bottom: 1px solid #E2E5EF;
+}
+table{
+    width: 1080px;
+    border:1px solid #E2E5EF;
+    border-collapse: collapse;
+    margin: 40px 0 0 20px;
+    thead{
+        background: #EFF0F9;
+       
+    }
+    th,td{
+        height: 40px;
+        box-sizing: border-box;
+        padding: 0 30px;
+        border:1px solid #E2E5EF;
+        border-collapse: collapse;
+    }
+    .moduleNumber{
+        text-align: center;
+    }
+    
+}
+.filterItem{
+    position: relative;
+    display: inline-block;
+    margin-right: 20px;
+}
+
+
+
+.pagination{
+    margin: 0 0 0 30px;
+}
+.activePage{
+    color: #5A8EEE;
+}
+.pageNum, .more{
+    margin: 0 20px 0 0;
+}

+ 27 - 14
src/html/qcList.html

@@ -12,28 +12,41 @@
 <body>
     <div class="container">
         病历质控评分
+        <div class="filterBox">
+            <span class="filterItem typeFilter">
+                <span>输入搜索:</span>
+                <input class="moduleItemInp" type="text" placeholder="请输入病案号">
+                <input class="patientNameInp" type="text" placeholder="请输入病人姓名">
+            </span>
+            <span class="filterItem">
+                <span>出院日期</span>
+                <input type="text" id="datepicker">
+            </span>
+            
+            <span class="filter">查询</span>
+        </div>
         <table>
             <thead>
-                <th class="moduleName">病人住院ID</th>
-                <th class="moduleScore">病案号</th>
-                <th class="moduleScore">病人姓名</th>
-                <th class="moduleScore">性别</th>
-                <th class="moduleScore">年龄</th>
-                <th class="moduleScore">床号</th>
-                <th class="moduleScore">入院日期</th>
-                <th class="moduleScore">出院日期</th>
-                <th class="moduleScore">主治医生</th>
-                <th class="moduleScore">科室</th>
-                <th class="moduleScore">病历等级</th>
-                <th class="moduleScore">病历得分</th>
-                <th class="moduleScore">评分时间</th>
+                <th class="scoreOpera" data-selectAll=false>未选择</th>
+                <th class="beHospitalId">病历号</th>
+                <th class="patientNo">病案号</th>
+                <th class="patientName">病人姓名</th>
+                <th class="patientSex">性别</th>
+                <th class="patientage">年龄</th>
+                <th class="bedNum">床号</th>
+                <th class="inHospitalDate">入院日期</th>
+                <th class="outHospitalDate">出院日期</th>
+                <th class="doctorName">主治医生</th>
+                <th class="deptName">科室</th>
+                <th class="recordLevel">病历等级</th>
+                <th class="recordScore">病历得分</th>
+                <th class="scoreTime">评分时间</th>
             </thead>
             <tbody>
 
             </tbody>
         </table>
     </div>
-    <script src="./resource/layui/layui.js"></script>
 </body>
 
 </html>

+ 1 - 0
src/js/api.js

@@ -6,6 +6,7 @@ const api = {
     updataQcCasesEntry: '/qc/casesEntryHospital/updataQcCasesEntry',
     qcList:'/qc/behospitalInfo/page',
     saveQcCases:'/qc/cases/saveQcCases',
+    recordScore:'/qc/behospitalInfo/analyze'
 }
 module.exports = {
     api

+ 52 - 58
src/js/qcList.js

@@ -1,8 +1,12 @@
 const $ = require('jquery');
-require("../css/moduleManager.less");
+require("../css/qcList.less");
+// require("./../resource/My97DatePicker/WdatePicker.js")
+// require("./../resource/My97DatePicker/skin/WdatePicker.css")
 const {api} = require('./api.js')
 const {post} = require('./utils.js')
 
+let tabList
+
 function getTabData(){
     const param = {
         fileCode: "",
@@ -13,8 +17,8 @@ function getTabData(){
     post(api.qcList,param).then(res =>{
         console.log('ress', res)
         if(res.data.code == '0'){
-            const data = res.data.data.records
-            renderTab(data)
+            tabList = res.data.data.records
+            renderTab(tabList)
         }else{}
     }).catch((e) =>{
     
@@ -24,12 +28,17 @@ function getTabData(){
 getTabData()
 function renderTab(data){
     let str = ``
+    let hasSelectAll = true
     for(let i = 0; i < data.length; i++){
         const item = data[i]
+        if(!item.hasSelect){
+            hasSelectAll = false
+        }
         str += `
-            <tr data-id=${item.id} data-index=${i}>
-                <td>${i+1}</td>
+            <tr  data-index=${i}>
+                <td class="scoreOperaItem">${item.hasSelect ? '选择':'未选择'}</td>
                 <td>${item.behospitalCode}</td>
+                <td>${item.fileCode}</td>
                 <td>${item.name}</td>
                 <td>${item.sex}</td>
                 <td>${item.age}</td>
@@ -44,70 +53,55 @@ function renderTab(data){
             </tr>
         `
     }
+    if(hasSelectAll){
+        $('.scoreOpera').html("选择")
+        $('.scoreOpera').attr("data-selectall",true)
+    }else{
+        $('.scoreOpera').html("未选择")
+        $('.scoreOpera').attr("data-selectall",false)
+    }
     $('tbody').html(str)
-    bindEdit(data)
+    bindScoreOperaItem()
 }
-
-function bindEdit(data){
-    $('.editItem').click(function(e){
-        const index = $(this).parent().attr('data-index') 
-        editItem(data[index])
+//全选绑定
+bindOperaAll()
+function bindScoreOperaItem(){
+    $(".scoreOperaItem").on("click",  function(e){
+        const index = $(this).parent().attr("data-index")
+        console.log(index)
+        tabList[index].hasSelect = tabList[index].hasSelect ? false:true
+        renderTab(tabList)
     })
 }
 
-function editItem(item){
-    const itemCpoy = JSON.parse(JSON.stringify(item))
-    $('.pop-box').remove()
-    $('.container').append('<div class="pop-box"></div>')
-    const str = `
-        <div><span>提示信息:</span> <input class="itemTipMsg" value=${itemCpoy.msg} /></div>
-        <div><span>分值:</span> <input class="itemScore"  type="number" value=${itemCpoy.score} /></div>
-        <div><span>单项否决</span><span class="itemReject">${itemCpoy.isReject}</span></div>
-        <div><span>启用</span><span class="itemUsed">${itemCpoy.isUsed}</span></div>
-        <div class="confirmEdit">确定</div>
-    `
-    $('.pop-box').html(str)
-    $(".itemTipMsg").on("input", function(e){
-        const val = $(this).val()
-        itemCpoy.msg = val
-    })
-    $(".itemScore").on("input", function(e){
-        const val = $(this).val()
-        itemCpoy.score = val
-    })
-    $(".itemReject").on("click", function(e){
-        itemCpoy.isReject = itemCpoy.isReject == 1 ? 0 : 1
-        $('.pop-box').remove()
-        editItem(itemCpoy)
-    })
-    $(".itemUsed").on("click", function(e){
-        itemCpoy.isUsed = itemCpoy.isUsed == 1 ? 0 : 1
-        $('.pop-box').remove()
-        editItem(itemCpoy)
-    })
-    
-    $(".confirmEdit").on("click", function(){
-        saveEdit(itemCpoy)
-        $('.pop-box').remove()
+function bindOperaAll(){
+    $('.scoreOpera').on("click", function(e){
+        const hasSelectAll = $('.scoreOpera').attr("data-selectall")
+        console.log('hasSelectAll',hasSelectAll)
+        if(hasSelectAll == 'true'){
+
+            for(let i = 0; i < tabList.length; i++){
+                tabList[i].hasSelect = false
+            }
+        }else{
+            for(let i = 0; i < tabList.length; i++){
+                tabList[i].hasSelect = true
+            }
+        }
+        renderTab(tabList)
     })
-   
-    
 }
-function saveEdit(item){
+
+function recordScore(behospitalCode){
     const param = {
-        id: item.id,
-        isReject: item.isReject,
-        isUsed: item.isUsed,
-        msg: item.msg,
-        score: item.score
+        behospitalCode: behospitalCode
     }
-
-    post(api.updataQcCasesEntry,param).then(res =>{
+    post(api.recordScore,param).then(res =>{
         if(res.data.code == '0'){
-            const data = res.data.data
-            getTabData()
+      
         }else{}
     }).catch((e) =>{
     
     })
-}
+}
+

File diff suppressed because it is too large
+ 57 - 0
src/resource/My97DatePicker/WdatePicker.js


File diff suppressed because it is too large
+ 5 - 0
src/resource/My97DatePicker/calendar.js


File diff suppressed because it is too large
+ 39 - 0
src/resource/My97DatePicker/js/WdatePicker.js


File diff suppressed because it is too large
+ 5 - 0
src/resource/My97DatePicker/js/calendar.js


+ 12 - 0
src/resource/My97DatePicker/js/config.js

@@ -0,0 +1,12 @@
+var langList = 
+[
+	{name:'en',	charset:'UTF-8'},
+	{name:'zh-cn',	charset:'UTF-8'},
+	{name:'zh-tw',	charset:'UTF-8'}
+];
+
+var skinList = 
+[
+	{name:'default',	charset:'UTF-8'},
+	{name:'whyGreen',	charset:'UTF-8'}
+];

+ 14 - 0
src/resource/My97DatePicker/lang/en.js

@@ -0,0 +1,14 @@
+var $lang={
+errAlertMsg: "Invalid date or the date out of range,redo or not?",
+aWeekStr: ["wk", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+aLongWeekStr:["wk","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
+aMonStr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+aLongMonStr: ["January","February","March","April","May","June","July","August","September","October","November","December"],
+clearStr: "Clear",
+todayStr: "Today",
+okStr: "OK",
+updateStr: "OK",
+timeStr: "Time",
+quickStr: "Quick Selection",
+err_1: 'MinDate Cannot be bigger than MaxDate!'
+}

+ 14 - 0
src/resource/My97DatePicker/lang/zh-cn.js

@@ -0,0 +1,14 @@
+var $lang={
+errAlertMsg: "\u4E0D\u5408\u6CD5\u7684\u65E5\u671F\u683C\u5F0F\u6216\u8005\u65E5\u671F\u8D85\u51FA\u9650\u5B9A\u8303\u56F4,\u9700\u8981\u64A4\u9500\u5417?",
+aWeekStr: ["\u5468","\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],
+aLongWeekStr:["\u5468","\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"],
+aMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00","\u5341\u4E8C"],
+aLongMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],
+clearStr: "\u6E05\u7A7A",
+todayStr: "\u4ECA\u5929",
+okStr: "\u786E\u5B9A",
+updateStr: "\u786E\u5B9A",
+timeStr: "\u65F6\u95F4",
+quickStr: "\u5FEB\u901F\u9009\u62E9", 
+err_1: '\u6700\u5C0F\u65E5\u671F\u4E0D\u80FD\u5927\u4E8E\u6700\u5927\u65E5\u671F!'
+}

+ 14 - 0
src/resource/My97DatePicker/lang/zh-tw.js

@@ -0,0 +1,14 @@
+var $lang={
+errAlertMsg: "\u4E0D\u5408\u6CD5\u7684\u65E5\u671F\u683C\u5F0F\u6216\u8005\u65E5\u671F\u8D85\u51FA\u9650\u5B9A\u7BC4\u570D,\u9700\u8981\u64A4\u92B7\u55CE?",
+aWeekStr: ["\u5468","\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],
+aLongWeekStr:["\u5468","\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"],
+aMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00","\u5341\u4E8C"],
+aLongMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],
+clearStr: "\u6E05\u7A7A",
+todayStr: "\u4ECA\u5929",
+okStr: "\u78BA\u5B9A",
+updateStr: "\u78BA\u5B9A",
+timeStr: "\u6642\u9593",
+quickStr: "\u5FEB\u901F\u9078\u64C7",
+err_1: '\u6700\u5C0F\u65E5\u671F\u4E0D\u80FD\u5927\u65BC\u6700\u5927\u65E5\u671F!'
+}

+ 11 - 0
src/resource/My97DatePicker/skin/WdatePicker.css

@@ -0,0 +1,11 @@
+.Wdate{
+	border:#999 1px solid;
+	height:20px;
+	background:#fff url(datePicker.gif) no-repeat right;
+}
+.Wdate::-ms-clear{display:none;}
+
+.WdateFmtErr{
+	font-weight:bold;
+	color:red;
+}

BIN
src/resource/My97DatePicker/skin/datePicker.gif


+ 246 - 0
src/resource/My97DatePicker/skin/default/datepicker.css

@@ -0,0 +1,246 @@
+/* 
+ * My97 DatePicker 4.8
+ */
+
+.WdateDiv{
+	width:180px;
+	background-color:#FFFFFF;
+	border:#bbb 1px solid;
+	padding:2px;
+}
+
+.WdateDiv2{
+	width:360px;
+}
+.WdateDiv *{font-size:9pt;}
+
+.WdateDiv .NavImg a{
+	display:block;
+	cursor:pointer;
+	height:16px;
+	width:16px;
+}
+
+.WdateDiv .NavImgll a{
+	float:left;
+	background:transparent url(img.gif) no-repeat scroll 0 0;
+}
+.WdateDiv .NavImgl a{
+	float:left;
+	background:transparent url(img.gif) no-repeat scroll -16px 0;
+}
+.WdateDiv .NavImgr a{
+	float:right;
+	background:transparent url(img.gif) no-repeat scroll -32px 0;
+}
+.WdateDiv .NavImgrr a{
+	float:right;
+	background:transparent url(img.gif) no-repeat scroll -48px 0;
+}
+
+.WdateDiv #dpTitle{
+	height:24px;
+	margin-bottom:2px;
+	padding:1px;
+}
+
+.WdateDiv .yminput{
+	margin-top:2px;
+	text-align:center;
+	height:20px;
+	border:0px;
+	width:50px;
+	cursor:pointer;		
+}
+
+.WdateDiv .yminputfocus{
+	margin-top:2px;
+	text-align:center;
+	font-weight:bold;
+	height:20px;
+	color:blue;
+	border:#ccc 1px solid;
+	width:50px;
+}
+
+.WdateDiv .menuSel{
+	z-index:1;
+	position:absolute;
+	background-color:#FFFFFF;	
+	border:#ccc 1px solid;
+	display:none;
+}
+
+.WdateDiv .menu{
+	cursor:pointer;
+	background-color:#fff;
+}
+
+.WdateDiv .menuOn{
+	cursor:pointer;
+	background-color:#BEEBEE;
+}
+
+.WdateDiv .invalidMenu{
+	color:#aaa;
+}
+
+.WdateDiv .YMenu{
+	margin-top:20px;
+	
+}
+
+.WdateDiv .MMenu{
+	margin-top:20px;
+	*width:62px;
+}
+
+.WdateDiv .hhMenu{
+	margin-top:-90px; 
+	margin-left:26px;
+}
+
+.WdateDiv .mmMenu{
+	margin-top:-46px; 
+	margin-left:26px;
+}
+
+.WdateDiv .ssMenu{
+	margin-top:-24px; 
+	margin-left:26px;
+}
+
+ .WdateDiv .Wweek {
+ 	text-align:center;
+	background:#DAF3F5;
+	border-right:#BDEBEE 1px solid;
+ }
+
+.WdateDiv .MTitle{
+	background-color:#BDEBEE;
+}
+.WdateDiv .WdayTable2{
+	border-collapse:collapse;
+	border:#c5d9e8 1px solid;
+}
+.WdateDiv .WdayTable2 table{
+	border:0;
+}
+
+.WdateDiv .WdayTable{
+	line-height:20px;
+	border:#c5d9e8 1px solid;
+}
+.WdateDiv .WdayTable td{
+	text-align:center;
+}
+
+.WdateDiv .Wday{
+	cursor:pointer;
+}
+
+.WdateDiv .WdayOn{
+	cursor:pointer;
+	background-color:#C0EBEF;
+}
+
+.WdateDiv .Wwday{
+	cursor:pointer;
+	color:#FF2F2F;
+}
+
+.WdateDiv .WwdayOn{
+	cursor:pointer;
+	color:#000;
+	background-color:#C0EBEF;
+}
+.WdateDiv .Wtoday{
+	cursor:pointer;
+	color:blue;
+}
+.WdateDiv .Wselday{
+	background-color:#A9E4E9;
+}
+.WdateDiv .WspecialDay{
+	background-color:#66F4DF;
+}
+
+.WdateDiv .WotherDay{ 
+	cursor:pointer;
+	color:#6A6AFF;	
+}
+
+.WdateDiv .WotherDayOn{ 
+	cursor:pointer;
+	background-color:#C0EBEF;	
+}
+
+.WdateDiv .WinvalidDay{
+	color:#aaa;
+}
+
+.WdateDiv #dpTime{
+	float:left;
+	margin-top:3px;
+	margin-right:30px;
+}
+
+.WdateDiv #dpTime #dpTimeStr{
+	margin-left:1px;
+}
+
+.WdateDiv #dpTime input{
+	width:18px;
+	height:20px;
+	text-align:center;
+	border:#ccc 1px solid;	
+}
+
+.WdateDiv #dpTime .tB{
+	border-right:0px;
+}
+
+.WdateDiv #dpTime .tE{
+	border-left:0;
+	border-right:0;
+}
+
+.WdateDiv #dpTime .tm{
+	width:7px;
+	border-left:0;
+	border-right:0;
+}
+
+.WdateDiv #dpTime #dpTimeUp{
+	height:10px;
+	width:13px;
+	border:0px;
+	background:url(img.gif) no-repeat -32px -16px;
+}
+
+.WdateDiv #dpTime #dpTimeDown{
+	height:10px;
+	width:13px;
+	border:0px;
+    background:url(img.gif) no-repeat -48px -16px;
+}
+
+ .WdateDiv #dpQS {
+ 	float:left;
+	margin-right:3px;
+	margin-top:3px;
+	background:url(img.gif) no-repeat 0px -16px;
+	width:20px;
+	height:20px;
+	cursor:pointer;
+ }
+.WdateDiv #dpControl {
+	text-align:right;	
+}
+.WdateDiv .dpButton{ 
+	height:20px;
+	width:45px;
+	border:#ccc 1px solid;
+	margin-top:2px;
+	margin-right:1px;
+}

BIN
src/resource/My97DatePicker/skin/default/img.gif


BIN
src/resource/My97DatePicker/skin/whyGreen/bg.jpg


+ 256 - 0
src/resource/My97DatePicker/skin/whyGreen/datepicker.css

@@ -0,0 +1,256 @@
+/* 
+ * My97 DatePicker 4.8 Skin:whyGreen
+ */ 
+.WdateDiv{
+	width:180px;
+	background-color:#fff;
+	border:#C5E1E4 1px solid;
+	padding:2px;
+}
+
+.WdateDiv2{
+	width:360px;
+}
+.WdateDiv *{font-size:9pt;}
+
+.WdateDiv .NavImg a{
+	cursor:pointer;
+	display:block;
+	width:16px;
+	height:16px;
+	margin-top:1px;
+}
+
+.WdateDiv .NavImgll a{
+	float:left;
+	background:url(img.gif) no-repeat;
+}
+.WdateDiv .NavImgl a{
+	float:left;
+	background:url(img.gif) no-repeat -16px 0px;
+}
+.WdateDiv .NavImgr a{
+	float:right;
+	background:url(img.gif) no-repeat -32px 0px;
+}
+.WdateDiv .NavImgrr a{
+	float:right;
+	background:url(img.gif) no-repeat -48px 0px;
+}
+
+.WdateDiv #dpTitle{
+	height:24px;
+	padding:1px;
+	border:#c5d9e8 1px solid;
+	background:url(bg.jpg);
+	margin-bottom:2px;
+}
+
+.WdateDiv .yminput{
+	margin-top:2px;
+	text-align:center;
+	border:0px;
+	height:20px;
+	width:50px;
+	color:#034c50;
+	background-color:transparent;
+	cursor:pointer;
+}
+
+.WdateDiv .yminputfocus{
+	margin-top:2px;
+	text-align:center;
+	border:#939393 1px solid;
+	font-weight:bold;
+	color:#034c50;	
+	height:20px;
+	width:50px;
+}
+
+.WdateDiv .menuSel{
+	z-index:1;
+	position:absolute;
+	background-color:#FFFFFF;
+	border:#A3C6C8 1px solid;
+	display:none;
+}
+
+.WdateDiv .menu{
+	cursor:pointer;
+	background-color:#fff;
+	color:#11777C;
+}
+
+.WdateDiv .menuOn{
+	cursor:pointer;
+	background-color:#BEEBEE;
+}
+
+.WdateDiv .invalidMenu{
+	color:#aaa;
+}
+
+.WdateDiv .YMenu{
+	margin-top:20px;
+}
+
+.WdateDiv .MMenu{
+	margin-top:20px;
+	*width:62px;
+}
+
+.WdateDiv .hhMenu{
+	margin-top:-90px; 
+	margin-left:26px;
+}
+
+.WdateDiv .mmMenu{
+	margin-top:-46px; 
+	margin-left:26px;
+}
+
+.WdateDiv .ssMenu{
+	margin-top:-24px; 
+	margin-left:26px;
+}
+
+ .WdateDiv .Wweek {
+ 	text-align:center;
+	background:#DAF3F5;
+	border-right:#BDEBEE 1px solid;
+ }
+
+.WdateDiv .MTitle{
+	color:#13777e;
+	background-color:#bdebee;
+}
+.WdateDiv .WdayTable2{
+	border-collapse:collapse;
+	border:#BEE9F0 1px solid;
+}
+.WdateDiv .WdayTable2 table{
+	border:0;
+}
+
+.WdateDiv .WdayTable{
+	line-height:20px;	
+	color:#13777e;
+	background-color:#edfbfb;
+	border:#BEE9F0 1px solid;
+}
+.WdateDiv .WdayTable td{
+	text-align:center;
+}
+
+.WdateDiv .Wday{
+	cursor:pointer;
+}
+
+.WdateDiv .WdayOn{
+	cursor:pointer;
+	background-color:#74d2d9 ;
+}
+
+.WdateDiv .Wwday{
+	cursor:pointer;
+	color:#ab1e1e;
+}
+
+.WdateDiv .WwdayOn{
+	cursor:pointer;
+	background-color:#74d2d9;
+}
+.WdateDiv .Wtoday{
+	cursor:pointer;
+	color:blue;
+}
+.WdateDiv .Wselday{
+	background-color:#A7E2E7;
+}
+.WdateDiv .WspecialDay{
+	background-color:#66F4DF;
+}
+
+.WdateDiv .WotherDay{ 
+	cursor:pointer;
+	color:#0099CC;	
+}
+
+.WdateDiv .WotherDayOn{ 
+	cursor:pointer;
+	background-color:#C0EBEF;	
+}
+
+.WdateDiv .WinvalidDay{
+	color:#aaa;
+}
+
+.WdateDiv #dpTime{
+	float:left;
+	margin-top:3px;
+	margin-right:30px;
+}
+
+.WdateDiv #dpTime #dpTimeStr{
+	margin-left:1px;
+	color:#497F7F;
+}
+
+.WdateDiv #dpTime input{
+	height:20px;
+	width:18px;
+	text-align:center;
+	color:#333;
+	border:#61CAD0 1px solid;	
+}
+
+.WdateDiv #dpTime .tB{
+	border-right:0px;
+}
+
+.WdateDiv #dpTime .tE{
+	border-left:0;
+	border-right:0;
+}
+
+.WdateDiv #dpTime .tm{
+	width:7px;
+	border-left:0;
+	border-right:0;
+}
+
+.WdateDiv #dpTime #dpTimeUp{
+	height:10px;
+	width:13px;
+	border:0px;
+	background:url(img.gif) no-repeat -32px -16px;
+}
+
+.WdateDiv #dpTime #dpTimeDown{
+	height:10px;
+	width:13px;
+	border:0px;
+	background:url(img.gif) no-repeat -48px -16px;
+}
+
+ .WdateDiv #dpQS {
+ 	float:left;
+	margin-right:3px;
+	margin-top:3px;
+	background:url(img.gif) no-repeat 0px -16px;
+	width:20px;
+	height:20px;
+	cursor:pointer;
+ }
+.WdateDiv #dpControl {
+	text-align:right;
+	margin-top:3px;
+}
+.WdateDiv .dpButton{ 
+	height:20px;
+	width:45px;
+	margin-top:2px;
+	border:#38B1B9 1px solid;
+	background-color:#CFEBEE;
+	color:#08575B;
+}

BIN
src/resource/My97DatePicker/skin/whyGreen/img.gif


+ 1 - 0
webpack.config.js

@@ -178,6 +178,7 @@ module.exports = {
   },
       
   module: {
+    noParse: /WdatePicker/,
     rules: [
       {
           test: /.js$/,