时间插件

shop/src/main/java/com/zskk/shop/controller/web/AppointmentController.java

@@ -82,7 +82,7 @@ public class AppointmentController extends AbstractController {
 	@ResponseBody
 	public ControllerResult save(Model model, @RequestParam("bid") Long bid, @RequestParam("itemid") Long itemid, 
 			@RequestParam("fid") Integer fid, @RequestParam("idcard") String idcard, @RequestParam("name") String name, @RequestParam("sex") Integer sex,
-			@RequestParam("phone") String phone, @RequestParam("atime") String atime){
+			@RequestParam("phone") String phone, @RequestParam("atime") String atime, @Param("extend") String extend){
 		UserBean userBean 	= this.getUser();
 		BuyOrder buyOrder 	= buyOrderService.queryBuyOrder(bid);
 		if (buyOrder == null){
@@ -110,7 +110,7 @@ public class AppointmentController extends AbstractController {
 		people.setIdcard(idcard);
 		people.setPhone(phone);
 		BuyOrderItem item = buyOrderService.queryItem(itemid);
-		familyPeopleService.addAppointment(userBean, people, buyOrder, item, atime, "");
+		familyPeopleService.addAppointment(userBean, people, buyOrder, item, atime, extend);
 		
 		return new ControllerResult(people);
 	}
@@ -140,7 +140,7 @@ public class AppointmentController extends AbstractController {
 	@RequestMapping("change")
 	public String change(Model model, @RequestParam("id") Integer id,
 			@RequestParam("fid") Integer fid, @RequestParam("idcard") String idcard, @RequestParam("name") String name, @RequestParam("sex") Integer sex,
-			@RequestParam("phone") String phone, @RequestParam("atime") String atime){
+			@RequestParam("phone") String phone, @RequestParam("atime") String atime, @Param("extend") String extend){
 		UserBean userBean = this.getUser();
 		Appointment appointment = familyPeopleService.queryAppointment(id);
 		if (appointment == null){
@@ -154,6 +154,7 @@ public class AppointmentController extends AbstractController {
 		
 		appointment.setFid(fid);
 		appointment.setAtime(atime);
+		appointment.setExtend(extend);
 		
 		people.setIdcard(idcard);
 		people.setName(name);

shop/src/main/resource/templates/appointment.html

@@ -121,11 +121,12 @@
 	                    <dl>
 	                    	<dt>预约体检日期：</dt>
 	                    	<dd>
-	                    		<input id="atime" name="" type="text" class="txt" style="width:160px;" />
-	                    		<select name="" class="slt" style="width:130px; ">
+	                    		<input id="atime" name="" type="text" class="txt" style="width:160px;" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd'})" readonly="readonly"/>
+	                    		<select id="extend" name="extend" class="slt" style="width:130px; ">
 	                    			<option>预约时间</option>
-	                    			<option>8:00 - 8:30</option>
-	                    			<option>8:30 - 9:00</option>
+	                    			<option value="08:00">08:00</option>
+	                    			<option value="08:30">08:30</option>
+	                    			<option value="09:00">09:00</option>
 	                    		</select>
 	                    	</dd>
 	                    </dl>
@@ -153,6 +154,7 @@
 	
 	<div th:replace="/fragments :: footer"></div>
 
+	<script src="/plugs/My97DatePicker/WdatePicker.js"></script>
 	<script th:inline="javascript">
 		/* <![CDATA[ */
 		var peoples = JSON.parse([[${peoplesJSON}]])
@@ -209,6 +211,7 @@
 			var sex		= $("input[name='sex']:checked").val();
 			var phone 	= $("#phone").val();
 			var atime	= $("#atime").val();
+			var extend	= $("#extend").val();
 			$.post("/appointment/save", {
 				"bid":bid, 
 				"itemid":itemid, 
@@ -217,7 +220,8 @@
 				"name":name,
 				"sex":sex,
 				"phone":phone,
-				"atime":atime
+				"atime":atime,
+				"extend": extend,
 				},function(result){
 					$("#successName").append(name);
 					$("#successIdcard").append(idcard);

shop/src/main/resource/templates/changeappointment.html

@@ -100,11 +100,12 @@
 	                    <dl>
 	                    	<dt>预约体检日期：</dt>
 	                    	<dd>
-	                    		<input id="atime" name="atime" type="text" class="txt" style="width:160px;" th:attr="value=${appointment.atime}"/>
-	                    		<select name="" class="slt" style="width:130px; ">
+	                    		<input id="atime" name="atime" type="text" class="txt" style="width:160px;" th:attr="value=${appointment.atime}" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd'})" readonly="readonly"/>
+	                    		<select id="extend" name="extend" class="slt" style="width:130px; ">
 	                    			<option>预约时间</option>
-	                    			<option>8:00 - 8:30</option>
-	                    			<option>8:30 - 9:00</option>
+	                    			<option value="08:00">08:00</option>
+	                    			<option value="08:30">08:30</option>
+	                    			<option value="09:00">09:00</option>
 	                    		</select>
 	                    	</dd>
 	                    </dl>
@@ -120,11 +121,16 @@
 	
 	<div th:replace="/fragments :: footer"></div>
 
+	<script src="/plugs/My97DatePicker/WdatePicker.js"></script>
 	<script th:inline="javascript">
 		/* <![CDATA[ */
 		var peoples = JSON.parse([[${peoplesJSON}]])
 		var bid		= [[${bid}]]
 		var itemid	= [[${itemid}]]
+		var extend	= [[${appointment.extend}]]
+		if (extend != ''){
+			$("#extend").val(extend);
+		}
 		$("input[name=people]").click(function(){
 			var id = $(this).val();
 			if (id == "0"){

shop/src/main/resource/templates/mypayedorders.html

@@ -48,7 +48,7 @@
                             	<div class="l">
                             		<strong class="f12" th:text="${item.good.name}"></strong>
                             		<div class="cBlue mt10" th:if="${item.fa == null}">适应人群：<span>*</span></div>
-                            		<div class="cBlue mt10" th:if="${item.fa != null}" >体检人：<span th:text="${item.fa.name}"></span> 预约日期：<span th:text="${item.fa.atime}"></span></div>
+                            		<div class="cBlue mt10" th:if="${item.fa != null}" >体检人：<span th:text="${item.fa.name}"></span> 预约日期：<span th:text="${item.fa.atime + ' ' + item.fa.extend}"></span></div>
                             	</div>
                             	<a th:if="${item.fa == null}" th:attr="href='/appointment/goappointment/'+${item.bid}+'/'+${item.id}" class="btn-blue y" >预约体检</a>
                             	<a th:if="${item.fa != null and item.fa.tjstatus eq -1}" th:attr="href='/appointment/gochangeappointment/'+${item.fa.aid}" class="btn-blue y" >改约</a>

shop/static/manager/src/components/page/EditGoods.vue

@@ -0,0 +1,8 @@
+<template>
+    
+</template>
+<script>
+export default {
+    
+}
+</script>

shop/static/manager/src/components/page/GoodsManager.vue

@@ -17,13 +17,20 @@
             <el-table-column label="商品图标" prop="icon">图标</el-table-column>
             <el-table-column label="商品名称" prop="name"></el-table-column>
             <el-table-column label="简介" prop="describe"></el-table-column>
-            <el-table-column label="售价" prop="price.discountPrice"></el-table-column>
-            <el-table-column label="展示" ></el-table-column>
+            <el-table-column label="售价(员)" prop="price.discountPrice"></el-table-column>
+            <el-table-column label="详细">
+                <template slot-scope="scope">
+                    <el-button type="text" size="small">编辑详细</el-button>
+                </template>
+            </el-table-column>
             <el-table-column label="状态" prop="status" :formatter="statusFormater">
             </el-table-column>
             <el-table-column label="绑定套餐"></el-table-column>
             <el-table-column label="操作">
-                编辑
+                <template slot-scope="scope">
+                    <el-button type="text" size="small">预览</el-button>
+                    <el-button type="text" size="small">编辑</el-button>
+                </template>
             </el-table-column>
         </el-table>
         <div class="page">
@@ -37,11 +44,11 @@
 export default {
   data() {
     return {
-      page:1,
-      pageSize:20,
-      items:[],
-      totalCount:0,
-      status:'-1'
+      page: 1,
+      pageSize: 20,
+      items: [],
+      totalCount: 0,
+      status: '-1'
     }
   },
   methods: {
@@ -64,12 +71,12 @@ export default {
       this.page = currentPage
       this.getItems()
     },
-    statusFormater: function(row){
-        if (row.status === 1){
-            return "在线"
-        }else{
-            return "离线"
-        }
+    statusFormater: function(row) {
+      if (row.status === 1) {
+        return '在线'
+      } else {
+        return '离线'
+      }
     }
   },
   mounted: function() {

shop/static/plugs/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!'
+}

shop/static/plugs/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!'
+}

shop/static/plugs/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!'
+}

shop/static/plugs/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;
+}

shop/static/plugs/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;
+}

shop/static/plugs/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;
+}