edit

assets/lib/cashier/common.css

@@ -0,0 +1,414 @@
+/*
+ 作者：2602812659@qq.com
+日期：2018-07-27
+*/
+@charset "utf-8";
+/* CSS Document */
+* {
+	-webkit-box-sizing: border-box;
+	-ms-box-sizing: border-box;
+	box-sizing: border-box;
+}
+html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
+    margin: 0;
+    padding: 0;
+}
+i {
+	font-style: normal;
+}
+li {
+	list-style: none
+}
+.ft12 {
+	font-size: 12px;
+}
+.ft14 {
+	font-size: 14px;
+}
+.ft16 {
+	font-size: 16px;
+}
+.ft18 {
+	font-size: 18px;
+}
+.ft20 {
+	font-size: 20px;
+}
+.cor_0 {
+	color: #000;
+}
+.cor_3 {
+	color: #333;
+}
+.cor_6 {
+	color: #666;
+}
+.cor_9 {
+	color: #999;
+}
+.cor_f {
+	color: #fff;
+}
+.lan {
+	color: #1E9FFF;
+}
+.fl {
+	float: left;
+}
+.fr {
+	float: right;
+}
+.fw {
+	font-weight: bold;
+}
+.clearfix {
+	overflow: hidden;
+	clear: both;
+}
+.one_out {
+	white-space: nowrap;
+	-webkit-text-overflow: ellipsis;
+	-moz-text-overflow: ellipsis;
+	-o-text-overflow: ellipsis;
+	-ms-text-overflow: ellipsis;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+.two_out {
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	overflow: hidden;
+}
+.layui-container{
+	padding: 0;
+}
+.main_left{
+	border-right: 5px solid #F6F7F9;
+	height: 847px;
+}
+.main {
+	background: #fff;
+	width: 100%;
+	height: auto;
+}
+.top{
+	/*height: 50px;*/
+	padding: 0 10px;
+	line-height: 50px;
+	border-bottom: 1px solid #ebebeb;
+	border-top: 1px solid #ebebeb;
+}
+.top i{
+	margin-right: 10px;
+}
+.top .layui-input{
+	display: inline-block;
+}
+.top label{
+	height: 50px;
+	line-height: 50px;
+	float: left;
+}
+.layui-input,.layui-btn,.layui-select{
+	height: 30px;
+	line-height: 30px;
+}
+.delete_btn{
+	background: none;
+	color: #1890FF;
+	border: none;
+	cursor: pointer;
+}
+.goods_list{
+	height: 450px;
+	overflow-y: scroll;
+}
+.goods_price,.remarks{
+	width:230px;
+}
+.numberTd{
+	width:150px;
+}
+td input,td textarea{
+	width:200px;
+}
+.total{
+	/*height: 50px;*/
+	line-height: 50px;
+	border-top: 1px solid #eaeaea;
+	border-bottom: 1px solid #eaeaea;
+	background: #f2f2f2;
+	padding: 0 10px;
+}
+.total span{
+	color: #F52631;
+}
+.card_reading{
+	background: #1E9FFF;
+}
+.reading{
+	margin-top: 40px;
+}
+.towbtn{
+	text-align: center;
+	overflow: hidden;
+	padding: 10px 0 20px;
+}
+.towbtn input{
+	padding:8px 16px;
+	background: #1890FF;
+	border-radius: 4px;
+	border: none;
+	color: #fff;
+	cursor: pointer;
+	display: inline-block;
+}
+.towbtn input:last-child{
+	background: #fff;
+	color: #666;
+	border:1px solid #999;
+	box-sizing: border-box;
+}
+table.reading tr td:nth-child(2n-1){
+	width:15%
+}
+table.reading tr td:nth-child(2n){
+	width:35%
+}
+table tr th span{
+	font-weight: bold;
+}
+.left_main{
+	padding: 10px;
+	width: 100%;
+}
+.left_main #key{
+	width:75%;
+	float: left;
+	margin-bottom: 10px;
+}
+.left_main a.mini-button{
+	width:20%;
+	float: left;
+	margin-left: 5%;
+	margin-bottom: 10px;
+	border-radius: 2px;
+}
+.mini-textbox {
+    height: 30px;
+    border-radius: 2px;
+}
+.mini-textbox-border {
+    border: solid 1px #e6e6e6;
+    height: 28px;
+}
+.mini-textbox-input {
+    background: none;
+    height: 28px;
+    line-height: 28px;
+}
+.mini-textbox-focus .mini-textbox-border{
+    border-color:#c9c9c9 !important;
+    border-radius: 2px;
+}
+.mini-button,body a:hover.mini-button {
+    border: 1px solid #009688;
+    background: #009688;
+    color: #fff;
+    line-height: 28px;
+}
+.jiajian{
+    border: solid 1px #e6e6e6;
+    border-radius: 4px;
+    width: 122px;
+    overflow: hidden;
+    text-align: center;
+    line-height: 30px;
+}
+.jiajian input{
+	width:60px;
+	float: left;
+	line-height: 30px;
+	height: 30px;
+	border: none;
+	text-align: center;
+	border-left: 1px solid #dcdcdc;
+    border-right: 1px solid #dcdcdc;
+}
+.jiajian .jian {
+    display: block;
+    text-align: center;
+    width: 30px;
+    float: left;
+    cursor: pointer;
+}
+.jiajian .jia {
+    display: block;
+    text-align: center;
+    width: 30px;
+    float: right;
+    cursor: pointer;
+}
+/*弹框-开始*/
+.mask_box{
+	display: none;
+}
+.mask{
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0,0,0,.5);
+	z-index: 100;
+}
+.box{
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	width: 400px;
+	height: 600px;
+	margin: -400px 0 0 -200px;
+	background: #fff;
+	border-radius: 5px;
+	z-index: 101;
+}
+.box_top{
+	height:40px;
+	line-height: 40px;
+	background: #999;
+	color: #fff;
+	padding: 0 10px;
+	border-radius: 5px 5px 0 0;
+}
+.box_block{
+	border-bottom: 1px solid #eaeaea;
+	padding: 0 10px;
+	overflow: hidden;
+}
+.block_left{
+	width:35%;
+	float: left;
+	line-height: 50px;
+	text-align: right;
+	padding-right: 10px;
+}
+.block_left input{
+	float: left;
+	margin: 19px 0 0 10px ;
+}
+.block_right{
+	width:65%;
+	float: left;
+	line-height: 50px;
+}
+.block_right input{
+	margin-top:10px;
+}
+.box_block1{
+	height: 50px;
+	line-height: 50px;
+}
+.remark_mess{
+	margin: 20px 10px;
+	overflow: hidden;
+}
+.bot{
+	text-align: center;
+	overflow: hidden;
+	padding: 10px 0 20px;
+}
+.bot input{
+	width:60px;
+	text-align: center;
+	height: 40px;
+	line-height: 40px;
+    background: #1890FF;
+    border-radius: 4px;
+    border: none;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+}
+.bot input:nth-child(2){
+	background: #fff;
+    color: #666;
+    border: 1px solid #999;
+    box-sizing: border-box;
+}
+/*tree*/
+#tree1{
+	height: 730px;
+	overflow-y: scroll;
+	margin-top: 10px;
+}
+/*弹框-结束*/
+@media screen and (min-width: 320px) and (max-width: 375px){
+	.box_block{
+		padding: 0 5px;
+	}
+	.main_left{
+		height: auto;
+	}
+	.box{
+		left: 2%;
+		width: 96%;
+		height: 500px;
+		margin: -275px 0 0;
+	}
+	.remark_mess {
+	    margin: 10px 10px 0;
+	    overflow: hidden;
+	}
+	.block_left{
+		line-height: 40px;
+	}
+	.block_right{
+		line-height: 40px;
+	}
+	.box_block1{
+		height: 40px;
+		line-height: 40px;
+	}
+	.block_left input{
+		margin: 14px 0 0 10px ;
+	}
+	.block_right input{
+		margin-top:5px;
+	}
+}
+@media screen and (min-width: 376px) and (max-width: 414px){
+	.main_left{
+		height: auto;
+	}
+	.box{
+		left: 5%;
+		width: 90%;
+		height: 500px;
+		margin: -300px 0 0;
+	}
+	.remark_mess {
+	    margin: 10px 10px 0;
+	    overflow: hidden;
+	}
+	.block_left{
+		line-height: 40px;
+	}
+	.block_right{
+		line-height: 40px;
+	}
+	.box_block1{
+		height: 40px;
+		line-height: 40px;
+	}
+	.block_left input{
+		margin: 14px 0 0 10px ;
+	}
+	.block_right input{
+		margin-top:5px;
+	}
+}

