12 Star 9 Fork 8

mooshroom / Chest

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 31.52 KB
一键复制 编辑 原始数据 按行查看 历史
詹伟 提交于 2015-12-29 19:59 . 优化搜索框的残留数据
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="zh-CN">
<!--页头引入-->
<head ms-controller="head">
<title>Chest进销存</title>
<meta content="Chest进销存" name="Description">
<meta content="名称" name="Keywords">
<meta charset="UTF-8">
<!--坑爹的IE兼容-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--坑爹的将360默认为极速模式打开-->
<meta name="renderer" content="webkit">
<!--移动优先-->
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<!--avalon-->
<script src="./src/js/avalon.modern.1.5.min.js"></script>
<!--图标引入-->
<!--bootstrap引入-->
<link href="./src/css/layout.css" rel="stylesheet">
<!--已合并到layout中-->
<!--<link href="./src/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>-->
<!--引入btn-->
<!--<link href="./src/css/button.css" rel="stylesheet" type="text/css"/>-->
<!--fontAwesone 引入-->
<link href="./src/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<!--本地CSS-->
<!--<link href="./src/css/mooshroom.css" rel="stylesheet">-->
<link href="./src/css/local.css" rel="stylesheet">
<style>
[ms-controller] {
visibility: hidden
}
</style>
</head>
<body class="">
<noscript >
<div class="container">
<H1>Javascript Disabled</H1>
您当前的浏览器禁用了javascript,导致无法使用易点进销存…… <br/>
请在浏览器的设置(setting)中,启用javascript
</div>
</noscript>
<!--打印容器-->
<div class="visible-print" id="print">
</div>
<!--内容-->
<div id="desk" style="display: none">
<div class="box-row hidden-print">
<!--顶部快捷功能-->
<div ms-controller="quickStart" class="top-bar" id="topBar">
<div class="top-1 box-row hor-ends">
<!--4个按钮-->
<div class="quick-l ">
<span style="position: relative;">
<a class="btn-quick" href="#!/bill/sell"
style="color:#fff;border-radius:3px;background: #64A0B9!important;"
ms-on-mouseenter='preLoad("sell")' ms-on-mouseleave="unLoad">
<i class="icon-gift">&nbsp;</i>
销售出库
</a>
<button class="btn-quick" ms-click="toggleBill">
开单&nbsp;
<i class="icon-caret-down" ms-visible="!showMoreBill"></i>
<i class="icon-caret-up" ms-visible="showMoreBill"></i>
</button>
<div class="kdbox" ms-class-showBill="showMoreBill">
<span class="shBill" ms-on-mouseleave="toggleBill">
<div style="color: #66A0B5;">
<div style="width:3px; height:18px;background: #66A0B5;float: left"></div>
&nbsp;&nbsp;销售
</div>
<div style="height:40px;padding:10px 0 0 0;">
<a class="btn btn-default btn-xs menuBtn" href="#!/bill/sell"
ms-on-mouseenter='preLoad("sell")' ms-on-mouseleave="unLoad">
销售出库 F1
</a>
<a class="btn btn-default btn-xs menuBtn" href="#!/bill/sellReturn"
ms-on-mouseenter='preLoad("sellReturn")' ms-on-mouseleave="unLoad">
销售退货 F2
</a>
</div>
<div style="color: #66A0B5;">
<div style="width:3px; height:18px;background: #66A0B5;float: left"></div>
&nbsp;&nbsp;采购
</div>
<div style="height:40px;padding:10px 0 0 0;">
<a class="btn btn-default btn-xs menuBtn" href="#!/bill/pur"
ms-on-mouseenter='preLoad("pur")'
ms-on-mouseleave="unLoad">
采购入库 F3
</a>
<a class="btn btn-default btn-xs menuBtn" href="#!/bill/purReturn"
ms-on-mouseenter='preLoad("purReturn")' ms-on-mouseleave="unLoad">
采购退货 F4
</a>
</div>
<div style="color: #66A0B5;">
<div style="width:3px; height:18px;background: #66A0B5;float: left"></div>
&nbsp;&nbsp;库房
</div>
<div style="height:40px;padding:10px 0 0 0;">
<a class="btn btn-default btn-xs menuBtn" href="#!/bill/A"
ms-if="Stores.length>1"
ms-on-mouseenter='preLoad("A")' ms-on-mouseleave="unLoad">
调拨
</a>
<a class="btn btn-default btn-xs menuBtn" href="#!/bill/-4"
ms-on-mouseenter='preLoad("-4")' ms-on-mouseleave="unLoad">
报损
</a>
<a class="btn btn-default btn-xs menuBtn" href="#!/bill/B"
style="color:#fff;border-radius:3px;background: #64A0B9!important;"
ms-on-mouseenter='preLoad("B")' ms-on-mouseleave="unLoad">
盘存
</a>
</div>
</span>
</div>
</span>
<!--<a onclick="window.location.href='query.html'" class="btn-quick">邀请查货</a>-->
<!-- <div class="top-2 box-row hor-ends"> -->
<div class="search-box box-row warp" style="display: inline-block">
<!--<span>快速搜索:</span><br/>-->
<div style="display: inline-block;margin: 4px 0;">
<input type="text" id="searchGoods"
maxlength="50"
class="form-control focus-longer"
onkeyup="goInput.posePanel(this)"
onfocus="goInput.show(true);
goInput.posePanel(this)"
onblur="goInput.show(false)"
onkeyup="cutLength(this)"
ms-duplex="goodsKey"
placeholder="商品搜索"/>
</div>
<div style="display: inline-block">
<input type="text" maxlength="50" id="searchCus"
class="form-control focus-longer"
onkeyup="cusInput.posePanel(this)"
onfocus="cusInput.show(true);cusInput.posePanel(this)"
onblur="cusInput.show(false)"
onkeyup="cutLength(this)"
ms-duplex="customerKey"
placeholder="客户搜索"/>
<!--客户查询的搜索结果框-->
</div>
<!-- <a href="#!/search/0" class="btn btn-default" style="height: 34px;">订单查询</a>-->
</div>
</div>
<!-- </div>-->
<!--用户状态-->
<div class="user-state pull-right" ms-if="inSide">
HI-
<a href="#!/more/0" style="display: inline-block">{{user.UserName}}</a>
您现在正在
<span>
<a style="font-weight:bold;display: inline-block"
ms-click="moreStore">
{{nowStore.Name}}
</a>
</span>
<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
<a ms-click="logout" style="font-size:12px;display:inline-block">退出登录</a>
<!--店铺列表-->
<div class="more-store" ms-visible="showMoreStore" ms-on-mouseleave="closeMoreS">
<div style='padding:5px'>
切换到:
</div>
<div ms-repeat="Stores" class="storeI" ms-click="changeStore($index)">
{{el.Name}}
</div>
</div>
</div>
</div>
<!--全局统计-->
<div class="box-row globalData" ms-click="lookGlobal">
<div class="pull-left globalDataArrow">
<i class="icon-large icon-angle-left" ms-if="showGlobal == false"></i>
<i class="icon-large icon-angle-right" ms-if="showGlobal == true"></i>
</div>
<div ms-if="!showGlobal" style="width:15px;background:#fff;height:100%;"></div>
<div class="alldatabox" ms-class-htowdata="!showGlobal">
<div class="box-row twoData">
<div class="total box-row" ms-visible="wShowGlobal">
<big>
超期
</big>
<div>
<div>
应收<span style="color: #5cb85c;"> {{Report.Overdue.Receive}} </span>
</div>
<div>
应付<span style="color: #f0ad4e;"> {{Report.Overdue.Pay}} </span>
</div>
</div>
</div>
<div class="total box-row" ms-visible="wShowGlobal">
<big>
销售额
</big>
<div>
<div>
今日<span style="color: #d9534f;"> {{Report.Today.Sale}}&nbsp;&nbsp;</span>
</div>
<div>
本月<span style="color: #777;"> {{Report.Month.Sale}}&nbsp;&nbsp;</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--左侧导航-->
<div class="panel-low">
<div style="width: 59px"></div>
<div ms-controller="nav" class="nav">
<div class="nav-list">
<!--ms-repeat-->
<div ms-repeat="navList" class="nav-item" ms-class="now:now==$index">
<a ms-attr-href='"#!/"+el.en+"/0"' ms-on-mouseenter="preLoad($index)"
ms-if="!el.sub" class="box-col row-center">
<span style="font-size: 30px">
{{el.icon|html}}
</span>
<!--<br/>-->
<span style="font-size: 13px">
{{el.zh}}
</span>
</a>
</div>
</div>
</div>
</div>
<!--中内容-->
<div class="box-row hor-center" style="width: 100%">
<div class="main-bg" ms-controller="layout">
<!--下方各模块私有-->
<div class="layout panel" ms-class="scaled:rightShowing">
<!--主体-->
{{url|html}}
<!--备选商品-->
<!--页脚-->
<div class="footer">
<span class="pull-right">
&copy; 碳素云 2015
</span>
</div>
</div>
<!--右侧小窗口-->
<div class="right-layout"
ms-class="right-showing:rightShowing"
ms-class-2="right-layout-clickable:!rightShowing"
ms-visible="subUrl!=''">
<div class="right-layout-toggle" ms-click="subToggle">
<!--<i style="color:#fff" class="icon-angle-left icon-2x smooth-show" ms-class="turn-right:rightShowing"></i>-->
<div class="right-title" ms-visible="rightTitle!=''">
{{rightTitle}}
</div>
</div>
<div class="right-content" onclick="if(!layout.rightShowing){layout.subOpen()}"
ms-on-mouseleave="setTimeClose"
ms-on-mouseenter="clearClose">
{{subUrl|html}}
</div>
</div>
<div>
<button class="btn btn-sm goodsCar" style="color:#FFFFFF" ms-click="showGoodsCar">已选<br/>商品
</button>
<span class="goodsCarNum" ms-if="GCList.length!=0"> {{GCList.length}} </span>
</div>
<!-- 浏览器版本提醒-->
<!--<div class="browser-err" ms-if="browser.name!='firefox'&&browser.name!='chrome'">-->
<!--您的浏览器过于老旧,无法获得最佳体验,请使用 <span style="color:#fff">chrome</span> 或 <span style="color:#fff">firefox</span> 浏览器访问。 <br/>-->
<!--点击下载chrome浏览器:<a href="http://down.tansuyun.cn/chrome.exe">http://down.tansuyun.cn/chrome.exe</a>-->
<!--</div>-->
</div>
</div>
</div>
</div>
<!--登陆界面-->
<div class="login-pannel" ms-controller="login" id="loginPanel">
<div>
<div class="container">
<div class="lo-title">
<img src="./src/images/logo.png" class="pull-left" alt="" width="64"/>
<div class="text-center pull-left">
<span>
易点进销存
</span>
<br/>
<span>
chest.tansuyun.cn
</span>
</div>
</div>
<div class="lo-form">
<p>欢迎使用</p>
<strong>易点进销存</strong>
<hr/>
<div ms-visible='state!="waiting"&&state!="success"'>
<div class="item">
<span class="stb-tip" ms-if="loginAccFlag==1">{{login_acctip}} </span>
<input type="text" maxlength="50" onkeyup="cutLength(this)" id="account"
ms-duplex="login_account"
ms-on-input="verifyLoginName()" ms-on-keydown="clearPwd" placeholder="用户名">
</div>
<div class="item">
<span class="stb-tip" ms-if="loginPwdFlag==1">{{login_pwdtip}} </span>
<input type="password" id="pwd" ms-duplex="login_pwd" ms-on-input="verifyLoginPwd()"
placeholder="密码">
</div>
<div>
<button class="btn btn-info pull-left" ms-click="login">登陆</button>
<button class="btn btn-default pull-right" ms-click="reset">取消</button>
</div>
</div>
<div ms-visible='state=="waiting"'>
<i class="icon-spinner icon-spin icon-5x"></i>
</div>
<div ms-visible='state=="success"' class="text-success">
<i class="icon-ok-sign icon-5x"></i>
</div>
</div>
</div>
<div class="text-center">
<img src="./src/images/home-bg.png" alt=""
style="width: 90%;margin-left: auto;margin-right: auto;margin-top: 30px"/>
</div>
</div>
</div>
<!--全局UI组件容器-->
<div ms-controller="uiBox" class="hidden-print">
<tsy:ws config="$optc"></tsy:ws>
<tsy:progressbar config="$optd"></tsy:progressbar>
<tsy:tip config="$opta"></tsy:tip>
<tsy:modal config="$optb" id="modal"></tsy:modal>
<tsy:totop config="$optTop"></tsy:totop>
<tsy:goodsinput config="$optGI_bill"></tsy:goodsinput>
<tsy:goodsinput config="$optGI"></tsy:goodsinput>
<tsy:cusinput config="$optCI"></tsy:cusinput>
<tsy:cusinput config="$optCI_bill"></tsy:cusinput>
</div>
<script src="./plugins/cache/cache.js"></script>
<!--layout.js 已合并到config中-->
<!--<script src="./layout.js"></script>-->
<script src="./config.js"></script>
<script>
avalon.ready(function () {
//配置父元素的VM
var uiBox = avalon.define({
$id: "uiBox",
//提示框配置
$opta: {
id: "tip"
},
// 模态框配置
$optb: {
id: "modal"
},
//websocket配置
$optc: {
id: "ws",
server: "ws://180.97.81.190:46032",//线上版本
// server: "ws://my.s.tansuyun.cn:46080",//测试版本
debug: false
},
$optd: {
id: "pb"
},
$optTop: {
id: "toTop"
},
$optGI: {
id: "goInput",
callback: function (goods) {
require(['../../package/goods/goods.js'], function () {
window.goods.infoReady(goods.GoodsID)
document.getElementById("searchGoods").blur()
goInput.mustOut()
goInput.goReset()
quickStart.goodsKey = ""
})
},
callbackTM: function (goods) {
require(['../../package/goods/goods.js'], function () {
window.goods.infoReady(goods.GoodsID)
document.getElementById("searchGoods").blur()
goInput.mustOut()
goInput.goReset()
quickStart.goodsKey = ""
})
}
},
// 开单界面中商品搜索配置
$optGI_bill: {
id: 'billGoodsSearch',
callback: function (goods) {
bill.wantSearch = false;
var input;
var xc;
input = bill.List[bill.focusIndex]
/*检查是否超出库存*/
bill.amountErr(bill.focusIndex);
fill(bill.focusIndex)
function fill(fi) {
//填充数据
bill.oldList[fi] = {Name: ''}
for (xc in input) {
if (xc.charAt(0) != '$') {
if (goods[xc]) {
input[xc] = goods[xc]
}
else {
input[xc] = ""
}
//如果是采购,则将标价替换为成本价
if (xc == "Price1") {
if (bill.state == "pur" || bill.state == "purReturn") {
input.Price1 = goods.Price0
}
else if ((bill.state == "sell" || bill.state == "sellReturn") && goods.LP.Price > 0) {
//如果是销售,则把标价替换为上次价格
input.Price1 = goods.LP.Price;
}
}
// 记录原有数据,做更改比较所用
bill.oldList[fi][xc] = input[xc]
}
}
bill.List[fi].Amount = 1;
//如果是盘存单,那么默认amount为当前库存
if (bill.state == "B") {
bill.List[fi].Amount = goods.ThisTotle
}
try {
bill.priceErr(fi)
bill.amountErr(fi)
} catch (err) {
}
}
bill.goOut()
bill.sum()
function goReset() {
bill.goods = []
bill.GP = 1
bill.GT = 0
bill.goodsKey = ""
//bill.goLastKey = ""
bill.focusGoods = -1
bill.onGoods = -1
//bill.focusIndex = ''
bill.goodsToggle = false
bill.goodsWaiting = false
}
goReset()
//跳转至下一行
bill.autoNextLine()
},
callbackTM: function (goods) {
/*检查表单中是否已存在此商品,存在则数量加一*/
for (var echG = 0; echG < bill.List.length; echG++) {
if (bill.List[echG].GoodsID == goods.GoodsID) {
bill.List[echG].Amount++;
/*初始化*/
billGoodsSearch.goReset()
/****这里要清空输入框*****/
bill.List[bill.focusIndex].Name = '';
//跳转至下一行
// bill.autoNextLine()
/*重新计合*/
bill.sum();
/*检查是否超出库存*/
bill.amountErr(echG);
return;
}
}
billGoodsSearch.callback(goods)
billGoodsSearch.mustOut()
}
},
//页面顶部的客户供应商搜索
$optCI: {
id: "cusInput",
callback: function (cus) {
window.location.href = '#!/customerInfo/' + cus.CustomerID
document.getElementById("searchCus").blur()
cusInput.mustOut()
cusInput.reset()
quickStart.customerKey = ""
}
},
$optCI_bill: {
id: 'billCusSearch',
callback: function (cus) {
var cus = cus,
input = bill.customer,
x;
for (x in input) {
if (x.charAt(0) != '$') {
if (cus[x]) {
input[x] = cus[x]
}
else {
input[x] = ""
}
// 记录原有数据,做更改比较所用
bill.oldCus = {}
bill.oldCus[x] = input[x]
}
}
document.getElementsByClassName("billInput")[0].focus()
billCusSearch.mustOut()
billCusSearch.reset()
}
}
})
avalon.scan()
//引入组件
require([
'../../lib/ws/ws.js',
'../../lib/progressbar/progressbar',
'../../lib/modal/modal.js',
"../../lib/tip/tip.js",
'../../lib/toTop/toTop.js',
'../../lib/goodsInput/goodsInput',
'../../lib/cusInput/cusInput',
], function () {
require([
'domReady!',
'../../package/login/login.js',
'../../package/nav/nav.js',
'../../package/quickStart/quickStart.js',
'../../plugins/door/door.js',
'../../plugins/isIt/isIt.js',
'mmAnimate'
], function () {
// 控制器引入
nav.ready()
quickStart.ready()
avalon.scan()
})
// 滚动加载
avalon.ready(function () {
//自动监听滚动条时间加载更多的列表项目
function loadMore() {
//变量
var loading = false
var minTime = 1000
function reachBottom() {
var scrollTop = 0;
var clientHeight = 0;
var scrollHeight = 0;
if (document.documentElement && document.documentElement.scrollTop) {
scrollTop = document.documentElement.scrollTop;
} else if (document.body) {
scrollTop = document.body.scrollTop;
}
if (document.body.clientHeight && document.documentElement.clientHeight) {
clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
} else {
clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
}
scrollHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
console.log(scrollTop + ',' + clientHeight + ',' + scrollHeight)
if (scrollTop + clientHeight == scrollHeight) {
return true;
} else {
return false;
}
}
//判断
if (!loading && reachBottom()) {
console.log("yes")
//执行条件成立
load()
} else {
console.log("no")
}
//执行
function load() {
loading = true
//定义对应表
var fnList = {
//首页
/*'#!/all/0': {
vm: 'all',
path: '../../package/all/all',
ifFn: "getList",
sign: 'all.now!=-235',
elseFn: 'byDate'
},*/
'#!/order/0': {
vm: 'order',
path: '../../package/order/order',
ifFn: "getList",
// sign: 'order.now!=-235',
// elseFn: 'byDate'
},
'#!/goods/0': {
vm: "goods",
path: '../../package/goods/goods',
ifFn: "getGoods",
sign: 'goods.className=="选择分类"',
elseFn: 'byClass'
},
'#!/customer/0': {
vm: 'customer',
path: '../../package/customer/customer',
ifFn: "getCus"
},
"#!/search/0": {
vm: 'search',
path: '../../package/search/search',
ifFn: 'search'
}
}
//获取hash
var hash = window.location.hash.toLowerCase()
if (fnList[hash]) {
var vm = fnList[hash].vm,
path = fnList[hash].path,
ifFn = fnList[hash].ifFn,
elseFn = fnList[hash].elseFn;
//创建依赖
require([path], function () {
//判断sign
if (fnList[hash].sign) {
//这个VM具有内部判断
var sign = fnList[hash].sign;
if (eval(sign)) {
avalon.vmodels[vm][ifFn]()
}
else {
avalon.vmodels[vm][elseFn]()
}
} else {
avalon.vmodels[vm][ifFn]()
}
//执行函数
})
}
//重置
setTimeout(function () {
loading = false
}, minTime)
}
}
//绑定到滚动事件上
EventUtil.addEventHandler(window, 'scroll', function () {
loadMore()
})
//检测滚动条
layout.computHeight();
layout.getCarCache();
})
})
});
</script>
<!--<script src="./plugins/validate/regCheckOut.js"></script>-->
<script src="./router.js"></script>
</body>
</html>
JavaScript
1
https://gitee.com/mooshroom/Chest.git
git@gitee.com:mooshroom/Chest.git
mooshroom
Chest
Chest
master

搜索帮助