使用html语言编写收银系统,蓝色简洁样式html5店铺收银系统网页模板

模板描述：html5店铺收银系统。蓝色简洁样式html5店铺收银系统网页模板html模板下载

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

• 交接班

• 新增会员

• 销售单据

• 帮助

• 系统设置

• 所有功能

会员名称：jdy

系统菜单

• 交接班

• 新增会员

• 销售单据

• 退货

• 盘点

• 货流通知

• 调货

• 进货

• 订货

• 商品编辑

• 系统设置

• 打开钱箱

• 报损

• 生产制作

• 洁清

• 帮助

• 通知

• 预付卡

• 预约

通知中心

• 生日提醒 0
• 保质期预警 0
• 周期消费提醒 0
• 库存预警 0
• 商品调价通知 0
• 货流通知 0

商品 售价 新售价 生效日期

洁清

商品条码商品名称规格预设库存操作

1.1.1.1.

全部恢复

确认

选择商品

搜索

商品条码商品名称规格价格货号

1.1.1.1.

找到4件匹配商品

加入

取消

商品资料 ×

• 条码：生成

• 销售价：

• 品名：

• 进货价：

• 分类：sd

  ad

• 库   存：推荐

• • 拼音码：

  •  库存上限：

  • 供货商：

    请选择供货商

  •  库存下限：

  • 生产期：

  • 保质期/天：

  • • 商品状态：启用 禁用：
    • 会员价： 会员折扣

  展开更多

确认

取消

$(function(){

$(".biji-content").hide();

//按钮点击事件

$(".kai_i").click(function(){

var txts = $(this).parents("li");

if ($(this).text() == "展开更多"){

$(this).text("以上展开部分为选填内容(收起)");

txts.find(".biji-tit").hide();

txts.find(".biji-content").show();

}else{

$(this).text("展开更多");

txts.find(".biji-tit").show();

txts.find(".biji-content").hide();

}

})

});

//弹框

function showpop(id){

$(id).fadeIn();

var h = ($(window).height() - $(id).children('.popup-box').height())/2;

$(id).children('.popup-box').css('margin-top',h);

}

$('.fet_out').click(function(){

$('.popup').fadeOut();

});

商品条码商品名称原价折扣数量现价小计

油条五根少时诵诗sdsadsadsadasdaddasdsadaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa书所所所所所所所所所1.1.

• 共计商品 4444件

• +新增商品

  网店订单

  删除

• 1. 来宾

     姓名 查看

  2. 0

     余额 充值

  3. 0

     积分 兑换

• 收 款

  [空格键]

  ￥0