assets/lib/cashier/demo.html

@@ -0,0 +1,456 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
+<meta name="author" content="siweiyong 2602812659@qq.com"/>
+<title>收银台</title>
+<link rel="stylesheet" href="scripts/miniui/themes/default/miniui.css">
+<link rel="stylesheet" href="layui/css/layui.css" />
+<link rel="stylesheet" href="css/common.css">
+</head>
+<body style="background: #F6F7F9;">
+<div class="main">
+	<div class="layui-row">
+		<div class="main_left layui-col-xs12 layui-col-md3">
+			<div class="layui-row">
+				<div class="top">
+					<i class="layui-icon layui-icon-app"></i>商品列表
+				</div>
+				<div class="left_main">
+					<input id="key" class="mini-textbox" placeholder="请输入商品名称" onenter="onKeyEnter"/>
+    				<a class="mini-button" onclick="search()">查询</a> 
+    				<ul id="tree1" class="mini-tree" url="data/tree.json" showTreeIcon="true" textField="name" idField="id" expandOnLoad="true" onNodeClick="onNodeClick">
+					</ul>
+				</div>
+			</div>
+		</div>
+		<div class="main_right layui-col-xs12 layui-col-md9">
+			<div class="layui-row">
+				<div class="top">
+					<label>商品编码：</label>
+					<div class="layui-input-inline">
+						<input type="text" name="title" required lay-verify="required" placeholder="扫码或手动输入商品编码" autocomplete="off" class="layui-input">
+					</div>
+					<div class="layui-input-inline">
+						<button class="layui-btn layui-btn-primary" style="vertical-align: middle;margin-bottom: 2px;">添加</button>
+					</div>
+				</div>
+				<div class="goods_list">
+					<table class="layui-table">
+						<thead>
+							<tr>
+								<th lay-data="{field:'id'}">商品编码</th>
+								<th lay-data="{field:'name'}">商品名称</th>
+								<th lay-data="{field:'price', edit: 'text'}">零售价（元）</th>
+								<th lay-data="{field:'number', edit: 'text'}">数量</th>
+								<th lay-data="{field:'integral'}">积分</th>
+								<!--<th lay-data="{field:'staff', edit: 'text'}">提成员工</th>-->
+								<th lay-data="{field:'remarks', edit: 'text'}">备注</th>
+								<th lay-data="{field:'operation'}">操作</th>
+							</tr>
+						</thead>
+						<tbody id="myTbody">
+							
+						</tbody>
+					</table>
+				</div>
+				<div class="total ft16">
+					合计：【<span> 消费总金额：<i class="totalMoney">0.00</i> </span>】【<span> 消费总数量：<i class="totalQuantity">0</i> </span>】【 <span> 总积分：<i class="totalIntegral">0</i> </span>】
+				</div>
+				<table class="reading layui-table" lay-even="">
+					<tbody>
+						<tr>
+							<td>会员查找</td>
+							<td colspan="3">
+								<div class="layui-input-inline">
+									<input type="text" class="layui-input" placeholder="扫描或者手动输入会员卡号" />
+								</div>
+								<button class="card_reading layui-btn">读卡</button>
+								<a href="#" class="registration layui-btn layui-btn-primary">会员登记</a>
+							</td>
+						</tr>
+						<tr>
+							<td>会员卡号：</td>
+							<td></td>
+							<td>会员姓名：</td>
+							<td></td>
+						</tr>
+						<tr>
+							<td>会员级别：</td>
+							<td></td>
+							<td>有效期：</td>
+							<td></td>
+						</tr>
+						<tr>
+							<td>可用积分：</td>
+							<td></td>
+							<td>可用储值：</td>
+							<td></td>
+						</tr>
+					</tbody>
+				</table>
+				<div class="towbtn">
+					<input type="submit" id="settlement" value="结算">
+					<input type="reset" value="清空" />
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="mask_box">
+	<div class="mask"></div>
+	<div class="box">
+		<div class="box_top">结算</div>
+		<div class="box_block box_block1">
+			<div class="block_left"><label for="">应付金额：</label></div>
+			<div class="block_right"><input type="text" class="layui-input" value="23131" readonly style="border: none;" /></div>
+		</div>
+		<div class="box_block box_block2">
+			<div class="block_left"><input type="checkbox" name="" />优惠券：</div>
+			<div class="block_right">
+				<select class="layui-select" name="" id="">
+					<option value="0">请选择</option>
+					<option value="1">1</option>
+					<option value="2">2</option>
+					<option value="3">3</option>
+					<option value="4">4</option>
+				</select>
+			</div>
+			<div class="block_left">还需支付：</div>
+			<div class="block_right"><input type="text" class="layui-input" value="32432" readonly style="border: none;" /></div>
+		</div>
+		<div class="box_block box_block3">
+			<div class="block_left"><input type="radio" name="payment" /><label for="use_coupon">现金支付：</label></div>
+			<div class="block_right">
+				<input type="text" class="layui-input" />
+			</div>
+			<br style="clear: both;">
+			<div class="block_left"><input type="radio" name="payment" /><label for="use_coupon">移动支付：</label></div>
+			<div class="block_right">
+				<input type="text" class="layui-input" />
+			</div>
+			<br style="clear: both;">
+			<div class="block_left"><input type="radio" name="payment" /><label for="use_coupon">其他支付：</label></div>
+			<div class="block_right">
+				<input type="text" class="layui-input" />
+			</div>
+		</div>
+		<div class="remark_mess">
+			<div class="block_left">
+				备注：
+			</div>
+			<div class="block_right">
+				<textarea class="layui-textarea" name="" rows="" cols="" maxlength="200" placeholder="最多输入200字符"></textarea>
+			</div>
+			<br style="clear: both;">
+			<div class="block_left">
+				交易时间：
+			</div>
+			<div class="block_right">
+				<input type="text" value="2018-11-23 08:23:43" class="layui-input" readonly style="border: none;" />
+			</div>
+		</div>
+		<div class="bot">
+			<input type="submit" value="提交">
+			<input type="text" value="取消">
+		</div>
+	</div>
+</div>
+<script src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script>
+<script src="scripts/miniui/miniui.js"></script>
+<script src="layui/layui.js"></script>
+<script>
+	$(function() {
+		$("#settlement").click(function(){
+			$(".mask_box").show();
+		})
+		$(".bot input:nth-child(2)").click(function(){
+			$(".mask_box").hide();
+		})
+	})
+	
+	/*miniui - tree 插件 - 开始*/
+	mini.parse();
+    var tree = mini.get("tree1");
+    function search() {
+        var key = mini.get("key").getValue();
+        if (key == "") {
+            tree.clearFilter();
+        } else {
+            key = key.toLowerCase();                
+            tree.filter(function (node) {
+                var name = node.name ? node.name.toLowerCase() : "";
+                if (name.indexOf(key) != -1) {
+                    return true;
+                }
+            });
+        }
+    }
+    function onKeyEnter(e) {
+        search();
+    }
+
+    var totalQuantity = 0;    //总数量
+	var totalMoney = 0;       //总金额
+	var totalIntegral = 0;    //总积分
+	function onNodeClick(){  
+		//获取选中节点的值
+		var flag = false;
+  		var tree=mini.get("tree1");
+        node=tree.getSelectedNode();
+  		
+  		if(node.end){
+  			/*树结构选中商品，table列表变化 - 开始*/
+	        totalQuantity++;
+	        $('.totalQuantity').html(totalQuantity);
+	        
+	        this_price = node.price; //获取单价
+	        this_price = parseFloat(this_price);
+	        totalMoney += this_price;
+	        $('.totalMoney').html(totalMoney.toFixed(2));
+	        
+	        this_integral = node.integral; //获取积分  
+	        this_integral = parseFloat(this_integral);
+	        totalIntegral += this_integral;
+	        $('.totalIntegral').html(totalIntegral.toFixed(0));
+  			/*树结构选中商品，table列表变化 - 结束*/
+  			
+  			if($("#myTbody tr").length <= 0){
+  				var addtr = '<tr class="mytr">';
+				addtr += '<td>'+node.id+'</td>';
+				addtr += '<td>'+node.name+'</td>'	;					
+				addtr += '<td class="kbj danjia">'+node.price+'</td>';
+				addtr += '<td class="numberTd"><div class="jiajian"><span class="jian" onclick="num_sub(this)">-</span><input type="text" value="1" class="num"><span class="jia" onclick="num_add(this)">+</span></div></td>';
+				addtr += '<td class="jifen">'+node.integral+'</td>';						
+				addtr += '<td class="kbj remarks"></td>';						
+				addtr += '<td><button class="delete_btn">删除</button></td>';						
+				addtr += '</tr>';
+				$("#myTbody").append(addtr);
+				return;
+  			}else{          
+				$("#myTbody tr").each(function () {
+                    //找到商品的名称与上面获取到的商品名称进行对比
+                    if ($(this).children("td:eq(0)").html() == node.id) {
+                        //找到此商品的数量
+                        var count = parseInt($(this).children("td:eq(3)").find("input").val());
+                        count++;
+                        $(this).children("td:eq(3)").find("input").val(count); //对商品的数量进行重新赋值
+						flag = true;
+                        return false;
+                    }else {
+                        flag = false;
+                    }
+                })
+  			}
+			//如果为默认值也就是说里面没有此商品，所以添加此商品。
+			if (flag == false) {
+				var addtr = '<tr class="mytr">';
+				addtr += '<td>'+node.id+'</td>';
+				addtr += '<td>'+node.name+'</td>'	;					
+				addtr += '<td class="danjia">'+node.price+'</td>';
+				addtr += '<td><div class="jiajian"><span class="jian" onclick="num_sub(this)">-</span><input type="text" value="1" class="num"><span class="jia" onclick="num_add(this)">+</span></div></td>';
+				addtr += '<td class="jifen">'+node.integral+'</td>';						
+				addtr += '<td class="remarks"></td>';						
+				addtr += '<td><button class="delete_btn">删除</button></td>';						
+				addtr += '</tr>';
+				$("#myTbody").append(addtr);
+			}
+  		}
+	}
+	/*miniui - tree 插件 - 结束*/
+	
+	//加的效果 
+	function num_add(on_this){
+		
+		var totalQuantity = 0;    //总数量
+		var totalMoney = 0;       //总金额
+		var totalIntegral = 0;    //总积分
+		$("#myTbody tr").each(function(){
+			
+	        //获取当前行的单价
+	        this_price = $(this).children(".danjia").text();
+	        this_price = parseFloat(this_price);
+	        
+	        //获取当前行的积分
+	        this_integral = $(this).children(".jifen").text();
+        	this_integral = parseFloat(this_integral);
+        	
+        	//获取当前行的数量
+        	this_num = $(this).find(".num").val();
+        	this_num = parseInt(this_num);
+        	
+        	//获取当前行的总价格、总积分
+        	var trmoney = this_price*this_num;
+        	var trIntegral = this_integral*this_num;
+        	
+        	//总金额、总数量、总积分
+        	totalQuantity += this_num*1;   //总数量
+        	totalMoney += trmoney*1        //总金额
+        	totalIntegral += trIntegral*1  //总积分
+		}) 
+		$(".totalQuantity").html(totalQuantity);
+		$(".totalMoney").html(totalMoney); 
+		$(".totalIntegral").html(totalIntegral);
+		
+        this_price = $(on_this).parents("td").siblings("td.danjia").text();//获取单价
+        this_price = parseFloat(this_price);
+        console.log(totalMoney);
+        totalMoney += this_price;
+        $('.totalMoney').html(totalMoney.toFixed(2));
+        console.log(totalMoney);
+        
+        this_integral = $(on_this).parents("td").siblings("td.jifen").text();//获取积分  
+        this_integral = parseFloat(this_integral);
+        totalIntegral += this_integral;
+        $('.totalIntegral').html(totalIntegral.toFixed(0));
+		
+		//当前商品数量
+        this_num = $(on_this).siblings('.num');
+        var get_this_num = parseInt(this_num.val())+1;
+        this_num.val(get_this_num);
+        
+        totalQuantity++;
+        $('.totalQuantity').html(totalQuantity);
+    }
+	
+	//减的效果  
+	function num_sub(on_this){
+        
+        var totalQuantity = 0;    //总数量
+		var totalMoney = 0;       //总金额
+		var totalIntegral = 0;    //总积分
+		$("#myTbody tr").each(function(){
+			
+	        //获取当前行的单价
+	        this_price = $(this).children(".danjia").text();
+	        this_price = parseFloat(this_price);
+	        
+	        //获取当前行的积分
+	        this_integral = $(this).children(".jifen").text();
+        	this_integral = parseFloat(this_integral);
+        	
+        	//获取当前行的数量
+        	this_num = $(this).find(".num").val();
+        	this_num = parseInt(this_num);
+        	
+        	//获取当前行的总价格、总积分
+        	var trmoney = this_price*this_num;
+        	var trIntegral = this_integral*this_num;
+        	
+        	//总金额、总数量、总积分
+        	totalQuantity += this_num*1;   //总数量
+        	totalMoney += trmoney*1        //总金额
+        	totalIntegral += trIntegral*1  //总积分
+		}) 
+		$(".totalQuantity").html(totalQuantity);
+		$(".totalMoney").html(totalMoney); 
+		$(".totalIntegral").html(totalIntegral);
+        
+        //当前商品数量
+        this_num = $(on_this).siblings('.num');
+        if(this_num.val() <= 1){
+            this_num.siblings('.jian').removeAttr('onclick');
+            return;
+        }else{
+        	var get_this_num = this_num.val()-1;
+	        this_num.val(get_this_num);
+	        
+	        this_price = $(on_this).parents("td").siblings("td.danjia").text();//获取单价
+	        totalMoney -= this_price;
+	        $('.totalMoney').html(totalMoney.toFixed(2));
+	        
+	        this_integral = $(on_this).parents("td").siblings("td.jifen").text();//获取积分  
+	        totalIntegral -= this_integral;
+	        $('.totalIntegral').html(totalIntegral.toFixed(0));
+	        
+	        totalQuantity--;
+	        $('.totalQuantity').html(totalQuantity);	
+        }
+    }
+	
+	//输入商品数量时改变合计的内容
+	$("#myTbody").on("keyup",".num",function(){
+		if($(this).val()==''){
+            $(this).val('1');
+        }
+        $(this).val($(this).val().replace(/\D|^0/g,''));
+		setTotal();	
+	})
+	
+	//点击 - 备注 - 可编辑
+	$("#myTbody").on("click","td.remarks",function(){
+		if(!$(this).is('.bj')){       
+			$(this).addClass('bj').html('<textarea class="layui-textarea" value="'+$(this).val()+'" />').find('textarea').focus().blur(function(){$(this).parent().removeClass('bj').html($(this).val())});    
+		} 
+	})
+	
+	//点击 - 单价 - 可编辑
+	$("#myTbody").on("click","td.danjia",function(){
+		if(!$(this).is('.bj')){   
+			var currentPrice = $(this).html();
+			$(this).focus();
+			$(this).addClass('bj').html('<input type="tel" class="layui-input" value="'+$(this).text()+'" />').find('input').focus().blur();    
+		} 
+	})
+	//输入商品价格时改变合计的内容
+	$("#myTbody").on("change",".danjia input",function(){
+		var $this = $(this).val();
+		var reg = /^(([1-9]+)|([0-9]+\.[0-9]{1,2}))$/;
+		if(!reg.test($this)){
+			alert("请输入非负浮点数");
+			$(this).parent().removeClass('bj').html($this||"1.00");
+			$(this).val(currentPrice);
+	    }else{
+	    	$(this).parent().removeClass('bj').html($this||"1.00");
+		 	setTotal();
+		}
+	})
+	
+	//table tr 点击删除
+	$("#myTbody").on("click",".delete_btn",function(){
+		if($("#myTbody tr").length < 1){
+			$(".totalQuantity").html("0");
+			$(".totalMoney").html("0"); 
+			$(".totalIntegral").html("0");
+			return;
+		}
+		
+		$(this).parents("#myTbody tr").remove();
+		setTotal();
+	})
+	
+	function setTotal(){
+		var totalQuantity = 0;    //总数量
+		var totalMoney = 0;       //总金额
+		var totalIntegral = 0;    //总积分
+		$("#myTbody tr").each(function(){
+			
+	        //获取当前行的单价
+	        this_price = $(this).children(".danjia").text();
+	        this_price = parseFloat(this_price);
+	        
+	        //获取当前行的积分
+	        this_integral = $(this).children(".jifen").text();
+        	this_integral = parseFloat(this_integral);
+        	
+        	//获取当前行的数量
+        	this_num = $(this).find(".num").val();
+        	this_num = parseInt(this_num);
+        	
+        	//获取当前行的总价格、总积分
+        	var trmoney = this_price*this_num;
+        	var trIntegral = this_integral*this_num;
+        	
+        	//总金额、总数量、总积分
+        	totalQuantity += this_num*1;   //总数量
+        	totalMoney += trmoney*1        //总金额
+        	totalIntegral += trIntegral*1  //总积分
+		}) 
+		$(".totalQuantity").html(totalQuantity);
+		$(".totalMoney").html(totalMoney); 
+		$(".totalIntegral").html(totalIntegral);
+	}
+</script>
+</body>
+</html>

assets/lib/cashier/tree.json

@@ -0,0 +1,61 @@
+/*
+ 作者：2602812659@qq.com
+日期：2018-07-27
+*/
+[
+	{id: "A", name: "第一层", price: "12.50", integral: "2",
+		children: [
+			{id: "A-1", name: "高中课程",
+				children: [
+					{id: "A-1-1", name: "语文",
+						children: [
+							{id: "A-1-1-01", name: "李白", price: "1", integral: "1",  end: "true"},
+							{id: "A-1-1-02", name: "杜甫", price: "3", integral: "1", end: "true"},
+							{id: "A-1-1-03", name: "王昌龄", price: "4", integral: "1", end: "true"},
+							{id: "A-1-1-04", name: "孟浩然", price: "5", integral: "1", end: "true"},
+							{id: "A-1-1-05", name: "韦应物", price: "2", integral: "1", end: "true"},
+							{id: "A-1-1-06", name: "李商隐", price: "6", integral: "1", end: "true"},
+						]
+					},
+					{id: "A-1-2", name: "数学",
+						children: [
+							{id: "A-1-2-01", name: "三角形", price: "12.50", integral: "2", end: "true"},
+							{id: "A-1-2-02", name: "四边形", price: "12.50", integral: "4", end: "true"},
+							{id: "A-1-2-03", name: "圆柱形", price: "12.50", integral: "9", end: "true"},
+							{id: "A-1-2-04", name: "整数", price: "12.50", integral: "4", end: "true"},
+							{id: "A-1-2-05", name: "小数", price: "12.50", integral: "5", end: "true"},
+							{id: "A-1-2-06", name: "函数", price: "12.50", integral: "2", end: "true"},
+						]
+					},
+					{id: "A-1-3", name: "英语", price: "12.50", integral: "2", end: "true"},
+					{id: "A-1-4", name: "物理", price: "12.50", integral: "2", end: "true"},
+					{id: "A-1-5", name: "化学", price: "12.50", integral: "2", end: "true"},
+					{id: "A-1-6", name: "生物", price: "12.50", integral: "2", end: "true"},
+					{id: "A-1-7", name: "政治", price: "12.50", integral: "2", end: "true"},
+					{id: "A-1-8", name: "历史", price: "12.50", integral: "2", end: "true"},
+					{id: "A-1-9", name: "地理", price: "12.50", integral: "2", end: "true"},
+				]
+			},
+			{id: "A-2", name: "JSON", price: "12.50", integral: "2", end: "true"},
+			{id: "A-3", name: "Date", price: "12.50", integral: "2", end: "true"},
+			{id: "A-4", name: "Control", price: "12.50", integral: "2", end: "true"},
+		]
+	},
+	{id: "B", name: "第二层", 
+		children: [
+			{id: "B-1", name: "Button", price: "12.50", integral: "2", end: "true"},
+			{id: "B-2", name: "ListBox", price: "12.50", integral: "2", end: "true"},
+			{id: "B-3", name: "CheckBoxList", price: "12.50", integral: "2", end: "true"},
+			{id: "B-4", name: "RadioList", price: "12.50", integral: "2", end: "true"},
+			{id: "B-5", name: "Calendar", price: "12.50", integral: "2", end: "true"},
+			{id: "B-6", name: "nameBox", price: "12.50", integral: "2", end: "true"},
+			{id: "B-7", name: "Password", price: "12.50", integral: "2", end: "true"},
+			{id: "B-8", name: "nameArea", price: "12.50", integral: "2", end: "true"},
+			{id: "B-9", name: "ComboBox", price: "12.50", integral: "2", end: "true"},
+			{id: "B-10", name: "DatePicker", price: "12.50", integral: "2", end: "true"},
+			{id: "B-11", name: "Spinner", price: "12.50", integral: "2", end: "true"},
+			{id: "B-12", name: "TreeSelect", price: "12.50", integral: "2", end: "true"},
+			{id: "B-13", name: "FileUpload", price: "12.50", integral: "2", end: "true"},
+		]
+	}
+]

assets/lib/miniui/themes/blue/skin.css

@@ -0,0 +1,748 @@
+
+/* base
+==========================================*/
+
+.app-header
+{
+    background:url(images/header.gif) repeat-x 0 -1px;
+}
+.app-toolbar,
+.bg-toolbar
+{
+    background:#f0f0f0 url(images/toolbar/toolbar.gif) repeat-x 0 0;
+}
+.mini-modal
+{
+    background:#fff;    
+    opacity: .6;
+    filter: alpha(opacity=60);    
+}
+.mini-mask-background
+{
+    background:#fff;    
+    opacity: 0;
+    filter: alpha(opacity=0);    
+}
+.mini-popup,
+.mini-window,
+.mini-menu-open
+{
+    /*box-shadow:rgba(0,​ 0,​ 0,​ 0.6) 0px 6px 12px 0px;*/
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
+}
+
+/* tools
+==========================================*/
+.mini-tools .mini-tools-collapse
+{
+    background:url(images/tools/collapse.gif) no-repeat 50% 50%;
+    width:15px;	
+    _background-position:50% 0px;
+}
+.mini-tools .mini-tools-expand
+{
+    background:url(images/tools/expand.gif) no-repeat 50% 50%;
+    width:15px;	
+    _background-position:50% 0px;
+}
+.mini-tools-close
+{
+    background:url(images/tools/close.gif) no-repeat 50% 0px;
+    width:15px;	
+    _background-position:50% 0px;
+}
+.mini-tools-max
+{
+    background:url(images/tools/max.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-tools-restore
+{
+    background:url(images/tools/restore.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-panel-collapse .mini-tools-collapse
+{
+    background:url(images/tools/expand.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-outlookbar .mini-tools-collapse,
+.mini-outlookbar .mini-outlookbar-expand .mini-tools-collapse
+{
+    background:url(images/navbar/expand.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-outlookbar .mini-outlookbar-collapse .mini-tools-collapse
+{
+    background:url(images/navbar/collapse.gif) no-repeat 50% 50%;   
+    _background-position:50% 0px;
+}
+.mini-layout-region-west .mini-layout-region-header .mini-tools-collapse
+{
+    background:url(images/layout/west.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-layout-region-east .mini-layout-region-header .mini-tools-collapse
+{
+    background:url(images/layout/east.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-layout-region-north .mini-layout-region-header .mini-tools-collapse
+{
+    background:url(images/layout/north.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-layout-region-south .mini-layout-region-header .mini-tools-collapse
+{
+    background:url(images/layout/south.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-layout-proxy-west .mini-tools-collapse
+{
+    background:url(images/layout/east.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-layout-proxy-east .mini-tools-collapse
+{
+    background:url(images/layout/west.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-layout-proxy-north .mini-tools-collapse
+{
+    background:url(images/layout/south.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+.mini-layout-proxy-south .mini-tools-collapse
+{
+    background:url(images/layout/north.gif) no-repeat 50% 50%;
+    _background-position:50% 0px;
+}
+
+/* popup
+==========================================*/
+.mini-popup
+{
+    border-color:#aaa;
+}
+
+/* toolbar
+==========================================*/
+.mini-toolbar
+{
+    background:#f0f0f0 url(images/toolbar/toolbar.gif) repeat-x 0 0;
+    border-color:#99bce8;
+}
+.separator
+{
+    border-color:#A8A8A8;    
+}
+
+/* button
+==========================================*/
+.mini-button
+{    
+	background:url(images/button/button.gif) repeat-x 0px 50%;
+	border-color: #b5afaf;	
+    color:#333;
+    border-radius: 2px; 
+}
+body a:hover.mini-button
+{
+    background:#e2f2fe url(images/button/hover.gif) repeat-x 0px 50%;
+    border-color:#80a4d0;
+}
+body .mini-button-pressed, body a:hover.mini-button-pressed,
+body .mini-button-checked, body a:hover.mini-button-checked,
+body a.mini-button-popup, body a:hover.mini-button-popup
+{
+	background:#bacee4 url(images/button/pressed.gif) repeat-x 0px 50%;	
+	border-color:#7a9ac4;
+}
+body a.mini-button-disabled, body a:hover.mini-button-disabled
+{
+    border-color:#E1E2E5;
+    color:#BABAC1;
+    background:#F8F9FA url(images/button/disabled.png) repeat-x 0 0px;       
+}
+
+/* textbox
+==========================================*/
+.mini-textbox-border
+{
+    background:white url(images/buttonedit/text-bg.gif) repeat-x 0px top;
+	border-color:#b5b8c8;	
+}
+.mini-textbox-focus .mini-textbox-border
+{
+    border-color: #7eadd9;    
+}
+body .mini-error .mini-textbox-border,
+body .mini-error .mini-buttonedit-border,
+body .mini-error .mini-textboxlist-border
+{
+    /*border-color: #ffa8a8;
+    background-color: #fff3f3;*/
+}
+.mini-textbox-input
+{
+    color:#333;
+}
+
+/* buttonedit
+==========================================*/
+.mini-buttonedit-border
+{
+	background:white url(images/buttonedit/text-bg.gif) repeat-x 0px top;
+	border-color:#b5b8c8;    
+}
+.mini-buttonedit-focus .mini-buttonedit-border
+{
+    border-color: #7eadd9;    
+}
+.mini-buttonedit-input
+{
+    color:#333;
+}
+.mini-buttonedit-button
+{    
+	background: url(images/buttonedit/btn.gif) repeat-x 0px 50%;		
+	border:#b5b8c8 1px solid;   
+	padding:0;
+}
+.mini-buttonedit-button-hover,
+.mini-buttonedit-hover .mini-buttonedit-trigger
+{
+    background:url(images/buttonedit/btn-hover.gif) repeat-x 0 50%;	
+	border-color:#80a4d0;
+}
+.mini-buttonedit-button-pressed,
+.mini-buttonedit-popup .mini-buttonedit-trigger
+{
+    background:url(images/buttonedit/btn-pressed.gif) repeat-x 0 50%;	
+	border-color:#80a4d0;
+}
+.mini-popupedit .mini-buttonedit-trigger .mini-buttonedit-icon
+{
+    background:url(images/buttonedit/arrow.gif) no-repeat  1px 2px;
+}
+.mini-datepicker .mini-buttonedit-trigger .mini-buttonedit-icon
+{
+    background:url(images/buttonedit/date.gif) no-repeat  1px 2px;
+}
+/*.mini-buttonedit-up span, .mini-buttonedit-down span
+{
+    background:url(images/buttonedit/spinner_arrows.png) no-repeat 0px 50%; 
+}
+.mini-buttonedit-down span
+{
+    background-position:-16px 50%;
+}*/
+
+/* textboxlist
+==========================================*/
+.mini-textboxlist-border
+{
+    border-color: #b5b8c8;
+}
+.mini-textboxlist-focus .mini-textboxlist-border
+{
+    border-color: #7eadd9;    
+}
+.mini-textboxlist-item
+{
+    color:#333;
+}
+
+/* htmlfile
+==========================================*/
+.mini-htmlfile .mini-buttonedit-button
+{
+	color:#333;
+    background:url(images/buttonedit/btn.gif) repeat-x 0px 50%;		 
+    border-color:#b5b8c8;	     	
+}
+
+/* panel
+==========================================*/
+.mini-panel-border
+{    
+    border-color:#99bce8;     
+}
+.mini-panel-header
+{
+    background:#cadcf2 url(images/panel/header.gif) repeat-x 0 0px;
+    color:#04408c;
+    font-weight:bold;
+    border-color:#99bce8;
+}
+.mini-panel-toolbar,
+.mini-panel-footer
+{
+    border-color:#99bce8;
+    background:#D3E1F1;
+}
+
+
+/* window
+==========================================*/
+.mini-window .mini-panel-header
+{    
+    background:#cadcf2 url(images/window/header.gif) repeat-x 0 0px;
+}
+.mini-window .mini-panel-footer
+{
+    background:#D3E1F1;
+}
+
+/* outlookbar
+==========================================*/
+.mini-outlookbar-border
+{
+    border-color:#99bce8;         
+}
+.mini-outlookbar .mini-outlookbar-groupHeader
+{
+    background:#d9e8fb url(images/navbar/header.gif) repeat-x 0 0;    
+    border-color:#99bce8;
+}
+.mini-outlookbar .mini-outlookbar-hover
+{
+    /*background:#e5f0c9;    */
+}
+.mini-outlookbar-expand .mini-outlookbar-groupHeader
+{
+    /*background:#dae5bb;*/
+}
+.mini-outlookbar .mini-outlookbar-groupTitle
+{
+    font-weight:normal;
+}
+.mini-outlookbar .mini-outlookbar-group 
+{
+    border-color:#99bce8;
+}
+.mini-outlookbar .mini-outlookbar-groupBody
+{    
+    border-color:#99bce8;
+}
+.mini-outlookbar-view2 .mini-outlookbar-groupHeader
+{
+    border-color:#99bce8; 
+}
+.mini-outlookbar-view2 .mini-outlookbar-groupBody
+{    
+    background:#fff;
+}
+.mini-outlookbar-view3 .mini-outlookbar-group
+{
+    border-color:#99bce8; 
+}
+
+/* splitter
+==========================================*/
+.mini-splitter-border
+{
+    border-color: #99bce8;     
+}
+.mini-splitter .mini-splitter-pane1{
+    border-color:#99bce8;
+}
+.mini-splitter .mini-splitter-pane2{
+    border-color:#99bce8;
+}
+
+/* layout
+==========================================*/
+.mini-layout-border
+{
+    border-color:#90b5e3;
+}
+.mini-layout-region
+{
+    border-color:#90b5e3;    
+}
+.mini-layout-region-header
+{
+    background:#cadcf2 url(images/layout/header.gif) repeat-x 0 0;
+    border-color:#99bce8;    
+}
+.mini-layout-proxy
+{
+    border-color:#90b5e3;
+    background:#D2E0F2;
+}
+.mini-layout-proxy-hover
+{
+    background:#e1f0f2;    
+}
+.mini-layout-region-title
+{
+    color:#333;
+}
+
+/* menu
+==========================================*/
+.mini-menu
+{
+	background:#f0f0f0 url(images/menu/menu.gif) repeat-y -5px 0;		
+    color:#333;    
+}
+.mini-menu-border
+{
+    border-color:#89b1e4;
+}
+.mini-menuitem-hover,  
+.mini-menu-popup
+{
+    border-color:#80a4d0;
+	background:#d6e6fa url(images/menu/hover.gif) repeat-x;	
+}
+.mini-menuitem-selected
+{
+    border-color:#80a4d0;
+    background:#DBDDE2 url(images/menu/pressed.png) repeat-x 0 0;
+}
+.mini-menuitem-text, .mini-menuitem-text a
+{
+    color:#333;
+}
+.mini-separator
+{
+    border-color:#8EAADE;
+}
+.mini-menu-horizontal .mini-menu-inner
+{
+    background:#d3e1f1 url(images/menu/hmenu.gif) repeat-x 0 0;
+}
+.mini-menu-horizontal .mini-menuitem-allow
+{
+    background:url(images/menu/menu_arrows.png) no-repeat -2px -4px;
+}
+
+
+/* pager
+==========================================*/
+.mini-pager
+{
+    background:transparent;
+    border-color:#99bce8;
+}
+
+/* grid
+==========================================*/
+.mini-grid-border
+{
+    border-color:#99bce8;
+}
+.mini-grid-header
+{
+    
+}
+.mini-grid-column-trigger
+{
+    border-color:#c5c5c5;
+}
+.mini-grid-headerCell, .mini-grid-topRightCell
+{
+    background:url(images/grid/header.gif) repeat-x scroll left top #e2e4e6;
+    border-color:#c5c5c5;
+}
+.mini-grid-cell
+{
+    border-color:#d0d0d0;
+}
+.mini-grid-filterRow
+{
+    background:#fff;
+}
+.mini-grid-footer, .mini-grid-pager
+{
+    border-color:#99bce8;       
+    background:url(images/grid/footer.gif) repeat-x scroll left top #d4e2f1;
+}
+.mini-grid-columnproxy
+{
+    background:#fff;
+    border-color:#d0d0d0;
+}
+html body .mini-grid-row-hover
+{
+    background: #ecedef;
+}
+html body .mini-grid-row-selected
+{
+    background: #dfe8f6;
+}
+html body .mini-grid .mini-grid-cell-selected
+{
+    background:#addffe;
+}
+
+.mini-grid-header-over
+{
+    /*background: #e5f0c9;*/
+}
+
+/* tree
+==========================================*/
+.mini-tree-node-hover .mini-tree-nodeshow
+{
+    background:url(images/tree/button.gif) repeat-x 0px 50%;
+	border-color:#b5afaf;  
+}
+.mini-tree-selectedNode .mini-tree-nodeshow
+{
+    background:#e2f2fe url(images/tree/hover.gif) repeat-x 0px 50%;
+    border-color:#80a4d0;
+}
+.mini-tree-leaf
+{
+    background-image:url(images/tree/leaf.gif);
+}
+.mini-tree-folder
+{
+    background-image:url(images/tree/folder.gif);   
+}
+.mini-tree-expand .mini-tree-folder
+{
+    background-image:url(images/tree/folder-open.gif);
+}
+
+/* listbox
+==========================================*/
+.mini-listbox-border
+{    
+    border-color:#98c0f4;
+}
+.mini-listbox-header
+{
+    background:#E7EBEF url(images/listbox/header.png) repeat-x 0 0;    
+    border-color:#c5c5c5;
+}
+.mini-listbox-header td
+{
+    border-color:#c5c5c5;
+}
+.mini-listbox-item td{
+	border-color:#c5c5c5;
+}
+.mini-listbox-item-hover td{
+    background:#dfe8f6;
+	border-color:#8eabe4;
+}
+.mini-listbox-item-selected td{
+	background:#dfe8f6;
+	border-color:#8eabe4;
+}
+    
+/* tabs
+==========================================*/
+.mini-tabs-scrollCt
+{
+    border-color:#8CB2E2;
+    background:#f0f0f0 url(images/toolbar/toolbar.gif) repeat-x 0 0;
+}
+.mini-tabs-leftButton, 
+.mini-tabs-rightButton,
+.mini-tabs-tabmenu
+{
+    border-color:#b5afaf;
+    background-color:#EBEBEE;
+}
+a:hover.mini-tabs-leftButton,
+a:hover.mini-tabs-rightButton
+a:hover.mini-tabs-tabmenu
+{
+    border-color:#80a4d0;
+    background-color:#E1E8FD;
+}
+/* top */
+.mini-tabs-bodys
+{
+    border-color:#8CB2E2;
+}
+.mini-tabs-space
+{
+    border-color:#8CB2E2;
+}
+.mini-tabs-space2
+{
+    border-color:#8CB2E2;
+}
+.mini-tab
+{
+    background: #deecfc url(images/tabs/tab.gif) repeat-x 0 0;
+    border-color:#8CB2E2;
+    color: #333;       
+}
+.mini-tab-hover
+{    
+    background:#E1E8FD url(images/tabs/hover.gif) repeat-x 0 0; 
+}
+.mini-tab-active
+{
+    border-bottom-color:#deecfd;
+    background:#E1E8FD url(images/tabs/pressed.gif) repeat-x 0 0;  
+}
+.mini-tab-close-hover
+{
+    background-color:#8CB2E2;
+}
+/* bottom */
+.mini-tabs-header-bottom .mini-tabs-space,
+.mini-tabs-header-bottom .mini-tabs-space2
+{
+    border-color:#8CB2E2;
+}
+.mini-tabs-header-bottom .mini-tabs-bodys
+{    
+    border-color:#99bce8;    
+}
+.mini-tabs-header-bottom .mini-tab-active
+{
+    border-top-color:white;
+    border-bottom-color:#99bce8;
+}
+.mini-tabs-body-bottom
+{
+    border-color:#99bce8;    
+}
+/* left */
+.mini-tabs-header-left .mini-tabs-space,
+.mini-tabs-header-left .mini-tabs-space2
+{
+    border-color:#99bce8;
+}
+.mini-tabs-header-left .mini-tabs-bodys
+{
+    border-color:#99bce8;    
+}
+.mini-tabs-header-left .mini-tab-active
+{    
+    border-color:#99bce8;
+    border-right-color:white;
+}
+.mini-tabs-body-left
+{
+    border-color:#99bce8;    
+}
+/* right */
+.mini-tabs-header-right .mini-tabs-space,
+.mini-tabs-header-right .mini-tabs-space2
+{
+    border-color:#99bce8;
+}
+.mini-tabs-header-right .mini-tabs-bodys
+{    
+    border-color:#99bce8;    
+}
+.mini-tabs-header-right .mini-tab-active
+{    
+    border-color:#99bce8;
+    border-left-color:white;
+}
+.mini-tabs-body-right
+{
+    border-color:#99bce8;    
+}
+/* radius */
+.mini-tab
+{
+    border-radius:4px;   
+}
+.mini-tabs-header-right .mini-tab
+{
+    border-top-left-radius:0px;
+    border-bottom-left-radius:0px;     
+}
+
+.mini-tabs-header-left .mini-tab
+{
+    border-top-right-radius:0px;
+    border-bottom-right-radius:0px;     
+}
+.mini-tabs-header-bottom .mini-tab
+{
+    border-top-right-radius:0px;
+    border-top-left-radius:0px;     
+}
+.mini-tabs-header-top .mini-tab
+{
+    border-bottom-right-radius:0px;
+    border-bottom-left-radius:0px; 
+}
+
+/* tooltip
+==========================================*/
+.mini-tooltip-inner {    
+    border-color:#ddd;
+    border-radius: 0px;
+}
+
+/* calendar
+==========================================*/
+.mini-calendar
+{    
+    border-color:#98c0f4;           
+}
+.mini-calendar-header
+{   
+    background:#cad8ec url(images/calendar/footer.gif) repeat-x 0 0;    
+    border-color:#9bb5d3;
+}
+.mini-calendar-footer
+{
+    border-color:#b2d1f5;
+    background:#cad8ec url(images/calendar/footer.gif) repeat-x 0 0;    
+}
+.mini-calendar-tadayButton, .mini-calendar-clearButton,
+.mini-calendar-okButton, .mini-calendar-cancelButton
+{
+    background:url(images/button/button.gif) repeat-x 0px 50%;
+    border-color: #b5afaf;
+    color: #333;
+}
+.mini-calendar .mini-calendar-today
+{
+    border-color:#C00000;
+}
+.mini-calendar-daysheader td
+{
+    border-color:#b2d1f5;    
+}
+.mini-calendar-menu
+{
+    border-color:#b2d1f5;
+}
+.mini-calendar-title,
+.mini-calendar-menu-year,
+.mini-calendar-menu-month
+{
+    color:#333;
+}
+.mini-calendar .mini-calendar-selected,
+.mini-calendar-menu-selected,
+a:hover.mini-calendar-menu-month,
+a:hover.mini-calendar-menu-year
+{
+    color:#333;
+    background:#dae5f3;
+    border-color:#8db2e3;
+}
+
+/* progressbar
+==========================================*/
+.mini-progressbar-border
+{
+    border-color:#98c0f4;
+}
+.mini-progressbar-bar
+{
+    background:#D3E1F1;
+}
+.mini-progressbar-text
+{ 
+    color:#333; 
+}
+
+